@carbon/colors 11.58.0 → 11.59.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/lib/index.js CHANGED
@@ -1,11 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- //#region src/colors.ts
3
- /**
4
- * Copyright IBM Corp. 2018, 2026
5
- *
6
- * This source code is licensed under the Apache-2.0 license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- */
2
+ //#region js/generated/colors.js
9
3
  const black = "#000000";
10
4
  const black100 = black;
11
5
  const blackHover = "#212121";
@@ -122,27 +116,27 @@ const red = {
122
116
  90: red90,
123
117
  100: red100
124
118
  };
125
- const red100Hover = "#540d11";
126
- const red90Hover = "#66050a";
127
- const red80Hover = "#921118";
128
- const red70Hover = "#c21e25";
129
- const red60Hover = "#b81922";
130
- const red50Hover = "#ee0713";
131
- const red40Hover = "#ff6168";
132
- const red30Hover = "#ff99a0";
133
- const red20Hover = "#ffc2c5";
134
119
  const red10Hover = "#ffe0e0";
120
+ const red20Hover = "#ffc2c5";
121
+ const red30Hover = "#ff99a0";
122
+ const red40Hover = "#ff6168";
123
+ const red50Hover = "#ee0713";
124
+ const red60Hover = "#b81922";
125
+ const red70Hover = "#c21e25";
126
+ const red80Hover = "#921118";
127
+ const red90Hover = "#66050a";
128
+ const red100Hover = "#540d11";
135
129
  const redHover = {
136
- 100: red100Hover,
137
- 90: red90Hover,
138
- 80: red80Hover,
139
- 70: red70Hover,
140
- 60: red60Hover,
141
- 50: red50Hover,
142
- 40: red40Hover,
143
- 30: red30Hover,
130
+ 10: red10Hover,
144
131
  20: red20Hover,
145
- 10: red10Hover
132
+ 30: red30Hover,
133
+ 40: red40Hover,
134
+ 50: red50Hover,
135
+ 60: red60Hover,
136
+ 70: red70Hover,
137
+ 80: red80Hover,
138
+ 90: red90Hover,
139
+ 100: red100Hover
146
140
  };
147
141
  const magenta10 = "#fff0f7";
148
142
  const magenta20 = "#ffd6e8";
@@ -166,27 +160,27 @@ const magenta = {
166
160
  90: magenta90,
167
161
  100: magenta100
168
162
  };
169
- const magenta100Hover = "#53142f";
170
- const magenta90Hover = "#68032e";
171
- const magenta80Hover = "#8e0b43";
172
- const magenta70Hover = "#bf1d63";
173
- const magenta60Hover = "#b0215f";
174
- const magenta50Hover = "#e3176f";
175
- const magenta40Hover = "#ff57a0";
176
- const magenta30Hover = "#ff94c3";
177
- const magenta20Hover = "#ffbdda";
178
163
  const magenta10Hover = "#ffe0ef";
164
+ const magenta20Hover = "#ffbdda";
165
+ const magenta30Hover = "#ff94c3";
166
+ const magenta40Hover = "#ff57a0";
167
+ const magenta50Hover = "#e3176f";
168
+ const magenta60Hover = "#b0215f";
169
+ const magenta70Hover = "#bf1d63";
170
+ const magenta80Hover = "#8e0b43";
171
+ const magenta90Hover = "#68032e";
172
+ const magenta100Hover = "#53142f";
179
173
  const magentaHover = {
180
- 100: magenta100Hover,
181
- 90: magenta90Hover,
182
- 80: magenta80Hover,
183
- 70: magenta70Hover,
184
- 60: magenta60Hover,
185
- 50: magenta50Hover,
186
- 40: magenta40Hover,
187
- 30: magenta30Hover,
174
+ 10: magenta10Hover,
188
175
  20: magenta20Hover,
189
- 10: magenta10Hover
176
+ 30: magenta30Hover,
177
+ 40: magenta40Hover,
178
+ 50: magenta50Hover,
179
+ 60: magenta60Hover,
180
+ 70: magenta70Hover,
181
+ 80: magenta80Hover,
182
+ 90: magenta90Hover,
183
+ 100: magenta100Hover
190
184
  };
191
185
  const purple10 = "#f6f2ff";
192
186
  const purple20 = "#e8daff";
@@ -210,27 +204,27 @@ const purple = {
210
204
  90: purple90,
211
205
  100: purple100
212
206
  };
213
- const purple100Hover = "#341c59";
214
- const purple90Hover = "#40197b";
215
- const purple80Hover = "#5b24ad";
216
- const purple70Hover = "#7c3dd6";
217
- const purple60Hover = "#7822fb";
218
- const purple50Hover = "#9352ff";
219
- const purple40Hover = "#ae7aff";
220
- const purple30Hover = "#c5a3ff";
221
- const purple20Hover = "#dcc7ff";
222
207
  const purple10Hover = "#ede5ff";
