@carbon/themes 11.33.0-rc.0 → 11.33.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
@@ -735,6 +735,14 @@ var chatAvatarUser$3 = blue60;
735
735
  var chatShellBackground$3 = white$2;
736
736
  var chatHeaderBackground$3 = white$2;
737
737
 
738
+ // Chat button tokens
739
+ var chatButton$3 = linkPrimary$7;
740
+ var chatButtonHover$3 = backgroundHover$7;
741
+ var chatButtonTextHover$3 = linkPrimaryHover$7;
742
+ var chatButtonActive$3 = backgroundActive$7;
743
+ var chatButtonSelected$3 = backgroundSelected$7;
744
+ var chatButtonTextSelected$3 = textSecondary$7;
745
+
738
746
  var white$1 = /*#__PURE__*/Object.freeze({
739
747
  __proto__: null,
740
748
  background: background$8,
@@ -873,6 +881,12 @@ var white$1 = /*#__PURE__*/Object.freeze({
873
881
  chatAvatarUser: chatAvatarUser$3,
874
882
  chatShellBackground: chatShellBackground$3,
875
883
  chatHeaderBackground: chatHeaderBackground$3,
884
+ chatButton: chatButton$3,
885
+ chatButtonHover: chatButtonHover$3,
886
+ chatButtonTextHover: chatButtonTextHover$3,
887
+ chatButtonActive: chatButtonActive$3,
888
+ chatButtonSelected: chatButtonSelected$3,
889
+ chatButtonTextSelected: chatButtonTextSelected$3,
876
890
  caption01: caption01,
877
891
  caption02: caption02,
878
892
  label01: label01,
@@ -1162,6 +1176,14 @@ var chatAvatarUser$2 = blue60;
1162
1176
  var chatShellBackground$2 = white$2;
1163
1177
  var chatHeaderBackground$2 = white$2;
1164
1178
 
1179
+ // Chat button tokens
1180
+ var chatButton$2 = linkPrimary$6;
1181
+ var chatButtonHover$2 = backgroundHover$6;
1182
+ var chatButtonTextHover$2 = linkPrimaryHover$6;
1183
+ var chatButtonActive$2 = backgroundActive$6;
1184
+ var chatButtonSelected$2 = backgroundSelected$6;
1185
+ var chatButtonTextSelected$2 = textSecondary$6;
1186
+
1165
1187
  var g10$1 = /*#__PURE__*/Object.freeze({
1166
1188
  __proto__: null,
1167
1189
  background: background$7,
@@ -1300,6 +1322,12 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1300
1322
  chatAvatarUser: chatAvatarUser$2,
1301
1323
  chatShellBackground: chatShellBackground$2,
1302
1324
  chatHeaderBackground: chatHeaderBackground$2,
1325
+ chatButton: chatButton$2,
1326
+ chatButtonHover: chatButtonHover$2,
1327
+ chatButtonTextHover: chatButtonTextHover$2,
1328
+ chatButtonActive: chatButtonActive$2,
1329
+ chatButtonSelected: chatButtonSelected$2,
1330
+ chatButtonTextSelected: chatButtonTextSelected$2,
1303
1331
  caption01: caption01,
1304
1332
  caption02: caption02,
1305
1333
  label01: label01,
@@ -1589,6 +1617,14 @@ var chatAvatarUser$1 = blue50;
1589
1617
  var chatShellBackground$1 = gray90;
1590
1618
  var chatHeaderBackground$1 = gray90;
1591
1619
 
1620
+ // Chat button tokens
1621
+ var chatButton$1 = linkPrimary$5;
1622
+ var chatButtonHover$1 = backgroundHover$5;
1623
+ var chatButtonTextHover$1 = linkPrimaryHover$5;
1624
+ var chatButtonActive$1 = backgroundActive$5;
1625
+ var chatButtonSelected$1 = backgroundSelected$5;
1626
+ var chatButtonTextSelected$1 = textSecondary$5;
1627
+
1592
1628
  var g90$1 = /*#__PURE__*/Object.freeze({
1593
1629
  __proto__: null,
1594
1630
  background: background$6,
@@ -1727,6 +1763,12 @@ var g90$1 = /*#__PURE__*/Object.freeze({
1727
1763
  chatAvatarUser: chatAvatarUser$1,
1728
1764
  chatShellBackground: chatShellBackground$1,
1729
1765
  chatHeaderBackground: chatHeaderBackground$1,
1766
+ chatButton: chatButton$1,
1767
+ chatButtonHover: chatButtonHover$1,
1768
+ chatButtonTextHover: chatButtonTextHover$1,
1769
+ chatButtonActive: chatButtonActive$1,
1770
+ chatButtonSelected: chatButtonSelected$1,
1771
+ chatButtonTextSelected: chatButtonTextSelected$1,
1730
1772
  caption01: caption01,
1731
1773
  caption02: caption02,
1732
1774
  label01: label01,
@@ -2016,6 +2058,14 @@ var chatAvatarUser = blue50;
2016
2058
  var chatShellBackground = gray90;
2017
2059
  var chatHeaderBackground = gray90;
2018
2060
 
2061
+ // Chat button tokens
2062
+ var chatButton = linkPrimary$4;
2063
+ var chatButtonHover = backgroundHover$4;
2064
+ var chatButtonTextHover = linkPrimaryHover$4;
2065
+ var chatButtonActive = backgroundActive$4;
2066
+ var chatButtonSelected = backgroundSelected$4;
2067
+ var chatButtonTextSelected = textSecondary$4;
2068
+
2019
2069
  var g100$1 = /*#__PURE__*/Object.freeze({
2020
2070
  __proto__: null,
2021
2071
  background: background$5,
@@ -2154,6 +2204,12 @@ var g100$1 = /*#__PURE__*/Object.freeze({
2154
2204
  chatAvatarUser: chatAvatarUser,
2155
2205
  chatShellBackground: chatShellBackground,
2156
2206
  chatHeaderBackground: chatHeaderBackground,
2207
+ chatButton: chatButton,
2208
+ chatButtonHover: chatButtonHover,
2209
+ chatButtonTextHover: chatButtonTextHover,
2210
+ chatButtonActive: chatButtonActive,
2211
+ chatButtonSelected: chatButtonSelected,
2212
+ chatButtonTextSelected: chatButtonTextSelected,
2157
2213
  caption01: caption01,
2158
2214
  caption02: caption02,
2159
2215
  label01: label01,
@@ -5128,7 +5184,9 @@ var ai = TokenGroup.create({
5128
5184
  // Caret tokens
5129
5185
  'ai-popover-caret-center', 'ai-popover-caret-bottom', 'ai-popover-caret-bottom-background', 'ai-popover-caret-bottom-background-actions',
5130
5186
  // Chat tokens
5131
- 'chat-prompt-background', 'chat-prompt-border-start', 'chat-prompt-border-end', 'chat-bubble-user', 'chat-bubble-agent', 'chat-bubble-agent-border', 'chat-avatar-bot', 'chat-avatar-agent', 'chat-avatar-user', 'chat-shell-background', 'chat-header-background']
5187
+ 'chat-prompt-background', 'chat-prompt-border-start', 'chat-prompt-border-end', 'chat-bubble-user', 'chat-bubble-agent', 'chat-bubble-agent-border', 'chat-avatar-bot', 'chat-avatar-agent', 'chat-avatar-user', 'chat-shell-background', 'chat-header-background',
5188
+ // Chat button tokens
5189
+ 'chat-button', 'chat-button-hover', 'chat-button-text-hover', 'chat-button-active', 'chat-button-selected', 'chat-button-text-selected']
5132
5190
  });
5133
5191
  var group = TokenGroup.create({
5134
5192
  name: 'All',
@@ -5284,4 +5342,4 @@ var themes = {
5284
5342
  g100: g100$1
5285
5343
  };
5286
5344
 
5287
- export { aiAuraEnd$3 as aiAuraEnd, aiAuraHoverBackground$3 as aiAuraHoverBackground, aiAuraHoverEnd$3 as aiAuraHoverEnd, aiAuraHoverStart$3 as aiAuraHoverStart, aiAuraStart$3 as aiAuraStart, aiAuraStartTable$3 as aiAuraStartTable, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiInnerShadow$3 as aiInnerShadow, aiOverlay$3 as aiOverlay, 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$2 as buttonTokens, chatAvatarAgent$3 as chatAvatarAgent, chatAvatarBot$3 as chatAvatarBot, chatAvatarUser$3 as chatAvatarUser, chatBubbleAgent$3 as chatBubbleAgent, chatBubbleAgentBorder$3 as chatBubbleAgentBorder, chatBubbleUser$3 as chatBubbleUser, chatHeaderBackground$3 as chatHeaderBackground, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, chatShellBackground$3 as chatShellBackground, 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, 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 };
5345
+ export { aiAuraEnd$3 as aiAuraEnd, aiAuraHoverBackground$3 as aiAuraHoverBackground, aiAuraHoverEnd$3 as aiAuraHoverEnd, aiAuraHoverStart$3 as aiAuraHoverStart, aiAuraStart$3 as aiAuraStart, aiAuraStartTable$3 as aiAuraStartTable, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiInnerShadow$3 as aiInnerShadow, aiOverlay$3 as aiOverlay, 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$2 as buttonTokens, chatAvatarAgent$3 as chatAvatarAgent, chatAvatarBot$3 as chatAvatarBot, chatAvatarUser$3 as chatAvatarUser, chatBubbleAgent$3 as chatBubbleAgent, chatBubbleAgentBorder$3 as chatBubbleAgentBorder, 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, 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, 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 };
package/lib/index.js CHANGED
@@ -741,6 +741,14 @@ var chatAvatarUser$3 = colors$1.blue60;
741
741
  var chatShellBackground$3 = colors$1.white;
742
742
  var chatHeaderBackground$3 = colors$1.white;
743
743
 
744
+ // Chat button tokens
745
+ var chatButton$3 = linkPrimary$7;
746
+ var chatButtonHover$3 = backgroundHover$7;
747
+ var chatButtonTextHover$3 = linkPrimaryHover$7;
748
+ var chatButtonActive$3 = backgroundActive$7;
749
+ var chatButtonSelected$3 = backgroundSelected$7;
750
+ var chatButtonTextSelected$3 = textSecondary$7;
751
+
744
752
  var white$1 = /*#__PURE__*/Object.freeze({
745
753
  __proto__: null,
746
754
  background: background$8,
@@ -879,6 +887,12 @@ var white$1 = /*#__PURE__*/Object.freeze({
879
887
  chatAvatarUser: chatAvatarUser$3,
880
888
  chatShellBackground: chatShellBackground$3,
881
889
  chatHeaderBackground: chatHeaderBackground$3,
890
+ chatButton: chatButton$3,
891
+ chatButtonHover: chatButtonHover$3,
892
+ chatButtonTextHover: chatButtonTextHover$3,
893
+ chatButtonActive: chatButtonActive$3,
894
+ chatButtonSelected: chatButtonSelected$3,
895
+ chatButtonTextSelected: chatButtonTextSelected$3,
882
896
  caption01: type$2.caption01,
883
897
  caption02: type$2.caption02,
884
898
  label01: type$2.label01,
@@ -1168,6 +1182,14 @@ var chatAvatarUser$2 = colors$1.blue60;
1168
1182
  var chatShellBackground$2 = colors$1.white;
1169
1183
  var chatHeaderBackground$2 = colors$1.white;
1170
1184
 
1185
+ // Chat button tokens
1186
+ var chatButton$2 = linkPrimary$6;
1187
+ var chatButtonHover$2 = backgroundHover$6;
1188
+ var chatButtonTextHover$2 = linkPrimaryHover$6;
1189
+ var chatButtonActive$2 = backgroundActive$6;
1190
+ var chatButtonSelected$2 = backgroundSelected$6;
1191
+ var chatButtonTextSelected$2 = textSecondary$6;
1192
+
1171
1193
  var g10$1 = /*#__PURE__*/Object.freeze({
1172
1194
  __proto__: null,
1173
1195
  background: background$7,
@@ -1306,6 +1328,12 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1306
1328
  chatAvatarUser: chatAvatarUser$2,
1307
1329
  chatShellBackground: chatShellBackground$2,
1308
1330
  chatHeaderBackground: chatHeaderBackground$2,
1331
+ chatButton: chatButton$2,
1332
+ chatButtonHover: chatButtonHover$2,
1333
+ chatButtonTextHover: chatButtonTextHover$2,
1334
+ chatButtonActive: chatButtonActive$2,
1335
+ chatButtonSelected: chatButtonSelected$2,
1336
+ chatButtonTextSelected: chatButtonTextSelected$2,
1309
1337
  caption01: type$2.caption01,
1310
1338
  caption02: type$2.caption02,
1311
1339
  label01: type$2.label01,
@@ -1595,6 +1623,14 @@ var chatAvatarUser$1 = colors$1.blue50;
1595
1623
  var chatShellBackground$1 = colors$1.gray90;
1596
1624
  var chatHeaderBackground$1 = colors$1.gray90;
1597
1625
 
1626
+ // Chat button tokens
1627
+ var chatButton$1 = linkPrimary$5;
1628
+ var chatButtonHover$1 = backgroundHover$5;
1629
+ var chatButtonTextHover$1 = linkPrimaryHover$5;
1630
+ var chatButtonActive$1 = backgroundActive$5;
1631
+ var chatButtonSelected$1 = backgroundSelected$5;
1632
+ var chatButtonTextSelected$1 = textSecondary$5;
1633
+
1598
1634
  var g90$1 = /*#__PURE__*/Object.freeze({
1599
1635
  __proto__: null,
1600
1636
  background: background$6,
@@ -1733,6 +1769,12 @@ var g90$1 = /*#__PURE__*/Object.freeze({
1733
1769
  chatAvatarUser: chatAvatarUser$1,
1734
1770
  chatShellBackground: chatShellBackground$1,
1735
1771
  chatHeaderBackground: chatHeaderBackground$1,
1772
+ chatButton: chatButton$1,
1773
+ chatButtonHover: chatButtonHover$1,
1774
+ chatButtonTextHover: chatButtonTextHover$1,
1775
+ chatButtonActive: chatButtonActive$1,
1776
+ chatButtonSelected: chatButtonSelected$1,
1777
+ chatButtonTextSelected: chatButtonTextSelected$1,
1736
1778
  caption01: type$2.caption01,
1737
1779
  caption02: type$2.caption02,
1738
1780
  label01: type$2.label01,
@@ -2022,6 +2064,14 @@ var chatAvatarUser = colors$1.blue50;
2022
2064
  var chatShellBackground = colors$1.gray90;
2023
2065
  var chatHeaderBackground = colors$1.gray90;
2024
2066
 
2067
+ // Chat button tokens
2068
+ var chatButton = linkPrimary$4;
2069
+ var chatButtonHover = backgroundHover$4;
2070
+ var chatButtonTextHover = linkPrimaryHover$4;
2071
+ var chatButtonActive = backgroundActive$4;
2072
+ var chatButtonSelected = backgroundSelected$4;
2073
+ var chatButtonTextSelected = textSecondary$4;
2074
+
2025
2075
  var g100$1 = /*#__PURE__*/Object.freeze({
2026
2076
  __proto__: null,
2027
2077
  background: background$5,
@@ -2160,6 +2210,12 @@ var g100$1 = /*#__PURE__*/Object.freeze({
2160
2210
  chatAvatarUser: chatAvatarUser,
2161
2211
  chatShellBackground: chatShellBackground,
2162
2212
  chatHeaderBackground: chatHeaderBackground,
2213
+ chatButton: chatButton,
2214
+ chatButtonHover: chatButtonHover,
2215
+ chatButtonTextHover: chatButtonTextHover,
2216
+ chatButtonActive: chatButtonActive,
2217
+ chatButtonSelected: chatButtonSelected,
2218
+ chatButtonTextSelected: chatButtonTextSelected,
2163
2219
  caption01: type$2.caption01,
2164
2220
  caption02: type$2.caption02,
2165
2221
  label01: type$2.label01,
@@ -5134,7 +5190,9 @@ var ai = TokenGroup.create({
5134
5190
  // Caret tokens
5135
5191
  'ai-popover-caret-center', 'ai-popover-caret-bottom', 'ai-popover-caret-bottom-background', 'ai-popover-caret-bottom-background-actions',
5136
5192
  // Chat tokens
5137
- 'chat-prompt-background', 'chat-prompt-border-start', 'chat-prompt-border-end', 'chat-bubble-user', 'chat-bubble-agent', 'chat-bubble-agent-border', 'chat-avatar-bot', 'chat-avatar-agent', 'chat-avatar-user', 'chat-shell-background', 'chat-header-background']
5193
+ 'chat-prompt-background', 'chat-prompt-border-start', 'chat-prompt-border-end', 'chat-bubble-user', 'chat-bubble-agent', 'chat-bubble-agent-border', 'chat-avatar-bot', 'chat-avatar-agent', 'chat-avatar-user', 'chat-shell-background', 'chat-header-background',
5194
+ // Chat button tokens
5195
+ 'chat-button', 'chat-button-hover', 'chat-button-text-hover', 'chat-button-active', 'chat-button-selected', 'chat-button-text-selected']
5138
5196
  });
5139
5197
  var group = TokenGroup.create({
5140
5198
  name: 'All',
@@ -5625,6 +5683,12 @@ exports.chatAvatarUser = chatAvatarUser$3;
5625
5683
  exports.chatBubbleAgent = chatBubbleAgent$3;
5626
5684
  exports.chatBubbleAgentBorder = chatBubbleAgentBorder$3;
5627
5685
  exports.chatBubbleUser = chatBubbleUser$3;
5686
+ exports.chatButton = chatButton$3;
5687
+ exports.chatButtonActive = chatButtonActive$3;
5688
+ exports.chatButtonHover = chatButtonHover$3;
5689
+ exports.chatButtonSelected = chatButtonSelected$3;
5690
+ exports.chatButtonTextHover = chatButtonTextHover$3;
5691
+ exports.chatButtonTextSelected = chatButtonTextSelected$3;
5628
5692
  exports.chatHeaderBackground = chatHeaderBackground$3;
5629
5693
  exports.chatPromptBackground = chatPromptBackground$3;
5630
5694
  exports.chatPromptBorderEnd = chatPromptBorderEnd$3;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/themes",
3
3
  "description": "Themes for applying color in the Carbon Design System",
4
- "version": "11.33.0-rc.0",
4
+ "version": "11.33.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -31,16 +31,16 @@
31
31
  "postinstall": "ibmtelemetry --config=telemetry.yml"
32
32
  },
33
33
  "dependencies": {
34
- "@carbon/colors": "^11.21.0-rc.0",
35
- "@carbon/layout": "^11.21.0-rc.0",
36
- "@carbon/type": "^11.26.0-rc.0",
34
+ "@carbon/colors": "^11.21.0",
35
+ "@carbon/layout": "^11.21.0",
36
+ "@carbon/type": "^11.26.0",
37
37
  "@ibm/telemetry-js": "^1.2.1",
38
38
  "color": "^4.0.0"
39
39
  },
40
40
  "devDependencies": {
41
41
  "@babel/node": "^7.17.10",
42
42
  "@babel/preset-env": "^7.18.2",
43
- "@carbon/cli": "^11.16.0-rc.0",
43
+ "@carbon/cli": "^11.16.0",
44
44
  "@carbon/cli-reporter": "^10.7.0",
45
45
  "@carbon/scss-generator": "^10.18.0",
46
46
  "@carbon/test-utils": "^10.30.0",
@@ -51,5 +51,5 @@
51
51
  "rimraf": "^5.0.0"
52
52
  },
53
53
  "sideEffects": false,
54
- "gitHead": "fd9030978919c8d2ce0c102db94aeabf88563c34"
54
+ "gitHead": "7920f5261d5867837e0b7e6092c98a6597ac0771"
55
55
  }
@@ -62,6 +62,12 @@ $white: (
62
62
  chat-bubble-agent: #ffffff,
63
63
  chat-bubble-agent-border: #e0e0e0,
64
64
  chat-bubble-user: #e0e0e0,
65
+ chat-button: #0f62fe,
66
+ chat-button-active: rgba(141, 141, 141, 0.5),
67
+ chat-button-hover: rgba(141, 141, 141, 0.12),
68
+ chat-button-selected: rgba(141, 141, 141, 0.2),
69
+ chat-button-text-hover: #0043ce,
70
+ chat-button-text-selected: #525252,
65
71
  chat-header-background: #ffffff,
66
72
  chat-prompt-background: #ffffff,
67
73
  chat-prompt-border-end: rgba(244, 244, 244, 0),
@@ -209,6 +215,12 @@ $g10: (
209
215
  chat-bubble-agent: #ffffff,
210
216
  chat-bubble-agent-border: #e0e0e0,
211
217
  chat-bubble-user: #e0e0e0,
218
+ chat-button: #0f62fe,
219
+ chat-button-active: rgba(141, 141, 141, 0.5),
220
+ chat-button-hover: rgba(141, 141, 141, 0.12),
221
+ chat-button-selected: rgba(141, 141, 141, 0.2),
222
+ chat-button-text-hover: #0043ce,
223
+ chat-button-text-selected: #525252,
212
224
  chat-header-background: #ffffff,
213
225
  chat-prompt-background: #ffffff,
214
226
  chat-prompt-border-end: rgba(244, 244, 244, 0),
@@ -356,6 +368,12 @@ $g90: (
356
368
  chat-bubble-agent: #262626,
357
369
  chat-bubble-agent-border: #525252,
358
370
  chat-bubble-user: #393939,
371
+ chat-button: #78a9ff,
372
+ chat-button-active: rgba(141, 141, 141, 0.4),
373
+ chat-button-hover: rgba(141, 141, 141, 0.16),
374
+ chat-button-selected: rgba(141, 141, 141, 0.24),
375
+ chat-button-text-hover: #a6c8ff,
376
+ chat-button-text-selected: #c6c6c6,
359
377
  chat-header-background: #262626,
360
378
  chat-prompt-background: #161616,
361
379
  chat-prompt-border-end: rgba(38, 38, 38, 0),
@@ -503,6 +521,12 @@ $g100: (
503
521
  chat-bubble-agent: #262626,
504
522
  chat-bubble-agent-border: #525252,
505
523
  chat-bubble-user: #393939,
524
+ chat-button: #78a9ff,
525
+ chat-button-active: rgba(141, 141, 141, 0.4),
526
+ chat-button-hover: rgba(141, 141, 141, 0.16),
527
+ chat-button-selected: rgba(141, 141, 141, 0.24),
528
+ chat-button-text-hover: #a6c8ff,
529
+ chat-button-text-selected: #c6c6c6,
506
530
  chat-header-background: #262626,
507
531
  chat-prompt-background: #161616,
508
532
  chat-prompt-border-end: rgba(38, 38, 38, 0),
@@ -406,6 +406,24 @@ $chat-shell-background: _get('chat-shell-background') !default;
406
406
  /// The CSS Custom Property for the `chat-header-background` token
407
407
  $chat-header-background: _get('chat-header-background') !default;
408
408
 
409
+ /// The CSS Custom Property for the `chat-button` token
410
+ $chat-button: _get('chat-button') !default;
411
+
412
+ /// The CSS Custom Property for the `chat-button-hover` token
413
+ $chat-button-hover: _get('chat-button-hover') !default;
414
+
415
+ /// The CSS Custom Property for the `chat-button-text-hover` token
416
+ $chat-button-text-hover: _get('chat-button-text-hover') !default;
417
+
418
+ /// The CSS Custom Property for the `chat-button-active` token
419
+ $chat-button-active: _get('chat-button-active') !default;
420
+
421
+ /// The CSS Custom Property for the `chat-button-selected` token
422
+ $chat-button-selected: _get('chat-button-selected') !default;
423
+
424
+ /// The CSS Custom Property for the `chat-button-text-selected` token
425
+ $chat-button-text-selected: _get('chat-button-text-selected') !default;
426
+
409
427
  /// The CSS Custom Property for the `highlight` token
410
428
  $highlight: _get('highlight') !default;
411
429
 
package/src/g10.js CHANGED
@@ -256,6 +256,14 @@ export const chatAvatarUser = blue60;
256
256
  export const chatShellBackground = white;
257
257
  export const chatHeaderBackground = white;
258
258
 
259
+ // Chat button tokens
260
+ export const chatButton = linkPrimary;
261
+ export const chatButtonHover = backgroundHover;
262
+ export const chatButtonTextHover = linkPrimaryHover;
263
+ export const chatButtonActive = backgroundActive;
264
+ export const chatButtonSelected = backgroundSelected;
265
+ export const chatButtonTextSelected = textSecondary;
266
+
259
267
  export {
260
268
  // Type
261
269
  caption01,
package/src/g100.js CHANGED
@@ -262,6 +262,14 @@ export const chatAvatarUser = blue50;
262
262
  export const chatShellBackground = gray90;
263
263
  export const chatHeaderBackground = gray90;
264
264
 
265
+ // Chat button tokens
266
+ export const chatButton = linkPrimary;
267
+ export const chatButtonHover = backgroundHover;
268
+ export const chatButtonTextHover = linkPrimaryHover;
269
+ export const chatButtonActive = backgroundActive;
270
+ export const chatButtonSelected = backgroundSelected;
271
+ export const chatButtonTextSelected = textSecondary;
272
+
265
273
  export {
266
274
  // Type
267
275
  caption01,
package/src/g90.js CHANGED
@@ -263,6 +263,14 @@ export const chatAvatarUser = blue50;
263
263
  export const chatShellBackground = gray90;
264
264
  export const chatHeaderBackground = gray90;
265
265
 
266
+ // Chat button tokens
267
+ export const chatButton = linkPrimary;
268
+ export const chatButtonHover = backgroundHover;
269
+ export const chatButtonTextHover = linkPrimaryHover;
270
+ export const chatButtonActive = backgroundActive;
271
+ export const chatButtonSelected = backgroundSelected;
272
+ export const chatButtonTextSelected = textSecondary;
273
+
266
274
  export {
267
275
  // Type
268
276
  caption01,
@@ -385,6 +385,13 @@ export const ai = TokenGroup.create({
385
385
  'chat-avatar-user',
386
386
  'chat-shell-background',
387
387
  'chat-header-background',
388
+ // Chat button tokens
389
+ 'chat-button',
390
+ 'chat-button-hover',
391
+ 'chat-button-text-hover',
392
+ 'chat-button-active',
393
+ 'chat-button-selected',
394
+ 'chat-button-text-selected',
388
395
  ],
389
396
  });
390
397
 
package/src/white.js CHANGED
@@ -256,6 +256,14 @@ export const chatAvatarUser = blue60;
256
256
  export const chatShellBackground = white;
257
257
  export const chatHeaderBackground = white;
258
258
 
259
+ // Chat button tokens
260
+ export const chatButton = linkPrimary;
261
+ export const chatButtonHover = backgroundHover;
262
+ export const chatButtonTextHover = linkPrimaryHover;
263
+ export const chatButtonActive = backgroundActive;
264
+ export const chatButtonSelected = backgroundSelected;
265
+ export const chatButtonTextSelected = textSecondary;
266
+
259
267
  // Type
260
268
  export {
261
269
  caption01,
package/umd/index.js CHANGED
@@ -738,6 +738,14 @@
738
738
  var chatShellBackground$3 = colors$1.white;
739
739
  var chatHeaderBackground$3 = colors$1.white;
740
740
 
741
+ // Chat button tokens
742
+ var chatButton$3 = linkPrimary$7;
743
+ var chatButtonHover$3 = backgroundHover$7;
744
+ var chatButtonTextHover$3 = linkPrimaryHover$7;
745
+ var chatButtonActive$3 = backgroundActive$7;
746
+ var chatButtonSelected$3 = backgroundSelected$7;
747
+ var chatButtonTextSelected$3 = textSecondary$7;
748
+
741
749
  var white$1 = /*#__PURE__*/Object.freeze({
742
750
  __proto__: null,
743
751
  background: background$8,
@@ -876,6 +884,12 @@
876
884
  chatAvatarUser: chatAvatarUser$3,
877
885
  chatShellBackground: chatShellBackground$3,
878
886
  chatHeaderBackground: chatHeaderBackground$3,
887
+ chatButton: chatButton$3,
888
+ chatButtonHover: chatButtonHover$3,
889
+ chatButtonTextHover: chatButtonTextHover$3,
890
+ chatButtonActive: chatButtonActive$3,
891
+ chatButtonSelected: chatButtonSelected$3,
892
+ chatButtonTextSelected: chatButtonTextSelected$3,
879
893
  caption01: type$2.caption01,
880
894
  caption02: type$2.caption02,
881
895
  label01: type$2.label01,
@@ -1165,6 +1179,14 @@
1165
1179
  var chatShellBackground$2 = colors$1.white;
1166
1180
  var chatHeaderBackground$2 = colors$1.white;
1167
1181
 
1182
+ // Chat button tokens
1183
+ var chatButton$2 = linkPrimary$6;
1184
+ var chatButtonHover$2 = backgroundHover$6;
1185
+ var chatButtonTextHover$2 = linkPrimaryHover$6;
1186
+ var chatButtonActive$2 = backgroundActive$6;
1187
+ var chatButtonSelected$2 = backgroundSelected$6;
1188
+ var chatButtonTextSelected$2 = textSecondary$6;
1189
+
1168
1190
  var g10$1 = /*#__PURE__*/Object.freeze({
1169
1191
  __proto__: null,
1170
1192
  background: background$7,
@@ -1303,6 +1325,12 @@
1303
1325
  chatAvatarUser: chatAvatarUser$2,
1304
1326
  chatShellBackground: chatShellBackground$2,
1305
1327
  chatHeaderBackground: chatHeaderBackground$2,
1328
+ chatButton: chatButton$2,
1329
+ chatButtonHover: chatButtonHover$2,
1330
+ chatButtonTextHover: chatButtonTextHover$2,
1331
+ chatButtonActive: chatButtonActive$2,
1332
+ chatButtonSelected: chatButtonSelected$2,
1333
+ chatButtonTextSelected: chatButtonTextSelected$2,
1306
1334
  caption01: type$2.caption01,
1307
1335
  caption02: type$2.caption02,
1308
1336
  label01: type$2.label01,
@@ -1592,6 +1620,14 @@
1592
1620
  var chatShellBackground$1 = colors$1.gray90;
1593
1621
  var chatHeaderBackground$1 = colors$1.gray90;
1594
1622
 
1623
+ // Chat button tokens
1624
+ var chatButton$1 = linkPrimary$5;
1625
+ var chatButtonHover$1 = backgroundHover$5;
1626
+ var chatButtonTextHover$1 = linkPrimaryHover$5;
1627
+ var chatButtonActive$1 = backgroundActive$5;
1628
+ var chatButtonSelected$1 = backgroundSelected$5;
1629
+ var chatButtonTextSelected$1 = textSecondary$5;
1630
+
1595
1631
  var g90$1 = /*#__PURE__*/Object.freeze({
1596
1632
  __proto__: null,
1597
1633
  background: background$6,
@@ -1730,6 +1766,12 @@
1730
1766
  chatAvatarUser: chatAvatarUser$1,
1731
1767
  chatShellBackground: chatShellBackground$1,
1732
1768
  chatHeaderBackground: chatHeaderBackground$1,
1769
+ chatButton: chatButton$1,
1770
+ chatButtonHover: chatButtonHover$1,
1771
+ chatButtonTextHover: chatButtonTextHover$1,
1772
+ chatButtonActive: chatButtonActive$1,
1773
+ chatButtonSelected: chatButtonSelected$1,
1774
+ chatButtonTextSelected: chatButtonTextSelected$1,
1733
1775
  caption01: type$2.caption01,
1734
1776
  caption02: type$2.caption02,
1735
1777
  label01: type$2.label01,
@@ -2019,6 +2061,14 @@
2019
2061
  var chatShellBackground = colors$1.gray90;
2020
2062
  var chatHeaderBackground = colors$1.gray90;
2021
2063
 
2064
+ // Chat button tokens
2065
+ var chatButton = linkPrimary$4;
2066
+ var chatButtonHover = backgroundHover$4;
2067
+ var chatButtonTextHover = linkPrimaryHover$4;
2068
+ var chatButtonActive = backgroundActive$4;
2069
+ var chatButtonSelected = backgroundSelected$4;
2070
+ var chatButtonTextSelected = textSecondary$4;
2071
+
2022
2072
  var g100$1 = /*#__PURE__*/Object.freeze({
2023
2073
  __proto__: null,
2024
2074
  background: background$5,
@@ -2157,6 +2207,12 @@
2157
2207
  chatAvatarUser: chatAvatarUser,
2158
2208
  chatShellBackground: chatShellBackground,
2159
2209
  chatHeaderBackground: chatHeaderBackground,
2210
+ chatButton: chatButton,
2211
+ chatButtonHover: chatButtonHover,
2212
+ chatButtonTextHover: chatButtonTextHover,
2213
+ chatButtonActive: chatButtonActive,
2214
+ chatButtonSelected: chatButtonSelected,
2215
+ chatButtonTextSelected: chatButtonTextSelected,
2160
2216
  caption01: type$2.caption01,
2161
2217
  caption02: type$2.caption02,
2162
2218
  label01: type$2.label01,
@@ -5131,7 +5187,9 @@
5131
5187
  // Caret tokens
5132
5188
  'ai-popover-caret-center', 'ai-popover-caret-bottom', 'ai-popover-caret-bottom-background', 'ai-popover-caret-bottom-background-actions',
5133
5189
  // Chat tokens
5134
- 'chat-prompt-background', 'chat-prompt-border-start', 'chat-prompt-border-end', 'chat-bubble-user', 'chat-bubble-agent', 'chat-bubble-agent-border', 'chat-avatar-bot', 'chat-avatar-agent', 'chat-avatar-user', 'chat-shell-background', 'chat-header-background']
5190
+ 'chat-prompt-background', 'chat-prompt-border-start', 'chat-prompt-border-end', 'chat-bubble-user', 'chat-bubble-agent', 'chat-bubble-agent-border', 'chat-avatar-bot', 'chat-avatar-agent', 'chat-avatar-user', 'chat-shell-background', 'chat-header-background',
5191
+ // Chat button tokens
5192
+ 'chat-button', 'chat-button-hover', 'chat-button-text-hover', 'chat-button-active', 'chat-button-selected', 'chat-button-text-selected']
5135
5193
  });
5136
5194
  var group = TokenGroup.create({
5137
5195
  name: 'All',
@@ -5622,6 +5680,12 @@
5622
5680
  exports.chatBubbleAgent = chatBubbleAgent$3;
5623
5681
  exports.chatBubbleAgentBorder = chatBubbleAgentBorder$3;
5624
5682
  exports.chatBubbleUser = chatBubbleUser$3;
5683
+ exports.chatButton = chatButton$3;
5684
+ exports.chatButtonActive = chatButtonActive$3;
5685
+ exports.chatButtonHover = chatButtonHover$3;
5686
+ exports.chatButtonSelected = chatButtonSelected$3;
5687
+ exports.chatButtonTextHover = chatButtonTextHover$3;
5688
+ exports.chatButtonTextSelected = chatButtonTextSelected$3;
5625
5689
  exports.chatHeaderBackground = chatHeaderBackground$3;
5626
5690
  exports.chatPromptBackground = chatPromptBackground$3;
5627
5691
  exports.chatPromptBorderEnd = chatPromptBorderEnd$3;