@volue/design-colors 1.3.1-next.2 → 1.4.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/index.common.d.ts +57 -52
  2. package/dist/index.common.js +57 -52
  3. package/dist/index.cssmodules.css +5 -6
  4. package/dist/index.custom-properties.css +8 -4
  5. package/dist/index.json +4 -4
  6. package/dist/index.map.scss +58 -53
  7. package/dist/index.module.d.ts +57 -52
  8. package/dist/index.module.js +9 -4
  9. package/dist/index.scss +8 -5
  10. package/dist/textColors.json +2 -2
  11. package/package.json +11 -12
  12. package/src/backgroundFills.json +189 -0
  13. package/src/textColors.json +92 -0
  14. package/src/tokens.json +171 -0
  15. package/dist/backgroundFills.html +0 -710
  16. package/dist/colors.map.scss +0 -55
  17. package/dist/index.html +0 -732
  18. package/dist/textColors.html +0 -535
  19. package/src/_aliases.yml +0 -85
  20. package/src/backgroundFills.yml +0 -257
  21. package/src/colors.yml +0 -224
  22. package/src/index.yml +0 -2
  23. package/src/textColors.yml +0 -118
package/dist/index.common.d.ts CHANGED
@@ -1,52 +1,57 @@
1
- export declare const colorBlack = "#000000";
2
- export declare const colorWhite = "#ffffff";
3
- export declare const colorGray5 = "#f2f2f2";
4
- export declare const colorGray10 = "#e5e5e5";
5
- export declare const colorGray15 = "#d9d9d9";
6
- export declare const colorGray25 = "#b2b2b2";
7
- export declare const colorGray50 = "#666666";
8
- export declare const colorGray75 = "#333333";
9
- export declare const colorPrimary5 = "#f2f4f5";
10
- export declare const colorPrimary10 = "#e6e9ea";
11
- export declare const colorPrimary60 = "#6b8085";
12
- export declare const colorPrimary100 = "#082b33";
13
- export declare const colorPrimary120 = "#062228";
14
- export declare const colorAccent5 = "#f2f8f8";
15
- export declare const colorAccent10 = "#e5f1f2";
16
- export declare const colorAccent15 = "#d9ebec";
17
- export declare const colorAccent25 = "#bfddde";
18
- export declare const colorAccent60 = "#7fbbbd";
19
- export declare const colorAccent100 = "#01797d";
20
- export declare const colorAccent120 = "#016063";
21
- export declare const colorBlue10 = "#e9f1f6";
22
- export declare const colorBlue50 = "#92b8d4";
23
- export declare const colorBlue100 = "#2673aa";
24
- export declare const colorBlue120 = "#1a5178";
25
- export declare const colorGreen10 = "#ecf3ea";
26
- export declare const colorGreen50 = "#a0c29b";
27
- export declare const colorGreen100 = "#438538";
28
- export declare const colorGreen120 = "#295222";
29
- export declare const colorOrange10 = "#fbf0e5";
30
- export declare const colorOrange50 = "#ecb67f";
31
- export declare const colorOrange100 = "#da6e00";
32
- export declare const colorOrange120 = "#a65300";
33
- export declare const colorRed10 = "#fbe9ea";
34
- export declare const colorRed50 = "#df9e99";
35
- export declare const colorRed100 = "#bf3f34";
36
- export declare const colorRed120 = "#8c2e26";
37
- export declare const colorTeal10 = "#e9f6f7";
38
- export declare const colorTeal50 = "#94d1d5";
39
- export declare const colorTeal100 = "#2ba3ab";
40
- export declare const colorTeal120 = "#1e7278";
41
- export declare const colorPurple10 = "#f1ecf5";
42
- export declare const colorPurple50 = "#bfa9d3";
43
- export declare const colorPurple100 = "#8054a8";
44
- export declare const colorPurple120 = "#593b75";
45
- export declare const colorPink10 = "#faebef";
46
- export declare const colorPink50 = "#e79eb0";
47
- export declare const colorPink100 = "#cf3f63";
48
- export declare const colorPink120 = "#9c2f4a";
49
- export declare const colorYellow10 = "#fdfaf4";
50
- export declare const colorYellow50 = "#fdd9a3";
51
- export declare const colorYellow100 = "#faa600";
52
- export declare const colorYellow120 = "#c78500";
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 15 Feb 2023 21:11:52 GMT
4
+ */
5
+
6
+ export const colorBlack : "#000000";
7
+ export const colorWhite : "#ffffff";
8
+ export const colorGray5 : "#f2f2f2";
9
+ export const colorGray10 : "#e5e5e5";
10
+ export const colorGray15 : "#d9d9d9";
11
+ export const colorGray25 : "#b2b2b2";
12
+ export const colorGray50 : "#666666";
13
+ export const colorGray75 : "#333333";
14
+ export const colorPrimary5 : "#f2f4f5";
15
+ export const colorPrimary10 : "#e6e9ea";
16
+ export const colorPrimary60 : "#6b8085";
17
+ export const colorPrimary100 : "#082b33";
18
+ export const colorPrimary120 : "#062228";
19
+ export const colorAccent5 : "#f2f8f8";
20
+ export const colorAccent10 : "#e5f1f2";
21
+ export const colorAccent15 : "#d9ebec";
22
+ export const colorAccent25 : "#bfddde";
23
+ export const colorAccent60 : "#7fbbbd";
24
+ export const colorAccent100 : "#01797d";
25
+ export const colorAccent120 : "#016063";
26
+ export const colorBlue10 : "#e9f1f6";
27
+ export const colorBlue50 : "#92b8d4";
28
+ export const colorBlue100 : "#2673aa";
29
+ export const colorBlue120 : "#1a5178";
30
+ export const colorGreen10 : "#ecf3ea";
31
+ export const colorGreen50 : "#a0c29b";
32
+ export const colorGreen100 : "#438538";
33
+ export const colorGreen120 : "#295222";
34
+ export const colorOrange10 : "#fbf0e5";
35
+ export const colorOrange50 : "#ecb67f";
36
+ export const colorOrange100 : "#da6e00";
37
+ export const colorOrange120 : "#a65300";
38
+ export const colorRed10 : "#fbe9ea";
39
+ export const colorRed50 : "#df9e99";
40
+ export const colorRed100 : "#bf3f34";
41
+ export const colorRed120 : "#8c2e26";
42
+ export const colorTeal10 : "#e9f6f7";
43
+ export const colorTeal50 : "#94d1d5";
44
+ export const colorTeal100 : "#2ba3ab";
45
+ export const colorTeal120 : "#1e7278";
46
+ export const colorPink10 : "#faebef";
47
+ export const colorPink50 : "#e79eb0";
48
+ export const colorPink100 : "#cf3f63";
49
+ export const colorPink120 : "#9c2f4a";
50
+ export const colorPurple10 : "#f1ecf5";
51
+ export const colorPurple50 : "#bfa9d3";
52
+ export const colorPurple100 : "#8054a8";
53
+ export const colorPurple120 : "#593b75";
54
+ export const colorYellow10 : "#fdfaf4";
55
+ export const colorYellow50 : "#fdd9a3";
56
+ export const colorYellow100 : "#faa600";
57
+ export const colorYellow120 : "#c78500";
package/dist/index.common.js CHANGED
@@ -1,54 +1,59 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 15 Feb 2023 21:11:52 GMT
4
+ */
5
+
1
6
  module.exports = {
2
- colorBlack: "#000000",
3
- colorWhite: "#ffffff",
4
- colorGray5: "#f2f2f2",
5
- colorGray10: "#e5e5e5",
6
- colorGray15: "#d9d9d9",
7
- colorGray25: "#b2b2b2",
8
- colorGray50: "#666666",
9
- colorGray75: "#333333",
10
- colorPrimary5: "#f2f4f5",
11
- colorPrimary10: "#e6e9ea",
12
- colorPrimary60: "#6b8085",
13
- colorPrimary100: "#082b33",
14
- colorPrimary120: "#062228",
15
- colorAccent5: "#f2f8f8",
16
- colorAccent10: "#e5f1f2",
17
- colorAccent15: "#d9ebec",
18
- colorAccent25: "#bfddde",
19
- colorAccent60: "#7fbbbd",
20
- colorAccent100: "#01797d",
21
- colorAccent120: "#016063",
22
- colorBlue10: "#e9f1f6",
23
- colorBlue50: "#92b8d4",
24
- colorBlue100: "#2673aa",
25
- colorBlue120: "#1a5178",
26
- colorGreen10: "#ecf3ea",
27
- colorGreen50: "#a0c29b",
28
- colorGreen100: "#438538",
29
- colorGreen120: "#295222",
30
- colorOrange10: "#fbf0e5",
31
- colorOrange50: "#ecb67f",
32
- colorOrange100: "#da6e00",
33
- colorOrange120: "#a65300",
34
- colorRed10: "#fbe9ea",
35
- colorRed50: "#df9e99",
36
- colorRed100: "#bf3f34",
37
- colorRed120: "#8c2e26",
38
- colorTeal10: "#e9f6f7",
39
- colorTeal50: "#94d1d5",
40
- colorTeal100: "#2ba3ab",
41
- colorTeal120: "#1e7278",
42
- colorPurple10: "#f1ecf5",
43
- colorPurple50: "#bfa9d3",
44
- colorPurple100: "#8054a8",
45
- colorPurple120: "#593b75",
46
- colorPink10: "#faebef",
47
- colorPink50: "#e79eb0",
48
- colorPink100: "#cf3f63",
49
- colorPink120: "#9c2f4a",
50
- colorYellow10: "#fdfaf4",
51
- colorYellow50: "#fdd9a3",
52
- colorYellow100: "#faa600",
53
- colorYellow120: "#c78500",
7
+ "colorBlack": "#000000",
8
+ "colorWhite": "#ffffff",
9
+ "colorGray5": "#f2f2f2",
10
+ "colorGray10": "#e5e5e5",
11
+ "colorGray15": "#d9d9d9",
12
+ "colorGray25": "#b2b2b2",
13
+ "colorGray50": "#666666",
14
+ "colorGray75": "#333333",
15
+ "colorPrimary5": "#f2f4f5",
16
+ "colorPrimary10": "#e6e9ea",
17
+ "colorPrimary60": "#6b8085",
18
+ "colorPrimary100": "#082b33",
19
+ "colorPrimary120": "#062228",
20
+ "colorAccent5": "#f2f8f8",
21
+ "colorAccent10": "#e5f1f2",
22
+ "colorAccent15": "#d9ebec",
23
+ "colorAccent25": "#bfddde",
24
+ "colorAccent60": "#7fbbbd",
25
+ "colorAccent100": "#01797d",
26
+ "colorAccent120": "#016063",
27
+ "colorBlue10": "#e9f1f6",
28
+ "colorBlue50": "#92b8d4",
29
+ "colorBlue100": "#2673aa",
30
+ "colorBlue120": "#1a5178",
31
+ "colorGreen10": "#ecf3ea",
32
+ "colorGreen50": "#a0c29b",
33
+ "colorGreen100": "#438538",
34
+ "colorGreen120": "#295222",
35
+ "colorOrange10": "#fbf0e5",
36
+ "colorOrange50": "#ecb67f",
37
+ "colorOrange100": "#da6e00",
38
+ "colorOrange120": "#a65300",
39
+ "colorRed10": "#fbe9ea",
40
+ "colorRed50": "#df9e99",
41
+ "colorRed100": "#bf3f34",
42
+ "colorRed120": "#8c2e26",
43
+ "colorTeal10": "#e9f6f7",
44
+ "colorTeal50": "#94d1d5",
45
+ "colorTeal100": "#2ba3ab",
46
+ "colorTeal120": "#1e7278",
47
+ "colorPink10": "#faebef",
48
+ "colorPink50": "#e79eb0",
49
+ "colorPink100": "#cf3f63",
50
+ "colorPink120": "#9c2f4a",
51
+ "colorPurple10": "#f1ecf5",
52
+ "colorPurple50": "#bfa9d3",
53
+ "colorPurple100": "#8054a8",
54
+ "colorPurple120": "#593b75",
55
+ "colorYellow10": "#fdfaf4",
56
+ "colorYellow50": "#fdd9a3",
57
+ "colorYellow100": "#faa600",
58
+ "colorYellow120": "#c78500"
54
59
  };