208
+ const purple20Hover = "#dcc7ff";
209
+ const purple30Hover = "#c5a3ff";
210
+ const purple40Hover = "#ae7aff";
211
+ const purple50Hover = "#9352ff";
212
+ const purple60Hover = "#7822fb";
213
+ const purple70Hover = "#7c3dd6";
214
+ const purple80Hover = "#5b24ad";
215
+ const purple90Hover = "#40197b";
216
+ const purple100Hover = "#341c59";
223
217
  const purpleHover = {
224
- 100: purple100Hover,
225
- 90: purple90Hover,
226
- 80: purple80Hover,
227
- 70: purple70Hover,
228
- 60: purple60Hover,
229
- 50: purple50Hover,
230
- 40: purple40Hover,
231
- 30: purple30Hover,
218
+ 10: purple10Hover,
232
219
  20: purple20Hover,
233
- 10: purple10Hover
220
+ 30: purple30Hover,
221
+ 40: purple40Hover,
222
+ 50: purple50Hover,
223
+ 60: purple60Hover,
224
+ 70: purple70Hover,
225
+ 80: purple80Hover,
226
+ 90: purple90Hover,
227
+ 100: purple100Hover
234
228
  };
235
229
  const blue10 = "#edf5ff";
236
230
  const blue20 = "#d0e2ff";
@@ -254,27 +248,27 @@ const blue = {
254
248
  90: blue90,
255
249
  100: blue100
256
250
  };
257
- const blue100Hover = "#001f75";
258
- const blue90Hover = "#00258a";
259
- const blue80Hover = "#0039c7";
260
- const blue70Hover = "#0053ff";
261
- const blue60Hover = "#0050e6";
262
- const blue50Hover = "#1f70ff";
263
- const blue40Hover = "#5c97ff";
264
- const blue30Hover = "#8ab6ff";
265
- const blue20Hover = "#b8d3ff";
266
251
  const blue10Hover = "#dbebff";
252
+ const blue20Hover = "#b8d3ff";
253
+ const blue30Hover = "#8ab6ff";
254
+ const blue40Hover = "#5c97ff";
255
+ const blue50Hover = "#1f70ff";
256
+ const blue60Hover = "#0050e6";
257
+ const blue70Hover = "#0053ff";
258
+ const blue80Hover = "#0039c7";
259
+ const blue90Hover = "#00258a";
260
+ const blue100Hover = "#001f75";
267
261
  const blueHover = {
268
- 100: blue100Hover,
269
- 90: blue90Hover,
270
- 80: blue80Hover,
271
- 70: blue70Hover,
272
- 60: blue60Hover,
273
- 50: blue50Hover,
274
- 40: blue40Hover,
275
- 30: blue30Hover,
262
+ 10: blue10Hover,
276
263
  20: blue20Hover,
277
- 10: blue10Hover
264
+ 30: blue30Hover,
265
+ 40: blue40Hover,
266
+ 50: blue50Hover,
267
+ 60: blue60Hover,
268
+ 70: blue70Hover,
269
+ 80: blue80Hover,
270
+ 90: blue90Hover,
271
+ 100: blue100Hover
278
272
  };
279
273
  const cyan10 = "#e5f6ff";
280
274
  const cyan20 = "#bae6ff";
@@ -542,35 +536,167 @@ const warmGrayHover = {
542
536
  };
