@carbon/themes 11.28.0 → 11.29.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
@@ -1,4 +1,4 @@
1
- import { white as white$2, gray80, blue60, gray80Hover, gray10, gray30, gray10Hover, gray20, gray20Hover, whiteHover, gray100, gray50, gray40, gray70, gray60, red60, blue70, blue40, purple60, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, rgba, blue10, coolGray10, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, black, gray30Hover, blue20Hover, blue80, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue70Hover, cyan20, cyan70, cyan80, cyan20Hover, cyan70Hover, teal20, teal70, teal80, teal20Hover, teal70Hover, green20, green70, green80, green20Hover, green70Hover, coolGray20, coolGray70, coolGray80, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray80, warmGray20Hover, warmGray70Hover, red10, green10, white0 } from '@carbon/colors';
1
+ import { white as white$2, gray80, blue60, gray80Hover, gray10, gray30, gray10Hover, gray20, gray20Hover, whiteHover, gray100, gray50, gray40, gray70, gray60, red60, blue70, blue40, purple60, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, rgba, blue10, coolGray10, black, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, gray30Hover, blue20Hover, blue80, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue70Hover, cyan20, cyan70, cyan80, cyan20Hover, cyan70Hover, teal20, teal70, teal80, teal20Hover, teal70Hover, green20, green70, green80, green20Hover, green70Hover, coolGray20, coolGray70, coolGray80, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray80, warmGray20Hover, warmGray70Hover, red10, green10, white0 } from '@carbon/colors';
2
2
  import Color from 'color';
3
3
  import { caption01, caption02, label01, label02, helperText01, helperText02, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04, unstable_tokens } from '@carbon/type';
4
4
  export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, caption02, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, helperText02, label01, label02, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02 } from '@carbon/type';
@@ -690,10 +690,6 @@ var slugGradient$3 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray
690
690
  var slugBackgroundHover$3 = gray60;
691
691
  var slugGradientHover$3 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray20Hover, " 0%, rgba(").concat(white$2, ", 0) 100%)");
692
692
  var slugHollowHover$3 = gray80Hover;
693
- var slugCalloutGradientTop$3 = rgba(gray10, 0.85);
694
- var slugCalloutGradientBottom$3 = rgba(gray20, 0.85);
695
- var slugCalloutAuraStart$3 = rgba(blue10, 0.6);
696
- var slugCalloutAuraEnd$3 = rgba(white$2, 0);
697
693
  var slugCalloutGradientTopHover$3 = rgba(gray20, 0.55);
698
694
  var slugCalloutGradientBottomHover$3 = rgba(gray20Hover, 0.55);
699
695
  var slugCalloutAuraStartHover01$3 = rgba(white$2, 0.5);
@@ -709,6 +705,27 @@ var aiGradientStart01$3 = rgba(coolGray10, 0.5);
709
705
  var aiGradientStart02$3 = rgba(blue10, 0.5);
710
706
  var aiGradientEnd$3 = rgba(white$2, 0);
711
707
 
