@carbon/colors 10.37.0-rc.0 → 11.0.0-rc.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.
- package/es/index.js +6 -8
- package/index.scss +1 -1
- package/lib/index.js +6 -10
- package/package.json +4 -4
- package/umd/index.js +6 -10
- package/scss/colors.scss +0 -12
- package/scss/index.scss +0 -12
- package/scss/mixins.scss +0 -1456
package/es/index.js
CHANGED
|
@@ -20,7 +20,7 @@ var yellow70 = '#684e00';
|
|
|
20
20
|
var yellow80 = '#483700';
|
|
21
21
|
var yellow90 = '#302400';
|
|
22
22
|
var yellow100 = '#1c1500';
|
|
23
|
-
var
|
|
23
|
+
var yellow = {
|
|
24
24
|
10: yellow10,
|
|
25
25
|
20: yellow20,
|
|
26
26
|
30: yellow30,
|
|
@@ -32,7 +32,6 @@ var unstable_yellow = {
|
|
|
32
32
|
90: yellow90,
|
|
33
33
|
100: yellow100
|
|
34
34
|
};
|
|
35
|
-
var yellow = yellow30;
|
|
36
35
|
var yellow10Hover = '#f8e6a0';
|
|
37
36
|
var yellow20Hover = '#fccd27';
|
|
38
37
|
var yellow30Hover = '#ddb00e';
|
|
@@ -65,8 +64,7 @@ var orange70 = '#8a3800';
|
|
|
65
64
|
var orange80 = '#5e2900';
|
|
66
65
|
var orange90 = '#3e1a00';
|
|
67
66
|
var orange100 = '#231000';
|
|
68
|
-
var orange =
|
|
69
|
-
var unstable_orange = {
|
|
67
|
+
var orange = {
|
|
70
68
|
10: orange10,
|
|
71
69
|
20: orange20,
|
|
72
70
|
30: orange30,
|
|
@@ -550,7 +548,7 @@ var colors = {
|
|
|
550
548
|
gray: gray,
|
|
551
549
|
green: green,
|
|
552
550
|
magenta: magenta,
|
|
553
|
-
orange:
|
|
551
|
+
orange: orange,
|
|
554
552
|
purple: purple,
|
|
555
553
|
red: red,
|
|
556
554
|
teal: teal,
|
|
@@ -558,9 +556,9 @@ var colors = {
|
|
|
558
556
|
white: {
|
|
559
557
|
0: white
|
|
560
558
|
},
|
|
561
|
-
yellow:
|
|
559
|
+
yellow: yellow
|
|
562
560
|
};
|
|
563
|
-
var
|
|
561
|
+
var hoverColors = {
|
|
564
562
|
whiteHover: whiteHover,
|
|
565
563
|
blackHover: blackHover,
|
|
566
564
|
blueHover: blueHover,
|
|
@@ -597,4 +595,4 @@ function rgba(hexcode, opacity) {
|
|
|
597
595
|
return "rgba(".concat(values[0], ", ").concat(values[1], ", ").concat(values[2], ", ").concat(opacity, ")");
|
|
598
596
|
}
|
|
599
597
|
|
|
600
|
-
export { black, black100, blackHover, blue, blue10, blue100, blue100Hover, blue10Hover, blue20, blue20Hover, blue30, blue30Hover, blue40, blue40Hover, blue50, blue50Hover, blue60, blue60Hover, blue70, blue70Hover, blue80, blue80Hover, blue90, blue90Hover, blueHover, colors, coolGray, coolGray10, coolGray100, coolGray100Hover, coolGray10Hover, coolGray20, coolGray20Hover, coolGray30, coolGray30Hover, coolGray40, coolGray40Hover, coolGray50, coolGray50Hover, coolGray60, coolGray60Hover, coolGray70, coolGray70Hover, coolGray80, coolGray80Hover, coolGray90, coolGray90Hover, coolGrayHover, cyan, cyan10, cyan100, cyan100Hover, cyan10Hover, cyan20, cyan20Hover, cyan30, cyan30Hover, cyan40, cyan40Hover, cyan50, cyan50Hover, cyan60, cyan60Hover, cyan70, cyan70Hover, cyan80, cyan80Hover, cyan90, cyan90Hover, cyanHover, gray, gray10, gray100, gray100Hover, gray10Hover, gray20, gray20Hover, gray30, gray30Hover, gray40, gray40Hover, gray50, gray50Hover, gray60, gray60Hover, gray70, gray70Hover, gray80, gray80Hover, gray90, gray90Hover, grayHover, green, green10, green100, green100Hover, green10Hover, green20, green20Hover, green30, green30Hover, green40, green40Hover, green50, green50Hover, green60, green60Hover, green70, green70Hover, green80, green80Hover, green90, green90Hover, greenHover, magenta, magenta10, magenta100, magenta100Hover, magenta10Hover, magenta20, magenta20Hover, magenta30, magenta30Hover, magenta40, magenta40Hover, magenta50, magenta50Hover, magenta60, magenta60Hover, magenta70, magenta70Hover, magenta80, magenta80Hover, magenta90, magenta90Hover, magentaHover,
|
|
598
|
+
export { black, black100, blackHover, blue, blue10, blue100, blue100Hover, blue10Hover, blue20, blue20Hover, blue30, blue30Hover, blue40, blue40Hover, blue50, blue50Hover, blue60, blue60Hover, blue70, blue70Hover, blue80, blue80Hover, blue90, blue90Hover, blueHover, colors, coolGray, coolGray10, coolGray100, coolGray100Hover, coolGray10Hover, coolGray20, coolGray20Hover, coolGray30, coolGray30Hover, coolGray40, coolGray40Hover, coolGray50, coolGray50Hover, coolGray60, coolGray60Hover, coolGray70, coolGray70Hover, coolGray80, coolGray80Hover, coolGray90, coolGray90Hover, coolGrayHover, cyan, cyan10, cyan100, cyan100Hover, cyan10Hover, cyan20, cyan20Hover, cyan30, cyan30Hover, cyan40, cyan40Hover, cyan50, cyan50Hover, cyan60, cyan60Hover, cyan70, cyan70Hover, cyan80, cyan80Hover, cyan90, cyan90Hover, cyanHover, gray, gray10, gray100, gray100Hover, gray10Hover, gray20, gray20Hover, gray30, gray30Hover, gray40, gray40Hover, gray50, gray50Hover, gray60, gray60Hover, gray70, gray70Hover, gray80, gray80Hover, gray90, gray90Hover, grayHover, green, green10, green100, green100Hover, green10Hover, green20, green20Hover, green30, green30Hover, green40, green40Hover, green50, green50Hover, green60, green60Hover, green70, green70Hover, green80, green80Hover, green90, green90Hover, greenHover, hoverColors, magenta, magenta10, magenta100, magenta100Hover, magenta10Hover, magenta20, magenta20Hover, magenta30, magenta30Hover, magenta40, magenta40Hover, magenta50, magenta50Hover, magenta60, magenta60Hover, magenta70, magenta70Hover, magenta80, magenta80Hover, magenta90, magenta90Hover, magentaHover, orange10, orange100, orange100Hover, orange10Hover, orange20, orange20Hover, orange30, orange30Hover, orange40, orange40Hover, orange50, orange50Hover, orange60, orange60Hover, orange70, orange70Hover, orange80, orange80Hover, orange90, orange90Hover, orangeHover, purple, purple10, purple100, purple100Hover, purple10Hover, purple20, purple20Hover, purple30, purple30Hover, purple40, purple40Hover, purple50, purple50Hover, purple60, purple60Hover, purple70, purple70Hover, purple80, purple80Hover, purple90, purple90Hover, purpleHover, red, red10, red100, red100Hover, red10Hover, red20, red20Hover, red30, red30Hover, red40, red40Hover, red50, red50Hover, red60, red60Hover, red70, red70Hover, red80, red80Hover, red90, red90Hover, redHover, rgba, teal, teal10, teal100, teal100Hover, teal10Hover, teal20, teal20Hover, teal30, teal30Hover, teal40, teal40Hover, teal50, teal50Hover, teal60, teal60Hover, teal70, teal70Hover, teal80, teal80Hover, teal90, teal90Hover, tealHover, warmGray, warmGray10, warmGray100, warmGray100Hover, warmGray10Hover, warmGray20, warmGray20Hover, warmGray30, warmGray30Hover, warmGray40, warmGray40Hover, warmGray50, warmGray50Hover, warmGray60, warmGray60Hover, warmGray70, warmGray70Hover, warmGray80, warmGray80Hover, warmGray90, warmGray90Hover, warmGrayHover, white, white0, whiteHover, yellow10, yellow100, yellow100Hover, yellow10Hover, yellow20, yellow20Hover, yellow30, yellow30Hover, yellow40, yellow40Hover, yellow50, yellow50Hover, yellow60, yellow60Hover, yellow70, yellow70Hover, yellow80, yellow80Hover, yellow90, yellow90Hover, yellowHover };
|
package/index.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// Code generated by @carbon/colors. DO NOT EDIT.
|
|
2
2
|
//
|
|
3
|
-
// Copyright IBM Corp. 2018,
|
|
3
|
+
// Copyright IBM Corp. 2018, 2021
|
|
4
4
|
//
|
|
5
5
|
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
6
|
// LICENSE file in the root directory of this source tree.
|
package/lib/index.js
CHANGED
|
@@ -24,7 +24,7 @@ var yellow70 = '#684e00';
|
|
|
24
24
|
var yellow80 = '#483700';
|
|
25
25
|
var yellow90 = '#302400';
|
|
26
26
|
var yellow100 = '#1c1500';
|
|
27
|
-
var
|
|
27
|
+
var yellow = {
|
|
28
28
|
10: yellow10,
|
|
29
29
|
20: yellow20,
|
|
30
30
|
30: yellow30,
|
|
@@ -36,7 +36,6 @@ var unstable_yellow = {
|
|
|
36
36
|
90: yellow90,
|
|
37
37
|
100: yellow100
|
|
38
38
|
};
|
|
39
|
-
var yellow = yellow30;
|
|
40
39
|
var yellow10Hover = '#f8e6a0';
|
|
41
40
|
var yellow20Hover = '#fccd27';
|
|
42
41
|
var yellow30Hover = '#ddb00e';
|
|
@@ -69,8 +68,7 @@ var orange70 = '#8a3800';
|
|
|
69
68
|
var orange80 = '#5e2900';
|
|
70
69
|
var orange90 = '#3e1a00';
|
|
71
70
|
var orange100 = '#231000';
|
|
72
|
-
var orange =
|
|
73
|
-
var unstable_orange = {
|
|
71
|
+
var orange = {
|
|
74
72
|
10: orange10,
|
|
75
73
|
20: orange20,
|
|
76
74
|
30: orange30,
|
|
@@ -554,7 +552,7 @@ var colors = {
|
|
|
554
552
|
gray: gray,
|
|
555
553
|
green: green,
|
|
556
554
|
magenta: magenta,
|
|
557
|
-
orange:
|
|
555
|
+
orange: orange,
|
|
558
556
|
purple: purple,
|
|
559
557
|
red: red,
|
|
560
558
|
teal: teal,
|
|
@@ -562,9 +560,9 @@ var colors = {
|
|
|
562
560
|
white: {
|
|
563
561
|
0: white
|
|
564
562
|
},
|
|
565
|
-
yellow:
|
|
563
|
+
yellow: yellow
|
|
566
564
|
};
|
|
567
|
-
var
|
|
565
|
+
var hoverColors = {
|
|
568
566
|
whiteHover: whiteHover,
|
|
569
567
|
blackHover: blackHover,
|
|
570
568
|
blueHover: blueHover,
|
|
@@ -715,6 +713,7 @@ exports.green80Hover = green80Hover;
|
|
|
715
713
|
exports.green90 = green90;
|
|
716
714
|
exports.green90Hover = green90Hover;
|
|
717
715
|
exports.greenHover = greenHover;
|
|
716
|
+
exports.hoverColors = hoverColors;
|
|
718
717
|
exports.magenta = magenta;
|
|
719
718
|
exports.magenta10 = magenta10;
|
|
720
719
|
exports.magenta100 = magenta100;
|
|
@@ -737,7 +736,6 @@ exports.magenta80Hover = magenta80Hover;
|
|
|
737
736
|
exports.magenta90 = magenta90;
|
|
738
737
|
exports.magenta90Hover = magenta90Hover;
|
|
739
738
|
exports.magentaHover = magentaHover;
|
|
740
|
-
exports.orange = orange;
|
|
741
739
|
exports.orange10 = orange10;
|
|
742
740
|
exports.orange100 = orange100;
|
|
743
741
|
exports.orange100Hover = orange100Hover;
|
|
@@ -826,7 +824,6 @@ exports.teal80Hover = teal80Hover;
|
|
|
826
824
|
exports.teal90 = teal90;
|
|
827
825
|
exports.teal90Hover = teal90Hover;
|
|
828
826
|
exports.tealHover = tealHover;
|
|
829
|
-
exports.unstable_hoverColors = unstable_hoverColors;
|
|
830
827
|
exports.warmGray = warmGray;
|
|
831
828
|
exports.warmGray10 = warmGray10;
|
|
832
829
|
exports.warmGray100 = warmGray100;
|
|
@@ -852,7 +849,6 @@ exports.warmGrayHover = warmGrayHover;
|
|
|
852
849
|
exports.white = white;
|
|
853
850
|
exports.white0 = white0;
|
|
854
851
|
exports.whiteHover = whiteHover;
|
|
855
|
-
exports.yellow = yellow;
|
|
856
852
|
exports.yellow10 = yellow10;
|
|
857
853
|
exports.yellow100 = yellow100;
|
|
858
854
|
exports.yellow100Hover = yellow100Hover;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/colors",
|
|
3
3
|
"description": "Colors for digital and software products using the Carbon Design System",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "11.0.0-rc.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -36,10 +36,10 @@
|
|
|
36
36
|
"clean": "rimraf css es lib umd scss index.scss"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@carbon/cli": "^
|
|
39
|
+
"@carbon/cli": "^11.0.0-rc.0",
|
|
40
40
|
"@carbon/cli-reporter": "^10.5.0",
|
|
41
41
|
"@carbon/scss-generator": "^10.13.0",
|
|
42
|
-
"@carbon/test-utils": "^10.
|
|
42
|
+
"@carbon/test-utils": "^10.22.0-rc.0",
|
|
43
43
|
"change-case": "^4.1.1",
|
|
44
44
|
"fs-extra": "^10.0.0",
|
|
45
45
|
"node-sass": "^7.0.1",
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"sassDir": "scss",
|
|
53
53
|
"needs": "^1.3.0"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "e4894776a4996c10bfc8f9a724532a25966aa622"
|
|
56
56
|
}
|
package/umd/index.js
CHANGED
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
var yellow80 = '#483700';
|
|
27
27
|
var yellow90 = '#302400';
|
|
28
28
|
var yellow100 = '#1c1500';
|
|
29
|
-
var
|
|
29
|
+
var yellow = {
|
|
30
30
|
10: yellow10,
|
|
31
31
|
20: yellow20,
|
|
32
32
|
30: yellow30,
|
|
@@ -38,7 +38,6 @@
|
|
|
38
38
|
90: yellow90,
|
|
39
39
|
100: yellow100
|
|
40
40
|
};
|
|
41
|
-
var yellow = yellow30;
|
|
42
41
|
var yellow10Hover = '#f8e6a0';
|
|
43
42
|
var yellow20Hover = '#fccd27';
|
|
44
43
|
var yellow30Hover = '#ddb00e';
|
|
@@ -71,8 +70,7 @@
|
|
|
71
70
|
var orange80 = '#5e2900';
|
|
72
71
|
var orange90 = '#3e1a00';
|
|
73
72
|
var orange100 = '#231000';
|
|
74
|
-
var orange =
|
|
75
|
-
var unstable_orange = {
|
|
73
|
+
var orange = {
|
|
76
74
|
10: orange10,
|
|
77
75
|
20: orange20,
|
|
78
76
|
30: orange30,
|
|
@@ -556,7 +554,7 @@
|
|
|
556
554
|
gray: gray,
|
|
557
555
|
green: green,
|
|
558
556
|
magenta: magenta,
|
|
559
|
-
orange:
|
|
557
|
+
orange: orange,
|
|
560
558
|
purple: purple,
|
|
561
559
|
red: red,
|
|
562
560
|
teal: teal,
|
|
@@ -564,9 +562,9 @@
|
|
|
564
562
|
white: {
|
|
565
563
|
0: white
|
|
566
564
|
},
|
|
567
|
-
yellow:
|
|
565
|
+
yellow: yellow
|
|
568
566
|
};
|
|
569
|
-
var
|
|
567
|
+
var hoverColors = {
|
|
570
568
|
whiteHover: whiteHover,
|
|
571
569
|
blackHover: blackHover,
|
|
572
570
|
blueHover: blueHover,
|
|
@@ -717,6 +715,7 @@
|
|
|
717
715
|
exports.green90 = green90;
|
|
718
716
|
exports.green90Hover = green90Hover;
|
|
719
717
|
exports.greenHover = greenHover;
|
|
718
|
+
exports.hoverColors = hoverColors;
|
|
720
719
|
exports.magenta = magenta;
|
|
721
720
|
exports.magenta10 = magenta10;
|
|
722
721
|
exports.magenta100 = magenta100;
|
|
@@ -739,7 +738,6 @@
|
|
|
739
738
|
exports.magenta90 = magenta90;
|
|
740
739
|
exports.magenta90Hover = magenta90Hover;
|
|
741
740
|
exports.magentaHover = magentaHover;
|
|
742
|
-
exports.orange = orange;
|
|
743
741
|
exports.orange10 = orange10;
|
|
744
742
|
exports.orange100 = orange100;
|
|
745
743
|
exports.orange100Hover = orange100Hover;
|
|
@@ -828,7 +826,6 @@
|
|
|
828
826
|
exports.teal90 = teal90;
|
|
829
827
|
exports.teal90Hover = teal90Hover;
|
|
830
828
|
exports.tealHover = tealHover;
|
|
831
|
-
exports.unstable_hoverColors = unstable_hoverColors;
|
|
832
829
|
exports.warmGray = warmGray;
|
|
833
830
|
exports.warmGray10 = warmGray10;
|
|
834
831
|
exports.warmGray100 = warmGray100;
|
|
@@ -854,7 +851,6 @@
|
|
|
854
851
|
exports.white = white;
|
|
855
852
|
exports.white0 = white0;
|
|
856
853
|
exports.whiteHover = whiteHover;
|
|
857
|
-
exports.yellow = yellow;
|
|
858
854
|
exports.yellow10 = yellow10;
|
|
859
855
|
exports.yellow100 = yellow100;
|
|
860
856
|
exports.yellow100Hover = yellow100Hover;
|
package/scss/colors.scss
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// Code generated by @carbon/colors. DO NOT EDIT.
|
|
2
|
-
//
|
|
3
|
-
// Copyright IBM Corp. 2018, 2020
|
|
4
|
-
//
|
|
5
|
-
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
-
// LICENSE file in the root directory of this source tree.
|
|
7
|
-
//
|
|
8
|
-
@import './mixins';
|
|
9
|
-
// Deprecated ☠️
|
|
10
|
-
@include ibm--colors();
|
|
11
|
-
// Preferred
|
|
12
|
-
@include carbon--colors();
|
package/scss/index.scss
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// Code generated by @carbon/colors. DO NOT EDIT.
|
|
2
|
-
//
|
|
3
|
-
// Copyright IBM Corp. 2018, 2020
|
|
4
|
-
//
|
|
5
|
-
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
-
// LICENSE file in the root directory of this source tree.
|
|
7
|
-
//
|
|
8
|
-
@import './mixins';
|
|
9
|
-
// Deprecated ☠️
|
|
10
|
-
@include ibm--colors();
|
|
11
|
-
// Preferred
|
|
12
|
-
@include carbon--colors();
|