package/dist/index.cssmodules.css CHANGED
@@ -1,4 +1,3 @@
1
-
2
1
  @value color-black: #000000;
3
2
  @value color-white: #ffffff;
4
3
  @value color-gray5: #f2f2f2;
@@ -39,15 +38,15 @@
39
38
  @value color-teal50: #94d1d5;
40
39
  @value color-teal100: #2ba3ab;
41
40
  @value color-teal120: #1e7278;
42
- @value color-purple10: #f1ecf5;
43
- @value color-purple50: #bfa9d3;
44
- @value color-purple100: #8054a8;
45
- @value color-purple120: #593b75;
46
41
  @value color-pink10: #faebef;
47
42
  @value color-pink50: #e79eb0;
48
43
  @value color-pink100: #cf3f63;
49
44
  @value color-pink120: #9c2f4a;
45
+ @value color-purple10: #f1ecf5;
46
+ @value color-purple50: #bfa9d3;
47
+ @value color-purple100: #8054a8;
48
+ @value color-purple120: #593b75;
50
49
  @value color-yellow10: #fdfaf4;
51
50
  @value color-yellow50: #fdd9a3;
52
51
  @value color-yellow100: #faa600;
53
- @value color-yellow120: #c78500;
52
+ @value color-yellow120: #c78500;
package/dist/index.custom-properties.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 15 Feb 2023 21:11:52 GMT
4
+ */
1
5
 
