@carbon/themes 10.49.0-rc.0 → 10.51.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 +4 -28
- package/lib/index.js +3 -29
- package/package.json +7 -7
- package/scss/generated/_mixins.scss +0 -38
- package/scss/generated/_themes.scss +0 -24
- package/scss/generated/_tokens.scss +0 -20
- package/scss/modules/generated/_themes.scss +18 -18
- package/scss/modules/generated/_tokens.scss +8 -8
- package/src/g10.js +0 -2
- package/src/g100.js +0 -2
- package/src/g80.js +1 -3
- package/src/g90.js +0 -2
- package/src/next/g10.js +13 -13
- package/src/next/g100.js +17 -16
- package/src/next/g90.js +16 -15
- package/src/next/tokens/v11TokenGroup.js +3 -9
- package/src/next/white.js +18 -17
- package/src/tokens.js +0 -4
- package/src/v9.js +0 -2
- package/src/white.js +0 -2
- package/umd/index.js +3 -29
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 =
|
|
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', '
|
|
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', '
|
|
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,
|
|
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 =
|
|
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', '
|
|
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', '
|
|
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.
|
|
4
|
+
"version": "10.51.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -29,18 +29,18 @@
|
|
|
29
29
|
"build": "yarn clean && carbon-cli bundle src/index.js --name CarbonThemes && babel-node --presets '@babel/preset-env' tasks/build.js && carbon-cli check \"scss/*.scss\""
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@carbon/colors": "^10.
|
|
33
|
-
"@carbon/layout": "^10.
|
|
34
|
-
"@carbon/type": "^10.
|
|
32
|
+
"@carbon/colors": "^10.36.0",
|
|
33
|
+
"@carbon/layout": "^10.36.0",
|
|
34
|
+
"@carbon/type": "^10.41.0",
|
|
35
35
|
"color": "^3.1.2"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@babel/node": "^7.16.7",
|
|
39
39
|
"@babel/preset-env": "^7.16.7",
|
|
40
|
-
"@carbon/cli": "^10.
|
|
40
|
+
"@carbon/cli": "^10.33.0",
|
|
41
41
|
"@carbon/cli-reporter": "^10.5.0",
|
|
42
42
|
"@carbon/scss-generator": "^10.13.0",
|
|
43
|
-
"@carbon/test-utils": "^10.21.0
|
|
43
|
+
"@carbon/test-utils": "^10.21.0",
|
|
44
44
|
"change-case": "^4.1.1",
|
|
45
45
|
"core-js": "^3.16.0",
|
|
46
46
|
"fs-extra": "^10.0.0",
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"rimraf": "^3.0.0"
|
|
50
50
|
},
|
|
51
51
|
"sideEffects": false,
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "6a49764a3df2cc3e3b8fce6575f4853d1400e183"
|
|
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
|