@carbon/themes 11.52.0-rc.0 → 11.53.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 +97 -16
- package/lib/index.js +105 -20
- package/package.json +6 -6
- package/scss/_component-tokens.scss +2 -1
- package/scss/generated/_content-switcher-tokens.scss +30 -0
- package/scss/generated/_themes.scss +12 -0
- package/scss/generated/_tokens.scss +9 -0
- package/src/component-tokens/content-switcher/index.js +7 -0
- package/src/component-tokens/content-switcher/tokens.js +29 -0
- package/src/g10.js +3 -0
- package/src/g100.js +3 -0
- package/src/g90.js +3 -0
- package/src/index.js +2 -0
- package/src/tokens/components.js +10 -0
- package/src/tokens/v11TokenGroup.js +9 -0
- package/src/tokens/v11TokenSet.js +3 -0
- package/src/white.js +3 -0
- package/umd/index.js +105 -20
package/es/index.js
CHANGED
|
@@ -522,6 +522,7 @@ var backgroundSelectedHover$7 = adjustAlpha(gray50, 0.32);
|
|
|
522
522
|
// layer-01
|
|
523
523
|
var layer01$3 = gray10;
|
|
524
524
|
var layerActive01$3 = gray30;
|
|
525
|
+
var layerBackground01$3 = white$2;
|
|
525
526
|
var layerHover01$3 = gray10Hover;
|
|
526
527
|
var layerSelected01$3 = gray20;
|
|
527
528
|
var layerSelectedHover01$3 = gray20Hover;
|
|
@@ -529,6 +530,7 @@ var layerSelectedHover01$3 = gray20Hover;
|
|
|
529
530
|
// layer-02
|
|
530
531
|
var layer02$3 = white$2;
|
|
531
532
|
var layerActive02$3 = gray30;
|
|
533
|
+
var layerBackground02$3 = gray10;
|
|
532
534
|
var layerHover02$3 = whiteHover;
|
|
533
535
|
var layerSelected02$3 = gray20;
|
|
534
536
|
var layerSelectedHover02$3 = gray20Hover;
|
|
@@ -536,6 +538,7 @@ var layerSelectedHover02$3 = gray20Hover;
|
|
|
536
538
|
// layer-03
|
|
537
539
|
var layer03$3 = gray10;
|
|
538
540
|
var layerActive03$3 = gray30;
|
|
541
|
+
var layerBackground03$3 = white$2;
|
|
539
542
|
var layerHover03$3 = gray10Hover;
|
|
540
543
|
var layerSelected03$3 = gray20;
|
|
541
544
|
var layerSelectedHover03$3 = gray20Hover;
|
|
@@ -732,16 +735,19 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
732
735
|
backgroundSelectedHover: backgroundSelectedHover$7,
|
|
733
736
|
layer01: layer01$3,
|
|
734
737
|
layerActive01: layerActive01$3,
|
|
738
|
+
layerBackground01: layerBackground01$3,
|
|
735
739
|
layerHover01: layerHover01$3,
|
|
736
740
|
layerSelected01: layerSelected01$3,
|
|
737
741
|
layerSelectedHover01: layerSelectedHover01$3,
|
|
738
742
|
layer02: layer02$3,
|
|
739
743
|
layerActive02: layerActive02$3,
|
|
744
|
+
layerBackground02: layerBackground02$3,
|
|
740
745
|
layerHover02: layerHover02$3,
|
|
741
746
|
layerSelected02: layerSelected02$3,
|
|
742
747
|
layerSelectedHover02: layerSelectedHover02$3,
|
|
743
748
|
layer03: layer03$3,
|
|
744
749
|
layerActive03: layerActive03$3,
|
|
750
|
+
layerBackground03: layerBackground03$3,
|
|
745
751
|
layerHover03: layerHover03$3,
|
|
746
752
|
layerSelected03: layerSelected03$3,
|
|
747
753
|
layerSelectedHover03: layerSelectedHover03$3,
|
|
@@ -955,6 +961,7 @@ var backgroundSelectedHover$6 = adjustAlpha(gray50, 0.32);
|
|
|
955
961
|
// layer-01
|
|
956
962
|
var layer01$2 = white$2;
|
|
957
963
|
var layerActive01$2 = gray30;
|
|
964
|
+
var layerBackground01$2 = gray10;
|
|
958
965
|
var layerHover01$2 = whiteHover;
|
|
959
966
|
var layerSelected01$2 = gray20;
|
|
960
967
|
var layerSelectedHover01$2 = gray20Hover;
|
|
@@ -962,6 +969,7 @@ var layerSelectedHover01$2 = gray20Hover;
|
|
|
962
969
|
// layer-02
|
|
963
970
|
var layer02$2 = gray10;
|
|
964
971
|
var layerActive02$2 = gray30;
|
|
972
|
+
var layerBackground02$2 = white$2;
|
|
965
973
|
var layerHover02$2 = gray10Hover;
|
|
966
974
|
var layerSelected02$2 = gray20;
|
|
967
975
|
var layerSelectedHover02$2 = gray20Hover;
|
|
@@ -969,6 +977,7 @@ var layerSelectedHover02$2 = gray20Hover;
|
|
|
969
977
|
// layer-03
|
|
970
978
|
var layer03$2 = white$2;
|
|
971
979
|
var layerActive03$2 = gray30;
|
|
980
|
+
var layerBackground03$2 = gray10;
|
|
972
981
|
var layerHover03$2 = whiteHover;
|
|
973
982
|
var layerSelected03$2 = gray20;
|
|
974
983
|
var layerSelectedHover03$2 = gray20Hover;
|
|
@@ -1165,16 +1174,19 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1165
1174
|
backgroundSelectedHover: backgroundSelectedHover$6,
|
|
1166
1175
|
layer01: layer01$2,
|
|
1167
1176
|
layerActive01: layerActive01$2,
|
|
1177
|
+
layerBackground01: layerBackground01$2,
|
|
1168
1178
|
layerHover01: layerHover01$2,
|
|
1169
1179
|
layerSelected01: layerSelected01$2,
|
|
1170
1180
|
layerSelectedHover01: layerSelectedHover01$2,
|
|
1171
1181
|
layer02: layer02$2,
|
|
1172
1182
|
layerActive02: layerActive02$2,
|
|
1183
|
+
layerBackground02: layerBackground02$2,
|
|
1173
1184
|
layerHover02: layerHover02$2,
|
|
1174
1185
|
layerSelected02: layerSelected02$2,
|
|
1175
1186
|
layerSelectedHover02: layerSelectedHover02$2,
|
|
1176
1187
|
layer03: layer03$2,
|
|
1177
1188
|
layerActive03: layerActive03$2,
|
|
1189
|
+
layerBackground03: layerBackground03$2,
|
|
1178
1190
|
layerHover03: layerHover03$2,
|
|
1179
1191
|
layerSelected03: layerSelected03$2,
|
|
1180
1192
|
layerSelectedHover03: layerSelectedHover03$2,
|
|
@@ -1388,6 +1400,7 @@ var backgroundSelectedHover$5 = adjustAlpha(gray50, 0.32);
|
|
|
1388
1400
|
// layer-01
|
|
1389
1401
|
var layer01$1 = gray80;
|
|
1390
1402
|
var layerActive01$1 = gray60;
|
|
1403
|
+
var layerBackground01$1 = gray90;
|
|
1391
1404
|
var layerHover01$1 = gray80Hover;
|
|
1392
1405
|
var layerSelected01$1 = gray70;
|
|
1393
1406
|
var layerSelectedHover01$1 = gray70Hover;
|
|
@@ -1395,6 +1408,7 @@ var layerSelectedHover01$1 = gray70Hover;
|
|
|
1395
1408
|
// layer-02
|
|
1396
1409
|
var layer02$1 = gray70;
|
|
1397
1410
|
var layerActive02$1 = gray50;
|
|
1411
|
+
var layerBackground02$1 = gray80;
|
|
1398
1412
|
var layerHover02$1 = gray70Hover;
|
|
1399
1413
|
var layerSelected02$1 = gray60;
|
|
1400
1414
|
var layerSelectedHover02$1 = gray60Hover;
|
|
@@ -1402,6 +1416,7 @@ var layerSelectedHover02$1 = gray60Hover;
|
|
|
1402
1416
|
// layer-03
|
|
1403
1417
|
var layer03$1 = gray60;
|
|
1404
1418
|
var layerActive03$1 = gray80;
|
|
1419
|
+
var layerBackground03$1 = gray70;
|
|
1405
1420
|
var layerHover03$1 = gray60Hover;
|
|
1406
1421
|
var layerSelected03$1 = gray70;
|
|
1407
1422
|
var layerSelectedHover03$1 = gray70Hover;
|
|
@@ -1598,16 +1613,19 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1598
1613
|
backgroundSelectedHover: backgroundSelectedHover$5,
|
|
1599
1614
|
layer01: layer01$1,
|
|
1600
1615
|
layerActive01: layerActive01$1,
|
|
1616
|
+
layerBackground01: layerBackground01$1,
|
|
1601
1617
|
layerHover01: layerHover01$1,
|
|
1602
1618
|
layerSelected01: layerSelected01$1,
|
|
1603
1619
|
layerSelectedHover01: layerSelectedHover01$1,
|
|
1604
1620
|
layer02: layer02$1,
|
|
1605
1621
|
layerActive02: layerActive02$1,
|
|
1622
|
+
layerBackground02: layerBackground02$1,
|
|
1606
1623
|
layerHover02: layerHover02$1,
|
|
1607
1624
|
layerSelected02: layerSelected02$1,
|
|
1608
1625
|
layerSelectedHover02: layerSelectedHover02$1,
|
|
1609
1626
|
layer03: layer03$1,
|
|
1610
1627
|
layerActive03: layerActive03$1,
|
|
1628
|
+
layerBackground03: layerBackground03$1,
|
|
1611
1629
|
layerHover03: layerHover03$1,
|
|
1612
1630
|
layerSelected03: layerSelected03$1,
|
|
1613
1631
|
layerSelectedHover03: layerSelectedHover03$1,
|
|
@@ -1821,6 +1839,7 @@ var backgroundSelectedHover$4 = adjustAlpha(gray50, 0.32);
|
|
|
1821
1839
|
// layer-01
|
|
1822
1840
|
var layer01 = gray90;
|
|
1823
1841
|
var layerActive01 = gray70;
|
|
1842
|
+
var layerBackground01 = gray100;
|
|
1824
1843
|
var layerHover01 = gray90Hover;
|
|
1825
1844
|
var layerSelected01 = gray80;
|
|
1826
1845
|
var layerSelectedHover01 = gray80Hover;
|
|
@@ -1828,6 +1847,7 @@ var layerSelectedHover01 = gray80Hover;
|
|
|
1828
1847
|
// layer-02
|
|
1829
1848
|
var layer02 = gray80;
|
|
1830
1849
|
var layerActive02 = gray60;
|
|
1850
|
+
var layerBackground02 = gray90;
|
|
1831
1851
|
var layerHover02 = gray80Hover;
|
|
1832
1852
|
var layerSelected02 = gray70;
|
|
1833
1853
|
var layerSelectedHover02 = gray70Hover;
|
|
@@ -1835,6 +1855,7 @@ var layerSelectedHover02 = gray70Hover;
|
|
|
1835
1855
|
// layer-03
|
|
1836
1856
|
var layer03 = gray70;
|
|
1837
1857
|
var layerActive03 = gray50;
|
|
1858
|
+
var layerBackground03 = gray80;
|
|
1838
1859
|
var layerHover03 = gray70Hover;
|
|
1839
1860
|
var layerSelected03 = gray60;
|
|
1840
1861
|
var layerSelectedHover03 = gray60Hover;
|
|
@@ -2031,16 +2052,19 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2031
2052
|
backgroundSelectedHover: backgroundSelectedHover$4,
|
|
2032
2053
|
layer01: layer01,
|
|
2033
2054
|
layerActive01: layerActive01,
|
|
2055
|
+
layerBackground01: layerBackground01,
|
|
2034
2056
|
layerHover01: layerHover01,
|
|
2035
2057
|
layerSelected01: layerSelected01,
|
|
2036
2058
|
layerSelectedHover01: layerSelectedHover01,
|
|
2037
2059
|
layer02: layer02,
|
|
2038
2060
|
layerActive02: layerActive02,
|
|
2061
|
+
layerBackground02: layerBackground02,
|
|
2039
2062
|
layerHover02: layerHover02,
|
|
2040
2063
|
layerSelected02: layerSelected02,
|
|
2041
2064
|
layerSelectedHover02: layerSelectedHover02,
|
|
2042
2065
|
layer03: layer03,
|
|
2043
2066
|
layerActive03: layerActive03,
|
|
2067
|
+
layerBackground03: layerBackground03,
|
|
2044
2068
|
layerHover03: layerHover03,
|
|
2045
2069
|
layerSelected03: layerSelected03,
|
|
2046
2070
|
layerSelectedHover03: layerSelectedHover03,
|
|
@@ -3880,7 +3904,7 @@ var colors = [
|
|
|
3880
3904
|
'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',
|
|
3881
3905
|
// Deprecated
|
|
3882
3906
|
'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
|
|
3883
|
-
var tokens$
|
|
3907
|
+
var tokens$5 = {
|
|
3884
3908
|
colors: colors,
|
|
3885
3909
|
type: unstable_tokens,
|
|
3886
3910
|
layout: unstable_tokens$1
|
|
@@ -3899,14 +3923,14 @@ var themes$1 = {
|
|
|
3899
3923
|
g100: g100
|
|
3900
3924
|
};
|
|
3901
3925
|
|
|
3902
|
-
var index$
|
|
3926
|
+
var index$5 = /*#__PURE__*/Object.freeze({
|
|
3903
3927
|
__proto__: null,
|
|
3904
3928
|
white: white,
|
|
3905
3929
|
g10: g10,
|
|
3906
3930
|
g90: g90,
|
|
3907
3931
|
g100: g100,
|
|
3908
3932
|
themes: themes$1,
|
|
3909
|
-
tokens: tokens$
|
|
3933
|
+
tokens: tokens$5,
|
|
3910
3934
|
caption01: caption01,
|
|
3911
3935
|
caption02: caption02,
|
|
3912
3936
|
label01: label01,
|
|
@@ -4250,7 +4274,7 @@ var buttonDisabled = {
|
|
|
4250
4274
|
g100: 'rgb(141 141 141 / 30%)'
|
|
4251
4275
|
};
|
|
4252
4276
|
|
|
4253
|
-
var tokens$
|
|
4277
|
+
var tokens$4 = /*#__PURE__*/Object.freeze({
|
|
4254
4278
|
__proto__: null,
|
|
4255
4279
|
buttonSeparator: buttonSeparator,
|
|
4256
4280
|
buttonPrimary: buttonPrimary,
|
|
@@ -4276,9 +4300,9 @@ var tokens$3 = /*#__PURE__*/Object.freeze({
|
|
|
4276
4300
|
* LICENSE file in the root directory of this source tree.
|
|
4277
4301
|
*/
|
|
4278
4302
|
|
|
4279
|
-
var index$
|
|
4303
|
+
var index$4 = /*#__PURE__*/Object.freeze({
|
|
4280
4304
|
__proto__: null,
|
|
4281
|
-
buttonTokens: tokens$
|
|
4305
|
+
buttonTokens: tokens$4
|
|
4282
4306
|
});
|
|
4283
4307
|
|
|
4284
4308
|
/**
|
|
@@ -4528,7 +4552,7 @@ var tagBorderWarmGray = {
|
|
|
4528
4552
|
g100: warmGray50
|
|
4529
4553
|
};
|
|
4530
4554
|
|
|
4531
|
-
var tokens$
|
|
4555
|
+
var tokens$3 = /*#__PURE__*/Object.freeze({
|
|
4532
4556
|
__proto__: null,
|
|
4533
4557
|
tagBackgroundRed: tagBackgroundRed,
|
|
4534
4558
|
tagColorRed: tagColorRed,
|
|
@@ -4579,9 +4603,9 @@ var tokens$2 = /*#__PURE__*/Object.freeze({
|
|
|
4579
4603
|
* LICENSE file in the root directory of this source tree.
|
|
4580
4604
|
*/
|
|
4581
4605
|
|
|
4582
|
-
var index$
|
|
4606
|
+
var index$3 = /*#__PURE__*/Object.freeze({
|
|
4583
4607
|
__proto__: null,
|
|
4584
|
-
tagTokens: tokens$
|
|
4608
|
+
tagTokens: tokens$3
|
|
4585
4609
|
});
|
|
4586
4610
|
|
|
4587
4611
|
/**
|
|
@@ -4649,7 +4673,7 @@ var notificationActionTertiaryInverseTextOnColorDisabled = {
|
|
|
4649
4673
|
g100: textOnColorDisabled$7
|
|
4650
4674
|
};
|
|
4651
4675
|
|
|
4652
|
-
var tokens$
|
|
4676
|
+
var tokens$2 = /*#__PURE__*/Object.freeze({
|
|
4653
4677
|
__proto__: null,
|
|
4654
4678
|
notificationBackgroundError: notificationBackgroundError,
|
|
4655
4679
|
notificationBackgroundSuccess: notificationBackgroundSuccess,
|
|
@@ -4670,9 +4694,9 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
|
|
|
4670
4694
|
* LICENSE file in the root directory of this source tree.
|
|
4671
4695
|
*/
|
|
4672
4696
|
|
|
4673
|
-
var index$
|
|
4697
|
+
var index$2 = /*#__PURE__*/Object.freeze({
|
|
4674
4698
|
__proto__: null,
|
|
4675
|
-
notificationTokens: tokens$
|
|
4699
|
+
notificationTokens: tokens$2
|
|
4676
4700
|
});
|
|
4677
4701
|
|
|
4678
4702
|
/**
|
|
@@ -4738,7 +4762,7 @@ var statusAccessibilityBackground = {
|
|
|
4738
4762
|
g100: gray100
|
|
4739
4763
|
};
|
|
4740
4764
|
|
|
4741
|
-
var tokens = /*#__PURE__*/Object.freeze({
|
|
4765
|
+
var tokens$1 = /*#__PURE__*/Object.freeze({
|
|
4742
4766
|
__proto__: null,
|
|
4743
4767
|
statusRed: statusRed,
|
|
4744
4768
|
statusOrange: statusOrange,
|
|
@@ -4752,6 +4776,51 @@ var tokens = /*#__PURE__*/Object.freeze({
|
|
|
4752
4776
|
statusAccessibilityBackground: statusAccessibilityBackground
|
|
4753
4777
|
});
|
|
4754
4778
|
|
|
4779
|
+
/**
|
|
4780
|
+
* Copyright IBM Corp. 2025
|
|
4781
|
+
*
|
|
4782
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
4783
|
+
* LICENSE file in the root directory of this source tree.
|
|
4784
|
+
*/
|
|
4785
|
+
|
|
4786
|
+
var index$1 = /*#__PURE__*/Object.freeze({
|
|
4787
|
+
__proto__: null,
|
|
4788
|
+
statusTokens: tokens$1
|
|
4789
|
+
});
|
|
4790
|
+
|
|
4791
|
+
/**
|
|
4792
|
+
* Copyright IBM Corp. 2025
|
|
4793
|
+
*
|
|
4794
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
4795
|
+
* LICENSE file in the root directory of this source tree.
|
|
4796
|
+
*/
|
|
4797
|
+
var transparent = 'rgba(0, 0, 0, 0)';
|
|
4798
|
+
var contentSwitcherSelected = {
|
|
4799
|
+
whiteTheme: white$2,
|
|
4800
|
+
g10: white$2,
|
|
4801
|
+
g90: rgba(gray50, 0.24),
|
|
4802
|
+
g100: rgba(gray50, 0.24)
|
|
4803
|
+
};
|
|
4804
|
+
var contentSwitcherBackground = {
|
|
4805
|
+
whiteTheme: gray20,
|
|
4806
|
+
g10: gray20,
|
|
4807
|
+
g90: transparent,
|
|
4808
|
+
g100: transparent
|
|
4809
|
+
};
|
|
4810
|
+
var contentSwitcherBackgroundHover = {
|
|
4811
|
+
whiteTheme: gray20Hover,
|
|
4812
|
+
g10: gray20Hover,
|
|
4813
|
+
g90: rgba(gray50, 0.12),
|
|
4814
|
+
g100: rgba(gray50, 0.12)
|
|
4815
|
+
};
|
|
4816
|
+
|
|
4817
|
+
var tokens = /*#__PURE__*/Object.freeze({
|
|
4818
|
+
__proto__: null,
|
|
4819
|
+
contentSwitcherSelected: contentSwitcherSelected,
|
|
4820
|
+
contentSwitcherBackground: contentSwitcherBackground,
|
|
4821
|
+
contentSwitcherBackgroundHover: contentSwitcherBackgroundHover
|
|
4822
|
+
});
|
|
4823
|
+
|
|
4755
4824
|
/**
|
|
4756
4825
|
* Copyright IBM Corp. 2025
|
|
4757
4826
|
*
|
|
@@ -4761,7 +4830,7 @@ var tokens = /*#__PURE__*/Object.freeze({
|
|
|
4761
4830
|
|
|
4762
4831
|
var index = /*#__PURE__*/Object.freeze({
|
|
4763
4832
|
__proto__: null,
|
|
4764
|
-
|
|
4833
|
+
contentSwitcherTokens: tokens
|
|
4765
4834
|
});
|
|
4766
4835
|
|
|
4767
4836
|
/**
|
|
@@ -5065,6 +5134,8 @@ var layer = TokenGroup.create({
|
|
|
5065
5134
|
}, {
|
|
5066
5135
|
state: 'active',
|
|
5067
5136
|
name: 'layer-active-01'
|
|
5137
|
+
}, {
|
|
5138
|
+
name: 'layer-background-01'
|
|
5068
5139
|
}, {
|
|
5069
5140
|
state: 'hover',
|
|
5070
5141
|
name: 'layer-hover-01'
|
|
@@ -5079,6 +5150,8 @@ var layer = TokenGroup.create({
|
|
|
5079
5150
|
}, {
|
|
5080
5151
|
state: 'active',
|
|
5081
5152
|
name: 'layer-active-02'
|
|
5153
|
+
}, {
|
|
5154
|
+
name: 'layer-background-02'
|
|
5082
5155
|
}, {
|
|
5083
5156
|
state: 'hover',
|
|
5084
5157
|
name: 'layer-hover-02'
|
|
@@ -5093,6 +5166,8 @@ var layer = TokenGroup.create({
|
|
|
5093
5166
|
}, {
|
|
5094
5167
|
state: 'active',
|
|
5095
5168
|
name: 'layer-active-03'
|
|
5169
|
+
}, {
|
|
5170
|
+
name: 'layer-background-03'
|
|
5096
5171
|
}, {
|
|
5097
5172
|
state: 'hover',
|
|
5098
5173
|
name: 'layer-hover-03'
|
|
@@ -5307,13 +5382,19 @@ var status = TokenGroup.create({
|
|
|
5307
5382
|
properties: [],
|
|
5308
5383
|
tokens: ['status-red', 'status-orange', 'status-orange-outline', 'status-yellow', 'status-yellow-outline', 'status-purple', 'status-green', 'status-blue', 'status-gray']
|
|
5309
5384
|
});
|
|
5385
|
+
var contentSwitcher = TokenGroup.create({
|
|
5386
|
+
name: 'Content Switcher',
|
|
5387
|
+
properties: [],
|
|
5388
|
+
tokens: ['content-switcher-selected', 'content-switcher-background', 'content-switcher-background-hover']
|
|
5389
|
+
});
|
|
5310
5390
|
|
|
5311
5391
|
var components = /*#__PURE__*/Object.freeze({
|
|
5312
5392
|
__proto__: null,
|
|
5313
5393
|
button: button,
|
|
5314
5394
|
notification: notification,
|
|
5315
5395
|
tag: tag,
|
|
5316
|
-
status: status
|
|
5396
|
+
status: status,
|
|
5397
|
+
contentSwitcher: contentSwitcher
|
|
5317
5398
|
});
|
|
5318
5399
|
|
|
5319
5400
|
/**
|
|
@@ -5420,4 +5501,4 @@ var themes = {
|
|
|
5420
5501
|
g100: g100$1
|
|
5421
5502
|
};
|
|
5422
5503
|
|
|
5423
|
-
export { aiAuraEnd$3 as aiAuraEnd, aiAuraHoverBackground$3 as aiAuraHoverBackground, aiAuraHoverEnd$3 as aiAuraHoverEnd, aiAuraHoverStart$3 as aiAuraHoverStart, aiAuraStart$3 as aiAuraStart, aiAuraStartSm$3 as aiAuraStartSm, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiInnerShadow$3 as aiInnerShadow, aiOverlay$3 as aiOverlay, aiPopoverBackground$3 as aiPopoverBackground, aiPopoverCaretBottom$3 as aiPopoverCaretBottom, aiPopoverCaretBottomBackground$3 as aiPopoverCaretBottomBackground, aiPopoverCaretBottomBackgroundActions$3 as aiPopoverCaretBottomBackgroundActions, aiPopoverCaretCenter$3 as aiPopoverCaretCenter, aiPopoverShadowOuter01$3 as aiPopoverShadowOuter01, aiPopoverShadowOuter02$3 as aiPopoverShadowOuter02, aiSkeletonBackground$3 as aiSkeletonBackground, aiSkeletonElementBackground$3 as aiSkeletonElementBackground, background$8 as background, backgroundActive$7 as backgroundActive, backgroundBrand$7 as backgroundBrand, backgroundHover$7 as backgroundHover, backgroundInverse$7 as backgroundInverse, backgroundInverseHover$7 as backgroundInverseHover, backgroundSelected$7 as backgroundSelected, backgroundSelectedHover$7 as backgroundSelectedHover, borderDisabled$7 as borderDisabled, borderInteractive$7 as borderInteractive, borderInverse$7 as borderInverse, borderStrong01$3 as borderStrong01, borderStrong02$3 as borderStrong02, borderStrong03$3 as borderStrong03, borderSubtle00$3 as borderSubtle00, borderSubtle01$3 as borderSubtle01, borderSubtle02$3 as borderSubtle02, borderSubtle03$3 as borderSubtle03, borderSubtleSelected01$3 as borderSubtleSelected01, borderSubtleSelected02$3 as borderSubtleSelected02, borderSubtleSelected03$3 as borderSubtleSelected03, borderTile01$3 as borderTile01, borderTile02$3 as borderTile02, borderTile03$3 as borderTile03, index$
|
|
5504
|
+
export { aiAuraEnd$3 as aiAuraEnd, aiAuraHoverBackground$3 as aiAuraHoverBackground, aiAuraHoverEnd$3 as aiAuraHoverEnd, aiAuraHoverStart$3 as aiAuraHoverStart, aiAuraStart$3 as aiAuraStart, aiAuraStartSm$3 as aiAuraStartSm, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiInnerShadow$3 as aiInnerShadow, aiOverlay$3 as aiOverlay, aiPopoverBackground$3 as aiPopoverBackground, aiPopoverCaretBottom$3 as aiPopoverCaretBottom, aiPopoverCaretBottomBackground$3 as aiPopoverCaretBottomBackground, aiPopoverCaretBottomBackgroundActions$3 as aiPopoverCaretBottomBackgroundActions, aiPopoverCaretCenter$3 as aiPopoverCaretCenter, aiPopoverShadowOuter01$3 as aiPopoverShadowOuter01, aiPopoverShadowOuter02$3 as aiPopoverShadowOuter02, aiSkeletonBackground$3 as aiSkeletonBackground, aiSkeletonElementBackground$3 as aiSkeletonElementBackground, background$8 as background, backgroundActive$7 as backgroundActive, backgroundBrand$7 as backgroundBrand, backgroundHover$7 as backgroundHover, backgroundInverse$7 as backgroundInverse, backgroundInverseHover$7 as backgroundInverseHover, backgroundSelected$7 as backgroundSelected, backgroundSelectedHover$7 as backgroundSelectedHover, borderDisabled$7 as borderDisabled, borderInteractive$7 as borderInteractive, borderInverse$7 as borderInverse, borderStrong01$3 as borderStrong01, borderStrong02$3 as borderStrong02, borderStrong03$3 as borderStrong03, borderSubtle00$3 as borderSubtle00, borderSubtle01$3 as borderSubtle01, borderSubtle02$3 as borderSubtle02, borderSubtle03$3 as borderSubtle03, borderSubtleSelected01$3 as borderSubtleSelected01, borderSubtleSelected02$3 as borderSubtleSelected02, borderSubtleSelected03$3 as borderSubtleSelected03, borderTile01$3 as borderTile01, borderTile02$3 as borderTile02, borderTile03$3 as borderTile03, index$4 as buttonTokens, chatAvatarAgent$3 as chatAvatarAgent, chatAvatarBot$3 as chatAvatarBot, chatAvatarUser$3 as chatAvatarUser, chatBubbleAgent$3 as chatBubbleAgent, chatBubbleBorder$3 as chatBubbleBorder, chatBubbleUser$3 as chatBubbleUser, chatButton$3 as chatButton, chatButtonActive$3 as chatButtonActive, chatButtonHover$3 as chatButtonHover, chatButtonSelected$3 as chatButtonSelected, chatButtonTextHover$3 as chatButtonTextHover, chatButtonTextSelected$3 as chatButtonTextSelected, chatHeaderBackground$3 as chatHeaderBackground, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, chatShellBackground$3 as chatShellBackground, index as contentSwitcherTokens, field01$7 as field01, field02$7 as field02, field03$3 as field03, fieldHover01$3 as fieldHover01, fieldHover02$3 as fieldHover02, fieldHover03$3 as fieldHover03, focus$8 as focus, focusInset$7 as focusInset, focusInverse$7 as focusInverse, formatTokenName, g10$1 as g10, g100$1 as g100, g90$1 as g90, highlight$7 as highlight, iconDisabled$7 as iconDisabled, iconInteractive$3 as iconInteractive, iconInverse$7 as iconInverse, iconOnColor$7 as iconOnColor, iconOnColorDisabled$7 as iconOnColorDisabled, iconPrimary$7 as iconPrimary, iconSecondary$7 as iconSecondary, interactive$7 as interactive, layer01$3 as layer01, layer02$3 as layer02, layer03$3 as layer03, layerAccent01$3 as layerAccent01, layerAccent02$3 as layerAccent02, layerAccent03$3 as layerAccent03, layerAccentActive01$3 as layerAccentActive01, layerAccentActive02$3 as layerAccentActive02, layerAccentActive03$3 as layerAccentActive03, layerAccentHover01$3 as layerAccentHover01, layerAccentHover02$3 as layerAccentHover02, layerAccentHover03$3 as layerAccentHover03, layerActive01$3 as layerActive01, layerActive02$3 as layerActive02, layerActive03$3 as layerActive03, layerBackground01$3 as layerBackground01, layerBackground02$3 as layerBackground02, layerBackground03$3 as layerBackground03, layerHover01$3 as layerHover01, layerHover02$3 as layerHover02, layerHover03$3 as layerHover03, layerSelected01$3 as layerSelected01, layerSelected02$3 as layerSelected02, layerSelected03$3 as layerSelected03, layerSelectedDisabled$7 as layerSelectedDisabled, layerSelectedHover01$3 as layerSelectedHover01, layerSelectedHover02$3 as layerSelectedHover02, layerSelectedHover03$3 as layerSelectedHover03, layerSelectedInverse$7 as layerSelectedInverse, linkInverse$7 as linkInverse, linkInverseActive$3 as linkInverseActive, linkInverseHover$3 as linkInverseHover, linkInverseVisited$3 as linkInverseVisited, linkPrimary$7 as linkPrimary, linkPrimaryHover$7 as linkPrimaryHover, linkSecondary$7 as linkSecondary, linkVisited$7 as linkVisited, index$2 as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, index$1 as statusTokens, supportCautionMajor$3 as supportCautionMajor, supportCautionMinor$3 as supportCautionMinor, supportCautionUndefined$3 as supportCautionUndefined, supportError$7 as supportError, supportErrorInverse$7 as supportErrorInverse, supportInfo$7 as supportInfo, supportInfoInverse$7 as supportInfoInverse, supportSuccess$7 as supportSuccess, supportSuccessInverse$7 as supportSuccessInverse, supportWarning$7 as supportWarning, supportWarningInverse$7 as supportWarningInverse, index$3 as tagTokens, textDisabled$7 as textDisabled, textError$7 as textError, textHelper$7 as textHelper, textInverse$7 as textInverse, textOnColor$7 as textOnColor, textOnColorDisabled$7 as textOnColorDisabled, textPlaceholder$7 as textPlaceholder, textPrimary$7 as textPrimary, textSecondary$7 as textSecondary, themes, toggleOff$7 as toggleOff, unstable_metadata, index$5 as v10, white$1 as white };
|