2
6
  :root {
3
7
  --color-black: #000000;
@@ -40,14 +44,14 @@
40
44
  --color-teal50: #94d1d5;
41
45
  --color-teal100: #2ba3ab;
42
46
  --color-teal120: #1e7278;
43
- --color-purple10: #f1ecf5;
44
- --color-purple50: #bfa9d3;
45
- --color-purple100: #8054a8;
46
- --color-purple120: #593b75;
47
47
  --color-pink10: #faebef;
48
48
  --color-pink50: #e79eb0;
49
49
  --color-pink100: #cf3f63;
50
50
  --color-pink120: #9c2f4a;
51
+ --color-purple10: #f1ecf5;
52
+ --color-purple50: #bfa9d3;
53
+ --color-purple100: #8054a8;
54
+ --color-purple120: #593b75;
51
55
  --color-yellow10: #fdfaf4;
52
56
  --color-yellow50: #fdd9a3;
53
57
  --color-yellow100: #faa600;
package/dist/index.json CHANGED
@@ -39,14 +39,14 @@
39
39
  "COLOR_TEAL50": "#94d1d5",
40
40
  "COLOR_TEAL100": "#2ba3ab",
41
41
  "COLOR_TEAL120": "#1e7278",
42
- "COLOR_PURPLE10": "#f1ecf5",
43
- "COLOR_PURPLE50": "#bfa9d3",
44
- "COLOR_PURPLE100": "#8054a8",
45
- "COLOR_PURPLE120": "#593b75",
46
42
  "COLOR_PINK10": "#faebef",
47
43
  "COLOR_PINK50": "#e79eb0",
48
44
  "COLOR_PINK100": "#cf3f63",
49
45
  "COLOR_PINK120": "#9c2f4a",
46
+ "COLOR_PURPLE10": "#f1ecf5",
47
+ "COLOR_PURPLE50": "#bfa9d3",
48
+ "COLOR_PURPLE100": "#8054a8",
49
+ "COLOR_PURPLE120": "#593b75",
50
50
  "COLOR_YELLOW10": "#fdfaf4",
51
51
  "COLOR_YELLOW50": "#fdd9a3",
52
52
  "COLOR_YELLOW100": "#faa600",
package/dist/index.map.scss CHANGED
@@ -1,55 +1,60 @@
1
1
 
2
- $index-map: (
3
- 'color-black': (#000000),
4
- 'color-white': (#ffffff),
5
- 'color-gray5': (#f2f2f2),
6
- 'color-gray10': (#e5e5e5),
7
- 'color-gray15': (#d9d9d9),
8
- 'color-gray25': (#b2b2b2),
9
- 'color-gray50': (#666666),
10
- 'color-gray75': (#333333),
11
- 'color-primary5': (#f2f4f5),
12
- 'color-primary10': (#e6e9ea),
13
- 'color-primary60': (#6b8085),
14
- 'color-primary100': (#082b33),
15
- 'color-primary120': (#062228),
16
- 'color-accent5': (#f2f8f8),
17
- 'color-accent10': (#e5f1f2),
18
- 'color-accent15': (#d9ebec),
19
- 'color-accent25': (#bfddde),
20
- 'color-accent60': (#7fbbbd),
21
- 'color-accent100': (#01797d),
22
- 'color-accent120': (#016063),
23
- 'color-blue10': (#e9f1f6),
24
- 'color-blue50': (#92b8d4),
25
- 'color-blue100': (#2673aa),
26
- 'color-blue120': (#1a5178),
27
- 'color-green10': (#ecf3ea),
28
- 'color-green50': (#a0c29b),
29
- 'color-green100': (#438538),
30
- 'color-green120': (#295222),
31
- 'color-orange10': (#fbf0e5),
32
- 'color-orange50': (#ecb67f),
33
- 'color-orange100': (#da6e00),
34
- 'color-orange120': (#a65300),
35
- 'color-red10': (#fbe9ea),
36
- 'color-red50': (#df9e99),
37
- 'color-red100': (#bf3f34),
38
- 'color-red120': (#8c2e26),
39
- 'color-teal10': (#e9f6f7),
40
- 'color-teal50': (#94d1d5),
41
- 'color-teal100': (#2ba3ab),
42
- 'color-teal120': (#1e7278),
43
- 'color-purple10': (#f1ecf5),
44
- 'color-purple50': (#bfa9d3),
45
- 'color-purple100': (#8054a8),
46
- 'color-purple120': (#593b75),
47
- 'color-pink10': (#faebef),
48
- 'color-pink50': (#e79eb0),
49
- 'color-pink100': (#cf3f63),
50
- 'color-pink120': (#9c2f4a),
51
- 'color-yellow10': (#fdfaf4),
52
- 'color-yellow50': (#fdd9a3),
53
- 'color-yellow100': (#faa600),
54
- 'color-yellow120': (#c78500),
2
+ /**
3
+ * Do not edit directly
4
+ * Generated on Wed, 15 Feb 2023 21:11:52 GMT
5
+ */
6
+
7
+ $colors-map: (
8
+ 'color-black': #000000,
9
+ 'color-white': #ffffff,
10
+ 'color-gray5': #f2f2f2,
11
+ 'color-gray10': #e5e5e5,
12
+ 'color-gray15': #d9d9d9,
13
+ 'color-gray25': #b2b2b2,
14
+ 'color-gray50': #666666,
15
+ 'color-gray75': #333333,
16
+ 'color-primary5': #f2f4f5,
17
+ 'color-primary10': #e6e9ea,
18
+ 'color-primary60': #6b8085,
19
+ 'color-primary100': #082b33,
20
+ 'color-primary120': #062228,
21
+ 'color-accent5': #f2f8f8,
22
+ 'color-accent10': #e5f1f2,
23
+ 'color-accent15': #d9ebec,
24
+ 'color-accent25': #bfddde,
25
+ 'color-accent60': #7fbbbd,
26
+ 'color-accent100': #01797d,
27
+ 'color-accent120': #016063,
28
+ 'color-blue10': #e9f1f6,
29
+ 'color-blue50': #92b8d4,
30
+ 'color-blue100': #2673aa,
31
+ 'color-blue120': #1a5178,
32
+ 'color-green10': #ecf3ea,
33
+ 'color-green50': #a0c29b,
34
+ 'color-green100': #438538,
35
+ 'color-green120': #295222,
36
+ 'color-orange10': #fbf0e5,
37
+ 'color-orange50': #ecb67f,
38
+ 'color-orange100': #da6e00,
39
+ 'color-orange120': #a65300,
40
+ 'color-red10': #fbe9ea,
41
+ 'color-red50': #df9e99,
42
+ 'color-red100': #bf3f34,
43
+ 'color-red120': #8c2e26,
44
+ 'color-teal10': #e9f6f7,
45
+ 'color-teal50': #94d1d5,
46
+ 'color-teal100': #2ba3ab,
47
+ 'color-teal120': #1e7278,
48
+ 'color-pink10': #faebef,
49
+ 'color-pink50': #e79eb0,
50
+ 'color-pink100': #cf3f63,
51
+ 'color-pink120': #9c2f4a,
52
+ 'color-purple10': #f1ecf5,
53
+ 'color-purple50': #bfa9d3,
54
+ 'color-purple100': #8054a8,
55
+ 'color-purple120': #593b75,
56
+ 'color-yellow10': #fdfaf4,
57
+ 'color-yellow50': #fdd9a3,
58
+ 'color-yellow100': #faa600,
59
+ 'color-yellow120': #c78500
55
60
  );
package/dist/index.module.d.ts CHANGED
@@ -1,52 +1,57 @@
1
- export declare const colorBlack = "#000000";
2
- export declare const colorWhite = "#ffffff";
3
- export declare const colorGray5 = "#f2f2f2";
4
- export declare const colorGray10 = "#e5e5e5";
5
- export declare const colorGray15 = "#d9d9d9";
6
- export declare const colorGray25 = "#b2b2b2";
7
- export declare const colorGray50 = "#666666";
8
- export declare const colorGray75 = "#333333";
9
- export declare const colorPrimary5 = "#f2f4f5";
10
- export declare const colorPrimary10 = "#e6e9ea";
11
- export declare const colorPrimary60 = "#6b8085";
12
- export declare const colorPrimary100 = "#082b33";
13
- export declare const colorPrimary120 = "#062228";
14
- export declare const colorAccent5 = "#f2f8f8";
15
- export declare const colorAccent10 = "#e5f1f2";
16
- export declare const colorAccent15 = "#d9ebec";
17
- export declare const colorAccent25 = "#bfddde";
18
- export declare const colorAccent60 = "#7fbbbd";
19
- export declare const colorAccent100 = "#01797d";
20
- export declare const colorAccent120 = "#016063";
21
- export declare const colorBlue10 = "#e9f1f6";
22
- export declare const colorBlue50 = "#92b8d4";
23
- export declare const colorBlue100 = "#2673aa";
24
- export declare const colorBlue120 = "#1a5178";
25
- export declare const colorGreen10 = "#ecf3ea";
26
- export declare const colorGreen50 = "#a0c29b";
27
- export declare const colorGreen100 = "#438538";
28
- export declare const colorGreen120 = "#295222";
29
- export declare const colorOrange10 = "#fbf0e5";
30
- export declare const colorOrange50 = "#ecb67f";
31
- export declare const colorOrange100 = "#da6e00";
32
- export declare const colorOrange120 = "#a65300";
33
- export declare const colorRed10 = "#fbe9ea";
34
- export declare const colorRed50 = "#df9e99";
35
- export declare const colorRed100 = "#bf3f34";
36
- export declare const colorRed120 = "#8c2e26";
37
- export declare const colorTeal10 = "#e9f6f7";
38
- export declare const colorTeal50 = "#94d1d5";
39
- export declare const colorTeal100 = "#2ba3ab";
40
- export declare const colorTeal120 = "#1e7278";
41
- export declare const colorPurple10 = "#f1ecf5";
42
- export declare const colorPurple50 = "#bfa9d3";
43
- export declare const colorPurple100 = "#8054a8";
44
- export declare const colorPurple120 = "#593b75";
45
- export declare const colorPink10 = "#faebef";
46
- export declare const colorPink50 = "#e79eb0";
47
- export declare const colorPink100 = "#cf3f63";
48
- export declare const colorPink120 = "#9c2f4a";
49
- export declare const colorYellow10 = "#fdfaf4";
50
- export declare const colorYellow50 = "#fdd9a3";
51
- export declare const colorYellow100 = "#faa600";
52
- export declare const colorYellow120 = "#c78500";
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 15 Feb 2023 21:11:52 GMT
4
+ */
5
+
6
+ export const colorBlack : "#000000";
7
+ export const colorWhite : "#ffffff";
8
+ export const colorGray5 : "#f2f2f2";
9
+ export const colorGray10 : "#e5e5e5";
10
+ export const colorGray15 : "#d9d9d9";
11
+ export const colorGray25 : "#b2b2b2";
12
+ export const colorGray50 : "#666666";
13
+ export const colorGray75 : "#333333";
14
+ export const colorPrimary5 : "#f2f4f5";
15
+ export const colorPrimary10 : "#e6e9ea";
16
+ export const colorPrimary60 : "#6b8085";
17
+ export const colorPrimary100 : "#082b33";
18
+ export const colorPrimary120 : "#062228";
19
+ export const colorAccent5 : "#f2f8f8";
20
+ export const colorAccent10 : "#e5f1f2";
21
+ export const colorAccent15 : "#d9ebec";
22
+ export const colorAccent25 : "#bfddde";
23
+ export const colorAccent60 : "#7fbbbd";
24
+ export const colorAccent100 : "#01797d";
25
+ export const colorAccent120 : "#016063";
26
+ export const colorBlue10 : "#e9f1f6";
27
+ export const colorBlue50 : "#92b8d4";
28
+ export const colorBlue100 : "#2673aa";
29
+ export const colorBlue120 : "#1a5178";
30
+ export const colorGreen10 : "#ecf3ea";
31
+ export const colorGreen50 : "#a0c29b";
32
+ export const colorGreen100 : "#438538";
33
+ export const colorGreen120 : "#295222";
34
+ export const colorOrange10 : "#fbf0e5";
35
+ export const colorOrange50 : "#ecb67f";
36
+ export const colorOrange100 : "#da6e00";
37
+ export const colorOrange120 : "#a65300";
38
+ export const colorRed10 : "#fbe9ea";
39
+ export const colorRed50 : "#df9e99";
40
+ export const colorRed100 : "#bf3f34";
41
+ export const colorRed120 : "#8c2e26";
42
+ export const colorTeal10 : "#e9f6f7";
43
+ export const colorTeal50 : "#94d1d5";
44
+ export const colorTeal100 : "#2ba3ab";
45
+ export const colorTeal120 : "#1e7278";
46
+ export const colorPink10 : "#faebef";
47
+ export const colorPink50 : "#e79eb0";
48
+ export const colorPink100 : "#cf3f63";
49
+ export const colorPink120 : "#9c2f4a";
50
+ export const colorPurple10 : "#f1ecf5";
51
+ export const colorPurple50 : "#bfa9d3";
52
+ export const colorPurple100 : "#8054a8";
53
+ export const colorPurple120 : "#593b75";
54
+ export const colorYellow10 : "#fdfaf4";
55
+ export const colorYellow50 : "#fdd9a3";
56
+ export const colorYellow100 : "#faa600";
57
+ export const colorYellow120 : "#c78500";
package/dist/index.module.js CHANGED
@@ -1,3 +1,8 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 15 Feb 2023 21:11:52 GMT
4
+ */
5
+
1
6
  export const colorBlack = "#000000";
2
7
  export const colorWhite = "#ffffff";
3
8
  export const colorGray5 = "#f2f2f2";
@@ -38,14 +43,14 @@ export const colorTeal10 = "#e9f6f7";
38
43
  export const colorTeal50 = "#94d1d5";
39
44
  export const colorTeal100 = "#2ba3ab";
40
45
  export const colorTeal120 = "#1e7278";
41
- export const colorPurple10 = "#f1ecf5";
42
- export const colorPurple50 = "#bfa9d3";
43
- export const colorPurple100 = "#8054a8";
44
- export const colorPurple120 = "#593b75";
45
46
  export const colorPink10 = "#faebef";
46
47
  export const colorPink50 = "#e79eb0";
47
48
  export const colorPink100 = "#cf3f63";
48
49
  export const colorPink120 = "#9c2f4a";
50
+ export const colorPurple10 = "#f1ecf5";
51
+ export const colorPurple50 = "#bfa9d3";
52
+ export const colorPurple100 = "#8054a8";
53
+ export const colorPurple120 = "#593b75";
49
54
  export const colorYellow10 = "#fdfaf4";
50
55
  export const colorYellow50 = "#fdd9a3";
51
56
  export const colorYellow100 = "#faa600";
package/dist/index.scss CHANGED
@@ -1,4 +1,7 @@
1
1
 
2
+ // Do not edit directly
3
+ // Generated on Wed, 15 Feb 2023 21:11:52 GMT
4
+
2
5
  $color-black: #000000;
3
6
  $color-white: #ffffff;
4
7
  $color-gray5: #f2f2f2;
@@ -39,15 +42,15 @@ $color-teal10: #e9f6f7;
39
42
  $color-teal50: #94d1d5;
40
43
  $color-teal100: #2ba3ab;
41
44
  $color-teal120: #1e7278;
42
- $color-purple10: #f1ecf5;
43
- $color-purple50: #bfa9d3;
44
- $color-purple100: #8054a8;
45
- $color-purple120: #593b75;
46
45
  $color-pink10: #faebef;
47
46
  $color-pink50: #e79eb0;
48
47
  $color-pink100: #cf3f63;
49
48
  $color-pink120: #9c2f4a;
49
+ $color-purple10: #f1ecf5;
50
+ $color-purple50: #bfa9d3;
51
+ $color-purple100: #8054a8;
52
+ $color-purple120: #593b75;
50
53
  $color-yellow10: #fdfaf4;
51
54
  $color-yellow50: #fdd9a3;
52
55
  $color-yellow100: #faa600;
53
- $color-yellow120: #c78500;
56
+ $color-yellow120: #c78500;
package/dist/textColors.json CHANGED
@@ -18,9 +18,9 @@
18
18
  "RED120": "#8c2e26",
19
19
  "TEAL100": "#2ba3ab",
20
20
  "TEAL120": "#1e7278",
21
- "PURPLE100": "#faa600",
21
+ "PURPLE100": "#8054a8",
22
22
  "PURPLE120": "#593b75",
23
- "PINK100": "#faa600",
23
+ "PINK100": "#cf3f63",
24
24
  "PINK120": "#9c2f4a",
25
25
  "YELLOW100": "#faa600",
26
26
  "YELLOW120": "#c78500"