543
537
  const colors = {
544
538
  black: { 100: black },
545
- blue,
546
- coolGray,
547
- cyan,
548
- gray,
549
- green,
550
- magenta,
551
- orange,
552
- purple,
553
- red,
554
- teal,
555
- warmGray,
556
- white: { 0: white },
557
- yellow
539
+ yellow: {
540
+ 10: yellow10,
541
+ 20: yellow20,
542
+ 30: yellow30,
543
+ 40: yellow40,
544
+ 50: yellow50,
545
+ 60: yellow60,
546
+ 70: yellow70,
547
+ 80: yellow80,
548
+ 90: yellow90,
549
+ 100: yellow100
550
+ },
551
+ orange: {
552
+ 10: orange10,
553
+ 20: orange20,
554
+ 30: orange30,
555
+ 40: orange40,
556
+ 50: orange50,
557
+ 60: orange60,
558
+ 70: orange70,
559
+ 80: orange80,
560
+ 90: orange90,
561
+ 100: orange100
562
+ },
563
+ red: {
564
+ 10: red10,
565
+ 20: red20,
566
+ 30: red30,
567
+ 40: red40,
568
+ 50: red50,
569
+ 60: red60,
570
+ 70: red70,
571
+ 80: red80,
572
+ 90: red90,
573
+ 100: red100
574
+ },
575
+ magenta: {
576
+ 10: magenta10,
577
+ 20: magenta20,
578
+ 30: magenta30,
579
+ 40: magenta40,
580
+ 50: magenta50,
581
+ 60: magenta60,
582
+ 70: magenta70,
583
+ 80: magenta80,
584
+ 90: magenta90,
585
+ 100: magenta100
586
+ },
587
+ purple: {
588
+ 10: purple10,
589
+ 20: purple20,
590
+ 30: purple30,
591
+ 40: purple40,
592
+ 50: purple50,
593
+ 60: purple60,
594
+ 70: purple70,
595
+ 80: purple80,
596
+ 90: purple90,
597
+ 100: purple100
598
+ },
599
+ blue: {
600
+ 10: blue10,
601
+ 20: blue20,
602
+ 30: blue30,
603
+ 40: blue40,
604
+ 50: blue50,
605
+ 60: blue60,
606
+ 70: blue70,
607
+ 80: blue80,
608
+ 90: blue90,
609
+ 100: blue100
610
+ },
611
+ cyan: {
612
+ 10: cyan10,
613
+ 20: cyan20,
614
+ 30: cyan30,
615
+ 40: cyan40,
616
+ 50: cyan50,
617
+ 60: cyan60,
618
+ 70: cyan70,
619
+ 80: cyan80,
620
+ 90: cyan90,
621
+ 100: cyan100
622
+ },
623
+ teal: {
624
+ 10: teal10,
625
+ 20: teal20,
626
+ 30: teal30,
627
+ 40: teal40,
628
+ 50: teal50,
629
+ 60: teal60,
630
+ 70: teal70,
631
+ 80: teal80,
632
+ 90: teal90,
633
+ 100: teal100
634
+ },
635
+ green: {
636
+ 10: green10,
637
+ 20: green20,
638
+ 30: green30,
639
+ 40: green40,
640
+ 50: green50,
641
+ 60: green60,
642
+ 70: green70,
643
+ 80: green80,
644
+ 90: green90,
645
+ 100: green100
646
+ },
647
+ coolGray: {
648
+ 10: coolGray10,
649
+ 20: coolGray20,
650
+ 30: coolGray30,
651
+ 40: coolGray40,
652
+ 50: coolGray50,
653
+ 60: coolGray60,
654
+ 70: coolGray70,
655
+ 80: coolGray80,
656
+ 90: coolGray90,
657
+ 100: coolGray100
658
+ },
659
+ gray: {
660
+ 10: gray10,
661
+ 20: gray20,
662
+ 30: gray30,
663
+ 40: gray40,
664
+ 50: gray50,
665
+ 60: gray60,
666
+ 70: gray70,
667
+ 80: gray80,
668
+ 90: gray90,
669
+ 100: gray100
670
+ },
671
+ warmGray: {
672
+ 10: warmGray10,
673
+ 20: warmGray20,
674
+ 30: warmGray30,
675
+ 40: warmGray40,
676
+ 50: warmGray50,
677
+ 60: warmGray60,
678
+ 70: warmGray70,
679
+ 80: warmGray80,
680
+ 90: warmGray90,
681
+ 100: warmGray100
682
+ },
683
+ white: { 0: white }
558
684
  };
559
685
  const hoverColors = {
560
- whiteHover,
561
686
  blackHover,
562
- blueHover,
563
- coolGrayHover,
564
- cyanHover,
565
- grayHover,
566
- greenHover,
567
- magentaHover,
687
+ yellowHover,
568
688
  orangeHover,
569
- purpleHover,
570
689
  redHover,
690
+ magentaHover,
691
+ purpleHover,
692
+ blueHover,
693
+ cyanHover,
571
694
  tealHover,
695
+ greenHover,
696
+ coolGrayHover,
697
+ grayHover,
572
698
  warmGrayHover,
573
- yellowHover
699
+ whiteHover
574
700
  };
575
701
  //#endregion
576
702
  //#region src/rgb.ts
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": "11.58.0",
4
+ "version": "11.59.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "types": "lib/index.d.ts",
@@ -37,18 +37,17 @@
37
37
  },
38
38
  "scripts": {
39
39
  "build:types": "tsc -p tsconfig.types.json",
40
- "build": "yarn clean && carbon-cli bundle src/index.ts --name CarbonColors && node tasks/build.js && yarn build:types && carbon-cli check \"scss/*.scss\"",
41
- "clean": "rimraf css es lib umd scss index.scss",
40
+ "build": "yarn clean && node tasks/build.js && carbon-cli bundle src/index.ts --name CarbonColors && yarn build:types && carbon-cli check \"scss/*.scss\"",
41
+ "clean": "rimraf css es js/generated lib umd scss index.scss",
42
42
  "postinstall": "ibmtelemetry --config=telemetry.yml"
43
43
  },
44
44
  "devDependencies": {
45
- "@carbon/cli": "^11.50.0",
45
+ "@carbon/cli": "^11.51.0",
46
46
  "@carbon/cli-reporter": "^10.9.0",
47
- "@carbon/scss-generator": "^10.20.0",
48
47
  "@carbon/test-utils": "^10.41.0",
49
- "change-case-all": "^2.1.0",
50
48
  "fs-extra": "^11.0.0",
51
49
  "rimraf": "^6.0.1",
50
+ "style-dictionary": "^5.5.0",
52
51
  "typescript": "^6.0.3",
53
52
  "typescript-config-carbon": "^0.11.0"
54
53
  },
@@ -62,5 +61,5 @@
62
61
  "dependencies": {
63
62
  "@ibm/telemetry-js": "^1.5.0"
64
63
  },
65
- "gitHead": "acdc7d80f45eb01c892b1697403726c4dbc24a57"
64
+ "gitHead": "7e1d5e5492fd70ab8ec901114898c12a374cea98"
66
65
  }