@carbon/themes 10.25.0-rc.0 → 10.26.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/docs/sass.md CHANGED
@@ -3150,7 +3150,7 @@ $inverse-link: if(
3150
3150
 
3151
3151
  ### ✅field-01 [variable]
3152
3152
 
3153
- Default input fields; Field color on \$ui-backgrounds
3153
+ Default input fields; Field color on $ui-backgrounds
3154
3154
 
3155
3155
  <details>
3156
3156
  <summary>Source code</summary>
package/es/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import Color from 'color';
2
- import { blue20, blue40, blue60, blue70, blue80, gray10, gray20, gray30, gray40, gray50, gray60, gray70, gray80, gray100, blue50, green40, green50, yellow, red50, red60, red80, purple60, white, rgba, blue10, blue30, gray90, red40, purple40, red30 } from '@carbon/colors';
2
+ import { blue60, gray80, white as white$1, gray10, gray20, gray50, gray100, gray70, gray40, gray60, red60, blue40, green50, yellow, blue70, red50, green40, blue50, rgba, blue80, gray30, red80, purple60, blue20, blue10, gray90, red40, blue30, purple40, red30 } from '@carbon/colors';
3
3
  import { caption01, label01, helperText01, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, unstable_tokens } from '@carbon/type';
4
- export { caption01, label01, helperText01, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04 } from '@carbon/type';
4
+ export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, label01, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02 } from '@carbon/type';
5
5
  import { spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, layout01, layout02, layout03, layout04, layout05, layout06, layout07, container01, container02, container03, container04, container05, iconSize01, iconSize02, unstable_tokens as unstable_tokens$1 } from '@carbon/layout';
6
- export { spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, layout01, layout02, layout03, layout04, layout05, layout06, layout07, container01, container02, container03, container04, container05, iconSize01, iconSize02 } from '@carbon/layout';
6
+ export { container01, container02, container03, container04, container05, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12 } from '@carbon/layout';
7
7
 
