@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 +151 -43
- package/lib/index.js +158 -41
- package/package.json +2 -2
- package/scss/generated/_themes.scss +50 -14
- package/scss/generated/_tokens.scss +31 -0
- package/src/g10.js +23 -4
- package/src/g100.js +26 -8
- package/src/g90.js +27 -8
- package/src/tokens/v11TokenGroup.js +11 -0
- package/src/white.js +23 -4
- package/umd/index.js +158 -41
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,
|
|
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 =
|
|
1373
|
-
var borderSubtleSelected01$1 =
|
|
1424
|
+
var borderSubtle01$1 = gray60;
|
|
1425
|
+
var borderSubtleSelected01$1 = gray50;
|
|
1374
1426
|
|
|
1375
1427
|
// border-subtle-02
|
|
1376
|
-
var borderSubtle02$1 =
|
|
1377
|
-
var borderSubtleSelected02$1 =
|
|
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 =
|
|
1760
|
-
var borderSubtleSelected01 =
|
|
1837
|
+
var borderSubtle01 = gray70;
|
|
1838
|
+
var borderSubtleSelected01 = gray60;
|
|
1761
1839
|
|
|
1762
1840
|
// border-subtle-02
|
|
1763
|
-
var borderSubtle02 =
|
|
1764
|
-
var borderSubtleSelected02 =
|
|
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 };
|