Skip to content

Commit 6c77a31

Browse files
mrholekmrholek
committed
release: v2.0.0-rc.0
1 parent 3fcd499 commit 6c77a31

9 files changed

+2728
-1
lines changed

‎dist/CIcon.d.ts

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
import React, { DOMAttributes } from 'react';
2+
import './CIcon.css';
3+
export interface CIconProps extends DOMAttributes<SVGSVGElement> {
4+
/**
5+
* A string of all className you want applied to the component. [docs]
6+
*/
7+
className?: string;
8+
/**
9+
* Name of the icon placed in React object. [docs]
10+
*/
11+
name?: string;
12+
/**
13+
* Icon SVG content. [docs]
14+
*/
15+
content?: string | Array<string>;
16+
/**
17+
* Size of the icon. Available sizes: 'sm', 'lg', 'xl', '2xl'...'9xl', 'custom', 'custom-size'. [docs]
18+
*/
19+
size?: 'custom-size' | 'sm' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
20+
/**
21+
* Use for replacing default CIcon component classes. Prop is overriding the 'size' prop. [docs]
22+
*/
23+
customClassName?: string | object | Array<string>;
24+
/**
25+
* If defined component will be rendered using 'use' tag. [docs]
26+
*/
27+
use?: string;
28+
/**
29+
* Title tag content. [docs]
30+
*/
31+
title?: string;
32+
}
33+
export declare const CIcon: React.ForwardRefExoticComponent<CIconProps & React.RefAttributes<SVGSVGElement>>;

‎dist/index.css

+78
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
.icon {
2+
display: inline-block;
3+
color: inherit;
4+
text-align: center;
5+
fill: currentColor;
6+
}
7+
8+
.icon:not(.icon-c-s):not(.icon-custom-size) {
9+
width: 1rem;
10+
height: 1rem;
11+
font-size: 1rem;
12+
}
13+
14+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-2xl {
15+
width: 2rem;
16+
height: 2rem;
17+
font-size: 2rem;
18+
}
19+
20+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-3xl {
21+
width: 3rem;
22+
height: 3rem;
23+
font-size: 3rem;
24+
}
25+
26+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-4xl {
27+
width: 4rem;
28+
height: 4rem;
29+
font-size: 4rem;
30+
}
31+
32+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-5xl {
33+
width: 5rem;
34+
height: 5rem;
35+
font-size: 5rem;
36+
}
37+
38+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-6xl {
39+
width: 6rem;
40+
height: 6rem;
41+
font-size: 6rem;
42+
}
43+
44+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-7xl {
45+
width: 7rem;
46+
height: 7rem;
47+
font-size: 7rem;
48+
}
49+
50+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-8xl {
51+
width: 8rem;
52+
height: 8rem;
53+
font-size: 8rem;
54+
}
55+
56+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-9xl {
57+
width: 9rem;
58+
height: 9rem;
59+
font-size: 9rem;
60+
}
61+
62+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-xl {
63+
width: 1.5rem;
64+
height: 1.5rem;
65+
font-size: 1.5rem;
66+
}
67+
68+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-lg {
69+
width: 1.25rem;
70+
height: 1.25rem;
71+
font-size: 1.25rem;
72+
}
73+
74+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-sm {
75+
width: 0.875rem;
76+
height: 0.875rem;
77+
font-size: 0.875rem;
78+
}

‎dist/index.d.ts

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
import { CIcon } from './CIcon';
2+
export default CIcon;

‎dist/index.es.css

+78
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
.icon {
2+
display: inline-block;
3+
color: inherit;
4+
text-align: center;
5+
fill: currentColor;
6+
}
7+
8+
.icon:not(.icon-c-s):not(.icon-custom-size) {
9+
width: 1rem;
10+
height: 1rem;
11+
font-size: 1rem;
12+
}
13+
14+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-2xl {
15+
width: 2rem;
16+
height: 2rem;
17+
font-size: 2rem;
18+
}
19+
20+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-3xl {
21+
width: 3rem;
22+
height: 3rem;
23+
font-size: 3rem;
24+
}
25+
26+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-4xl {
27+
width: 4rem;
28+
height: 4rem;
29+
font-size: 4rem;
30+
}
31+
32+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-5xl {
33+
width: 5rem;
34+
height: 5rem;
35+
font-size: 5rem;
36+
}
37+
38+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-6xl {
39+
width: 6rem;
40+
height: 6rem;
41+
font-size: 6rem;
42+
}
43+
44+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-7xl {
45+
width: 7rem;
46+
height: 7rem;
47+
font-size: 7rem;
48+
}
49+
50+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-8xl {
51+
width: 8rem;
52+
height: 8rem;
53+
font-size: 8rem;
54+
}
55+
56+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-9xl {
57+
width: 9rem;
58+
height: 9rem;
59+
font-size: 9rem;
60+
}
61+
62+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-xl {
63+
width: 1.5rem;
64+
height: 1.5rem;
65+
font-size: 1.5rem;
66+
}
67+
68+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-lg {
69+
width: 1.25rem;
70+
height: 1.25rem;
71+
font-size: 1.25rem;
72+
}
73+
74+
.icon:not(.icon-c-s):not(.icon-custom-size).icon-sm {
75+
width: 0.875rem;
76+
height: 0.875rem;
77+
font-size: 0.875rem;
78+
}

0 commit comments

Comments
 (0)