8
8
  function _defineProperty(obj, key, value) {
9
9
  if (key in obj) {
@@ -81,26 +81,26 @@ var interactive01 = blue60;
81
81
  var interactive02 = gray80;
82
82
  var interactive03 = blue60;
83
83
  var interactive04 = blue60;
84
- var uiBackground = white;
84
+ var uiBackground = white$1;
85
85
  var ui01 = gray10;
86
- var ui02 = white;
86
+ var ui02 = white$1;
87
87
  var ui03 = gray20;
88
88
  var ui04 = gray50;
89
89
  var ui05 = gray100;
90
90
  var text01 = gray100;
91
91
  var text02 = gray70;
92
92
  var text03 = gray40;
93
- var text04 = white;
93
+ var text04 = white$1;
94
94
  var text05 = gray60;
95
95
  var textError = red60;
96
96
  var icon01 = gray100;
97
97
  var icon02 = gray70;
98
- var icon03 = white;
98
+ var icon03 = white$1;
99
99
  var link01 = blue60;
100
100
  var inverseLink = blue40;
101
101
  var field01 = gray10;
102
- var field02 = white;
103
- var inverse01 = white;
102
+ var field02 = white$1;
103
+ var inverse01 = white$1;
104
104
  var inverse02 = gray80;
105
105
  var support01 = red60;
106
106
  var support02 = green50;
@@ -115,7 +115,7 @@ var danger01 = red60;
115
115
  var danger02 = red60; // Interaction states
116
116
 
117
117
  var focus = blue60;
118
- var inverseFocusUi = white;
118
+ var inverseFocusUi = white$1;
119
119
  var hoverPrimary = '#0353e9';
120
120
  var activePrimary = blue80;
121
121
  var hoverPrimaryText = blue70;
@@ -151,7 +151,8 @@ var active01 = activeUI;
151
151
  var hoverField = hoverUI;
152
152
  var danger = danger01;
153
153
 
154
- var white$1 = /*#__PURE__*/Object.freeze({
154
+ var white = /*#__PURE__*/Object.freeze({
155
+ __proto__: null,
155
156
  interactive01: interactive01,
156
157
  interactive02: interactive02,
157
158
  interactive03: interactive03,
@@ -297,7 +298,7 @@ var interactive02$1 = gray80;
297
298
  var interactive03$1 = blue60;
298
299
  var interactive04$1 = blue60;
299
300
  var uiBackground$1 = gray10;
300
- var ui01$1 = white;
301
+ var ui01$1 = white$1;
301
302
  var ui02$1 = gray10;
302
303
  var ui03$1 = gray20;
303
304
  var ui04$1 = gray50;
@@ -305,17 +306,17 @@ var ui05$1 = gray100;
305
306
  var text01$1 = gray100;
306
307
  var text02$1 = gray70;
307
308
  var text03$1 = gray40;
308
- var text04$1 = white;
309
+ var text04$1 = white$1;
309
310
  var text05$1 = gray60;
310
311
  var textError$1 = red60;
311
312
  var icon01$1 = gray100;
312
313
  var icon02$1 = gray70;
313
- var icon03$1 = white;
314
+ var icon03$1 = white$1;
314
315
  var link01$1 = blue60;
315
316
  var inverseLink$1 = blue40;
316
- var field01$1 = white;
317
+ var field01$1 = white$1;
317
318
  var field02$1 = gray10;
318
- var inverse01$1 = white;
319
+ var inverse01$1 = white$1;
319
320
  var inverse02$1 = gray80;
320
321
  var support01$1 = red60;
321
322
  var support02$1 = green50;
@@ -330,7 +331,7 @@ var danger01$1 = red60;
330
331
  var danger02$1 = red60; // Interaction states
331
332
 
332
333
  var focus$1 = blue60;
333
- var inverseFocusUi$1 = white;
334
+ var inverseFocusUi$1 = white$1;
334
335
  var hoverPrimary$1 = '#0353e9';
335
336
  var activePrimary$1 = blue80;
336
337
  var hoverPrimaryText$1 = blue70;
@@ -350,7 +351,7 @@ var hoverDanger$1 = adjustLightness(danger01$1, -8);
350
351
  var activeDanger$1 = red80;
351
352
  var hoverRow$1 = '#e5e5e5';
352
353
  var visitedLink$1 = purple60;
353
- var disabled01$1 = white;
354
+ var disabled01$1 = white$1;
354
355
  var disabled02$1 = gray30;
355
356
  var disabled03$1 = gray50;
356
357
  var highlight$1 = blue10;
@@ -367,6 +368,7 @@ var hoverField$1 = hoverUI$1;
367
368
  var danger$1 = danger01$1;
368
369
 
369
370
  var g10 = /*#__PURE__*/Object.freeze({
371
+ __proto__: null,
370
372
  interactive01: interactive01$1,
371
373
  interactive02: interactive02$1,
372
374
  interactive03: interactive03$1,
@@ -509,7 +511,7 @@ var g10 = /*#__PURE__*/Object.freeze({
509
511
  */
510
512
  var interactive01$2 = blue60;
511
513
  var interactive02$2 = gray60;
512
- var interactive03$2 = white;
514
+ var interactive03$2 = white$1;
513
515
  var interactive04$2 = blue50;
514
516
  var uiBackground$2 = gray100;
515
517
  var ui01$2 = gray90;
@@ -520,12 +522,12 @@ var ui05$2 = gray10;
520
522
  var text01$2 = gray10;
521
523
  var text02$2 = gray30;
522
524
  var text03$2 = gray60;
523
- var text04$2 = white;
525
+ var text04$2 = white$1;
524
526
  var text05$2 = gray50;
525
527
  var textError$2 = red40;
526
528
  var icon01$2 = gray10;
527
529
  var icon02$2 = gray30;
528
- var icon03$2 = white;
530
+ var icon03$2 = white$1;
529
531
  var link01$2 = blue40;
530
532
  var inverseLink$2 = blue60;
531
533
  var field01$2 = gray90;
@@ -544,7 +546,7 @@ var overlay01$2 = rgba(gray100, 0.7);
544
546
  var danger01$2 = red60;
545
547
  var danger02$2 = red50; // Interaction states
546
548
 
547
- var focus$2 = white;
549
+ var focus$2 = white$1;
548
550
  var inverseFocusUi$2 = blue60;
549
551
  var hoverPrimary$2 = '#0353e9';
550
552
  var activePrimary$2 = blue80;
@@ -582,6 +584,7 @@ var hoverField$2 = hoverUI$2;
582
584
  var danger$2 = danger01$2;
583
585
 
584
586
  var g100 = /*#__PURE__*/Object.freeze({
587
+ __proto__: null,
585
588
  interactive01: interactive01$2,
586
589
  interactive02: interactive02$2,
587
590
  interactive03: interactive03$2,
@@ -724,7 +727,7 @@ var g100 = /*#__PURE__*/Object.freeze({
724
727
  */
725
728
  var interactive01$3 = blue60;
726
729
  var interactive02$3 = gray60;
727
- var interactive03$3 = white;
730
+ var interactive03$3 = white$1;
728
731
  var interactive04$3 = blue50;
729
732
  var uiBackground$3 = gray90;
730
733
  var ui01$3 = gray80;
@@ -735,12 +738,12 @@ var ui05$3 = gray10;
735
738
  var text01$3 = gray10;
736
739
  var text02$3 = gray30;
737
740
  var text03$3 = gray60;
738
- var text04$3 = white;
741
+ var text04$3 = white$1;
739
742
  var text05$3 = gray50;
740
743
  var textError$3 = red30;
741
744
  var icon01$3 = gray10;
742
745
  var icon02$3 = gray30;
743
- var icon03$3 = white;
746
+ var icon03$3 = white$1;
744
747
  var link01$3 = blue40;
745
748
  var inverseLink$3 = blue60;
746
749
  var field01$3 = gray80;
@@ -759,7 +762,7 @@ var overlay01$3 = rgba(gray100, 0.7);
759
762
  var danger01$3 = red60;
760
763
  var danger02$3 = red40; // Interaction states
761
764
 
762
- var focus$3 = white;
765
+ var focus$3 = white$1;
763
766
  var inverseFocusUi$3 = blue60;
764
767
  var hoverPrimary$3 = '#0353e9';
765
768
  var activePrimary$3 = blue80;
@@ -797,6 +800,7 @@ var hoverField$3 = hoverUI$3;
797
800
  var danger$3 = danger01$3;
798
801
 
799
802
  var g90 = /*#__PURE__*/Object.freeze({
803
+ __proto__: null,
800
804
  interactive01: interactive01$3,
801
805
  interactive02: interactive02$3,
802
806
  interactive03: interactive03$3,
@@ -942,7 +946,7 @@ var interactive02$4 = '#4d5358';
942
946
  var interactive03$4 = '#3d70b2';
943
947
  var interactive04$4 = '#3d70b2';
944
948
  var uiBackground$4 = '#f4f7fb';
945
- var ui01$4 = white;
949
+ var ui01$4 = white$1;
946
950
  var ui02$4 = '#f4f7fb';
947
951
  var ui03$4 = '#dfe3e6';
948
952
  var ui04$4 = '#8897a2';
@@ -950,17 +954,17 @@ var ui05$4 = '#5a6872';
950
954
  var text01$4 = '#152935';
951
955
  var text02$4 = '#5a6872';
952
956
  var text03$4 = '#cdd1d4';
953
- var text04$4 = white;
957
+ var text04$4 = white$1;
954
958
  var text05$4 = '#5a6872';
955
959
  var textError$4 = '#e0182d';
956
960
  var icon01$4 = '#3d70b2';
957
961
  var icon02$4 = '#5a6872';
958
- var icon03$4 = white;
962
+ var icon03$4 = white$1;
959
963
  var link01$4 = '#3d70b2';
960
964
  var inverseLink$4 = '#5596e6';
961
- var field01$4 = white;
965
+ var field01$4 = white$1;
962
966
  var field02$4 = '#f4f7fb';
963
- var inverse01$4 = white;
967
+ var inverse01$4 = white$1;
964
968
  var inverse02$4 = '#272d33';
965
969
  var support01$4 = '#e0182d';
966
970
  var support02$4 = '#5aa700';
@@ -1012,6 +1016,7 @@ var hoverField$4 = hoverUI$4;
1012
1016
  var danger$4 = danger01$4;
1013
1017
 
1014
1018
  var v9 = /*#__PURE__*/Object.freeze({
1019
+ __proto__: null,
1015
1020
  interactive01: interactive01$4,
1016
1021
  interactive02: interactive02$4,
1017
1022
  interactive03: interactive03$4,
@@ -1220,11 +1225,11 @@ var unstable__meta = {
1220
1225
  * LICENSE file in the root directory of this source tree.
1221
1226
  */
1222
1227
  var themes = {
1223
- white: white$1,
1228
+ white: white,
1224
1229
  g10: g10,
1225
1230
  g90: g90,
1226
1231
  g100: g100,
1227
1232
  v9: v9
1228
1233
  };
1229
1234
 
1230
- export { g10, g90, g100, white$1 as white, v9, tokens, formatTokenName, unstable__meta, themes, interactive01, interactive02, interactive03, interactive04, uiBackground, ui01, ui02, ui03, ui04, ui05, text01, text02, text03, text04, text05, textError, icon01, icon02, icon03, link01, inverseLink, field01, field02, inverse01, inverse02, support01, support02, support03, support04, inverseSupport01, inverseSupport02, inverseSupport03, inverseSupport04, overlay01, danger01, danger02, focus, inverseFocusUi, hoverPrimary, activePrimary, hoverPrimaryText, hoverSecondary, activeSecondary, hoverTertiary, activeTertiary, hoverUI, hoverLightUI, activeUI, activeLightUI, selectedUI, selectedLightUI, inverseHoverUI, hoverSelectedUI, hoverDanger, activeDanger, hoverRow, visitedLink, disabled01, disabled02, disabled03, highlight, decorative01, buttonSeparator, skeleton01, skeleton02, brand01, brand02, brand03, active01, hoverField, danger };
1235
+ export { active01, activeDanger, activeLightUI, activePrimary, activeSecondary, activeTertiary, activeUI, brand01, brand02, brand03, buttonSeparator, danger, danger01, danger02, decorative01, disabled01, disabled02, disabled03, field01, field02, focus, formatTokenName, g10, g100, g90, highlight, hoverDanger, hoverField, hoverLightUI, hoverPrimary, hoverPrimaryText, hoverRow, hoverSecondary, hoverSelectedUI, hoverTertiary, hoverUI, icon01, icon02, icon03, interactive01, interactive02, interactive03, interactive04, inverse01, inverse02, inverseFocusUi, inverseHoverUI, inverseLink, inverseSupport01, inverseSupport02, inverseSupport03, inverseSupport04, link01, overlay01, selectedLightUI, selectedUI, skeleton01, skeleton02, support01, support02, support03, support04, text01, text02, text03, text04, text05, textError, themes, tokens, ui01, ui02, ui03, ui04, ui05, uiBackground, unstable__meta, v9, visitedLink, white };