708
+ // Phase 2 - new
709
+ var slugCalloutShadowInner$3 = rgba(blue50, 0.2);
710
+ var slugCalloutShadowOuter01$3 = rgba(blue70, 0.25);
711
+ var slugCalloutShadowOuter02$3 = rgba(black, 0.1);
712
+ var slugCalloutBorder01$3 = blue40;
713
+ var slugCalloutBorder02$3 = blue20;
714
+
715
+ // Changed
716
+ var slugCalloutAuraStart$3 = rgba(blue50, 0.1);
717
+ var slugCalloutAuraEnd$3 = rgba(white$2, 0);
718
+
719
+ // Not used in phase 2 / possibly remove?
720
+ var slugCalloutGradientTop$3 = rgba(gray10, 0.85);
721
+ var slugCalloutGradientBottom$3 = rgba(gray20, 0.85);
722
+
723
+ // One off tokens for caret
724
+ var slugCalloutCaretCenter$3 = '#A7C7FF';
725
+ var slugCalloutCaretBottom$3 = blue20;
726
+ var slugCalloutCaretBottomBackgroundActions$3 = '#DAE5F8';
727
+ var slugCalloutCaretBottomBackground$3 = '#D5E5FF';
728
+
712
729
  var white$1 = /*#__PURE__*/Object.freeze({
713
730
  __proto__: null,
714
731
  background: background$8,
@@ -816,10 +833,6 @@ var white$1 = /*#__PURE__*/Object.freeze({
816
833
  slugBackgroundHover: slugBackgroundHover$3,
817
834
  slugGradientHover: slugGradientHover$3,
818
835
  slugHollowHover: slugHollowHover$3,
819
- slugCalloutGradientTop: slugCalloutGradientTop$3,
820
- slugCalloutGradientBottom: slugCalloutGradientBottom$3,
821
- slugCalloutAuraStart: slugCalloutAuraStart$3,
822
- slugCalloutAuraEnd: slugCalloutAuraEnd$3,
823
836
  slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
824
837
  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
825
838
  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
@@ -833,6 +846,19 @@ var white$1 = /*#__PURE__*/Object.freeze({
833
846
  aiGradientStart01: aiGradientStart01$3,
834
847
  aiGradientStart02: aiGradientStart02$3,
835
848
  aiGradientEnd: aiGradientEnd$3,
849
+ slugCalloutShadowInner: slugCalloutShadowInner$3,
850
+ slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
851
+ slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
852
+ slugCalloutBorder01: slugCalloutBorder01$3,
853
+ slugCalloutBorder02: slugCalloutBorder02$3,
854
+ slugCalloutAuraStart: slugCalloutAuraStart$3,
855
+ slugCalloutAuraEnd: slugCalloutAuraEnd$3,
856
+ slugCalloutGradientTop: slugCalloutGradientTop$3,
857
+ slugCalloutGradientBottom: slugCalloutGradientBottom$3,
858
+ slugCalloutCaretCenter: slugCalloutCaretCenter$3,
859
+ slugCalloutCaretBottom: slugCalloutCaretBottom$3,
860
+ slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$3,
861
+ slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$3,
836
862
  caption01: caption01,
837
863
  caption02: caption02,
838
864
  label01: label01,
@@ -1077,10 +1103,6 @@ var slugGradient$2 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray
1077
1103
  var slugBackgroundHover$2 = gray60;
1078
1104
  var slugGradientHover$2 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray20Hover, " 0%, rgba(").concat(white$2, ", 0) 100%)");
1079
1105
  var slugHollowHover$2 = gray80Hover;
1080
- var slugCalloutGradientTop$2 = rgba(gray10, 0.85);
1081
- var slugCalloutGradientBottom$2 = rgba(gray20, 0.85);
1082
- var slugCalloutAuraStart$2 = rgba(blue10, 0.6);
1083
- var slugCalloutAuraEnd$2 = rgba(white$2, 0);
1084
1106
  var slugCalloutGradientTopHover$2 = rgba(gray20, 0.55);
1085
1107
  var slugCalloutGradientBottomHover$2 = rgba(gray20Hover, 0.55);
1086
1108
  var slugCalloutAuraStartHover01$2 = rgba(white$2, 0.5);
@@ -1096,6 +1118,27 @@ var aiGradientStart01$2 = rgba(coolGray10, 0.5);
1096
1118
  var aiGradientStart02$2 = rgba(blue10, 0.5);
1097
1119
  var aiGradientEnd$2 = rgba(white$2, 0);
1098
1120
 
1121
+ // Phase 2 - new
1122
+ var slugCalloutShadowInner$2 = rgba(blue50, 0.2);
1123
+ var slugCalloutShadowOuter01$2 = rgba(blue70, 0.25);
1124
+ var slugCalloutShadowOuter02$2 = rgba(black, 0.1);
1125
+ var slugCalloutBorder01$2 = blue40;
1126
+ var slugCalloutBorder02$2 = blue20;
1127
+
1128
+ // Changed
1129
+ var slugCalloutAuraStart$2 = rgba(blue50, 0.1);
1130
+ var slugCalloutAuraEnd$2 = rgba(white$2, 0);
1131
+
1132
+ // Not used in phase 2 / possibly remove?
1133
+ var slugCalloutGradientTop$2 = rgba(gray10, 0.85);
1134
+ var slugCalloutGradientBottom$2 = rgba(gray20, 0.85);
1135
+
1136
+ // One off tokens for caret
1137
+ var slugCalloutCaretCenter$2 = '#A7C7FF';
1138
+ var slugCalloutCaretBottom$2 = blue20;
1139
+ var slugCalloutCaretBottomBackgroundActions$2 = '#D2DCEE';
1140
+ var slugCalloutCaretBottomBackground$2 = '#CCDBF8';
1141
+
1099
1142
  var g10$1 = /*#__PURE__*/Object.freeze({
1100
1143
  __proto__: null,
1101
1144
  background: background$7,
@@ -1203,10 +1246,6 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1203
1246
  slugBackgroundHover: slugBackgroundHover$2,
1204
1247
  slugGradientHover: slugGradientHover$2,
1205
1248
  slugHollowHover: slugHollowHover$2,
1206
- slugCalloutGradientTop: slugCalloutGradientTop$2,
1207
- slugCalloutGradientBottom: slugCalloutGradientBottom$2,
1208
- slugCalloutAuraStart: slugCalloutAuraStart$2,
1209
- slugCalloutAuraEnd: slugCalloutAuraEnd$2,
1210
1249
  slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
1211
1250
  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
1212
1251
  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
@@ -1220,6 +1259,19 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1220
1259
  aiGradientStart01: aiGradientStart01$2,
1221
1260
  aiGradientStart02: aiGradientStart02$2,
1222
1261
  aiGradientEnd: aiGradientEnd$2,
1262
+ slugCalloutShadowInner: slugCalloutShadowInner$2,
1263
+ slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
1264
+ slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
1265
+ slugCalloutBorder01: slugCalloutBorder01$2,
1266
+ slugCalloutBorder02: slugCalloutBorder02$2,
1267
+ slugCalloutAuraStart: slugCalloutAuraStart$2,
1268
+ slugCalloutAuraEnd: slugCalloutAuraEnd$2,
1269
+ slugCalloutGradientTop: slugCalloutGradientTop$2,
1270
+ slugCalloutGradientBottom: slugCalloutGradientBottom$2,
1271
+ slugCalloutCaretCenter: slugCalloutCaretCenter$2,
1272
+ slugCalloutCaretBottom: slugCalloutCaretBottom$2,
1273
+ slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$2,
1274
+ slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$2,
1223
1275
  caption01: caption01,
1224
1276
  caption02: caption02,
1225
1277
  label01: label01,
@@ -1369,12 +1421,12 @@ var fieldHover03$1 = gray60Hover;
1369
1421
  var borderSubtle00$1 = gray70;
1370
1422
 
1371
1423
  // border-subtle-01
1372
- var borderSubtle01$1 = gray70;
1373
- var borderSubtleSelected01$1 = gray60;
1424
+ var borderSubtle01$1 = gray60;
1425
+ var borderSubtleSelected01$1 = gray50;
1374
1426
 
1375
1427
  // border-subtle-02
1376
- var borderSubtle02$1 = gray60;
1377
- var borderSubtleSelected02$1 = gray50;
1428
+ var borderSubtle02$1 = gray50;
1429
+ var borderSubtleSelected02$1 = gray40;
1378
1430
 
1379
1431
  // border-subtle-03
1380
1432
  var borderSubtle03$1 = gray50;
@@ -1464,10 +1516,6 @@ var slugGradient$1 = "".concat(gray50, " linear-gradient(135deg, ").concat(gray1
1464
1516
  var slugBackgroundHover$1 = gray20;
1465
1517
  var slugGradientHover$1 = "".concat(gray40, " linear-gradient(135deg, ").concat(white$2, " 0%, rgba(").concat(white$2, ", 0) 100%)");
1466
1518
  var slugHollowHover$1 = gray30Hover;
1467
- var slugCalloutGradientTop$1 = rgba(gray100, 0.85);
1468
- var slugCalloutGradientBottom$1 = rgba(gray90, 0.85);
1469
- var slugCalloutAuraStart$1 = rgba(blue20, 0.2);
1470
- var slugCalloutAuraEnd$1 = rgba(gray100, 0);
1471
1519
  var slugCalloutGradientTopHover$1 = rgba(gray80, 0.55);
1472
1520
  var slugCalloutGradientBottomHover$1 = rgba(gray80Hover, 0.55);
1473
1521
  var slugCalloutAuraStartHover01$1 = rgba(blue20Hover, 0.3);
@@ -1483,6 +1531,27 @@ var aiGradientStart01$1 = rgba(blue20, 0.2);
1483
1531
  var aiGradientStart02$1 = 'transparent';
1484
1532
  var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
1485
1533
 
1534
+ // Phase 2 - new
1535
+ var slugCalloutShadowInner$1 = rgba(blue50, 0.2);
1536
+ var slugCalloutShadowOuter01$1 = rgba(blue80, 0.25);
1537
+ var slugCalloutShadowOuter02$1 = rgba(black, 0.65);
1538
+ var slugCalloutBorder01$1 = blue50;
1539
+ var slugCalloutBorder02$1 = rgba(blue30, 0.25);
1540
+
1541
+ // Changed
1542
+ var slugCalloutAuraStart$1 = rgba(blue50, 0.1);
1543
+ var slugCalloutAuraEnd$1 = rgba(white$2, 0);
1544
+
1545
+ // Not used in phase 2 / possibly remove?
1546
+ var slugCalloutGradientTop$1 = rgba(gray100, 0.85);
1547
+ var slugCalloutGradientBottom$1 = rgba(gray90, 0.85);
1548
+
1549
+ // One off tokens for caret
1550
+ var slugCalloutCaretCenter$1 = '#456FB5';
1551
+ var slugCalloutCaretBottom$1 = '#465060';
1552
+ var slugCalloutCaretBottomBackgroundActions$1 = '#253042';
1553
+ var slugCalloutCaretBottomBackground$1 = '#2D3F5C';
1554
+
1486
1555
  var g90$1 = /*#__PURE__*/Object.freeze({
1487
1556
  __proto__: null,
1488
1557
  background: background$6,
@@ -1590,10 +1659,6 @@ var g90$1 = /*#__PURE__*/Object.freeze({
1590
1659
  slugBackgroundHover: slugBackgroundHover$1,
1591
1660
  slugGradientHover: slugGradientHover$1,
1592
1661
  slugHollowHover: slugHollowHover$1,
1593
- slugCalloutGradientTop: slugCalloutGradientTop$1,
1594
- slugCalloutGradientBottom: slugCalloutGradientBottom$1,
1595
- slugCalloutAuraStart: slugCalloutAuraStart$1,
1596
- slugCalloutAuraEnd: slugCalloutAuraEnd$1,
1597
1662
  slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
1598
1663
  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
1599
1664
  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
@@ -1607,6 +1672,19 @@ var g90$1 = /*#__PURE__*/Object.freeze({
1607
1672
  aiGradientStart01: aiGradientStart01$1,
1608
1673
  aiGradientStart02: aiGradientStart02$1,
1609
1674
  aiGradientEnd: aiGradientEnd$1,
1675
+ slugCalloutShadowInner: slugCalloutShadowInner$1,
1676
+ slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
1677
+ slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
1678
+ slugCalloutBorder01: slugCalloutBorder01$1,
1679
+ slugCalloutBorder02: slugCalloutBorder02$1,
1680
+ slugCalloutAuraStart: slugCalloutAuraStart$1,
1681
+ slugCalloutAuraEnd: slugCalloutAuraEnd$1,
1682
+ slugCalloutGradientTop: slugCalloutGradientTop$1,
1683
+ slugCalloutGradientBottom: slugCalloutGradientBottom$1,
1684
+ slugCalloutCaretCenter: slugCalloutCaretCenter$1,
1685
+ slugCalloutCaretBottom: slugCalloutCaretBottom$1,
1686
+ slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$1,
1687
+ slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$1,
1610
1688
  caption01: caption01,
1611
1689
  caption02: caption02,
1612
1690
  label01: label01,
@@ -1756,12 +1834,12 @@ var fieldHover03 = gray70Hover;
1756
1834
  var borderSubtle00 = gray80;
1757
1835
 
1758
1836
  // border-subtle-01
1759
- var borderSubtle01 = gray80;
1760
- var borderSubtleSelected01 = gray70;
1837
+ var borderSubtle01 = gray70;
1838
+ var borderSubtleSelected01 = gray60;
1761
1839
 
1762
1840
  // border-subtle-02
1763
- var borderSubtle02 = gray70;
1764
- var borderSubtleSelected02 = gray60;
1841
+ var borderSubtle02 = gray60;
1842
+ var borderSubtleSelected02 = gray50;
1765
1843
 
1766
1844
  // border-subtle-03
1767
1845
  var borderSubtle03 = gray60;
@@ -1851,10 +1929,6 @@ var slugGradient = "".concat(gray50, " linear-gradient(135deg, ").concat(gray10,
1851
1929
  var slugBackgroundHover = gray20;
1852
1930
  var slugGradientHover = "".concat(gray40, " linear-gradient(135deg, ").concat(white$2, " 0%, rgba(").concat(white$2, ", 0) 100%)");
1853
1931
  var slugHollowHover = gray30Hover;
1854
- var slugCalloutGradientTop = rgba(gray100, 0.85);
1855
- var slugCalloutGradientBottom = rgba(gray90, 0.85);
1856
- var slugCalloutAuraStart = rgba(blue20, 0.2);
1857
- var slugCalloutAuraEnd = rgba(gray100, 0);
1858
1932
  var slugCalloutGradientTopHover = rgba(gray80, 0.55);
1859
1933
  var slugCalloutGradientBottomHover = rgba(gray80Hover, 0.55);
1860
1934
  var slugCalloutAuraStartHover01 = rgba(blue20Hover, 0.3);
@@ -1870,6 +1944,27 @@ var aiGradientStart01 = rgba(blue20, 0.2);
1870
1944
  var aiGradientStart02 = 'transparent';
1871
1945
  var aiGradientEnd = 'rgba(38, 38, 38, 0)';
1872
1946
 
1947
+ // Phase 2 - new
1948
+ var slugCalloutShadowInner = rgba(blue50, 0.2);
1949
+ var slugCalloutShadowOuter01 = rgba(blue80, 0.25);
1950
+ var slugCalloutShadowOuter02 = rgba(black, 0.65);
1951
+ var slugCalloutBorder01 = blue50;
1952
+ var slugCalloutBorder02 = rgba(blue30, 0.25);
1953
+
1954
+ // Changed
1955
+ var slugCalloutAuraStart = rgba(blue50, 0.1);
1956
+ var slugCalloutAuraEnd = rgba(white$2, 0);
1957
+
1958
+ // Not used in phase 2 / possibly remove?
1959
+ var slugCalloutGradientTop = rgba(gray100, 0.85);
1960
+ var slugCalloutGradientBottom = rgba(gray90, 0.85);
1961
+
1962
+ // One off tokens for caret
1963
+ var slugCalloutCaretCenter = '#3F68AF';
1964
+ var slugCalloutCaretBottom = '#3D4655';
1965
+ var slugCalloutCaretBottomBackgroundActions = '#192436';
1966
+ var slugCalloutCaretBottomBackground = '#213250';
1967
+
1873
1968
  var g100$1 = /*#__PURE__*/Object.freeze({
1874
1969
  __proto__: null,
1875
1970
  background: background$5,
@@ -1977,10 +2072,6 @@ var g100$1 = /*#__PURE__*/Object.freeze({
1977
2072
  slugBackgroundHover: slugBackgroundHover,
1978
2073
  slugGradientHover: slugGradientHover,
1979
2074
  slugHollowHover: slugHollowHover,
1980
- slugCalloutGradientTop: slugCalloutGradientTop,
1981
- slugCalloutGradientBottom: slugCalloutGradientBottom,
1982
- slugCalloutAuraStart: slugCalloutAuraStart,
1983
- slugCalloutAuraEnd: slugCalloutAuraEnd,
1984
2075
  slugCalloutGradientTopHover: slugCalloutGradientTopHover,
1985
2076
  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
1986
2077
  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
@@ -1994,6 +2085,19 @@ var g100$1 = /*#__PURE__*/Object.freeze({
1994
2085
  aiGradientStart01: aiGradientStart01,
1995
2086
  aiGradientStart02: aiGradientStart02,
1996
2087
  aiGradientEnd: aiGradientEnd,
2088
+ slugCalloutShadowInner: slugCalloutShadowInner,
2089
+ slugCalloutShadowOuter01: slugCalloutShadowOuter01,
2090
+ slugCalloutShadowOuter02: slugCalloutShadowOuter02,
2091
+ slugCalloutBorder01: slugCalloutBorder01,
2092
+ slugCalloutBorder02: slugCalloutBorder02,
2093
+ slugCalloutAuraStart: slugCalloutAuraStart,
2094
+ slugCalloutAuraEnd: slugCalloutAuraEnd,
2095
+ slugCalloutGradientTop: slugCalloutGradientTop,
2096
+ slugCalloutGradientBottom: slugCalloutGradientBottom,
2097
+ slugCalloutCaretCenter: slugCalloutCaretCenter,
2098
+ slugCalloutCaretBottom: slugCalloutCaretBottom,
2099
+ slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions,
2100
+ slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground,
1997
2101
  caption01: caption01,
1998
2102
  caption02: caption02,
1999
2103
  label01: label01,
@@ -4890,7 +4994,11 @@ var contextual = TokenGroup.create({
4890
4994
  var ai = TokenGroup.create({
4891
4995
  name: 'AI',
4892
4996
  properties: ['background'],
4893
- tokens: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover', 'slug-callout-gradient-top', 'slug-callout-gradient-bottom', 'slug-callout-aura-start', 'slug-callout-aura-end', 'slug-callout-gradient-top-hover', 'slug-callout-gradient-bottom-hover', 'slug-callout-aura-start-hover-01', 'slug-callout-aura-start-hover-02', 'slug-callout-aura-end-hover-01', 'slug-callout-aura-end-hover-02', 'slug-callout-gradient-top-selected', 'slug-callout-gradient-bottom-selected', 'slug-callout-aura-start-selected', 'slug-callout-aura-end-selected', 'ai-gradient-start-01', 'ai-gradient-start-02', 'ai-gradient-end']
4997
+ tokens: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover', 'slug-callout-gradient-top', 'slug-callout-gradient-bottom', 'slug-callout-aura-start', 'slug-callout-aura-end', 'slug-callout-gradient-top-hover', 'slug-callout-gradient-bottom-hover', 'slug-callout-aura-start-hover-01', 'slug-callout-aura-start-hover-02', 'slug-callout-aura-end-hover-01', 'slug-callout-aura-end-hover-02', 'slug-callout-gradient-top-selected', 'slug-callout-gradient-bottom-selected', 'slug-callout-aura-start-selected', 'slug-callout-aura-end-selected', 'ai-gradient-start-01', 'ai-gradient-start-02', 'ai-gradient-end',
4998
+ // Phase 2
4999
+ 'slug-callout-shadow-inner', 'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02', 'slug-callout-border-01', 'slug-callout-border-02',
5000
+ // Caret tokens
5001
+ 'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions']
4894
5002
  });
4895
5003
  var group = TokenGroup.create({
4896
5004
  name: 'All',
@@ -5046,4 +5154,4 @@ var themes = {
5046
5154
  g100: g100$1
5047
5155
  };
5048
5156
 
5049
- export { aiGradientEnd$3 as aiGradientEnd, aiGradientStart01$3 as aiGradientStart01, aiGradientStart02$3 as aiGradientStart02, 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$2 as buttonTokens, 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, 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, linkPrimary$7 as linkPrimary, linkPrimaryHover$7 as linkPrimaryHover, linkSecondary$7 as linkSecondary, linkVisited$7 as linkVisited, index as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, slugBackground$3 as slugBackground, slugBackgroundHover$3 as slugBackgroundHover, slugCalloutAuraEnd$3 as slugCalloutAuraEnd, slugCalloutAuraEndHover01$3 as slugCalloutAuraEndHover01, slugCalloutAuraEndHover02$3 as slugCalloutAuraEndHover02, slugCalloutAuraEndSelected$3 as slugCalloutAuraEndSelected, slugCalloutAuraStart$3 as slugCalloutAuraStart, slugCalloutAuraStartHover01$3 as slugCalloutAuraStartHover01, slugCalloutAuraStartHover02$3 as slugCalloutAuraStartHover02, slugCalloutAuraStartSelected$3 as slugCalloutAuraStartSelected, slugCalloutGradientBottom$3 as slugCalloutGradientBottom, slugCalloutGradientBottomHover$3 as slugCalloutGradientBottomHover, slugCalloutGradientBottomSelected$3 as slugCalloutGradientBottomSelected, slugCalloutGradientTop$3 as slugCalloutGradientTop, slugCalloutGradientTopHover$3 as slugCalloutGradientTopHover, slugCalloutGradientTopSelected$3 as slugCalloutGradientTopSelected, slugGradient$3 as slugGradient, slugGradientHover$3 as slugGradientHover, slugHollowHover$3 as slugHollowHover, 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$1 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$3 as v10, white$1 as white };
5157
+ export { aiGradientEnd$3 as aiGradientEnd, aiGradientStart01$3 as aiGradientStart01, aiGradientStart02$3 as aiGradientStart02, 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$2 as buttonTokens, 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, 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, linkPrimary$7 as linkPrimary, linkPrimaryHover$7 as linkPrimaryHover, linkSecondary$7 as linkSecondary, linkVisited$7 as linkVisited, index as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, slugBackground$3 as slugBackground, slugBackgroundHover$3 as slugBackgroundHover, slugCalloutAuraEnd$3 as slugCalloutAuraEnd, slugCalloutAuraEndHover01$3 as slugCalloutAuraEndHover01, slugCalloutAuraEndHover02$3 as slugCalloutAuraEndHover02, slugCalloutAuraEndSelected$3 as slugCalloutAuraEndSelected, slugCalloutAuraStart$3 as slugCalloutAuraStart, slugCalloutAuraStartHover01$3 as slugCalloutAuraStartHover01, slugCalloutAuraStartHover02$3 as slugCalloutAuraStartHover02, slugCalloutAuraStartSelected$3 as slugCalloutAuraStartSelected, slugCalloutBorder01$3 as slugCalloutBorder01, slugCalloutBorder02$3 as slugCalloutBorder02, slugCalloutCaretBottom$3 as slugCalloutCaretBottom, slugCalloutCaretBottomBackground$3 as slugCalloutCaretBottomBackground, slugCalloutCaretBottomBackgroundActions$3 as slugCalloutCaretBottomBackgroundActions, slugCalloutCaretCenter$3 as slugCalloutCaretCenter, slugCalloutGradientBottom$3 as slugCalloutGradientBottom, slugCalloutGradientBottomHover$3 as slugCalloutGradientBottomHover, slugCalloutGradientBottomSelected$3 as slugCalloutGradientBottomSelected, slugCalloutGradientTop$3 as slugCalloutGradientTop, slugCalloutGradientTopHover$3 as slugCalloutGradientTopHover, slugCalloutGradientTopSelected$3 as slugCalloutGradientTopSelected, slugCalloutShadowInner$3 as slugCalloutShadowInner, slugCalloutShadowOuter01$3 as slugCalloutShadowOuter01, slugCalloutShadowOuter02$3 as slugCalloutShadowOuter02, slugGradient$3 as slugGradient, slugGradientHover$3 as slugGradientHover, slugHollowHover$3 as slugHollowHover, 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$1 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$3 as v10, white$1 as white };