@carbon/themes 10.49.0 → 10.50.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 CHANGED
@@ -204,8 +204,6 @@ var layerSelected$5 = selectedUI$5;
204
204
  var layerSelectedHover$5 = hoverSelectedUI$5;
205
205
  var layerSelectedInverse$5 = ui05$5;
206
206
  var borderSubtleSelected$5 = activeUI$5;
207
- var layerDisabled$5 = disabled01$5;
208
- var fieldDisabled$5 = disabled01$5;
209
207
  var borderDisabled$5 = disabled01$5;
210
208
  var textDisabled$5 = disabled02$5;
211
209
  var buttonDisabled$5 = disabled02$5;
@@ -357,8 +355,6 @@ var white = /*#__PURE__*/Object.freeze({
357
355
  layerSelectedHover: layerSelectedHover$5,
358
356
  layerSelectedInverse: layerSelectedInverse$5,
359
357
  borderSubtleSelected: borderSubtleSelected$5,
360
- layerDisabled: layerDisabled$5,
361
- fieldDisabled: fieldDisabled$5,
362
358
  borderDisabled: borderDisabled$5,
363
359
  textDisabled: textDisabled$5,
364
360
  buttonDisabled: buttonDisabled$5,
@@ -612,8 +608,6 @@ var layerSelected$4 = selectedUI$4;
612
608
  var layerSelectedHover$4 = hoverSelectedUI$4;
613
609
  var layerSelectedInverse$4 = ui05$4;
614
610
  var borderSubtleSelected$4 = activeUI$4;
615
- var layerDisabled$4 = disabled01$4;
616
- var fieldDisabled$4 = disabled01$4;
617
611
  var borderDisabled$4 = disabled01$4;
618
612
  var textDisabled$4 = disabled02$4;
619
613
  var buttonDisabled$4 = disabled02$4;
@@ -765,8 +759,6 @@ var g10 = /*#__PURE__*/Object.freeze({
765
759
  layerSelectedHover: layerSelectedHover$4,
766
760
  layerSelectedInverse: layerSelectedInverse$4,
767
761
  borderSubtleSelected: borderSubtleSelected$4,
768
- layerDisabled: layerDisabled$4,
769
- fieldDisabled: fieldDisabled$4,
770
762
  borderDisabled: borderDisabled$4,
771
763
  textDisabled: textDisabled$4,
772
764
  buttonDisabled: buttonDisabled$4,
@@ -1020,8 +1012,6 @@ var layerSelected$3 = selectedUI$3;
1020
1012
  var layerSelectedHover$3 = hoverSelectedUI$3;
1021
1013
  var layerSelectedInverse$3 = ui05$3;
1022
1014
  var borderSubtleSelected$3 = activeUI$3;
1023
- var layerDisabled$3 = disabled01$3;
1024
- var fieldDisabled$3 = disabled01$3;
1025
1015
  var borderDisabled$3 = disabled01$3;
1026
1016
  var textDisabled$3 = disabled02$3;
1027
1017
  var buttonDisabled$3 = disabled02$3;
@@ -1173,8 +1163,6 @@ var g100 = /*#__PURE__*/Object.freeze({
1173
1163
  layerSelectedHover: layerSelectedHover$3,
1174
1164
  layerSelectedInverse: layerSelectedInverse$3,
1175
1165
  borderSubtleSelected: borderSubtleSelected$3,
1176
- layerDisabled: layerDisabled$3,
1177
- fieldDisabled: fieldDisabled$3,
1178
1166
  borderDisabled: borderDisabled$3,
1179
1167
  textDisabled: textDisabled$3,
1180
1168
  buttonDisabled: buttonDisabled$3,
@@ -1365,8 +1353,6 @@ var layerSelected$2 = gray60;
1365
1353
  var layerSelectedHover$2 = adjustLightness(layerSelected$2, -6);
1366
1354
  var layerSelectedInverse$2 = gray10;
1367
1355
  var borderSubtleSelected$2 = gray50;
1368
- var layerDisabled$2 = gray70;
1369
- var fieldDisabled$2 = gray70;
1370
1356
  var borderDisabled$2 = gray70;
1371
1357
  var textDisabled$2 = gray50;
1372
1358
  var buttonDisabled$2 = gray50;
@@ -1436,7 +1422,7 @@ var hoverDanger$2 = buttonDangerHover$2;
1436
1422
  var activeDanger$2 = buttonDangerActive$2;
1437
1423
  var hoverRow$2 = layerHover$2;
1438
1424
  var visitedLink$2 = linkVisited$2;
1439
- var disabled01$2 = layerDisabled$2;
1425
+ var disabled01$2 = gray70;
1440
1426
  var disabled02$2 = textDisabled$2;
1441
1427
  var disabled03$2 = textOnColorDisabled$2;
1442
1428
  var decorative01$2 = gray60;
@@ -1522,8 +1508,6 @@ var g80 = /*#__PURE__*/Object.freeze({
1522
1508
  layerSelectedHover: layerSelectedHover$2,
1523
1509
  layerSelectedInverse: layerSelectedInverse$2,
1524
1510
  borderSubtleSelected: borderSubtleSelected$2,
1525
- layerDisabled: layerDisabled$2,
1526
- fieldDisabled: fieldDisabled$2,
1527
1511
  borderDisabled: borderDisabled$2,
1528
1512
  textDisabled: textDisabled$2,
1529
1513
  buttonDisabled: buttonDisabled$2,
@@ -1839,8 +1823,6 @@ var layerSelected$1 = selectedUI$1;
1839
1823
  var layerSelectedHover$1 = hoverSelectedUI$1;
1840
1824
  var layerSelectedInverse$1 = ui05$1;
1841
1825
  var borderSubtleSelected$1 = activeUI$1;
1842
- var layerDisabled$1 = disabled01$1;
1843
- var fieldDisabled$1 = disabled01$1;
1844
1826
  var borderDisabled$1 = disabled01$1;
1845
1827
  var textDisabled$1 = disabled02$1;
1846
1828
  var buttonDisabled$1 = disabled02$1;
@@ -1992,8 +1974,6 @@ var g90 = /*#__PURE__*/Object.freeze({
1992
1974
  layerSelectedHover: layerSelectedHover$1,
1993
1975
  layerSelectedInverse: layerSelectedInverse$1,
1994
1976
  borderSubtleSelected: borderSubtleSelected$1,
1995
- layerDisabled: layerDisabled$1,
1996
- fieldDisabled: fieldDisabled$1,
1997
1977
  borderDisabled: borderDisabled$1,
1998
1978
  textDisabled: textDisabled$1,
1999
1979
  buttonDisabled: buttonDisabled$1,
@@ -2247,8 +2227,6 @@ var layerSelected = selectedUI;
2247
2227
  var layerSelectedHover = hoverSelectedUI;
2248
2228
  var layerSelectedInverse = ui05;
2249
2229
  var borderSubtleSelected = activeUI;
2250
- var layerDisabled = disabled01;
2251
- var fieldDisabled = disabled01;
2252
2230
  var borderDisabled = disabled01;
2253
2231
  var textDisabled = disabled02;
2254
2232
  var buttonDisabled = disabled02;
@@ -2400,8 +2378,6 @@ var v9 = /*#__PURE__*/Object.freeze({
2400
2378
  layerSelectedHover: layerSelectedHover,
2401
2379
  layerSelectedInverse: layerSelectedInverse,
2402
2380
  borderSubtleSelected: borderSubtleSelected,
2403
- layerDisabled: layerDisabled,
2404
- fieldDisabled: fieldDisabled,
2405
2381
  borderDisabled: borderDisabled,
2406
2382
  textDisabled: textDisabled,
2407
2383
  buttonDisabled: buttonDisabled,
@@ -2526,7 +2502,7 @@ var colors = [// Core
2526
2502
  'interactive01', 'interactive02', 'interactive03', 'interactive04', 'uiBackground', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'icon01', 'icon02', 'icon03', 'link01', 'link02', 'inverseLink', 'field01', 'field02', 'inverse01', 'inverse02', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01', 'danger01', 'danger02', // Interactive states
2527
2503
  'focus', 'inverseFocusUi', 'hoverPrimary', 'activePrimary', 'hoverPrimaryText', 'hoverSecondary', 'activeSecondary', 'hoverTertiary', 'activeTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'activeUI', 'activeLightUI', 'selectedUI', 'selectedLightUI', 'inverseHoverUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'decorative01', 'buttonSeparator', 'skeleton01', 'skeleton02', // New color tokens
2528
2504
  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
2529
- 'background', 'layer', 'layerAccent', 'layerAccentHover', 'layerAccentActive', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'shadow', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary', 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'layerDisabled', 'fieldDisabled', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement', // Deprecated
2505
+ 'background', 'layer', 'layerAccent', 'layerAccentHover', 'layerAccentActive', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'shadow', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary', 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement', // Deprecated
2530
2506
  'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
2531
2507
  var numbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
2532
2508
  /**
@@ -2580,7 +2556,7 @@ var unstable__meta = {
2580
2556
  }, {
2581
2557
  type: 'interactive',
2582
2558
  tokens: ['focus', 'inverseFocusUi', 'hoverPrimary', 'hoverPrimaryText', 'hoverSecondary', 'hoverTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'hoverDanger', 'hoverRow', 'activePrimary', 'activeSecondary', 'activeTertiary', 'activeUI', 'activeLightUI', 'activeDanger', 'selectedUI', 'selectedLightUI', 'highlight', 'skeleton01', 'skeleton02', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'inverseHoverUI', 'active01', 'hoverField', 'decorative01', 'buttonSeparator', // new tokens
2583
- 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'layerDisabled', 'fieldDisabled', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement']
2559
+ 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement']
2584
2560
  }],
2585
2561
  deprecated: ['brand01', 'brand02', 'brand03', 'active01', 'danger']
2586
2562
  };
@@ -2600,4 +2576,4 @@ var themes = {
2600
2576
  v9: v9
2601
2577
  };
2602
2578
 
2603
- export { active01$5 as active01, activeDanger$5 as activeDanger, activeLightUI$5 as activeLightUI, activePrimary$5 as activePrimary, activeSecondary$5 as activeSecondary, activeTertiary$5 as activeTertiary, activeUI$5 as activeUI, background$5 as background, backgroundActive$5 as backgroundActive, backgroundBrand$5 as backgroundBrand, backgroundHover$5 as backgroundHover, backgroundInverse$5 as backgroundInverse, backgroundInverseHover$5 as backgroundInverseHover, backgroundSelected$5 as backgroundSelected, backgroundSelectedHover$5 as backgroundSelectedHover, borderDisabled$5 as borderDisabled, borderInteractive$5 as borderInteractive, borderInverse$5 as borderInverse, borderStrong$5 as borderStrong, borderSubtle$5 as borderSubtle, borderSubtleSelected$5 as borderSubtleSelected, brand01$5 as brand01, brand02$5 as brand02, brand03$5 as brand03, buttonDangerActive$5 as buttonDangerActive, buttonDangerHover$5 as buttonDangerHover, buttonDangerPrimary$5 as buttonDangerPrimary, buttonDangerSecondary$5 as buttonDangerSecondary, buttonDisabled$5 as buttonDisabled, buttonPrimary$5 as buttonPrimary, buttonPrimaryActive$5 as buttonPrimaryActive, buttonPrimaryHover$5 as buttonPrimaryHover, buttonSecondary$5 as buttonSecondary, buttonSecondaryActive$5 as buttonSecondaryActive, buttonSecondaryHover$5 as buttonSecondaryHover, buttonSeparator$5 as buttonSeparator, buttonTertiary$5 as buttonTertiary, buttonTertiaryActive$5 as buttonTertiaryActive, buttonTertiaryHover$5 as buttonTertiaryHover, danger$5 as danger, danger01$5 as danger01, danger02$5 as danger02, decorative01$5 as decorative01, disabled01$5 as disabled01, disabled02$5 as disabled02, disabled03$5 as disabled03, field$5 as field, field01$5 as field01, field02$5 as field02, fieldDisabled$5 as fieldDisabled, fieldHover$5 as fieldHover, focus$5 as focus, focusInset$5 as focusInset, focusInverse$5 as focusInverse, formatTokenName, g10, g100, g80, g90, highlight$5 as highlight, hoverDanger$5 as hoverDanger, hoverField$5 as hoverField, hoverLightUI$5 as hoverLightUI, hoverPrimary$5 as hoverPrimary, hoverPrimaryText$5 as hoverPrimaryText, hoverRow$5 as hoverRow, hoverSecondary$5 as hoverSecondary, hoverSelectedUI$5 as hoverSelectedUI, hoverTertiary$5 as hoverTertiary, hoverUI$5 as hoverUI, icon01$5 as icon01, icon02$5 as icon02, icon03$5 as icon03, iconDisabled$5 as iconDisabled, iconInverse$5 as iconInverse, iconOnColor$5 as iconOnColor, iconOnColorDisabled$5 as iconOnColorDisabled, iconPrimary$5 as iconPrimary, iconSecondary$5 as iconSecondary, interactive$5 as interactive, interactive01$5 as interactive01, interactive02$5 as interactive02, interactive03$5 as interactive03, interactive04$5 as interactive04, inverse01$5 as inverse01, inverse02$5 as inverse02, inverseFocusUi$5 as inverseFocusUi, inverseHoverUI$5 as inverseHoverUI, inverseLink$5 as inverseLink, inverseSupport01$5 as inverseSupport01, inverseSupport02$5 as inverseSupport02, inverseSupport03$5 as inverseSupport03, inverseSupport04$5 as inverseSupport04, layer$5 as layer, layerAccent$5 as layerAccent, layerAccentActive$5 as layerAccentActive, layerAccentHover$5 as layerAccentHover, layerActive$5 as layerActive, layerDisabled$5 as layerDisabled, layerHover$5 as layerHover, layerSelected$5 as layerSelected, layerSelectedDisabled$5 as layerSelectedDisabled, layerSelectedHover$5 as layerSelectedHover, layerSelectedInverse$5 as layerSelectedInverse, link01$5 as link01, link02$5 as link02, linkInverse$5 as linkInverse, linkPrimary$5 as linkPrimary, linkPrimaryHover$5 as linkPrimaryHover, linkSecondary$5 as linkSecondary, linkVisited$5 as linkVisited, overlay$5 as overlay, overlay01$5 as overlay01, selectedLightUI$5 as selectedLightUI, selectedUI$5 as selectedUI, shadow$5 as shadow, skeleton01$5 as skeleton01, skeleton02$5 as skeleton02, skeletonBackground$5 as skeletonBackground, skeletonElement$5 as skeletonElement, support01$5 as support01, support02$5 as support02, support03$5 as support03, support04$5 as support04, supportError$5 as supportError, supportErrorInverse$5 as supportErrorInverse, supportInfo$5 as supportInfo, supportInfoInverse$5 as supportInfoInverse, supportSuccess$5 as supportSuccess, supportSuccessInverse$5 as supportSuccessInverse, supportWarning$5 as supportWarning, supportWarningInverse$5 as supportWarningInverse, text01$5 as text01, text02$5 as text02, text03$5 as text03, text04$5 as text04, text05$5 as text05, textDisabled$5 as textDisabled, textError$5 as textError, textHelper$5 as textHelper, textInverse$5 as textInverse, textOnColor$5 as textOnColor, textOnColorDisabled$5 as textOnColorDisabled, textPlaceholder$5 as textPlaceholder, textPrimary$5 as textPrimary, textSecondary$5 as textSecondary, themes, toggleOff$5 as toggleOff, tokens, ui01$5 as ui01, ui02$5 as ui02, ui03$5 as ui03, ui04$5 as ui04, ui05$5 as ui05, uiBackground$5 as uiBackground, unstable__meta, v9, visitedLink$5 as visitedLink, white };
2579
+ export { active01$5 as active01, activeDanger$5 as activeDanger, activeLightUI$5 as activeLightUI, activePrimary$5 as activePrimary, activeSecondary$5 as activeSecondary, activeTertiary$5 as activeTertiary, activeUI$5 as activeUI, background$5 as background, backgroundActive$5 as backgroundActive, backgroundBrand$5 as backgroundBrand, backgroundHover$5 as backgroundHover, backgroundInverse$5 as backgroundInverse, backgroundInverseHover$5 as backgroundInverseHover, backgroundSelected$5 as backgroundSelected, backgroundSelectedHover$5 as backgroundSelectedHover, borderDisabled$5 as borderDisabled, borderInteractive$5 as borderInteractive, borderInverse$5 as borderInverse, borderStrong$5 as borderStrong, borderSubtle$5 as borderSubtle, borderSubtleSelected$5 as borderSubtleSelected, brand01$5 as brand01, brand02$5 as brand02, brand03$5 as brand03, buttonDangerActive$5 as buttonDangerActive, buttonDangerHover$5 as buttonDangerHover, buttonDangerPrimary$5 as buttonDangerPrimary, buttonDangerSecondary$5 as buttonDangerSecondary, buttonDisabled$5 as buttonDisabled, buttonPrimary$5 as buttonPrimary, buttonPrimaryActive$5 as buttonPrimaryActive, buttonPrimaryHover$5 as buttonPrimaryHover, buttonSecondary$5 as buttonSecondary, buttonSecondaryActive$5 as buttonSecondaryActive, buttonSecondaryHover$5 as buttonSecondaryHover, buttonSeparator$5 as buttonSeparator, buttonTertiary$5 as buttonTertiary, buttonTertiaryActive$5 as buttonTertiaryActive, buttonTertiaryHover$5 as buttonTertiaryHover, danger$5 as danger, danger01$5 as danger01, danger02$5 as danger02, decorative01$5 as decorative01, disabled01$5 as disabled01, disabled02$5 as disabled02, disabled03$5 as disabled03, field$5 as field, field01$5 as field01, field02$5 as field02, fieldHover$5 as fieldHover, focus$5 as focus, focusInset$5 as focusInset, focusInverse$5 as focusInverse, formatTokenName, g10, g100, g80, g90, highlight$5 as highlight, hoverDanger$5 as hoverDanger, hoverField$5 as hoverField, hoverLightUI$5 as hoverLightUI, hoverPrimary$5 as hoverPrimary, hoverPrimaryText$5 as hoverPrimaryText, hoverRow$5 as hoverRow, hoverSecondary$5 as hoverSecondary, hoverSelectedUI$5 as hoverSelectedUI, hoverTertiary$5 as hoverTertiary, hoverUI$5 as hoverUI, icon01$5 as icon01, icon02$5 as icon02, icon03$5 as icon03, iconDisabled$5 as iconDisabled, iconInverse$5 as iconInverse, iconOnColor$5 as iconOnColor, iconOnColorDisabled$5 as iconOnColorDisabled, iconPrimary$5 as iconPrimary, iconSecondary$5 as iconSecondary, interactive$5 as interactive, interactive01$5 as interactive01, interactive02$5 as interactive02, interactive03$5 as interactive03, interactive04$5 as interactive04, inverse01$5 as inverse01, inverse02$5 as inverse02, inverseFocusUi$5 as inverseFocusUi, inverseHoverUI$5 as inverseHoverUI, inverseLink$5 as inverseLink, inverseSupport01$5 as inverseSupport01, inverseSupport02$5 as inverseSupport02, inverseSupport03$5 as inverseSupport03, inverseSupport04$5 as inverseSupport04, layer$5 as layer, layerAccent$5 as layerAccent, layerAccentActive$5 as layerAccentActive, layerAccentHover$5 as layerAccentHover, layerActive$5 as layerActive, layerHover$5 as layerHover, layerSelected$5 as layerSelected, layerSelectedDisabled$5 as layerSelectedDisabled, layerSelectedHover$5 as layerSelectedHover, layerSelectedInverse$5 as layerSelectedInverse, link01$5 as link01, link02$5 as link02, linkInverse$5 as linkInverse, linkPrimary$5 as linkPrimary, linkPrimaryHover$5 as linkPrimaryHover, linkSecondary$5 as linkSecondary, linkVisited$5 as linkVisited, overlay$5 as overlay, overlay01$5 as overlay01, selectedLightUI$5 as selectedLightUI, selectedUI$5 as selectedUI, shadow$5 as shadow, skeleton01$5 as skeleton01, skeleton02$5 as skeleton02, skeletonBackground$5 as skeletonBackground, skeletonElement$5 as skeletonElement, support01$5 as support01, support02$5 as support02, support03$5 as support03, support04$5 as support04, supportError$5 as supportError, supportErrorInverse$5 as supportErrorInverse, supportInfo$5 as supportInfo, supportInfoInverse$5 as supportInfoInverse, supportSuccess$5 as supportSuccess, supportSuccessInverse$5 as supportSuccessInverse, supportWarning$5 as supportWarning, supportWarningInverse$5 as supportWarningInverse, text01$5 as text01, text02$5 as text02, text03$5 as text03, text04$5 as text04, text05$5 as text05, textDisabled$5 as textDisabled, textError$5 as textError, textHelper$5 as textHelper, textInverse$5 as textInverse, textOnColor$5 as textOnColor, textOnColorDisabled$5 as textOnColorDisabled, textPlaceholder$5 as textPlaceholder, textPrimary$5 as textPrimary, textSecondary$5 as textSecondary, themes, toggleOff$5 as toggleOff, tokens, ui01$5 as ui01, ui02$5 as ui02, ui03$5 as ui03, ui04$5 as ui04, ui05$5 as ui05, uiBackground$5 as uiBackground, unstable__meta, v9, visitedLink$5 as visitedLink, white };
package/lib/index.js CHANGED
@@ -210,8 +210,6 @@ var layerSelected$5 = selectedUI$5;
210
210
  var layerSelectedHover$5 = hoverSelectedUI$5;
211
211
  var layerSelectedInverse$5 = ui05$5;
212
212
  var borderSubtleSelected$5 = activeUI$5;
213
- var layerDisabled$5 = disabled01$5;
214
- var fieldDisabled$5 = disabled01$5;
215
213
  var borderDisabled$5 = disabled01$5;
216
214
  var textDisabled$5 = disabled02$5;
217
215
  var buttonDisabled$5 = disabled02$5;
@@ -363,8 +361,6 @@ var white = /*#__PURE__*/Object.freeze({
363
361
  layerSelectedHover: layerSelectedHover$5,
364
362
  layerSelectedInverse: layerSelectedInverse$5,
365
363
  borderSubtleSelected: borderSubtleSelected$5,
366
- layerDisabled: layerDisabled$5,
367
- fieldDisabled: fieldDisabled$5,
368
364
  borderDisabled: borderDisabled$5,
369
365
  textDisabled: textDisabled$5,
370
366
  buttonDisabled: buttonDisabled$5,
@@ -618,8 +614,6 @@ var layerSelected$4 = selectedUI$4;
618
614
  var layerSelectedHover$4 = hoverSelectedUI$4;
619
615
  var layerSelectedInverse$4 = ui05$4;
620
616
  var borderSubtleSelected$4 = activeUI$4;
621
- var layerDisabled$4 = disabled01$4;
622
- var fieldDisabled$4 = disabled01$4;
623
617
  var borderDisabled$4 = disabled01$4;
624
618
  var textDisabled$4 = disabled02$4;
625
619
  var buttonDisabled$4 = disabled02$4;
@@ -771,8 +765,6 @@ var g10 = /*#__PURE__*/Object.freeze({
771
765
  layerSelectedHover: layerSelectedHover$4,
772
766
  layerSelectedInverse: layerSelectedInverse$4,
773
767
  borderSubtleSelected: borderSubtleSelected$4,
774
- layerDisabled: layerDisabled$4,
775
- fieldDisabled: fieldDisabled$4,
776
768
  borderDisabled: borderDisabled$4,
777
769
  textDisabled: textDisabled$4,
778
770
  buttonDisabled: buttonDisabled$4,
@@ -1026,8 +1018,6 @@ var layerSelected$3 = selectedUI$3;
1026
1018
  var layerSelectedHover$3 = hoverSelectedUI$3;
1027
1019
  var layerSelectedInverse$3 = ui05$3;
1028
1020
  var borderSubtleSelected$3 = activeUI$3;
1029
- var layerDisabled$3 = disabled01$3;
1030
- var fieldDisabled$3 = disabled01$3;
1031
1021
  var borderDisabled$3 = disabled01$3;
1032
1022
  var textDisabled$3 = disabled02$3;
1033
1023
  var buttonDisabled$3 = disabled02$3;
@@ -1179,8 +1169,6 @@ var g100 = /*#__PURE__*/Object.freeze({
1179
1169
  layerSelectedHover: layerSelectedHover$3,
1180
1170
  layerSelectedInverse: layerSelectedInverse$3,
1181
1171
  borderSubtleSelected: borderSubtleSelected$3,
1182
- layerDisabled: layerDisabled$3,
1183
- fieldDisabled: fieldDisabled$3,
1184
1172
  borderDisabled: borderDisabled$3,
1185
1173
  textDisabled: textDisabled$3,
1186
1174
  buttonDisabled: buttonDisabled$3,
@@ -1371,8 +1359,6 @@ var layerSelected$2 = colors$1.gray60;
1371
1359
  var layerSelectedHover$2 = adjustLightness(layerSelected$2, -6);
1372
1360
  var layerSelectedInverse$2 = colors$1.gray10;
1373
1361
  var borderSubtleSelected$2 = colors$1.gray50;
1374
- var layerDisabled$2 = colors$1.gray70;
1375
- var fieldDisabled$2 = colors$1.gray70;
1376
1362
  var borderDisabled$2 = colors$1.gray70;
1377
1363
  var textDisabled$2 = colors$1.gray50;
1378
1364
  var buttonDisabled$2 = colors$1.gray50;
@@ -1442,7 +1428,7 @@ var hoverDanger$2 = buttonDangerHover$2;
1442
1428
  var activeDanger$2 = buttonDangerActive$2;
1443
1429
  var hoverRow$2 = layerHover$2;
1444
1430
  var visitedLink$2 = linkVisited$2;
1445
- var disabled01$2 = layerDisabled$2;
1431
+ var disabled01$2 = colors$1.gray70;
1446
1432
  var disabled02$2 = textDisabled$2;
1447
1433
  var disabled03$2 = textOnColorDisabled$2;
1448
1434
  var decorative01$2 = colors$1.gray60;
@@ -1528,8 +1514,6 @@ var g80 = /*#__PURE__*/Object.freeze({
1528
1514
  layerSelectedHover: layerSelectedHover$2,
1529
1515
  layerSelectedInverse: layerSelectedInverse$2,
1530
1516
  borderSubtleSelected: borderSubtleSelected$2,
1531
- layerDisabled: layerDisabled$2,
1532
- fieldDisabled: fieldDisabled$2,
1533
1517
  borderDisabled: borderDisabled$2,
1534
1518
  textDisabled: textDisabled$2,
1535
1519
  buttonDisabled: buttonDisabled$2,
@@ -1845,8 +1829,6 @@ var layerSelected$1 = selectedUI$1;
1845
1829
  var layerSelectedHover$1 = hoverSelectedUI$1;
1846
1830
  var layerSelectedInverse$1 = ui05$1;
1847
1831
  var borderSubtleSelected$1 = activeUI$1;
1848
- var layerDisabled$1 = disabled01$1;
1849
- var fieldDisabled$1 = disabled01$1;
1850
1832
  var borderDisabled$1 = disabled01$1;
1851
1833
  var textDisabled$1 = disabled02$1;
1852
1834
  var buttonDisabled$1 = disabled02$1;
@@ -1998,8 +1980,6 @@ var g90 = /*#__PURE__*/Object.freeze({
1998
1980
  layerSelectedHover: layerSelectedHover$1,
1999
1981
  layerSelectedInverse: layerSelectedInverse$1,
2000
1982
  borderSubtleSelected: borderSubtleSelected$1,
2001
- layerDisabled: layerDisabled$1,
2002
- fieldDisabled: fieldDisabled$1,
2003
1983
  borderDisabled: borderDisabled$1,
2004
1984
  textDisabled: textDisabled$1,
2005
1985
  buttonDisabled: buttonDisabled$1,
@@ -2253,8 +2233,6 @@ var layerSelected = selectedUI;
2253
2233
  var layerSelectedHover = hoverSelectedUI;
2254
2234
  var layerSelectedInverse = ui05;
2255
2235
  var borderSubtleSelected = activeUI;
2256
- var layerDisabled = disabled01;
2257
- var fieldDisabled = disabled01;
2258
2236
  var borderDisabled = disabled01;
2259
2237
  var textDisabled = disabled02;
2260
2238
  var buttonDisabled = disabled02;
@@ -2406,8 +2384,6 @@ var v9 = /*#__PURE__*/Object.freeze({
2406
2384
  layerSelectedHover: layerSelectedHover,
2407
2385
  layerSelectedInverse: layerSelectedInverse,
2408
2386
  borderSubtleSelected: borderSubtleSelected,
2409
- layerDisabled: layerDisabled,
2410
- fieldDisabled: fieldDisabled,
2411
2387
  borderDisabled: borderDisabled,
2412
2388
  textDisabled: textDisabled,
2413
2389
  buttonDisabled: buttonDisabled,
@@ -2532,7 +2508,7 @@ var colors = [// Core
2532
2508
  'interactive01', 'interactive02', 'interactive03', 'interactive04', 'uiBackground', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'icon01', 'icon02', 'icon03', 'link01', 'link02', 'inverseLink', 'field01', 'field02', 'inverse01', 'inverse02', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01', 'danger01', 'danger02', // Interactive states
2533
2509
  'focus', 'inverseFocusUi', 'hoverPrimary', 'activePrimary', 'hoverPrimaryText', 'hoverSecondary', 'activeSecondary', 'hoverTertiary', 'activeTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'activeUI', 'activeLightUI', 'selectedUI', 'selectedLightUI', 'inverseHoverUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'decorative01', 'buttonSeparator', 'skeleton01', 'skeleton02', // New color tokens
2534
2510
  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
2535
- 'background', 'layer', 'layerAccent', 'layerAccentHover', 'layerAccentActive', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'shadow', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary', 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'layerDisabled', 'fieldDisabled', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement', // Deprecated
2511
+ 'background', 'layer', 'layerAccent', 'layerAccentHover', 'layerAccentActive', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'shadow', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary', 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement', // Deprecated
2536
2512
  'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
2537
2513
  var numbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
2538
2514
  /**
@@ -2586,7 +2562,7 @@ var unstable__meta = {
2586
2562
  }, {
2587
2563
  type: 'interactive',
2588
2564
  tokens: ['focus', 'inverseFocusUi', 'hoverPrimary', 'hoverPrimaryText', 'hoverSecondary', 'hoverTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'hoverDanger', 'hoverRow', 'activePrimary', 'activeSecondary', 'activeTertiary', 'activeUI', 'activeLightUI', 'activeDanger', 'selectedUI', 'selectedLightUI', 'highlight', 'skeleton01', 'skeleton02', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'inverseHoverUI', 'active01', 'hoverField', 'decorative01', 'buttonSeparator', // new tokens
2589
- 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'layerDisabled', 'fieldDisabled', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement']
2565
+ 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement']
2590
2566
  }],
2591
2567
  deprecated: ['brand01', 'brand02', 'brand03', 'active01', 'danger']
2592
2568
  };
@@ -3035,7 +3011,6 @@ exports.disabled03 = disabled03$5;
3035
3011
  exports.field = field$5;
3036
3012
  exports.field01 = field01$5;
3037
3013
  exports.field02 = field02$5;
3038
- exports.fieldDisabled = fieldDisabled$5;
3039
3014
  exports.fieldHover = fieldHover$5;
3040
3015
  exports.focus = focus$5;
3041
3016
  exports.focusInset = focusInset$5;
@@ -3084,7 +3059,6 @@ exports.layerAccent = layerAccent$5;
3084
3059
  exports.layerAccentActive = layerAccentActive$5;
3085
3060
  exports.layerAccentHover = layerAccentHover$5;
3086
3061
  exports.layerActive = layerActive$5;
3087
- exports.layerDisabled = layerDisabled$5;
3088
3062
  exports.layerHover = layerHover$5;
3089
3063
  exports.layerSelected = layerSelected$5;
3090
3064
  exports.layerSelectedDisabled = layerSelectedDisabled$5;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/themes",
3
3
  "description": "Themes for applying color in the Carbon Design System",
4
- "version": "10.49.0",
4
+ "version": "10.50.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -49,5 +49,5 @@
49
49
  "rimraf": "^3.0.0"
50
50
  },
51
51
  "sideEffects": false,
52
- "gitHead": "ac4b4bf03cf93cb8463916231619fbfdc72f0be5"
52
+ "gitHead": "e76c42ab78cbee043db643597b7b5d79bd387c9b"
53
53
  }
@@ -176,8 +176,6 @@
176
176
  $layer-selected-hover: map-get($theme, 'layer-selected-hover') !global;
177
177
  $layer-selected-inverse: map-get($theme, 'layer-selected-inverse') !global;
178
178
  $border-subtle-selected: map-get($theme, 'border-subtle-selected') !global;
179
- $layer-disabled: map-get($theme, 'layer-disabled') !global;
180
- $field-disabled: map-get($theme, 'field-disabled') !global;
181
179
  $border-disabled: map-get($theme, 'border-disabled') !global;
182
180
  $text-disabled: map-get($theme, 'text-disabled') !global;
183
181
  $button-disabled: map-get($theme, 'button-disabled') !global;
@@ -358,8 +356,6 @@
358
356
  $layer-selected-hover: $hover-selected-ui !global;
359
357
  $layer-selected-inverse: $ui-05 !global;
360
358
  $border-subtle-selected: $active-ui !global;
361
- $layer-disabled: $disabled-01 !global;
362
- $field-disabled: $disabled-01 !global;
363
359
  $border-disabled: $disabled-01 !global;
364
360
  $text-disabled: $disabled-02 !global;
365
361
  $button-disabled: $disabled-02 !global;
@@ -901,14 +897,6 @@
901
897
  --#{$custom-property-prefix}-border-subtle-selected,
902
898
  map-get($theme, 'border-subtle-selected')
903
899
  ) !global;
904
- $layer-disabled: var(
905
- --#{$custom-property-prefix}-layer-disabled,
906
- map-get($theme, 'layer-disabled')
907
- ) !global;
908
- $field-disabled: var(
909
- --#{$custom-property-prefix}-field-disabled,
910
- map-get($theme, 'field-disabled')
911
- ) !global;
912
900
  $border-disabled: var(
913
901
  --#{$custom-property-prefix}-border-disabled,
914
902
  map-get($theme, 'border-disabled')
@@ -2489,32 +2477,6 @@
2489
2477
  );
2490
2478
  }
2491
2479
 
2492
- @if should-emit(
2493
- $theme,
2494
- $parent-carbon-theme,
2495
- 'layer-disabled',
2496
- $emit-difference
2497
- )
2498
- {
2499
- @include custom-property(
2500
- 'layer-disabled',
2501
- map-get($theme, 'layer-disabled')
2502
- );
2503
- }
2504
-
2505
- @if should-emit(
2506
- $theme,
2507
- $parent-carbon-theme,
2508
- 'field-disabled',
2509
- $emit-difference
2510
- )
2511
- {
2512
- @include custom-property(
2513
- 'field-disabled',
2514
- map-get($theme, 'field-disabled')
2515
- );
2516
- }
2517
-
2518
2480
  @if should-emit(
2519
2481
  $theme,
2520
2482
  $parent-carbon-theme,
@@ -139,8 +139,6 @@ $carbon--theme--white: (
139
139
  layer-selected-hover: #cacaca,
140
140
  layer-selected-inverse: #161616,
141
141
  border-subtle-selected: #c6c6c6,
142
- layer-disabled: #f4f4f4,
143
- field-disabled: #f4f4f4,
144
142
  border-disabled: #f4f4f4,
145
143
  text-disabled: #c6c6c6,
146
144
  button-disabled: #c6c6c6,
@@ -957,8 +955,6 @@ $carbon--theme--g10: map-merge(
957
955
  background: #f4f4f4,
958
956
  layer: #ffffff,
959
957
  field: #ffffff,
960
- layer-disabled: #ffffff,
961
- field-disabled: #ffffff,
962
958
  border-disabled: #ffffff,
963
959
  )
964
960
  ) !default;
@@ -1029,8 +1025,6 @@ $carbon--theme--g80: map-merge(
1029
1025
  layer-selected-hover: #616161,
1030
1026
  layer-selected-inverse: #f4f4f4,
1031
1027
  border-subtle-selected: #8d8d8d,
1032
- layer-disabled: #525252,
1033
- field-disabled: #525252,
1034
1028
  border-disabled: #525252,
1035
1029
  text-disabled: #8d8d8d,
1036
1030
  button-disabled: #8d8d8d,
@@ -1215,8 +1209,6 @@ $carbon--theme--g90: map-merge(
1215
1209
  layer-selected-hover: #656565,
1216
1210
  layer-selected-inverse: #f4f4f4,
1217
1211
  border-subtle-selected: #6f6f6f,
1218
- layer-disabled: #393939,
1219
- field-disabled: #393939,
1220
1212
  border-disabled: #393939,
1221
1213
  text-disabled: #6f6f6f,
1222
1214
  button-disabled: #6f6f6f,
@@ -1350,8 +1342,6 @@ $carbon--theme--g100: map-merge(
1350
1342
  layer-selected-hover: #4c4c4c,
1351
1343
  layer-selected-inverse: #f4f4f4,
1352
1344
  border-subtle-selected: #525252,
1353
- layer-disabled: #262626,
1354
- field-disabled: #262626,
1355
1345
  border-disabled: #262626,
1356
1346
  text-disabled: #525252,
1357
1347
  button-disabled: #525252,
@@ -1487,8 +1477,6 @@ $carbon--theme--v9: map-merge(
1487
1477
  layer-selected-hover: #dfeafa,
1488
1478
  layer-selected-inverse: #5a6872,
1489
1479
  border-subtle-selected: #dfeafa,
1490
- layer-disabled: #fafbfd,
1491
- field-disabled: #fafbfd,
1492
1480
  border-disabled: #fafbfd,
1493
1481
  text-disabled: #dfe3e6,
1494
1482
  button-disabled: #dfe3e6,
@@ -2304,18 +2292,6 @@ $carbon--theme: (
2304
2292
  $border-subtle-selected,
2305
2293
  map-get($carbon--theme--white, 'border-subtle-selected')
2306
2294
  ),
2307
- layer-disabled:
2308
- if(
2309
- global-variable-exists('layer-disabled'),
2310
- $layer-disabled,
2311
- map-get($carbon--theme--white, 'layer-disabled')
2312
- ),
2313
- field-disabled:
2314
- if(
2315
- global-variable-exists('field-disabled'),
2316
- $field-disabled,
2317
- map-get($carbon--theme--white, 'field-disabled')
2318
- ),
2319
2295
  border-disabled:
2320
2296
  if(
2321
2297
  global-variable-exists('border-disabled'),
@@ -1380,26 +1380,6 @@ $border-subtle-selected: if(
1380
1380
  #c6c6c6
1381
1381
  ) !default;
1382
1382
 
1383
- /// @type {undefined}
1384
- /// @access public
1385
- /// @group @carbon/themes
1386
- $layer-disabled: if(
1387
- global-variable-exists('carbon--theme') and
1388
- map-has-key($carbon--theme, 'layer-disabled'),
1389
- map-get($carbon--theme, 'layer-disabled'),
1390
- #f4f4f4
1391
- ) !default;
1392
-
1393
- /// @type {undefined}
1394
- /// @access public
1395
- /// @group @carbon/themes
1396
- $field-disabled: if(
1397
- global-variable-exists('carbon--theme') and
1398
- map-has-key($carbon--theme, 'field-disabled'),
1399
- map-get($carbon--theme, 'field-disabled'),
1400
- #f4f4f4
1401
- ) !default;
1402
-
1403
1383
  /// @type {undefined}
1404
1384
  /// @access public
1405
1385
  /// @group @carbon/themes
@@ -36,7 +36,6 @@ $white: (
36
36
  field-01: #f4f4f4,
37
37
  field-02: #ffffff,
38
38
  field-03: #f4f4f4,
39
- field-disabled: #f4f4f4,
40
39
  field-hover-01: #e8e8e8,
41
40
  field-hover-02: #e8e8e8,
42
41
  field-hover-03: #e8e8e8,
@@ -44,7 +43,7 @@ $white: (
44
43
  focus-inset: #ffffff,
45
44
  focus-inverse: #ffffff,
46
45
  highlight: #d0e2ff,
47
- icon-disabled: #c6c6c6,
46
+ icon-disabled: rgba(22, 22, 22, 0.25),
48
47
  icon-inverse: #ffffff,
49
48
  icon-on-color: #ffffff,
50
49
  icon-on-color-disabled: #8d8d8d,
@@ -66,7 +65,6 @@ $white: (
66
65
  layer-active-01: #c6c6c6,
67
66
  layer-active-02: #c6c6c6,
68
67
  layer-active-03: #c6c6c6,
69
- layer-disabled: #f4f4f4,
70
68
  layer-hover-01: #e8e8e8,
71
69
  layer-hover-02: #e8e8e8,
72
70
  layer-hover-03: #e8e8e8,
@@ -141,7 +139,6 @@ $g10: (
141
139
  field-01: #ffffff,
142
140
  field-02: #f4f4f4,
143
141
  field-03: #ffffff,
144
- field-disabled: #ffffff,
145
142
  field-hover-01: #e8e8e8,
146
143
  field-hover-02: #e8e8e8,
147
144
  field-hover-03: #e8e8e8,
@@ -149,7 +146,7 @@ $g10: (
149
146
  focus-inset: #ffffff,
150
147
  focus-inverse: #ffffff,
151
148
  highlight: #d0e2ff,
152
- icon-disabled: #c6c6c6,
149
+ icon-disabled: rgba(22, 22, 22, 0.25),
153
150
  icon-inverse: #ffffff,
154
151
  icon-on-color: #ffffff,
155
152
  icon-on-color-disabled: #8d8d8d,
@@ -171,7 +168,6 @@ $g10: (
171
168
  layer-active-01: #c6c6c6,
172
169
  layer-active-02: #c6c6c6,
173
170
  layer-active-03: #c6c6c6,
174
- layer-disabled: #ffffff,
175
171
  layer-hover-01: #e8e8e8,
176
172
  layer-hover-02: #e8e8e8,
177
173
  layer-hover-03: #e8e8e8,
@@ -246,7 +242,6 @@ $g90: (
246
242
  field-01: #393939,
247
243
  field-02: #525252,
248
244
  field-03: #6f6f6f,
249
- field-disabled: #393939,
250
245
  field-hover-01: #474747,
251
246
  field-hover-02: #636363,
252
247
  field-hover-03: #5e5e5e,
@@ -254,7 +249,7 @@ $g90: (
254
249
  focus-inset: #161616,
255
250
  focus-inverse: #0f62fe,
256
251
  highlight: #0043ce,
257
- icon-disabled: #6f6f6f,
252
+ icon-disabled: rgba(244, 244, 244, 0.25),
258
253
  icon-inverse: #161616,
259
254
  icon-on-color: #ffffff,
260
255
  icon-on-color-disabled: rgba(255, 255, 255, 0.25),
@@ -271,12 +266,11 @@ $g90: (
271
266
  layer-accent-active-02: #393939,
272
267
  layer-accent-active-03: #525252,
273
268
  layer-accent-hover-01: #636363,
274
- layer-accent-hover-02: #404040,
269
+ layer-accent-hover-02: #5e5e5e,
275
270
  layer-accent-hover-03: #7a7a7a,
276
271
  layer-active-01: #6f6f6f,
277
272
  layer-active-02: #8d8d8d,
278
273
  layer-active-03: #393939,
279
- layer-disabled: #393939,
280
274
  layer-hover-01: #474747,
281
275
  layer-hover-02: #636363,
282
276
  layer-hover-03: #5e5e5e,
@@ -303,7 +297,7 @@ $g90: (
303
297
  support-error: #ff8389,
304
298
  support-error-inverse: #da1e28,
305
299
  support-info: #4589ff,
306
- support-info-inverse: #0f62fe,
300
+ support-info-inverse: #0043ce,
307
301
  support-success: #42be65,
308
302
  support-success-inverse: #24a148,
309
303
  support-warning: #f1c21b,
@@ -351,15 +345,14 @@ $g100: (
351
345
  field-01: #262626,
352
346
  field-02: #393939,
353
347
  field-03: #525252,
354
- field-disabled: #393939,
355
348
  field-hover-01: #333333,
356
349
  field-hover-02: #474747,
357
350
  field-hover-03: #636363,
358
351
  focus: #ffffff,
359
352
  focus-inset: #161616,
360
353
  focus-inverse: #0f62fe,
361
- highlight: #d0e2ff,
362
- icon-disabled: #525252,
354
+ highlight: #002d9c,
355
+ icon-disabled: rgba(244, 244, 244, 0.25),
363
356
  icon-inverse: #161616,
364
357
  icon-on-color: #ffffff,
365
358
  icon-on-color-disabled: rgba(255, 255, 255, 0.25),
@@ -381,7 +374,6 @@ $g100: (
381
374
  layer-active-01: #525252,
382
375
  layer-active-02: #6f6f6f,
383
376
  layer-active-03: #8d8d8d,
384
- layer-disabled: #262626,
385
377
  layer-hover-01: #333333,
386
378
  layer-hover-02: #474747,
387
379
  layer-hover-03: #636363,
@@ -408,13 +400,13 @@ $g100: (
408
400
  support-error: #fa4d56,
409
401
  support-error-inverse: #da1e28,
410
402
  support-info: #4589ff,
411
- support-info-inverse: #0f62fe,
403
+ support-info-inverse: #0043ce,
412
404
  support-success: #42be65,
413
405
  support-success-inverse: #24a148,
414
406
  support-warning: #f1c21b,
415
407
  support-warning-inverse: #f1c21b,
416
408
  text-disabled: rgba(244, 244, 244, 0.25),
417
- text-error: #ffb3b8,
409
+ text-error: #ff8389,
418
410
  text-helper: #a8a8a8,
419
411
  text-inverse: #161616,
420
412
  text-on-color: #ffffff,
@@ -422,7 +414,7 @@ $g100: (
422
414
  text-placeholder: rgba(244, 244, 244, 0.4),
423
415
  text-primary: #f4f4f4,
424
416
  text-secondary: #c6c6c6,
425
- toggle-off: #8d8d8d,
417
+ toggle-off: #6f6f6f,
426
418
  ) !default;
427
419
  $g100: utilities.merge(
428
420
  $g100,
@@ -88,9 +88,6 @@ $layer-selected-03: _get('layer-selected-03') !default;
88
88
  /// The CSS Custom Property for the `layer-selected-hover-03` token
89
89
  $layer-selected-hover-03: _get('layer-selected-hover-03') !default;
90
90
 
91
- /// The CSS Custom Property for the `layer-disabled` token
92
- $layer-disabled: _get('layer-disabled') !default;
93
-
94
91
  /// The CSS Custom Property for the `layer-selected-inverse` token
95
92
  $layer-selected-inverse: _get('layer-selected-inverse') !default;
96
93
 
@@ -142,9 +139,6 @@ $field-03: _get('field-03') !default;
142
139
  /// The CSS Custom Property for the `field-hover-03` token
143
140
  $field-hover-03: _get('field-hover-03') !default;
144
141
 
145
- /// The CSS Custom Property for the `field-disabled` token
146
- $field-disabled: _get('field-disabled') !default;
147
-
148
142
  /// The CSS Custom Property for the `interactive` token
149
143
  $interactive: _get('interactive') !default;
150
144