@carbon/charts 1.15.3 → 1.15.4

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.
Files changed (41) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/_baseEach-BxXSF0fB.mjs +20 -0
  3. package/dist/{_baseEach-FYvKsL62.mjs.map → _baseEach-BxXSF0fB.mjs.map} +1 -1
  4. package/dist/{a11y-SOU26cr5.mjs → a11y-ePqvrObQ.mjs} +1 -1
  5. package/dist/{a11y-SOU26cr5.mjs.map → a11y-ePqvrObQ.mjs.map} +1 -1
  6. package/dist/{angle-utils-f1TpgqMV.mjs → angle-utils-CGNQcrjg.mjs} +98 -100
  7. package/dist/{angle-utils-f1TpgqMV.mjs.map → angle-utils-CGNQcrjg.mjs.map} +1 -1
  8. package/dist/{choropleth-nq4Ls6mL.mjs → choropleth-C_tUN7Ur.mjs} +1354 -1355
  9. package/dist/choropleth-C_tUN7Ur.mjs.map +1 -0
  10. package/dist/{color-scale-utils-ePX_zGmy.mjs → color-scale-utils-CbAVUUep.mjs} +803 -843
  11. package/dist/{color-scale-utils-ePX_zGmy.mjs.map → color-scale-utils-CbAVUUep.mjs.map} +1 -1
  12. package/dist/components/index.mjs +1 -1
  13. package/dist/demo/index.mjs +223 -223
  14. package/dist/demo/index.mjs.map +1 -1
  15. package/dist/demo/styles.css +872 -747
  16. package/dist/demo/styles.css.map +1 -1
  17. package/dist/{enums-sKf02OL8.mjs → enums-DwsxZqjR.mjs} +1 -1
  18. package/dist/{enums-sKf02OL8.mjs.map → enums-DwsxZqjR.mjs.map} +1 -1
  19. package/dist/{index-937eoUHH.mjs → index-zSuueE1Q.mjs} +3 -3
  20. package/dist/index-zSuueE1Q.mjs.map +1 -0
  21. package/dist/index.mjs +171 -173
  22. package/dist/index.mjs.map +1 -1
  23. package/dist/interfaces/index.mjs +2 -2
  24. package/dist/model/index.mjs +1 -1
  25. package/dist/services/index.mjs +3 -3
  26. package/dist/styles.css +96 -148
  27. package/dist/styles.css.map +1 -1
  28. package/dist/styles.min.css +1 -1
  29. package/dist/styles.min.css.map +1 -1
  30. package/dist/umd/bundle.umd.js +18 -18
  31. package/dist/umd/bundle.umd.js.map +1 -1
  32. package/dist/{wordcloud-EFHcMnWt.mjs → wordcloud-DNFY5X97.mjs} +37 -38
  33. package/dist/{wordcloud-EFHcMnWt.mjs.map → wordcloud-DNFY5X97.mjs.map} +1 -1
  34. package/dist/{zoom-llJ5-h9M.mjs → zoom-DlSAWtwE.mjs} +4 -4
  35. package/dist/{zoom-llJ5-h9M.mjs.map → zoom-DlSAWtwE.mjs.map} +1 -1
  36. package/package.json +16 -16
  37. package/styles.css +96 -148
  38. package/styles.min.css +1 -1
  39. package/dist/_baseEach-FYvKsL62.mjs +0 -21
  40. package/dist/choropleth-nq4Ls6mL.mjs.map +0 -1
  41. package/dist/index-937eoUHH.mjs.map +0 -1
@@ -5171,20 +5171,24 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5171
5171
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
5172
5172
  --cds-ai-aura-hover-background: #edf5ff;
5173
5173
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
5174
- --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
5174
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
5175
5175
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
5176
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
5177
- --cds-ai-border-end: #d0e2ff;
5178
- --cds-ai-border-start: #78a9ff;
5176
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
5177
+ --cds-ai-border-end: #78a9ff;
5178
+ --cds-ai-border-start: rgba(166, 200, 255, 0.64);
5179
5179
  --cds-ai-border-strong: #4589ff;
5180
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
5181
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
5182
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
5183
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
5184
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
5180
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
5181
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
5185
5182
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
5186
- --cds-ai-skeleton-background: #b8d3ff;
5187
- --cds-ai-skeleton-element-background: #001141;
5183
+ --cds-ai-popover-background: #ffffff;
5184
+ --cds-ai-popover-caret-bottom: #78a9ff;
5185
+ --cds-ai-popover-caret-bottom-background: #eaf1ff;
5186
+ --cds-ai-popover-caret-bottom-background-actions: #e9effa;
5187
+ --cds-ai-popover-caret-center: #a0c3ff;
5188
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
5189
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
5190
+ --cds-ai-skeleton-background: #d0e2ff;
5191
+ --cds-ai-skeleton-element-background: #4589ff;
5188
5192
  --cds-background: #ffffff;
5189
5193
  --cds-background-active: rgba(141, 141, 141, 0.5);
5190
5194
  --cds-background-brand: #0f62fe;
@@ -5213,11 +5217,19 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5213
5217
  --cds-chat-avatar-bot: #6f6f6f;
5214
5218
  --cds-chat-avatar-user: #0f62fe;
5215
5219
  --cds-chat-bubble-agent: #ffffff;
5216
- --cds-chat-bubble-agent-border: #e0e0e0;
5220
+ --cds-chat-bubble-border: #e0e0e0;
5217
5221
  --cds-chat-bubble-user: #e0e0e0;
5222
+ --cds-chat-button: #0f62fe;
5223
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
5224
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
5225
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
5226
+ --cds-chat-button-text-hover: #0043ce;
5227
+ --cds-chat-button-text-selected: #525252;
5228
+ --cds-chat-header-background: #ffffff;
5218
5229
  --cds-chat-prompt-background: #ffffff;
5219
5230
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
5220
5231
  --cds-chat-prompt-border-start: #f4f4f4;
5232
+ --cds-chat-shell-background: #ffffff;
5221
5233
  --cds-field-01: #f4f4f4;
5222
5234
  --cds-field-02: #ffffff;
5223
5235
  --cds-field-03: #f4f4f4;
@@ -5273,31 +5285,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5273
5285
  --cds-shadow: rgba(0, 0, 0, 0.3);
5274
5286
  --cds-skeleton-background: #e8e8e8;
5275
5287
  --cds-skeleton-element: #c6c6c6;
5276
- --cds-slug-background: #525252;
5277
- --cds-slug-background-hover: #6f6f6f;
5278
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
5279
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
5280
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
5281
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
5282
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
5283
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
5284
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
5285
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
5286
- --cds-slug-callout-caret-bottom: #d0e2ff;
5287
- --cds-slug-callout-caret-bottom-background: #d5e5ff;
5288
- --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
5289
- --cds-slug-callout-caret-center: #a7c7ff;
5290
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
5291
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
5292
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
5293
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
5294
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
5295
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
5296
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
5297
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
5298
- --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
5299
- --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
5300
- --cds-slug-hollow-hover: #474747;
5301
5288
  --cds-support-caution-major: #ff832b;
5302
5289
  --cds-support-caution-minor: #f1c21b;
5303
5290
  --cds-support-caution-undefined: #8a3ffc;
@@ -5608,20 +5595,24 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5608
5595
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
5609
5596
  --cds-ai-aura-hover-background: #edf5ff;
5610
5597
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
5611
- --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
5598
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
5612
5599
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
5613
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
5614
- --cds-ai-border-end: #d0e2ff;
5615
- --cds-ai-border-start: #78a9ff;
5600
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
5601
+ --cds-ai-border-end: #78a9ff;
5602
+ --cds-ai-border-start: rgba(166, 200, 255, 0.64);
5616
5603
  --cds-ai-border-strong: #4589ff;
5617
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
5618
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
5619
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
5620
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
5621
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
5604
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
5605
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
5622
5606
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
5623
- --cds-ai-skeleton-background: #b8d3ff;
5624
- --cds-ai-skeleton-element-background: #001141;
5607
+ --cds-ai-popover-background: #ffffff;
5608
+ --cds-ai-popover-caret-bottom: #78a9ff;
5609
+ --cds-ai-popover-caret-bottom-background: #eaf1ff;
5610
+ --cds-ai-popover-caret-bottom-background-actions: #e9effa;
5611
+ --cds-ai-popover-caret-center: #a0c3ff;
5612
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
5613
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
5614
+ --cds-ai-skeleton-background: #d0e2ff;
5615
+ --cds-ai-skeleton-element-background: #4589ff;
5625
5616
  --cds-background: #f4f4f4;
5626
5617
  --cds-background-active: rgba(141, 141, 141, 0.5);
5627
5618
  --cds-background-brand: #0f62fe;
@@ -5650,11 +5641,19 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5650
5641
  --cds-chat-avatar-bot: #6f6f6f;
5651
5642
  --cds-chat-avatar-user: #0f62fe;
5652
5643
  --cds-chat-bubble-agent: #ffffff;
5653
- --cds-chat-bubble-agent-border: #e0e0e0;
5644
+ --cds-chat-bubble-border: #e0e0e0;
5654
5645
  --cds-chat-bubble-user: #e0e0e0;
5646
+ --cds-chat-button: #0f62fe;
5647
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
5648
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
5649
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
5650
+ --cds-chat-button-text-hover: #0043ce;
5651
+ --cds-chat-button-text-selected: #525252;
5652
+ --cds-chat-header-background: #ffffff;
5655
5653
  --cds-chat-prompt-background: #ffffff;
5656
5654
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
5657
5655
  --cds-chat-prompt-border-start: #f4f4f4;
5656
+ --cds-chat-shell-background: #ffffff;
5658
5657
  --cds-field-01: #ffffff;
5659
5658
  --cds-field-02: #f4f4f4;
5660
5659
  --cds-field-03: #ffffff;
@@ -5710,31 +5709,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5710
5709
  --cds-shadow: rgba(0, 0, 0, 0.3);
5711
5710
  --cds-skeleton-background: #e8e8e8;
5712
5711
  --cds-skeleton-element: #c6c6c6;
5713
- --cds-slug-background: #525252;
5714
- --cds-slug-background-hover: #6f6f6f;
5715
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
5716
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
5717
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
5718
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
5719
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
5720
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
5721
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
5722
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
5723
- --cds-slug-callout-caret-bottom: #d0e2ff;
5724
- --cds-slug-callout-caret-bottom-background: #ccdbf8;
5725
- --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
5726
- --cds-slug-callout-caret-center: #a7c7ff;
5727
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
5728
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
5729
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
5730
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
5731
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
5732
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
5733
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
5734
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
5735
- --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
5736
- --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
5737
- --cds-slug-hollow-hover: #474747;
5738
5712
  --cds-support-caution-major: #ff832b;
5739
5713
  --cds-support-caution-minor: #f1c21b;
5740
5714
  --cds-support-caution-undefined: #8a3ffc;
@@ -6047,18 +6021,22 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6047
6021
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
6048
6022
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
6049
6023
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
6050
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
6051
- --cds-ai-border-end: rgba(166, 200, 255, 0.24);
6052
- --cds-ai-border-start: #4589ff;
6024
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
6025
+ --cds-ai-border-end: #4589ff;
6026
+ --cds-ai-border-start: rgba(166, 200, 255, 0.36);
6053
6027
  --cds-ai-border-strong: #78a9ff;
6054
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
6055
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
6056
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
6057
- --cds-ai-gradient-start-02: transparent;
6058
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
6059
- --cds-ai-overlay: rgba(0, 17, 65, 0.5);
6060
- --cds-ai-skeleton-background: #0053ff;
6061
- --cds-ai-skeleton-element-background: #001141;
6028
+ --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
6029
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
6030
+ --cds-ai-overlay: rgba(0, 0, 0, 0.5);
6031
+ --cds-ai-popover-background: #161616;
6032
+ --cds-ai-popover-caret-bottom: #4589ff;
6033
+ --cds-ai-popover-caret-bottom-background: #202d45;
6034
+ --cds-ai-popover-caret-bottom-background-actions: #1e283a;
6035
+ --cds-ai-popover-caret-center: #4870b5;
6036
+ --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
6037
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
6038
+ --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
6039
+ --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
6062
6040
  --cds-background: #262626;
6063
6041
  --cds-background-active: rgba(141, 141, 141, 0.4);
6064
6042
  --cds-background-brand: #0f62fe;
@@ -6087,11 +6065,19 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6087
6065
  --cds-chat-avatar-bot: #8d8d8d;
6088
6066
  --cds-chat-avatar-user: #4589ff;
6089
6067
  --cds-chat-bubble-agent: #262626;
6090
- --cds-chat-bubble-agent-border: #525252;
6068
+ --cds-chat-bubble-border: #525252;
6091
6069
  --cds-chat-bubble-user: #393939;
6070
+ --cds-chat-button: #78a9ff;
6071
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
6072
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
6073
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
6074
+ --cds-chat-button-text-hover: #a6c8ff;
6075
+ --cds-chat-button-text-selected: #c6c6c6;
6076
+ --cds-chat-header-background: #262626;
6092
6077
  --cds-chat-prompt-background: #161616;
6093
6078
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
6094
6079
  --cds-chat-prompt-border-start: #262626;
6080
+ --cds-chat-shell-background: #262626;
6095
6081
  --cds-field-01: #393939;
6096
6082
  --cds-field-02: #525252;
6097
6083
  --cds-field-03: #6f6f6f;
@@ -6147,31 +6133,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6147
6133
  --cds-shadow: rgba(0, 0, 0, 0.8);
6148
6134
  --cds-skeleton-background: #333333;
6149
6135
  --cds-skeleton-element: #525252;
6150
- --cds-slug-background: #c6c6c6;
6151
- --cds-slug-background-hover: #e0e0e0;
6152
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
6153
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
6154
- --cds-slug-callout-aura-end-hover-02: transparent;
6155
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
6156
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
6157
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
6158
- --cds-slug-callout-aura-start-hover-02: transparent;
6159
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
6160
- --cds-slug-callout-caret-bottom: #465060;
6161
- --cds-slug-callout-caret-bottom-background: #2d3f5c;
6162
- --cds-slug-callout-caret-bottom-background-actions: #253042;
6163
- --cds-slug-callout-caret-center: #456fb5;
6164
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
6165
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
6166
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
6167
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
6168
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
6169
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
6170
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
6171
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
6172
- --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
6173
- --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
6174
- --cds-slug-hollow-hover: #b5b5b5;
6175
6136
  --cds-support-caution-major: #ff832b;
6176
6137
  --cds-support-caution-minor: #f1c21b;
6177
6138
  --cds-support-caution-undefined: #a56eff;
@@ -6484,18 +6445,22 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6484
6445
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
6485
6446
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
6486
6447
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
6487
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
6488
- --cds-ai-border-end: rgba(166, 200, 255, 0.24);
6489
- --cds-ai-border-start: #4589ff;
6448
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
6449
+ --cds-ai-border-end: #4589ff;
6450
+ --cds-ai-border-start: rgba(166, 200, 255, 0.36);
6490
6451
  --cds-ai-border-strong: #78a9ff;
6491
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
6492
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
6493
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
6494
- --cds-ai-gradient-start-02: transparent;
6495
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
6496
- --cds-ai-overlay: rgba(0, 17, 65, 0.5);
6497
- --cds-ai-skeleton-background: #0053ff;
6498
- --cds-ai-skeleton-element-background: #001141;
6452
+ --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
6453
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
6454
+ --cds-ai-overlay: rgba(0, 0, 0, 0.5);
6455
+ --cds-ai-popover-background: #161616;
6456
+ --cds-ai-popover-caret-bottom: #4589ff;
6457
+ --cds-ai-popover-caret-bottom-background: #202d45;
6458
+ --cds-ai-popover-caret-bottom-background-actions: #1e283a;
6459
+ --cds-ai-popover-caret-center: #4870b5;
6460
+ --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
6461
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
6462
+ --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
6463
+ --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
6499
6464
  --cds-background: #161616;
6500
6465
  --cds-background-active: rgba(141, 141, 141, 0.4);
6501
6466
  --cds-background-brand: #0f62fe;
@@ -6524,11 +6489,19 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6524
6489
  --cds-chat-avatar-bot: #8d8d8d;
6525
6490
  --cds-chat-avatar-user: #4589ff;
6526
6491
  --cds-chat-bubble-agent: #262626;
6527
- --cds-chat-bubble-agent-border: #525252;
6492
+ --cds-chat-bubble-border: #525252;
6528
6493
  --cds-chat-bubble-user: #393939;
6494
+ --cds-chat-button: #78a9ff;
6495
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
6496
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
6497
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
6498
+ --cds-chat-button-text-hover: #a6c8ff;
6499
+ --cds-chat-button-text-selected: #c6c6c6;
6500
+ --cds-chat-header-background: #262626;
6529
6501
  --cds-chat-prompt-background: #161616;
6530
6502
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
6531
6503
  --cds-chat-prompt-border-start: #262626;
6504
+ --cds-chat-shell-background: #262626;
6532
6505
  --cds-field-01: #262626;
6533
6506
  --cds-field-02: #393939;
6534
6507
  --cds-field-03: #525252;
@@ -6584,31 +6557,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6584
6557
  --cds-shadow: rgba(0, 0, 0, 0.8);
6585
6558
  --cds-skeleton-background: #292929;
6586
6559
  --cds-skeleton-element: #393939;
6587
- --cds-slug-background: #c6c6c6;
6588
- --cds-slug-background-hover: #e0e0e0;
6589
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
6590
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
6591
- --cds-slug-callout-aura-end-hover-02: transparent;
6592
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
6593
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
6594
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
6595
- --cds-slug-callout-aura-start-hover-02: transparent;
6596
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
6597
- --cds-slug-callout-caret-bottom: #3d4655;
6598
- --cds-slug-callout-caret-bottom-background: #213250;
6599
- --cds-slug-callout-caret-bottom-background-actions: #192436;
6600
- --cds-slug-callout-caret-center: #3f68af;
6601
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
6602
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
6603
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
6604
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
6605
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
6606
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
6607
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
6608
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
6609
- --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
6610
- --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
6611
- --cds-slug-hollow-hover: #b5b5b5;
6612
6560
  --cds-support-caution-major: #ff832b;
6613
6561
  --cds-support-caution-minor: #f1c21b;
6614
6562
  --cds-support-caution-undefined: #a56eff;
@@ -8866,20 +8814,24 @@ em {
8866
8814
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
8867
8815
  --cds-ai-aura-hover-background: #edf5ff;
8868
8816
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
8869
- --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
8817
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
8870
8818
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
8871
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
8872
- --cds-ai-border-end: #d0e2ff;
8873
- --cds-ai-border-start: #78a9ff;
8819
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
8820
+ --cds-ai-border-end: #78a9ff;
8821
+ --cds-ai-border-start: rgba(166, 200, 255, 0.64);
8874
8822
  --cds-ai-border-strong: #4589ff;
8875
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
8876
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
8877
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
8878
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
8879
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
8823
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
8824
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
8880
8825
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
8881
- --cds-ai-skeleton-background: #b8d3ff;
8882
- --cds-ai-skeleton-element-background: #001141;
8826
+ --cds-ai-popover-background: #ffffff;
8827
+ --cds-ai-popover-caret-bottom: #78a9ff;
8828
+ --cds-ai-popover-caret-bottom-background: #eaf1ff;
8829
+ --cds-ai-popover-caret-bottom-background-actions: #e9effa;
8830
+ --cds-ai-popover-caret-center: #a0c3ff;
8831
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
8832
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
8833
+ --cds-ai-skeleton-background: #d0e2ff;
8834
+ --cds-ai-skeleton-element-background: #4589ff;
8883
8835
  --cds-background: #ffffff;
8884
8836
  --cds-background-active: rgba(141, 141, 141, 0.5);
8885
8837
  --cds-background-brand: #0f62fe;
@@ -8908,11 +8860,19 @@ em {
8908
8860
  --cds-chat-avatar-bot: #6f6f6f;
8909
8861
  --cds-chat-avatar-user: #0f62fe;
8910
8862
  --cds-chat-bubble-agent: #ffffff;
8911
- --cds-chat-bubble-agent-border: #e0e0e0;
8863
+ --cds-chat-bubble-border: #e0e0e0;
8912
8864
  --cds-chat-bubble-user: #e0e0e0;
8865
+ --cds-chat-button: #0f62fe;
8866
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
8867
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
8868
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
8869
+ --cds-chat-button-text-hover: #0043ce;
8870
+ --cds-chat-button-text-selected: #525252;
8871
+ --cds-chat-header-background: #ffffff;
8913
8872
  --cds-chat-prompt-background: #ffffff;
8914
8873
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
8915
8874
  --cds-chat-prompt-border-start: #f4f4f4;
8875
+ --cds-chat-shell-background: #ffffff;
8916
8876
  --cds-field-01: #f4f4f4;
8917
8877
  --cds-field-02: #ffffff;
8918
8878
  --cds-field-03: #f4f4f4;
@@ -8968,29 +8928,6 @@ em {
8968
8928
  --cds-shadow: rgba(0, 0, 0, 0.3);
8969
8929
  --cds-skeleton-background: #e8e8e8;
8970
8930
  --cds-skeleton-element: #c6c6c6;
8971
- --cds-slug-background: #525252;
8972
- --cds-slug-background-hover: #6f6f6f;
8973
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
8974
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
8975
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
8976
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
8977
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
8978
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
8979
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
8980
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
8981
- --cds-slug-callout-caret-bottom: #d0e2ff;
8982
- --cds-slug-callout-caret-bottom-background: #d5e5ff;
8983
- --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
8984
- --cds-slug-callout-caret-center: #a7c7ff;
8985
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
8986
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
8987
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
8988
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
8989
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
8990
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
8991
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
8992
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
8993
- --cds-slug-hollow-hover: #474747;
8994
8931
  --cds-support-caution-major: #ff832b;
8995
8932
  --cds-support-caution-minor: #f1c21b;
8996
8933
  --cds-support-caution-undefined: #8a3ffc;
@@ -9073,13 +9010,23 @@ em {
9073
9010
  --cds-tag-color-green: #044317;
9074
9011
  --cds-tag-hover-green: #74e792;
9075
9012
  --cds-tag-background-gray: #e0e0e0;
9076
- --cds-tag-color-gray: #393939;
9013
+ --cds-tag-color-gray: #161616;
9077
9014
  --cds-tag-hover-gray: #d1d1d1;
9015
+ --cds-tag-border-red: #ff8389;
9016
+ --cds-tag-border-blue: #78a9ff;
9017
+ --cds-tag-border-cyan: #33b1ff;
9018
+ --cds-tag-border-teal: #08bdba;
9019
+ --cds-tag-border-green: #42be65;
9020
+ --cds-tag-border-magenta: #ff7eb6;
9021
+ --cds-tag-border-purple: #be95ff;
9022
+ --cds-tag-border-gray: #a8a8a8;
9023
+ --cds-tag-border-cool-gray: #a2a9b0;
9024
+ --cds-tag-border-warm-gray: #ada8a8;
9078
9025
  --cds-tag-background-cool-gray: #dde1e6;
9079
- --cds-tag-color-cool-gray: #343a3f;
9026
+ --cds-tag-color-cool-gray: #121619;
9080
9027
  --cds-tag-hover-cool-gray: #cdd3da;
9081
9028
  --cds-tag-background-warm-gray: #e5e0df;
9082
- --cds-tag-color-warm-gray: #3c3838;
9029
+ --cds-tag-color-warm-gray: #171414;
9083
9030
  --cds-tag-hover-warm-gray: #d8d0cf;
9084
9031
  }
9085
9032
 
@@ -9089,20 +9036,24 @@ em {
9089
9036
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
9090
9037
  --cds-ai-aura-hover-background: #edf5ff;
9091
9038
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
9092
- --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
9039
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
9093
9040
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
9094
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
9095
- --cds-ai-border-end: #d0e2ff;
9096
- --cds-ai-border-start: #78a9ff;
9041
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
9042
+ --cds-ai-border-end: #78a9ff;
9043
+ --cds-ai-border-start: rgba(166, 200, 255, 0.64);
9097
9044
  --cds-ai-border-strong: #4589ff;
9098
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
9099
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
9100
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
9101
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
9102
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
9045
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
9046
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
9103
9047
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
9104
- --cds-ai-skeleton-background: #b8d3ff;
9105
- --cds-ai-skeleton-element-background: #001141;
9048
+ --cds-ai-popover-background: #ffffff;
9049
+ --cds-ai-popover-caret-bottom: #78a9ff;
9050
+ --cds-ai-popover-caret-bottom-background: #eaf1ff;
9051
+ --cds-ai-popover-caret-bottom-background-actions: #e9effa;
9052
+ --cds-ai-popover-caret-center: #a0c3ff;
9053
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
9054
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
9055
+ --cds-ai-skeleton-background: #d0e2ff;
9056
+ --cds-ai-skeleton-element-background: #4589ff;
9106
9057
  --cds-background: #f4f4f4;
9107
9058
  --cds-background-active: rgba(141, 141, 141, 0.5);
9108
9059
  --cds-background-brand: #0f62fe;
@@ -9131,11 +9082,19 @@ em {
9131
9082
  --cds-chat-avatar-bot: #6f6f6f;
9132
9083
  --cds-chat-avatar-user: #0f62fe;
9133
9084
  --cds-chat-bubble-agent: #ffffff;
9134
- --cds-chat-bubble-agent-border: #e0e0e0;
9085
+ --cds-chat-bubble-border: #e0e0e0;
9135
9086
  --cds-chat-bubble-user: #e0e0e0;
9087
+ --cds-chat-button: #0f62fe;
9088
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
9089
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
9090
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
9091
+ --cds-chat-button-text-hover: #0043ce;
9092
+ --cds-chat-button-text-selected: #525252;
9093
+ --cds-chat-header-background: #ffffff;
9136
9094
  --cds-chat-prompt-background: #ffffff;
9137
9095
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
9138
9096
  --cds-chat-prompt-border-start: #f4f4f4;
9097
+ --cds-chat-shell-background: #ffffff;
9139
9098
  --cds-field-01: #ffffff;
9140
9099
  --cds-field-02: #f4f4f4;
9141
9100
  --cds-field-03: #ffffff;
@@ -9191,29 +9150,6 @@ em {
9191
9150
  --cds-shadow: rgba(0, 0, 0, 0.3);
9192
9151
  --cds-skeleton-background: #e8e8e8;
9193
9152
  --cds-skeleton-element: #c6c6c6;
9194
- --cds-slug-background: #525252;
9195
- --cds-slug-background-hover: #6f6f6f;
9196
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
9197
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
9198
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
9199
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
9200
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
9201
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
9202
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
9203
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
9204
- --cds-slug-callout-caret-bottom: #d0e2ff;
9205
- --cds-slug-callout-caret-bottom-background: #ccdbf8;
9206
- --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
9207
- --cds-slug-callout-caret-center: #a7c7ff;
9208
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
9209
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
9210
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
9211
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
9212
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
9213
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
9214
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
9215
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
9216
- --cds-slug-hollow-hover: #474747;
9217
9153
  --cds-support-caution-major: #ff832b;
9218
9154
  --cds-support-caution-minor: #f1c21b;
9219
9155
  --cds-support-caution-undefined: #8a3ffc;
@@ -9296,13 +9232,23 @@ em {
9296
9232
  --cds-tag-color-green: #044317;
9297
9233
  --cds-tag-hover-green: #74e792;
9298
9234
  --cds-tag-background-gray: #e0e0e0;
9299
- --cds-tag-color-gray: #393939;
9235
+ --cds-tag-color-gray: #161616;
9300
9236
  --cds-tag-hover-gray: #d1d1d1;
9237
+ --cds-tag-border-red: #ff8389;
9238
+ --cds-tag-border-blue: #78a9ff;
9239
+ --cds-tag-border-cyan: #33b1ff;
9240
+ --cds-tag-border-teal: #08bdba;
9241
+ --cds-tag-border-green: #42be65;
9242
+ --cds-tag-border-magenta: #ff7eb6;
9243
+ --cds-tag-border-purple: #be95ff;
9244
+ --cds-tag-border-gray: #a8a8a8;
9245
+ --cds-tag-border-cool-gray: #a2a9b0;
9246
+ --cds-tag-border-warm-gray: #ada8a8;
9301
9247
  --cds-tag-background-cool-gray: #dde1e6;
9302
- --cds-tag-color-cool-gray: #343a3f;
9248
+ --cds-tag-color-cool-gray: #121619;
9303
9249
  --cds-tag-hover-cool-gray: #cdd3da;
9304
9250
  --cds-tag-background-warm-gray: #e5e0df;
9305
- --cds-tag-color-warm-gray: #3c3838;
9251
+ --cds-tag-color-warm-gray: #171414;
9306
9252
  --cds-tag-hover-warm-gray: #d8d0cf;
9307
9253
  }
9308
9254
 
@@ -9314,17 +9260,22 @@ em {
9314
9260
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
9315
9261
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
9316
9262
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
9317
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
9318
- --cds-ai-border-end: rgba(166, 200, 255, 0.24);
9319
- --cds-ai-border-start: #4589ff;
9263
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
9264
+ --cds-ai-border-end: #4589ff;
9265
+ --cds-ai-border-start: rgba(166, 200, 255, 0.36);
9320
9266
  --cds-ai-border-strong: #78a9ff;
9321
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
9322
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
9323
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
9324
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
9325
- --cds-ai-overlay: rgba(0, 17, 65, 0.5);
9326
- --cds-ai-skeleton-background: #0053ff;
9327
- --cds-ai-skeleton-element-background: #001141;
9267
+ --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
9268
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
9269
+ --cds-ai-overlay: rgba(0, 0, 0, 0.5);
9270
+ --cds-ai-popover-background: #161616;
9271
+ --cds-ai-popover-caret-bottom: #4589ff;
9272
+ --cds-ai-popover-caret-bottom-background: #202d45;
9273
+ --cds-ai-popover-caret-bottom-background-actions: #1e283a;
9274
+ --cds-ai-popover-caret-center: #4870b5;
9275
+ --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
9276
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
9277
+ --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
9278
+ --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
9328
9279
  --cds-background: #262626;
9329
9280
  --cds-background-active: rgba(141, 141, 141, 0.4);
9330
9281
  --cds-background-brand: #0f62fe;
@@ -9353,11 +9304,19 @@ em {
9353
9304
  --cds-chat-avatar-bot: #8d8d8d;
9354
9305
  --cds-chat-avatar-user: #4589ff;
9355
9306
  --cds-chat-bubble-agent: #262626;
9356
- --cds-chat-bubble-agent-border: #525252;
9307
+ --cds-chat-bubble-border: #525252;
9357
9308
  --cds-chat-bubble-user: #393939;
9309
+ --cds-chat-button: #78a9ff;
9310
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
9311
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
9312
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
9313
+ --cds-chat-button-text-hover: #a6c8ff;
9314
+ --cds-chat-button-text-selected: #c6c6c6;
9315
+ --cds-chat-header-background: #262626;
9358
9316
  --cds-chat-prompt-background: #161616;
9359
9317
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
9360
9318
  --cds-chat-prompt-border-start: #262626;
9319
+ --cds-chat-shell-background: #262626;
9361
9320
  --cds-field-01: #393939;
9362
9321
  --cds-field-02: #525252;
9363
9322
  --cds-field-03: #6f6f6f;
@@ -9413,27 +9372,6 @@ em {
9413
9372
  --cds-shadow: rgba(0, 0, 0, 0.8);
9414
9373
  --cds-skeleton-background: #333333;
9415
9374
  --cds-skeleton-element: #525252;
9416
- --cds-slug-background: #c6c6c6;
9417
- --cds-slug-background-hover: #e0e0e0;
9418
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
9419
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
9420
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
9421
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
9422
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
9423
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
9424
- --cds-slug-callout-caret-bottom: #465060;
9425
- --cds-slug-callout-caret-bottom-background: #2d3f5c;
9426
- --cds-slug-callout-caret-bottom-background-actions: #253042;
9427
- --cds-slug-callout-caret-center: #456fb5;
9428
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
9429
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
9430
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
9431
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
9432
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
9433
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
9434
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
9435
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
9436
- --cds-slug-hollow-hover: #b5b5b5;
9437
9375
  --cds-support-caution-major: #ff832b;
9438
9376
  --cds-support-caution-minor: #f1c21b;
9439
9377
  --cds-support-caution-undefined: #a56eff;
@@ -9515,13 +9453,23 @@ em {
9515
9453
  --cds-tag-color-green: #a7f0ba;
9516
9454
  --cds-tag-hover-green: #11742f;
9517
9455
  --cds-tag-background-gray: #525252;
9518
- --cds-tag-color-gray: #e0e0e0;
9456
+ --cds-tag-color-gray: #f4f4f4;
9519
9457
  --cds-tag-hover-gray: #636363;
9458
+ --cds-tag-border-red: #fa4d56;
9459
+ --cds-tag-border-blue: #4589ff;
9460
+ --cds-tag-border-cyan: #1192e8;
9461
+ --cds-tag-border-teal: #009d9a;
9462
+ --cds-tag-border-green: #24a148;
9463
+ --cds-tag-border-magenta: #ee5396;
9464
+ --cds-tag-border-purple: #a56eff;
9465
+ --cds-tag-border-gray: #8d8d8d;
9466
+ --cds-tag-border-cool-gray: #878d96;
9467
+ --cds-tag-border-warm-gray: #8f8b8b;
9520
9468
  --cds-tag-background-cool-gray: #4d5358;
9521
- --cds-tag-color-cool-gray: #dde1e6;
9469
+ --cds-tag-color-cool-gray: #f2f4f8;
9522
9470
  --cds-tag-hover-cool-gray: #5d646a;
9523
9471
  --cds-tag-background-warm-gray: #565151;
9524
- --cds-tag-color-warm-gray: #e5e0df;
9472
+ --cds-tag-color-warm-gray: #f7f3f2;
9525
9473
  --cds-tag-hover-warm-gray: #696363;
9526
9474
  }
9527
9475
 
@@ -9533,17 +9481,22 @@ em {
9533
9481
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
9534
9482
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
9535
9483
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
9536
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
9537
- --cds-ai-border-end: rgba(166, 200, 255, 0.24);
9538
- --cds-ai-border-start: #4589ff;
9484
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
9485
+ --cds-ai-border-end: #4589ff;
9486
+ --cds-ai-border-start: rgba(166, 200, 255, 0.36);
9539
9487
  --cds-ai-border-strong: #78a9ff;
9540
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
9541
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
9542
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
9543
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
9544
- --cds-ai-overlay: rgba(0, 17, 65, 0.5);
9545
- --cds-ai-skeleton-background: #0053ff;
9546
- --cds-ai-skeleton-element-background: #001141;
9488
+ --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
9489
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
9490
+ --cds-ai-overlay: rgba(0, 0, 0, 0.5);
9491
+ --cds-ai-popover-background: #161616;
9492
+ --cds-ai-popover-caret-bottom: #4589ff;
9493
+ --cds-ai-popover-caret-bottom-background: #202d45;
9494
+ --cds-ai-popover-caret-bottom-background-actions: #1e283a;
9495
+ --cds-ai-popover-caret-center: #4870b5;
9496
+ --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
9497
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
9498
+ --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
9499
+ --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
9547
9500
  --cds-background: #161616;
9548
9501
  --cds-background-active: rgba(141, 141, 141, 0.4);
9549
9502
  --cds-background-brand: #0f62fe;
@@ -9572,11 +9525,19 @@ em {
9572
9525
  --cds-chat-avatar-bot: #8d8d8d;
9573
9526
  --cds-chat-avatar-user: #4589ff;
9574
9527
  --cds-chat-bubble-agent: #262626;
9575
- --cds-chat-bubble-agent-border: #525252;
9528
+ --cds-chat-bubble-border: #525252;
9576
9529
  --cds-chat-bubble-user: #393939;
9530
+ --cds-chat-button: #78a9ff;
9531
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
9532
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
9533
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
9534
+ --cds-chat-button-text-hover: #a6c8ff;
9535
+ --cds-chat-button-text-selected: #c6c6c6;
9536
+ --cds-chat-header-background: #262626;
9577
9537
  --cds-chat-prompt-background: #161616;
9578
9538
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
9579
9539
  --cds-chat-prompt-border-start: #262626;
9540
+ --cds-chat-shell-background: #262626;
9580
9541
  --cds-field-01: #262626;
9581
9542
  --cds-field-02: #393939;
9582
9543
  --cds-field-03: #525252;
@@ -9632,27 +9593,6 @@ em {
9632
9593
  --cds-shadow: rgba(0, 0, 0, 0.8);
9633
9594
  --cds-skeleton-background: #292929;
9634
9595
  --cds-skeleton-element: #393939;
9635
- --cds-slug-background: #c6c6c6;
9636
- --cds-slug-background-hover: #e0e0e0;
9637
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
9638
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
9639
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
9640
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
9641
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
9642
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
9643
- --cds-slug-callout-caret-bottom: #3d4655;
9644
- --cds-slug-callout-caret-bottom-background: #213250;
9645
- --cds-slug-callout-caret-bottom-background-actions: #192436;
9646
- --cds-slug-callout-caret-center: #3f68af;
9647
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
9648
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
9649
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
9650
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
9651
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
9652
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
9653
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
9654
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
9655
- --cds-slug-hollow-hover: #b5b5b5;
9656
9596
  --cds-support-caution-major: #ff832b;
9657
9597
  --cds-support-caution-minor: #f1c21b;
9658
9598
  --cds-support-caution-undefined: #a56eff;
@@ -9734,13 +9674,23 @@ em {
9734
9674
  --cds-tag-color-green: #a7f0ba;
9735
9675
  --cds-tag-hover-green: #11742f;
9736
9676
  --cds-tag-background-gray: #525252;
9737
- --cds-tag-color-gray: #e0e0e0;
9677
+ --cds-tag-color-gray: #f4f4f4;
9738
9678
  --cds-tag-hover-gray: #636363;
9679
+ --cds-tag-border-red: #fa4d56;
9680
+ --cds-tag-border-blue: #4589ff;
9681
+ --cds-tag-border-cyan: #1192e8;
9682
+ --cds-tag-border-teal: #009d9a;
9683
+ --cds-tag-border-green: #24a148;
9684
+ --cds-tag-border-magenta: #ee5396;
9685
+ --cds-tag-border-purple: #a56eff;
9686
+ --cds-tag-border-gray: #8d8d8d;
9687
+ --cds-tag-border-cool-gray: #878d96;
9688
+ --cds-tag-border-warm-gray: #8f8b8b;
9739
9689
  --cds-tag-background-cool-gray: #4d5358;
9740
- --cds-tag-color-cool-gray: #dde1e6;
9690
+ --cds-tag-color-cool-gray: #f2f4f8;
9741
9691
  --cds-tag-hover-cool-gray: #5d646a;
9742
9692
  --cds-tag-background-warm-gray: #565151;
9743
- --cds-tag-color-warm-gray: #e5e0df;
9693
+ --cds-tag-color-warm-gray: #f7f3f2;
9744
9694
  --cds-tag-hover-warm-gray: #696363;
9745
9695
  }
9746
9696
 
@@ -10151,6 +10101,9 @@ li.cds--accordion__item--disabled:last-of-type {
10151
10101
  }
10152
10102
 
10153
10103
  .cds--popover-content {
10104
+ --cds-layout-size-height-sm: 2rem;
10105
+ --cds-layout-size-height-md: 2.5rem;
10106
+ --cds-layout-size-height-lg: 3rem;
10154
10107
  box-sizing: border-box;
10155
10108
  padding: 0;
10156
10109
  border: 0;
@@ -10168,6 +10121,15 @@ li.cds--accordion__item--disabled:last-of-type {
10168
10121
  max-inline-size: 23rem;
10169
10122
  pointer-events: auto;
10170
10123
  }
10124
+ .cds--layout--size-sm .cds--popover-content {
10125
+ --cds-layout-size-height: var(--cds-layout-size-height-sm);
10126
+ }
10127
+ .cds--layout--size-md .cds--popover-content {
10128
+ --cds-layout-size-height: var(--cds-layout-size-height-md);
10129
+ }
10130
+ .cds--layout--size-lg .cds--popover-content {
10131
+ --cds-layout-size-height: var(--cds-layout-size-height-lg);
10132
+ }
10171
10133
  .cds--popover-content *,
10172
10134
  .cds--popover-content *::before,
10173
10135
  .cds--popover-content *::after {
@@ -11649,12 +11611,20 @@ a.cds--overflow-menu-options__btn::before {
11649
11611
  text-decoration: underline;
11650
11612
  }
11651
11613
  .cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
11652
- color: var(--cds-text-primary, #161616);
11614
+ outline: 1px solid var(--cds-focus, #0f62fe);
11615
+ color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
11616
+ outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
11653
11617
  text-decoration: underline;
11654
11618
  }
11619
+ @media screen and (prefers-contrast) {
11620
+ .cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
11621
+ outline-style: dotted;
11622
+ }
11623
+ }
11655
11624
  .cds--link:focus {
11656
11625
  outline: 1px solid var(--cds-focus, #0f62fe);
11657
11626
  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
11627
+ text-decoration: underline;
11658
11628
  }
11659
11629
  @media screen and (prefers-contrast) {
11660
11630
  .cds--link:focus {
@@ -11662,10 +11632,10 @@ a.cds--overflow-menu-options__btn::before {
11662
11632
  }
11663
11633
  }
11664
11634
  .cds--link:visited {
11665
- color: var(--cds-link-primary, #0f62fe);
11635
+ color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
11666
11636
  }
11667
11637
  .cds--link:visited:hover {
11668
- color: var(--cds-link-primary-hover, #0043ce);
11638
+ color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
11669
11639
  }
11670
11640
 
11671
11641
  .cds--link--disabled,
@@ -11696,20 +11666,17 @@ a.cds--overflow-menu-options__btn::before {
11696
11666
  }
11697
11667
 
11698
11668
  .cds--link.cds--link--visited:visited {
11699
- color: var(--cds-link-visited, #8a3ffc);
11669
+ color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
11700
11670
  }
11701
11671
 
11702
11672
  .cds--link.cds--link--visited:visited:hover {
11703
- color: var(--cds-link-primary-hover, #0043ce);
11673
+ color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
11704
11674
  }
11705
11675
 
11706
11676
  .cds--link.cds--link--inline {
11707
11677
  display: inline;
11708
11678
  text-decoration: underline;
11709
11679
  }
11710
- .cds--link.cds--link--inline:focus, .cds--link.cds--link--inline:visited {
11711
- text-decoration: none;
11712
- }
11713
11680
 
11714
11681
  .cds--link--disabled.cds--link--inline {
11715
11682
  text-decoration: underline;
@@ -11754,12 +11721,21 @@ a.cds--overflow-menu-options__btn::before {
11754
11721
 
11755
11722
  .cds--chat-btn--quick-action {
11756
11723
  align-items: center;
11757
- border: 1px solid var(--cds-link-primary, #0f62fe);
11724
+ border: 1px solid var(--cds-chat-button, #0f62fe);
11725
+ background: transparent;
11726
+ color: var(--cds-chat-button, #0f62fe);
11758
11727
  }
11759
11728
 
11760
11729
  .cds--chat-btn--quick-action:hover:not(:active):not([disabled]) {
11761
11730
  border-color: transparent;
11762
- background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
11731
+ background: var(--cds-chat-button-hover, rgba(141, 141, 141, 0.12));
11732
+ color: var(--cds-chat-button-text-hover, #0043ce);
11733
+ }
11734
+
11735
+ .cds--chat-btn--quick-action:active {
11736
+ border-color: transparent;
11737
+ background: var(--cds-chat-button-active, rgba(141, 141, 141, 0.5));
11738
+ color: var(--cds-chat-button-text-hover, #0043ce);
11763
11739
  }
11764
11740
 
11765
11741
  .cds--chat-btn--quick-action.cds--btn--ghost:focus {
@@ -11782,12 +11758,13 @@ a.cds--overflow-menu-options__btn::before {
11782
11758
  .cds--chat-btn--quick-action--selected[disabled],
11783
11759
  .cds--chat-btn--quick-action--selected[disabled]:hover {
11784
11760
  border-color: transparent;
11785
- background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
11786
- color: var(--cds-text-secondary, #525252);
11761
+ background: var(--cds-chat-button-selected, rgba(141, 141, 141, 0.2));
11762
+ color: var(--cds-chat-button-text-selected, #525252);
11787
11763
  }
11788
11764
 
11789
- .cds--chat-btn--quick-action--selected:hover {
11790
- color: var(--cds-text-secondary, #525252);
11765
+ .cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):hover,
11766
+ .cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):active {
11767
+ color: var(--cds-chat-button-text-selected, #525252);
11791
11768
  }
11792
11769
 
11793
11770
  .cds--chat-btn.cds--skeleton {
@@ -12174,6 +12151,12 @@ fieldset[disabled] .cds--form__helper-text {
12174
12151
  .cds--checkbox-label::after {
12175
12152
  box-sizing: border-box;
12176
12153
  }
12154
+ @media print {
12155
+ .cds--checkbox-label::before,
12156
+ .cds--checkbox-label::after {
12157
+ print-color-adjust: exact;
12158
+ }
12159
+ }
12177
12160
 
12178
12161
  .cds--checkbox-label::before {
12179
12162
  position: absolute;
@@ -12787,7 +12770,6 @@ fieldset[disabled] .cds--form__helper-text {
12787
12770
  }
12788
12771
 
12789
12772
  .cds--snippet--multi .cds--snippet-container pre {
12790
- padding-block-end: 1.5rem;
12791
12773
  padding-inline-end: 2.5rem;
12792
12774
  }
12793
12775
 
@@ -13723,7 +13705,7 @@ fieldset[disabled] .cds--form__helper-text {
13723
13705
  }
13724
13706
 
13725
13707
  .cds--text-input__field-wrapper--slug .cds--text-input:not(:has(~ .cds--slug--revert)) {
13726
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
13708
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
13727
13709
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
13728
13710
  padding-inline-end: 2.5rem;
13729
13711
  }
@@ -13758,17 +13740,18 @@ fieldset[disabled] .cds--form__helper-text {
13758
13740
  --cds-layout-size-height-xs: 1.125rem;
13759
13741
  --cds-layout-size-height-sm: 1.125rem;
13760
13742
  --cds-layout-size-height-md: 1.5rem;
13761
- --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-md)));
13743
+ --cds-layout-size-height-lg: 2rem;
13744
+ --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
13762
13745
  font-size: var(--cds-label-01-font-size, 0.75rem);
13763
13746
  font-weight: var(--cds-label-01-font-weight, 400);
13764
13747
  line-height: var(--cds-label-01-line-height, 1.33333);
13765
13748
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
13766
13749
  background-color: var(--cds-tag-background-gray, #e0e0e0);
13767
- color: var(--cds-tag-color-gray, #393939);
13750
+ color: var(--cds-tag-color-gray, #161616);
13768
13751
  display: inline-flex;
13769
13752
  align-items: center;
13770
13753
  justify-content: center;
13771
- border-radius: 0.9375rem;
13754
+ border-radius: 1rem;
13772
13755
  margin: 0.25rem;
13773
13756
  cursor: default;
13774
13757
  max-inline-size: 100%;
@@ -13787,19 +13770,113 @@ fieldset[disabled] .cds--form__helper-text {
13787
13770
  .cds--layout--size-md .cds--tag {
13788
13771
  --cds-layout-size-height: var(--cds-layout-size-height-md);
13789
13772
  }
13790
- .cds--tag.cds--tag--interactive:hover,
13773
+ .cds--layout--size-lg .cds--tag {
13774
+ --cds-layout-size-height: var(--cds-layout-size-height-lg);
13775
+ }
13776
+ .cds--tag.cds--tag--operational {
13777
+ border: 1px solid var(--cds-tag-background-gray, #e0e0e0);
13778
+ }
13779
+ .cds--tag.cds--tag--operational:hover {
13780
+ background-color: var(--cds-tag-hover-gray, #d1d1d1);
13781
+ }
13791
13782
  .cds--tag .cds--tag__close-icon:hover {
13792
13783
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
13793
13784
  }
13785
+ .cds--tag.cds--tag--lg {
13786
+ padding-inline-start: 0.75rem;
13787
+ }
13788
+ .cds--tag:has(.cds--tag__custom-icon) {
13789
+ padding-inline-start: 0.25rem;
13790
+ }
13791
+ .cds--tag.cds--tag--lg:not(.cds--tag--filter) {
13792
+ padding-inline: 0.75rem;
13793
+ }
13794
+ .cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
13795
+ padding-inline-start: 0.5rem;
13796
+ }
13794
13797
  .cds--tag:not(:first-child) {
13795
13798
  margin-inline-start: 0;
13796
13799
  }
13797
13800
 
13801
+ .cds--tag__label {
13802
+ overflow: hidden;
13803
+ max-inline-size: 100%;
13804
+ text-overflow: ellipsis;
13805
+ white-space: nowrap;
13806
+ }
13807
+
13808
+ .cds--tag--interactive:focus {
13809
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
13810
+ outline: none;
13811
+ }
13812
+
13813
+ .cds--tag--interactive:hover {
13814
+ cursor: pointer;
13815
+ }
13816
+
13817
+ .cds--tag--filter {
13818
+ cursor: pointer;
13819
+ padding-block-end: 0;
13820
+ padding-block-start: 0;
13821
+ padding-inline-end: 0;
13822
+ }
13823
+ .cds--tag--filter:hover {
13824
+ outline: none;
13825
+ }
13826
+
13827
+ .cds--interactive--tag-children {
13828
+ display: inline-flex;
13829
+ place-items: center;
13830
+ }
13831
+
13832
+ .cds--tag--selectable {
13833
+ border: 1px solid var(--cds-border-inverse, #161616);
13834
+ background-color: var(--cds-layer);
13835
+ color: var(--cds-text-primary, #161616);
13836
+ cursor: pointer;
13837
+ }
13838
+ .cds--tag--selectable:hover {
13839
+ background-color: var(--cds-layer-hover);
13840
+ outline: none;
13841
+ }
13842
+ .cds--tag--selectable:focus {
13843
+ outline: 2px solid var(--cds-focus, #0f62fe);
13844
+ outline-offset: 1px;
13845
+ }
13846
+
13847
+ .cds--tag--selectable-selected {
13848
+ background-color: var(--cds-layer-selected-inverse, #161616);
13849
+ color: var(--cds-text-inverse, #ffffff);
13850
+ }
13851
+ .cds--tag--selectable-selected:hover {
13852
+ background-color: var(--cds-layer-selected-inverse, #161616);
13853
+ }
13854
+
13855
+ .cds--tag--operational {
13856
+ border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
13857
+ background-color: var(--cds-tag-background-gray, #e0e0e0);
13858
+ color: var(--cds-tag-color-gray, #161616);
13859
+ cursor: pointer;
13860
+ }
13861
+ .cds--tag--operational:hover {
13862
+ background-color: var(--cds-tag-hover-gray, #d1d1d1);
13863
+ outline: none;
13864
+ }
13865
+ .cds--tag--operational:focus {
13866
+ outline: 2px solid var(--cds-focus, #0f62fe);
13867
+ outline-offset: 1px;
13868
+ }
13869
+
13798
13870
  .cds--tag--red {
13799
13871
  background-color: var(--cds-tag-background-red, #ffd7d9);
13800
13872
  color: var(--cds-tag-color-red, #750e13);
13801
13873
  }
13802
- .cds--tag--red.cds--tag--interactive:hover,
13874
+ .cds--tag--red.cds--tag--operational {
13875
+ border: 1px solid var(--cds-tag-border-red, #ff8389);
13876
+ }
13877
+ .cds--tag--red.cds--tag--operational:hover {
13878
+ background-color: var(--cds-tag-hover-red, #ffc2c5);
13879
+ }
13803
13880
  .cds--tag--red .cds--tag__close-icon:hover {
13804
13881
  background-color: var(--cds-tag-hover-red, #ffc2c5);
13805
13882
  }
@@ -13808,7 +13885,12 @@ fieldset[disabled] .cds--form__helper-text {
13808
13885
  background-color: var(--cds-tag-background-magenta, #ffd6e8);
13809
13886
  color: var(--cds-tag-color-magenta, #740937);
13810
13887
  }
13811
- .cds--tag--magenta.cds--tag--interactive:hover,
13888
+ .cds--tag--magenta.cds--tag--operational {
13889
+ border: 1px solid var(--cds-tag-border-magenta, #ff7eb6);
13890
+ }
13891
+ .cds--tag--magenta.cds--tag--operational:hover {
13892
+ background-color: var(--cds-tag-hover-magenta, #ffbdda);
13893
+ }
13812
13894
  .cds--tag--magenta .cds--tag__close-icon:hover {
13813
13895
  background-color: var(--cds-tag-hover-magenta, #ffbdda);
13814
13896
  }
@@ -13817,7 +13899,12 @@ fieldset[disabled] .cds--form__helper-text {
13817
13899
  background-color: var(--cds-tag-background-purple, #e8daff);
13818
13900
  color: var(--cds-tag-color-purple, #491d8b);
13819
13901
  }
13820
- .cds--tag--purple.cds--tag--interactive:hover,
13902
+ .cds--tag--purple.cds--tag--operational {
13903
+ border: 1px solid var(--cds-tag-border-purple, #be95ff);
13904
+ }
13905
+ .cds--tag--purple.cds--tag--operational:hover {
13906
+ background-color: var(--cds-tag-hover-purple, #dcc7ff);
13907
+ }
13821
13908
  .cds--tag--purple .cds--tag__close-icon:hover {
13822
13909
  background-color: var(--cds-tag-hover-purple, #dcc7ff);
13823
13910
  }
@@ -13826,7 +13913,12 @@ fieldset[disabled] .cds--form__helper-text {
13826
13913
  background-color: var(--cds-tag-background-blue, #d0e2ff);
13827
13914
  color: var(--cds-tag-color-blue, #002d9c);
13828
13915
  }
13829
- .cds--tag--blue.cds--tag--interactive:hover,
13916
+ .cds--tag--blue.cds--tag--operational {
13917
+ border: 1px solid var(--cds-tag-border-blue, #78a9ff);
13918
+ }
13919
+ .cds--tag--blue.cds--tag--operational:hover {
13920
+ background-color: var(--cds-tag-hover-blue, #b8d3ff);
13921
+ }
13830
13922
  .cds--tag--blue .cds--tag__close-icon:hover {
13831
13923
  background-color: var(--cds-tag-hover-blue, #b8d3ff);
13832
13924
  }
@@ -13835,7 +13927,12 @@ fieldset[disabled] .cds--form__helper-text {
13835
13927
  background-color: var(--cds-tag-background-cyan, #bae6ff);
13836
13928
  color: var(--cds-tag-color-cyan, #003a6d);
13837
13929
  }
13838
- .cds--tag--cyan.cds--tag--interactive:hover,
13930
+ .cds--tag--cyan.cds--tag--operational {
13931
+ border: 1px solid var(--cds-tag-border-cyan, #33b1ff);
13932
+ }
13933
+ .cds--tag--cyan.cds--tag--operational:hover {
13934
+ background-color: var(--cds-tag-hover-cyan, #99daff);
13935
+ }
13839
13936
  .cds--tag--cyan .cds--tag__close-icon:hover {
13840
13937
  background-color: var(--cds-tag-hover-cyan, #99daff);
13841
13938
  }
@@ -13844,7 +13941,12 @@ fieldset[disabled] .cds--form__helper-text {
13844
13941
  background-color: var(--cds-tag-background-teal, #9ef0f0);
13845
13942
  color: var(--cds-tag-color-teal, #004144);
13846
13943
  }
13847
- .cds--tag--teal.cds--tag--interactive:hover,
13944
+ .cds--tag--teal.cds--tag--operational {
13945
+ border: 1px solid var(--cds-tag-border-teal, #08bdba);
13946
+ }
13947
+ .cds--tag--teal.cds--tag--operational:hover {
13948
+ background-color: var(--cds-tag-hover-teal, #57e5e5);
13949
+ }
13848
13950
  .cds--tag--teal .cds--tag__close-icon:hover {
13849
13951
  background-color: var(--cds-tag-hover-teal, #57e5e5);
13850
13952
  }
@@ -13853,54 +13955,85 @@ fieldset[disabled] .cds--form__helper-text {
13853
13955
  background-color: var(--cds-tag-background-green, #a7f0ba);
13854
13956
  color: var(--cds-tag-color-green, #044317);
13855
13957
  }
13856
- .cds--tag--green.cds--tag--interactive:hover,
13958
+ .cds--tag--green.cds--tag--operational {
13959
+ border: 1px solid var(--cds-tag-border-green, #42be65);
13960
+ }
13961
+ .cds--tag--green.cds--tag--operational:hover {
13962
+ background-color: var(--cds-tag-hover-green, #74e792);
13963
+ }
13857
13964
  .cds--tag--green .cds--tag__close-icon:hover {
13858
13965
  background-color: var(--cds-tag-hover-green, #74e792);
13859
13966
  }
13860
13967
 
13861
13968
  .cds--tag--gray {
13862
13969
  background-color: var(--cds-tag-background-gray, #e0e0e0);
13863
- color: var(--cds-tag-color-gray, #393939);
13970
+ color: var(--cds-tag-color-gray, #161616);
13971
+ }
13972
+ .cds--tag--gray.cds--tag--operational {
13973
+ border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
13974
+ }
13975
+ .cds--tag--gray.cds--tag--operational:hover {
13976
+ background-color: var(--cds-tag-hover-gray, #d1d1d1);
13864
13977
  }
13865
- .cds--tag--gray.cds--tag--interactive:hover,
13866
13978
  .cds--tag--gray .cds--tag__close-icon:hover {
13867
13979
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
13868
13980
  }
13869
13981
 
13870
13982
  .cds--tag--cool-gray {
13871
13983
  background-color: var(--cds-tag-background-cool-gray, #dde1e6);
13872
- color: var(--cds-tag-color-cool-gray, #343a3f);
13984
+ color: var(--cds-tag-color-cool-gray, #121619);
13985
+ }
13986
+ .cds--tag--cool-gray.cds--tag--operational {
13987
+ border: 1px solid var(--cds-tag-border-cool-gray, #a2a9b0);
13988
+ }
13989
+ .cds--tag--cool-gray.cds--tag--operational:hover {
13990
+ background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
13873
13991
  }
13874
- .cds--tag--cool-gray.cds--tag--interactive:hover,
13875
13992
  .cds--tag--cool-gray .cds--tag__close-icon:hover {
13876
13993
  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
13877
13994
  }
13878
13995
 
13879
13996
  .cds--tag--warm-gray {
13880
13997
  background-color: var(--cds-tag-background-warm-gray, #e5e0df);
13881
- color: var(--cds-tag-color-warm-gray, #3c3838);
13998
+ color: var(--cds-tag-color-warm-gray, #171414);
13999
+ }
14000
+ .cds--tag--warm-gray.cds--tag--operational {
14001
+ border: 1px solid var(--cds-tag-border-warm-gray, #ada8a8);
14002
+ }
14003
+ .cds--tag--warm-gray.cds--tag--operational:hover {
14004
+ background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
13882
14005
  }
13883
- .cds--tag--warm-gray.cds--tag--interactive:hover,
13884
14006
  .cds--tag--warm-gray .cds--tag__close-icon:hover {
13885
14007
  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
13886
14008
  }
13887
14009
 
13888
- .cds--tag--high-contrast {
14010
+ .cds--tag--high-contrast:not(.cds--tag--operational) {
13889
14011
  background-color: var(--cds-background-inverse, #393939);
13890
14012
  color: var(--cds-text-inverse, #ffffff);
13891
14013
  }
13892
- .cds--tag--high-contrast.cds--tag--interactive:hover,
13893
- .cds--tag--high-contrast .cds--tag__close-icon:hover {
14014
+ .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational {
14015
+ border: 1px solid var(--cds-background-inverse, #393939);
14016
+ }
14017
+ .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover {
14018
+ background-color: var(--cds-background-inverse-hover, #474747);
14019
+ }
14020
+ .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
13894
14021
  background-color: var(--cds-background-inverse-hover, #474747);
13895
14022
  }
13896
14023
 
13897
- .cds--tag--outline {
14024
+ .cds--tag--outline:not(.cds--tag--operational) {
13898
14025
  background-color: var(--cds-background, #ffffff);
13899
14026
  color: var(--cds-text-primary, #161616);
13900
- box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
14027
+ outline: 1px solid var(--cds-background-inverse, #393939);
14028
+ outline-offset: -1px;
14029
+ }
14030
+ .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
14031
+ border: 1px solid var(--cds-background, #ffffff);
13901
14032
  }
13902
- .cds--tag--outline.cds--tag--interactive:hover,
13903
- .cds--tag--outline .cds--tag__close-icon:hover {
14033
+ .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
14034
+ background-color: var(--cds-layer-hover);
14035
+ }
14036
+ .cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover {
13904
14037
  background-color: var(--cds-layer-hover);
13905
14038
  }
13906
14039
 
@@ -13911,11 +14044,18 @@ fieldset[disabled] .cds--form__helper-text {
13911
14044
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
13912
14045
  box-shadow: none;
13913
14046
  }
13914
- .cds--tag--disabled.cds--tag--interactive:hover,
14047
+ .cds--tag--disabled.cds--tag--operational,
14048
+ .cds--tag--filter.cds--tag--disabled.cds--tag--operational,
14049
+ .cds--tag--interactive.cds--tag--disabled.cds--tag--operational {
14050
+ border: 1px solid var(--cds-layer);
14051
+ }
14052
+ .cds--tag--disabled.cds--tag--operational:hover,
14053
+ .cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,
14054
+ .cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover {
14055
+ background-color: var(--cds-layer);
14056
+ }
13915
14057
  .cds--tag--disabled .cds--tag__close-icon:hover,
13916
- .cds--tag--filter.cds--tag--disabled.cds--tag--interactive:hover,
13917
14058
  .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
13918
- .cds--tag--interactive.cds--tag--disabled.cds--tag--interactive:hover,
13919
14059
  .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
13920
14060
  background-color: var(--cds-layer);
13921
14061
  }
@@ -13925,30 +14065,16 @@ fieldset[disabled] .cds--form__helper-text {
13925
14065
  cursor: not-allowed;
13926
14066
  }
13927
14067
 
13928
- .cds--tag__label {
13929
- overflow: hidden;
13930
- max-inline-size: 100%;
13931
- text-overflow: ellipsis;
13932
- white-space: nowrap;
13933
- }
13934
-
13935
- .cds--tag--interactive:focus {
13936
- box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
13937
- outline: none;
13938
- }
13939
-
13940
- .cds--tag--interactive:hover {
13941
- cursor: pointer;
13942
- }
13943
-
13944
- .cds--tag--filter {
13945
- cursor: pointer;
13946
- padding-block-end: 0;
13947
- padding-block-start: 0;
13948
- padding-inline-end: 0;
14068
+ .cds--tag--selectable.cds--tag--disabled,
14069
+ .cds--tag--operational.cds--tag--disabled {
14070
+ border: 1px solid var(--cds-border-disabled, #c6c6c6);
14071
+ background-color: var(--cds-layer);
14072
+ color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
13949
14073
  }
13950
- .cds--tag--filter:hover {
13951
- outline: none;
14074
+ .cds--tag--selectable.cds--tag--disabled:hover,
14075
+ .cds--tag--operational.cds--tag--disabled:hover {
14076
+ background-color: var(--cds-layer);
14077
+ cursor: not-allowed;
13952
14078
  }
13953
14079
 
13954
14080
  .cds--tag--interactive {
@@ -13995,6 +14121,7 @@ fieldset[disabled] .cds--form__helper-text {
13995
14121
  }
13996
14122
 
13997
14123
  .cds--tag__close-icon:focus {
14124
+ z-index: 99999;
13998
14125
  border-radius: 50%;
13999
14126
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
14000
14127
  outline: none;
@@ -14051,7 +14178,12 @@ fieldset[disabled] .cds--form__helper-text {
14051
14178
  animation: none;
14052
14179
  }
14053
14180
  }
14054
- .cds--tag.cds--skeleton.cds--tag--interactive:hover,
14181
+ .cds--tag.cds--skeleton.cds--tag--operational {
14182
+ border: 1px solid var(--cds-skeleton-background, #e8e8e8);
14183
+ }
14184
+ .cds--tag.cds--skeleton.cds--tag--operational:hover {
14185
+ background-color: var(--cds-skeleton-background, #e8e8e8);
14186
+ }
14055
14187
  .cds--tag.cds--skeleton .cds--tag__close-icon:hover {
14056
14188
  background-color: var(--cds-skeleton-background, #e8e8e8);
14057
14189
  }
@@ -14391,17 +14523,17 @@ fieldset[disabled] .cds--form__helper-text {
14391
14523
  }
14392
14524
 
14393
14525
  .cds--list-box__field .cds--text-input {
14394
- padding-inline-end: 4.5rem;
14526
+ padding-inline-end: 5rem;
14395
14527
  }
14396
14528
 
14397
14529
  .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input,
14398
14530
  .cds--list-box--warning .cds--list-box__field .cds--text-input {
14399
- padding-inline-end: 6.125rem;
14531
+ padding-inline-end: 6.5625rem;
14400
14532
  }
14401
14533
 
14402
14534
  .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon,
14403
14535
  .cds--list-box--warning .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon {
14404
- inset-inline-end: 4.125rem;
14536
+ inset-inline-end: 5.125rem;
14405
14537
  }
14406
14538
 
14407
14539
  .cds--list-box__field .cds--text-input--empty {
@@ -14499,7 +14631,7 @@ fieldset[disabled] .cds--form__helper-text {
14499
14631
  inline-size: 1.5rem;
14500
14632
  inset-block-start: 50%;
14501
14633
  /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */
14502
- inset-inline-end: 2.25rem;
14634
+ inset-inline-end: 2.8125rem;
14503
14635
  transform: translateY(-50%);
14504
14636
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
14505
14637
  user-select: none;
@@ -14577,7 +14709,12 @@ fieldset[disabled] .cds--form__helper-text {
14577
14709
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
14578
14710
  color: var(--cds-layer);
14579
14711
  }
14580
- .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--interactive:hover,
14712
+ .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational {
14713
+ border: 1px solid var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
14714
+ }
14715
+ .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational:hover {
14716
+ background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
14717
+ }
14581
14718
  .cds--list-box--disabled .cds--list-box__selection--multi .cds--tag__close-icon:hover {
14582
14719
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
14583
14720
  }
@@ -14920,12 +15057,32 @@ fieldset[disabled] .cds--form__helper-text {
14920
15057
  .cds--list-box__wrapper--slug .cds--slug {
14921
15058
  position: absolute;
14922
15059
  inset-block-start: 50%;
14923
- inset-inline-end: 2.5rem;
15060
+ inset-inline-end: calc(2.5rem + 9px);
15061
+ margin-block-start: 0.03125rem;
14924
15062
  transform: translateY(-50%);
14925
15063
  }
14926
15064
 
15065
+ .cds--list-box__wrapper--slug .cds--slug::after,
15066
+ .cds--list-box__wrapper--slug .cds--slug::before {
15067
+ position: absolute;
15068
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
15069
+ block-size: 1rem;
15070
+ content: "";
15071
+ inline-size: 0.0625rem;
15072
+ }
15073
+
15074
+ .cds--list-box__wrapper--slug .cds--slug::before {
15075
+ display: none;
15076
+ inset-inline-start: -0.5625rem;
15077
+ }
15078
+
15079
+ .cds--list-box__wrapper--slug .cds--slug::after {
15080
+ display: block;
15081
+ inset-inline-end: -0.5625rem;
15082
+ }
15083
+
14927
15084
  .cds--list-box__wrapper--slug .cds--list-box:not(:has(.cds--slug--revert)) {
14928
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
15085
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
14929
15086
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
14930
15087
  }
14931
15088
 
@@ -14951,21 +15108,28 @@ fieldset[disabled] .cds--form__helper-text {
14951
15108
 
14952
15109
  .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
14953
15110
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
14954
- padding-inline-end: 7.5rem;
15111
+ padding-inline-end: 8.8125rem;
14955
15112
  }
14956
15113
 
14957
- .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug,
14958
- .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug {
14959
- inset-inline-end: 4rem;
15114
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
15115
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
15116
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning {
15117
+ inset-inline-end: 5.1875rem;
14960
15118
  }
14961
15119
 
14962
- .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
14963
- inset-inline-end: 4rem;
15120
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,
15121
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {
15122
+ display: block;
14964
15123
  }
14965
15124
 
14966
- .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
15125
+ .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
14967
15126
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
14968
- inset-inline-end: 5.5rem;
15127
+ inset-inline-end: calc(4rem + 18px);
15128
+ }
15129
+
15130
+ .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
15131
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon {
15132
+ inset-inline-end: 7.25rem;
14969
15133
  }
14970
15134
 
14971
15135
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -14993,6 +15157,33 @@ fieldset[disabled] .cds--form__helper-text {
14993
15157
  }
14994
15158
  }
14995
15159
 
15160
+ .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::after {
15161
+ position: absolute;
15162
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
15163
+ block-size: 1rem;
15164
+ content: "";
15165
+ inline-size: 0.0625rem;
15166
+ margin-inline-start: 2.0625rem;
15167
+ }
15168
+
15169
+ .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
15170
+ .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {
15171
+ position: absolute;
15172
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
15173
+ block-size: 1rem;
15174
+ content: "";
15175
+ inline-size: 0.0625rem;
15176
+ margin-inline-end: 2.0625rem;
15177
+ }
15178
+
15179
+ .cds--list-box__wrapper--slug:has(.cds--multi-select) .cds--list-box__menu-icon {
15180
+ inset-inline-end: calc(0.75rem - 4px);
15181
+ }
15182
+
15183
+ .cds--list-box__wrapper--slug:has(.cds--dropdown) .cds--list-box__menu-icon {
15184
+ inset-inline-end: calc(0.75rem - 4px);
15185
+ }
15186
+
14996
15187
  .cds--combo-box:hover {
14997
15188
  background-color: var(--cds-field);
14998
15189
  }
@@ -15923,6 +16114,11 @@ fieldset[disabled] .cds--form__helper-text {
15923
16114
  background-color: ButtonText;
15924
16115
  }
15925
16116
  }
16117
+ @media print {
16118
+ .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
16119
+ print-color-adjust: exact;
16120
+ }
16121
+ }
15926
16122
 
15927
16123
  .cds--radio-button:disabled + .cds--radio-button__label {
15928
16124
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -16807,7 +17003,7 @@ tr.cds--data-table--selected:last-of-type td {
16807
17003
 
16808
17004
  tr.cds--data-table--slug-row,
16809
17005
  tr.cds--data-table--slug-row + .cds--expandable-row {
16810
- background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
17006
+ background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
16811
17007
  background-attachment: fixed;
16812
17008
  }
16813
17009
 
@@ -16834,13 +17030,15 @@ tr.cds--data-table--slug-row:hover + .cds--expandable-row[data-child-row],
16834
17030
  tr.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
16835
17031
  tr.cds--expandable-row--hover.cds--data-table--slug-row,
16836
17032
  tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--slug-row {
16837
- background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.4)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
17033
+ background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
17034
+ background-attachment: fixed;
16838
17035
  }
16839
17036
 
16840
17037
  tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
16841
17038
  .cds--data-table--selected.cds--data-table--slug-row,
16842
17039
  tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row {
16843
- background: linear-gradient(to right, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
17040
+ background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
17041
+ background-attachment: fixed;
16844
17042
  }
16845
17043
 
16846
17044
  tr.cds--data-table--slug-row.cds--data-table--selected td,
@@ -16860,7 +17058,7 @@ tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-
16860
17058
 
16861
17059
  .cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
16862
17060
  .cds--data-table thead th:has(> .cds--table-header-label--slug) {
16863
- background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
17061
+ background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
16864
17062
  }
16865
17063
 
16866
17064
  .cds--table-column-slug .cds--slug {
@@ -16888,11 +17086,11 @@ th:has(.cds--table-header-label--slug) {
16888
17086
  }
16889
17087
 
16890
17088
  td.cds--table-cell--column-slug {
16891
- background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
17089
+ background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
16892
17090
  }
16893
17091
 
16894
17092
  tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug {
16895
- border-block-start: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
17093
+ border-block-start: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
16896
17094
  }
16897
17095
 
16898
17096
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -19327,7 +19525,7 @@ th .cds--table-sort__flex {
19327
19525
  }
19328
19526
 
19329
19527
  .cds--date-picker-input__wrapper--slug .cds--date-picker__input:not(:has(~ .cds--slug--revert)) {
19330
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
19528
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
19331
19529
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
19332
19530
  padding-inline-end: 4rem;
19333
19531
  }
@@ -20745,6 +20943,28 @@ button.cds--dropdown-text:focus {
20745
20943
  padding-inline-end: 6rem;
20746
20944
  }
20747
20945
 
20946
+ .cds--list-box__wrapper--fluid .cds--list-box__selection {
20947
+ inset-inline-end: 2.5625rem;
20948
+ }
20949
+
20950
+ .cds--list-box__wrapper--fluid .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
20951
+ .cds--list-box__wrapper--fluid .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {
20952
+ position: absolute;
20953
+ background-color: transparent;
20954
+ block-size: 1rem;
20955
+ content: "";
20956
+ inline-size: 0.0625rem;
20957
+ margin-inline-end: 2.0625rem;
20958
+ }
20959
+
20960
+ .cds--list-box__wrapper--fluid:has(.cds--multi-select) .cds--list-box__menu-icon {
20961
+ inset-inline-end: 0.75rem;
20962
+ }
20963
+
20964
+ .cds--list-box__wrapper--fluid:has(.cds--dropdown) .cds--list-box__menu-icon {
20965
+ inset-inline-end: 0.75rem;
20966
+ }
20967
+
20748
20968
  .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__field {
20749
20969
  overflow: visible;
20750
20970
  padding: 0;
@@ -21053,7 +21273,7 @@ button.cds--dropdown-text:focus {
21053
21273
  }
21054
21274
 
21055
21275
  .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:not(:has(~ .cds--slug--revert)) {
21056
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
21276
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
21057
21277
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
21058
21278
  }
21059
21279
 
@@ -21611,7 +21831,7 @@ button.cds--dropdown-text:focus {
21611
21831
 
21612
21832
  .cds--number__input-wrapper--slug input[type=number]:not(:has(~ .cds--slug--revert)),
21613
21833
  .cds--number__input-wrapper--slug input[type=number]:disabled {
21614
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
21834
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
21615
21835
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
21616
21836
  padding-inline-end: 7rem;
21617
21837
  }
@@ -21872,7 +22092,7 @@ button.cds--dropdown-text:focus {
21872
22092
  }
21873
22093
 
21874
22094
  .cds--number-input--fluid .cds--number__input-wrapper--slug:not(:has(~ .cds--slug--revert)) {
21875
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
22095
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
21876
22096
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
21877
22097
  }
21878
22098
 
@@ -21914,6 +22134,7 @@ button.cds--dropdown-text:focus {
21914
22134
  }
21915
22135
 
21916
22136
  .cds--search--fluid .cds--search-magnifier-icon {
22137
+ color: var(--cds-icon-primary, #161616);
21917
22138
  inset: auto 1rem 0.8125rem auto;
21918
22139
  transform: none;
21919
22140
  }
@@ -21926,16 +22147,6 @@ button.cds--dropdown-text:focus {
21926
22147
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
21927
22148
  }
21928
22149
 
21929
- .cds--search--fluid .cds--search-close::before {
21930
- position: absolute;
21931
- display: block;
21932
- background: var(--cds-border-subtle);
21933
- block-size: 1rem;
21934
- content: "";
21935
- inline-size: 0.0625rem;
21936
- inset: auto -0.0625rem 0.875rem auto;
21937
- }
21938
-
21939
22150
  .cds--search--fluid .cds--search-input:focus ~ .cds--search-close:hover {
21940
22151
  outline: none;
21941
22152
  }
@@ -22249,7 +22460,7 @@ optgroup.cds--select-optgroup:disabled,
22249
22460
  }
22250
22461
 
22251
22462
  .cds--select--slug .cds--select-input:not(:has(~ .cds--slug--revert)) {
22252
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
22463
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
22253
22464
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
22254
22465
  padding-inline-end: 4rem;
22255
22466
  }
@@ -22548,7 +22759,7 @@ optgroup.cds--select-optgroup:disabled,
22548
22759
  }
22549
22760
 
22550
22761
  .cds--text-area__wrapper--slug .cds--text-area:not(:has(~ .cds--slug--revert)) {
22551
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
22762
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
22552
22763
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
22553
22764
  padding-inline-end: 2.5rem;
22554
22765
  }
@@ -22771,7 +22982,7 @@ optgroup.cds--select-optgroup:disabled,
22771
22982
  }
22772
22983
 
22773
22984
  .cds--text-area--fluid .cds--text-area__wrapper--slug:not(:has(~ .cds--slug--revert)) {
22774
- background-image: linear-gradient(0deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
22985
+ background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
22775
22986
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
22776
22987
  }
22777
22988
 
@@ -23702,7 +23913,8 @@ optgroup.cds--select-optgroup:disabled,
23702
23913
  }
23703
23914
 
23704
23915
  .cds--body--with-modal-open .cds--modal .cds--tooltip,
23705
- .cds--body--with-modal-open .cds--modal .cds--overflow-menu-options {
23916
+ .cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,
23917
+ .cds--body--with-modal-open .cds--overflow-menu-options {
23706
23918
  z-index: 9000;
23707
23919
  }
23708
23920
 
@@ -23716,15 +23928,15 @@ optgroup.cds--select-optgroup:disabled,
23716
23928
  }
23717
23929
 
23718
23930
  .cds--modal--slug .cds--modal-container {
23719
- background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
23931
+ background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
23720
23932
  border: 1px solid transparent;
23721
23933
  background-color: var(--cds-layer);
23722
- box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
23934
+ box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
23723
23935
  }
23724
23936
 
23725
23937
  .cds--modal--slug .cds--modal-container:has(.cds--modal-footer) {
23726
- background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) calc(0% + 64px), var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
23727
- box-shadow: inset 0 -80px 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
23938
+ background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) calc(0% + 64px), var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
23939
+ box-shadow: inset 0 -80px 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
23728
23940
  }
23729
23941
 
23730
23942
  .cds--modal--slug .cds--slug {
@@ -26143,14 +26355,14 @@ span.cds--pagination__text.cds--pagination__items-count {
26143
26355
  .cds--skeleton__placeholder--ai,
26144
26356
  .cds--skeleton__icon--ai {
26145
26357
  overflow: hidden;
26146
- background: var(--cds-ai-skeleton-background, #b8d3ff);
26358
+ background: var(--cds-ai-skeleton-background, #d0e2ff);
26147
26359
  }
26148
26360
 
26149
26361
  .cds--skeleton__text--ai::before,
26150
26362
  .cds--skeleton__placeholder--ai::before,
26151
26363
  .cds--skeleton__icon--ai::before {
26152
26364
  animation: 1250ms ease-in-out ai-skeleton-animation infinite;
26153
- background: linear-gradient(to right, rgba(0, 17, 65, 0) 0%, rgba(0, 17, 65, 0.5) 50%, rgba(0, 17, 65, 0) 100%);
26365
+ background: linear-gradient(to right, rgba(69, 137, 255, 0) 0%, rgba(69, 137, 255, 0.5) 50%, rgba(69, 137, 255, 0) 100%);
26154
26366
  }
26155
26367
 
26156
26368
  .cds--skeleton__placeholder--ai::before,
@@ -26657,6 +26869,7 @@ span.cds--pagination__text.cds--pagination__items-count {
26657
26869
  --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
26658
26870
  --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
26659
26871
  --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
26872
+ --cds-link-visited-text-color: var(--cds-link-inverse, #78a9ff);
26660
26873
  --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
26661
26874
  font-size: var(--cds-body-01-font-size, 0.875rem);
26662
26875
  font-weight: var(--cds-body-01-font-weight, 400);
@@ -26695,142 +26908,85 @@ span.cds--pagination__text.cds--pagination__items-count {
26695
26908
  display: flex;
26696
26909
  align-items: center;
26697
26910
  justify-content: center;
26698
- color: var(--cds-text-inverse, #ffffff);
26911
+ border: 1px solid var(--cds-border-inverse, #161616);
26912
+ background: transparent;
26913
+ color: var(--cds-text-primary, #161616);
26699
26914
  font-weight: 600;
26700
- transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
26915
+ outline: none;
26916
+ transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), background 70ms cubic-bezier(0, 0, 0.38, 0.9);
26701
26917
  }
26702
26918
  .cds--slug .cds--slug__button--mini {
26703
26919
  height: 1rem;
26704
26920
  width: 1rem;
26705
26921
  font-size: 0.5625rem;
26706
26922
  line-height: 0.75rem;
26707
- background: var(--cds-slug-background, #525252);
26708
26923
  }
26709
26924
  .cds--slug .cds--slug__button--2xs {
26710
26925
  height: 1.25rem;
26711
26926
  width: 1.25rem;
26712
26927
  font-size: 0.75rem;
26713
26928
  line-height: 1rem;
26714
- background: var(--cds-slug-background, #525252);
26715
26929
  }
26716
26930
  .cds--slug .cds--slug__button--xs {
26717
26931
  height: 1.5rem;
26718
26932
  width: 1.5rem;
26719
26933
  font-size: 0.75rem;
26720
26934
  line-height: 1rem;
26721
- background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
26722
26935
  }
26723
26936
  .cds--slug .cds--slug__button--sm {
26724
26937
  height: 2rem;
26725
26938
  width: 2rem;
26726
26939
  font-size: 1rem;
26727
26940
  line-height: 1.3125rem;
26728
- background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
26729
26941
  }
26730
26942
  .cds--slug .cds--slug__button--md {
26731
26943
  height: 2.5rem;
26732
26944
  width: 2.5rem;
26733
26945
  font-size: 1rem;
26734
26946
  line-height: 1.3125rem;
26735
- background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
26736
26947
  }
26737
26948
  .cds--slug .cds--slug__button--lg {
26738
26949
  height: 3rem;
26739
26950
  width: 3rem;
26740
26951
  font-size: 1rem;
26741
26952
  line-height: 1.3125rem;
26742
- background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
26743
26953
  }
26744
26954
  .cds--slug .cds--slug__button--xl {
26745
26955
  height: 4rem;
26746
26956
  width: 4rem;
26747
26957
  font-size: 1.25rem;
26748
26958
  line-height: 1.625rem;
26749
- background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
26750
26959
  }
26751
26960
 
26752
26961
  .cds--slug .cds--slug__button:focus {
26753
- box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);
26754
- outline: none;
26755
- }
26756
-
26757
- .cds--slug__text {
26758
- position: relative;
26759
- z-index: 1;
26760
- }
26761
-
26762
- .cds--slug__button::before {
26763
- position: absolute;
26764
- background: var(--cds-slug-gradient-hover, #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%));
26765
- block-size: 100%;
26766
- content: "";
26767
- inline-size: 100%;
26768
- opacity: 0;
26769
- transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
26770
- }
26771
-
26772
- .cds--slug__button.cds--slug__button--mini::after,
26773
- .cds--slug__button.cds--slug__button--2xs::after {
26774
- position: absolute;
26775
- block-size: 1.5rem;
26776
- content: "";
26777
- inline-size: 1.5rem;
26778
- opacity: 0;
26779
- }
26780
-
26781
- .cds--slug__button:hover::before {
26782
- opacity: 1;
26962
+ border: 1px solid var(--cds-focus, #0f62fe);
26963
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
26783
26964
  }
26784
26965
 
26785
- .cds--slug .cds--slug__button:focus::before {
26786
- block-size: calc(100% - 6px);
26787
- inline-size: calc(100% - 6px);
26966
+ .cds--slug .cds--slug__button.cds--slug__button--mini:focus,
26967
+ .cds--slug .cds--slug__button.cds--slug__button--2xs:focus {
26968
+ box-shadow: none;
26788
26969
  }
26789
26970
 
26790
- .cds--slug__button.cds--slug__button--mini::before,
26791
- .cds--slug__button.cds--slug__button--2xs::before {
26792
- background: var(--cds-slug-background-hover, #6f6f6f);
26971
+ .cds--slug .cds--slug__button:hover {
26972
+ background: var(--cds-border-inverse, #161616);
26973
+ color: var(--cds-text-inverse, #ffffff);
26793
26974
  }
26794
26975
 
26795
- .cds--slug__button.cds--slug__button--mini:focus,
26796
- .cds--slug__button.cds--slug__button--2xs:focus {
26976
+ .cds--slug .cds--slug__button:hover:active {
26977
+ background: var(--cds-border-inverse, #161616);
26797
26978
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-focus-inset, #ffffff);
26979
+ color: var(--cds-text-inverse, #ffffff);
26798
26980
  }
26799
26981
 
26800
- .cds--slug__button.cds--slug__button--mini:focus::before,
26801
- .cds--slug__button.cds--slug__button--2xs:focus::before {
26802
- block-size: calc(100% - 4px);
26803
- inline-size: calc(100% - 4px);
26804
- }
26805
-
26806
- .cds--slug__button--hollow.cds--slug__button--sm,
26807
- .cds--slug__button--hollow.cds--slug__button--md,
26808
- .cds--slug__button--hollow.cds--slug__button--lg,
26809
- .cds--slug__button--hollow.cds--slug__button--xl {
26810
- block-size: 1.5rem;
26811
- font-size: 0.75rem;
26812
- inline-size: 1.5rem;
26813
- line-height: 1rem;
26814
- }
26815
-
26816
- .cds--slug__button--hollow::before {
26817
- display: none;
26818
- }
26819
-
26820
- .cds--slug .cds--slug__button--hollow {
26821
- border: 1px solid var(--cds-border-inverse, #161616);
26822
- background: transparent;
26823
- color: var(--cds-text-primary, #161616);
26824
- }
26825
-
26826
- .cds--slug__button--hollow:hover {
26827
- border-color: var(--cds-slug-hollow-hover, #474747);
26828
- color: var(--cds-slug-hollow-hover, #474747);
26982
+ .cds--slug .cds--slug__button.cds--slug__button--mini:hover:active,
26983
+ .cds--slug .cds--slug__button.cds--slug__button--2xs:hover:active {
26984
+ box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
26829
26985
  }
26830
26986
 
26831
- .cds--slug__button--hollow:focus {
26832
- border-color: var(--cds-focus, #0f62fe);
26833
- box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
26987
+ .cds--slug__text {
26988
+ position: relative;
26989
+ z-index: 1;
26834
26990
  }
26835
26991
 
26836
26992
  .cds--slug .cds--slug__button--inline {
@@ -26854,8 +27010,11 @@ span.cds--pagination__text.cds--pagination__items-count {
26854
27010
  box-shadow: none;
26855
27011
  }
26856
27012
 
26857
- .cds--slug .cds--slug__button--inline:hover {
27013
+ .cds--slug .cds--slug__button--inline:hover,
27014
+ .cds--slug .cds--slug__button--inline:hover:active {
26858
27015
  border-color: var(--cds-icon-secondary, #525252);
27016
+ background: transparent;
27017
+ box-shadow: none;
26859
27018
  color: var(--cds-text-secondary, #525252);
26860
27019
  }
26861
27020
 
@@ -26867,16 +27026,12 @@ span.cds--pagination__text.cds--pagination__items-count {
26867
27026
  background: var(--cds-icon-secondary, #525252);
26868
27027
  }
26869
27028
 
26870
- .cds--slug--hollow .cds--slug__button--inline:hover .cds--slug__text::before {
26871
- background: transparent;
26872
- box-shadow: inset 0 0 0 1px var(--cds-icon-secondary, #525252);
26873
- }
26874
-
26875
27029
  .cds--slug__button--inline .cds--slug__text {
26876
27030
  padding-inline-start: 0.5rem;
26877
27031
  }
26878
27032
 
26879
- .cds--slug__button--inline.cds--slug__button--lg .cds--slug__text {
27033
+ .cds--slug__button--inline.cds--slug__button--lg .cds--slug__text,
27034
+ .cds--slug__button--inline.cds--slug__button--xl .cds--slug__text {
26880
27035
  padding-inline-start: 0.75rem;
26881
27036
  }
26882
27037
 
@@ -26894,20 +27049,8 @@ span.cds--pagination__text.cds--pagination__items-count {
26894
27049
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
26895
27050
  }
26896
27051
 
26897
- .cds--slug--hollow .cds--slug__text::before {
26898
- background: transparent;
26899
- block-size: 0.375rem;
26900
- box-shadow: inset 0 0 0 1px var(--cds-icon-primary, #161616);
26901
- inline-size: 0.375rem;
26902
- }
26903
-
26904
- .cds--slug--hollow .cds--slug__button--sm .cds--slug__text,
26905
- .cds--slug--hollow .cds--slug__button--md .cds--slug__text {
26906
- padding-inline-start: 0.5625rem;
26907
- }
26908
-
26909
27052
  .cds--slug__button--lg .cds--slug__text::before,
26910
- .cds--slug--hollow .cds--slug__button--lg .cds--slug__text::before {
27053
+ .cds--slug__button--xl .cds--slug__text::before {
26911
27054
  block-size: 0.5rem;
26912
27055
  inline-size: 0.5rem;
26913
27056
  }
@@ -26946,29 +27089,26 @@ span.cds--pagination__text.cds--pagination__items-count {
26946
27089
  font-size: 0.875rem;
26947
27090
  }
26948
27091
 
26949
- .cds--slug .cds--slug__button--inline-with-content:focus {
27092
+ .cds--slug .cds--slug__button--inline-with-content:focus,
27093
+ .cds--slug .cds--slug__button--inline-with-content:hover:focus {
26950
27094
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
26951
27095
  }
26952
27096
 
26953
- .cds--slug.cds--slug--hollow .cds--toggletip-content {
26954
- row-gap: 0;
26955
- }
26956
-
26957
- .cds--slug.cds--slug--enabled .cds--slug-content {
26958
- background: linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
27097
+ .cds--slug .cds--slug-content {
27098
+ background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
26959
27099
  border: 1px solid transparent;
26960
27100
  border-radius: 0.5rem;
26961
- box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), -40px 30px 100px -25px var(--cds-slug-callout-shadow-outer-01, rgba(0, 67, 206, 0.25)), -60px 80px 60px -45px var(--cds-slug-callout-shadow-outer-02, rgba(0, 0, 0, 0.1));
27101
+ box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), -40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.06)), -56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.04));
26962
27102
  color: var(--cds-text-primary, #161616);
26963
27103
  min-inline-size: 17.5rem;
26964
27104
  }
26965
27105
 
26966
- .cds--slug.cds--slug--enabled > .cds--toggletip > .cds--popover > .cds--popover-caret {
27106
+ .cds--slug > .cds--toggletip > .cds--popover > .cds--popover-caret {
26967
27107
  background: transparent;
26968
27108
  clip-path: none;
26969
27109
  }
26970
27110
 
26971
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
27111
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
26972
27112
  .cds--popover--top-right,
26973
27113
  .cds--popover--top-left,
26974
27114
  .cds--popover--bottom,
@@ -26982,7 +27122,7 @@ span.cds--pagination__text.cds--pagination__items-count {
26982
27122
  .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::before {
26983
27123
  position: absolute;
26984
27124
  display: block;
26985
- border: 1px solid var(--cds-ai-border-start, #78a9ff);
27125
+ border: 1px solid var(--cds-ai-border-start, rgba(166, 200, 255, 0.64));
26986
27126
  background: var(--cds-background, #ffffff);
26987
27127
  block-size: 0.75rem;
26988
27128
  clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;
@@ -26991,7 +27131,7 @@ span.cds--pagination__text.cds--pagination__items-count {
26991
27131
  transform: rotate(45deg);
26992
27132
  }
26993
27133
 
26994
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
27134
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
26995
27135
  .cds--popover--top-right,
26996
27136
  .cds--popover--top-left,
26997
27137
  .cds--popover--bottom,
@@ -27011,16 +27151,16 @@ span.cds--pagination__text.cds--pagination__items-count {
27011
27151
  inline-size: 0.125rem;
27012
27152
  }
27013
27153
 
27014
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
27154
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
27015
27155
  .cds--popover--top-right,
27016
27156
  .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
27017
27157
  inset-block-end: 0.0625rem;
27018
27158
  transform: rotate(-135deg);
27019
27159
  }
27020
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
27160
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
27021
27161
  .cds--popover--top-right,
27022
27162
  .cds--popover--top-left) > .cds--popover > .cds--popover-caret::after {
27023
- background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
27163
+ background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
27024
27164
  block-size: 0.125rem;
27025
27165
  border-end-end-radius: 50%;
27026
27166
  border-end-start-radius: 50%;
@@ -27029,19 +27169,19 @@ span.cds--pagination__text.cds--pagination__items-count {
27029
27169
  inset-inline-start: -0.0625rem;
27030
27170
  }
27031
27171
 
27032
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
27172
+ .cds--slug > .cds--toggletip:is(.cds--popover--top,
27033
27173
  .cds--popover--top-right,
27034
27174
  .cds--popover--top-left) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {
27035
27175
  display: none;
27036
27176
  }
27037
27177
 
27038
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--right,
27178
+ .cds--slug > .cds--toggletip:is(.cds--popover--right,
27039
27179
  .cds--popover--right-bottom,
27040
27180
  .cds--popover--right-top) > .cds--popover > .cds--popover-caret::before {
27041
27181
  inset-inline-start: 0.0625rem;
27042
27182
  transform: rotate(-45deg);
27043
27183
  }
27044
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--right,
27184
+ .cds--slug > .cds--toggletip:is(.cds--popover--right,
27045
27185
  .cds--popover--right-bottom,
27046
27186
  .cds--popover--right-top) > .cds--popover > .cds--popover-caret::after {
27047
27187
  border-end-start-radius: 50%;
@@ -27050,13 +27190,13 @@ span.cds--pagination__text.cds--pagination__items-count {
27050
27190
  inset-inline-start: 0.375rem;
27051
27191
  }
27052
27192
 
27053
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--bottom,
27193
+ .cds--slug > .cds--toggletip:is(.cds--popover--bottom,
27054
27194
  .cds--popover--bottom-left,
27055
27195
  .cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::before {
27056
27196
  inset-block-start: 0.0625rem;
27057
27197
  transform: rotate(45deg);
27058
27198
  }
27059
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--bottom,
27199
+ .cds--slug > .cds--toggletip:is(.cds--popover--bottom,
27060
27200
  .cds--popover--bottom-left,
27061
27201
  .cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::after {
27062
27202
  block-size: 0.125rem;
@@ -27067,13 +27207,13 @@ span.cds--pagination__text.cds--pagination__items-count {
27067
27207
  inset-inline-start: -0.0625rem;
27068
27208
  }
27069
27209
 
27070
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
27210
+ .cds--slug > .cds--toggletip:is(.cds--popover--left,
27071
27211
  .cds--popover--left-bottom,
27072
27212
  .cds--popover--left-top) > .cds--popover > .cds--popover-caret::before {
27073
27213
  inset-inline-end: 0.0625rem;
27074
27214
  transform: rotate(135deg);
27075
27215
  }
27076
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
27216
+ .cds--slug > .cds--toggletip:is(.cds--popover--left,
27077
27217
  .cds--popover--left-bottom,
27078
27218
  .cds--popover--left-top) > .cds--popover > .cds--popover-caret::after {
27079
27219
  border-end-end-radius: 50%;
@@ -27082,44 +27222,44 @@ span.cds--pagination__text.cds--pagination__items-count {
27082
27222
  inset-inline-start: -0.125rem;
27083
27223
  }
27084
27224
 
27085
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
27225
+ .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
27086
27226
  .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after {
27087
27227
  background: transparent;
27088
27228
  }
27089
27229
 
27090
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
27230
+ .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
27091
27231
  .cds--popover--right-bottom,
27092
27232
  .cds--popover--top,
27093
27233
  .cds--popover--top-right,
27094
27234
  .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
27095
- border-color: var(--cds-slug-callout-caret-bottom, #d0e2ff);
27096
- background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
27235
+ border-color: var(--cds-ai-popover-caret-bottom, #78a9ff);
27236
+ background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
27097
27237
  }
27098
27238
 
27099
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
27239
+ .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
27100
27240
  .cds--popover--right-bottom,
27101
27241
  .cds--popover--top,
27102
27242
  .cds--popover--top-right,
27103
27243
  .cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before {
27104
- background: var(--cds-slug-callout-caret-bottom-background-actions, #dae5f8);
27244
+ background: var(--cds-ai-popover-caret-bottom-background-actions, #e9effa);
27105
27245
  }
27106
27246
 
27107
- .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
27247
+ .cds--slug > .cds--toggletip:is(.cds--popover--left,
27108
27248
  .cds--popover--right) > .cds--popover > .cds--popover-caret::before {
27109
- border-color: var(--cds-slug-callout-caret-center, #a7c7ff);
27249
+ border-color: var(--cds-ai-popover-caret-center, #a0c3ff);
27110
27250
  }
27111
27251
 
27112
- .cds--slug.cds--slug--enabled .cds--toggletip-content {
27252
+ .cds--slug .cds--toggletip-content {
27113
27253
  padding-block-end: 5rem;
27114
27254
  padding-block-start: 1.5rem;
27115
27255
  padding-inline: 1.5rem;
27116
27256
  }
27117
27257
 
27118
- .cds--slug.cds--slug--enabled .cds--slug-content .cds--toggletip-content {
27258
+ .cds--slug .cds--slug-content .cds--toggletip-content {
27119
27259
  max-inline-size: 20rem;
27120
27260
  }
27121
27261
 
27122
- .cds--slug.cds--slug--enabled .cds--slug-actions {
27262
+ .cds--slug .cds--slug-actions {
27123
27263
  position: absolute;
27124
27264
  justify-content: flex-end;
27125
27265
  backdrop-filter: blur(85px);
@@ -27132,12 +27272,12 @@ span.cds--pagination__text.cds--pagination__items-count {
27132
27272
  inset-inline-end: 0;
27133
27273
  }
27134
27274
 
27135
- .cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn:focus {
27275
+ .cds--slug .cds--slug-actions .cds--btn:focus {
27136
27276
  border-color: var(--cds-focus, #0f62fe);
27137
27277
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);
27138
27278
  }
27139
27279
 
27140
- .cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn--primary {
27280
+ .cds--slug .cds--slug-actions .cds--btn--primary {
27141
27281
  order: 1;
27142
27282
  border-end-end-radius: 0.4375rem;
27143
27283
  }
@@ -28113,8 +28253,8 @@ span.cds--pagination__text.cds--pagination__items-count {
28113
28253
  block-size: 1rem;
28114
28254
  inset-block-start: var(--cds-layout-density-padding-inline-local);
28115
28255
  inset-inline-end: var(--cds-layout-density-padding-inline-local);
28116
- opacity: 0;
28117
28256
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
28257
+ opacity: 0;
28118
28258
  }
28119
28259
  .cds--tile__checkmark svg {
28120
28260
  border-radius: 50%;
@@ -28350,13 +28490,13 @@ span.cds--pagination__text.cds--pagination__items-count {
28350
28490
  }
28351
28491
 
28352
28492
  .cds--tile--slug.cds--tile {
28353
- background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
28493
+ background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
28354
28494
  border: 1px solid transparent;
28355
- box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
28495
+ box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
28356
28496
  }
28357
28497
 
28358
28498
  .cds--tile--slug.cds--tile--expandable:hover {
28359
- background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
28499
+ background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
28360
28500
  }
28361
28501
 
28362
28502
  .cds--tile--slug.cds--tile--selectable::before,
@@ -28375,8 +28515,8 @@ span.cds--pagination__text.cds--pagination__items-count {
28375
28515
 
28376
28516
  .cds--tile--slug.cds--tile--selectable::before,
28377
28517
  .cds--tile--slug.cds--tile--clickable::before {
28378
- background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.4)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
28379
- box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2));
28518
+ background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
28519
+ box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
28380
28520
  }
28381
28521
 
28382
28522
  .cds--tile--slug.cds--tile--selectable:hover::before,
@@ -28386,7 +28526,7 @@ span.cds--pagination__text.cds--pagination__items-count {
28386
28526
 
28387
28527
  .cds--tile--slug.cds--tile--selectable::after {
28388
28528
  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-border-inverse, #161616), var(--cds-border-inverse, #161616)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
28389
- box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2));
28529
+ box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
28390
28530
  }
28391
28531
 
28392
28532
  .cds--tile--slug.cds--tile--selectable:hover::after {
@@ -31040,18 +31180,22 @@ html {
31040
31180
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
31041
31181
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
31042
31182
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
31043
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
31044
- --cds-ai-border-end: rgba(166, 200, 255, 0.24);
31045
- --cds-ai-border-start: #4589ff;
31183
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
31184
+ --cds-ai-border-end: #4589ff;
31185
+ --cds-ai-border-start: rgba(166, 200, 255, 0.36);
31046
31186
  --cds-ai-border-strong: #78a9ff;
31047
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
31048
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
31049
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
31050
- --cds-ai-gradient-start-02: transparent;
31051
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
31052
- --cds-ai-overlay: rgba(0, 17, 65, 0.5);
31053
- --cds-ai-skeleton-background: #0053ff;
31054
- --cds-ai-skeleton-element-background: #001141;
31187
+ --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
31188
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
31189
+ --cds-ai-overlay: rgba(0, 0, 0, 0.5);
31190
+ --cds-ai-popover-background: #161616;
31191
+ --cds-ai-popover-caret-bottom: #4589ff;
31192
+ --cds-ai-popover-caret-bottom-background: #202d45;
31193
+ --cds-ai-popover-caret-bottom-background-actions: #1e283a;
31194
+ --cds-ai-popover-caret-center: #4870b5;
31195
+ --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
31196
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
31197
+ --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
31198
+ --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
31055
31199
  --cds-background: #161616;
31056
31200
  --cds-background-active: rgba(141, 141, 141, 0.4);
31057
31201
  --cds-background-brand: #0f62fe;
@@ -31080,11 +31224,19 @@ html {
31080
31224
  --cds-chat-avatar-bot: #8d8d8d;
31081
31225
  --cds-chat-avatar-user: #4589ff;
31082
31226
  --cds-chat-bubble-agent: #262626;
31083
- --cds-chat-bubble-agent-border: #525252;
31227
+ --cds-chat-bubble-border: #525252;
31084
31228
  --cds-chat-bubble-user: #393939;
31229
+ --cds-chat-button: #78a9ff;
31230
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
31231
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
31232
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
31233
+ --cds-chat-button-text-hover: #a6c8ff;
31234
+ --cds-chat-button-text-selected: #c6c6c6;
31235
+ --cds-chat-header-background: #262626;
31085
31236
  --cds-chat-prompt-background: #161616;
31086
31237
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
31087
31238
  --cds-chat-prompt-border-start: #262626;
31239
+ --cds-chat-shell-background: #262626;
31088
31240
  --cds-field-01: #262626;
31089
31241
  --cds-field-02: #393939;
31090
31242
  --cds-field-03: #525252;
@@ -31140,31 +31292,6 @@ html {
31140
31292
  --cds-shadow: rgba(0, 0, 0, 0.8);
31141
31293
  --cds-skeleton-background: #292929;
31142
31294
  --cds-skeleton-element: #393939;
31143
- --cds-slug-background: #c6c6c6;
31144
- --cds-slug-background-hover: #e0e0e0;
31145
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
31146
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
31147
- --cds-slug-callout-aura-end-hover-02: transparent;
31148
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
31149
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
31150
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
31151
- --cds-slug-callout-aura-start-hover-02: transparent;
31152
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
31153
- --cds-slug-callout-caret-bottom: #3d4655;
31154
- --cds-slug-callout-caret-bottom-background: #213250;
31155
- --cds-slug-callout-caret-bottom-background-actions: #192436;
31156
- --cds-slug-callout-caret-center: #3f68af;
31157
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
31158
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
31159
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
31160
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
31161
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
31162
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
31163
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
31164
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
31165
- --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
31166
- --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
31167
- --cds-slug-hollow-hover: #b5b5b5;
31168
31295
  --cds-support-caution-major: #ff832b;
31169
31296
  --cds-support-caution-minor: #f1c21b;
31170
31297
  --cds-support-caution-undefined: #a56eff;
@@ -31492,13 +31619,23 @@ html {
31492
31619
  --cds-tag-color-green: #a7f0ba;
31493
31620
  --cds-tag-hover-green: #11742f;
31494
31621
  --cds-tag-background-gray: #525252;
31495
- --cds-tag-color-gray: #e0e0e0;
31622
+ --cds-tag-color-gray: #f4f4f4;
31496
31623
  --cds-tag-hover-gray: #636363;
31624
+ --cds-tag-border-red: #fa4d56;
31625
+ --cds-tag-border-blue: #4589ff;
31626
+ --cds-tag-border-cyan: #1192e8;
31627
+ --cds-tag-border-teal: #009d9a;
31628
+ --cds-tag-border-green: #24a148;
31629
+ --cds-tag-border-magenta: #ee5396;
31630
+ --cds-tag-border-purple: #a56eff;
31631
+ --cds-tag-border-gray: #8d8d8d;
31632
+ --cds-tag-border-cool-gray: #878d96;
31633
+ --cds-tag-border-warm-gray: #8f8b8b;
31497
31634
  --cds-tag-background-cool-gray: #4d5358;
31498
- --cds-tag-color-cool-gray: #dde1e6;
31635
+ --cds-tag-color-cool-gray: #f2f4f8;
31499
31636
  --cds-tag-hover-cool-gray: #5d646a;
31500
31637
  --cds-tag-background-warm-gray: #565151;
31501
- --cds-tag-color-warm-gray: #e5e0df;
31638
+ --cds-tag-color-warm-gray: #f7f3f2;
31502
31639
  --cds-tag-hover-warm-gray: #696363;
31503
31640
  --cds-notification-background-error: #262626;
31504
31641
  --cds-notification-background-success: #262626;
@@ -31531,20 +31668,24 @@ html[data-carbon-theme=white] {
31531
31668
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
31532
31669
  --cds-ai-aura-hover-background: #edf5ff;
31533
31670
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
31534
- --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
31671
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
31535
31672
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
31536
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
31537
- --cds-ai-border-end: #d0e2ff;
31538
- --cds-ai-border-start: #78a9ff;
31673
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
31674
+ --cds-ai-border-end: #78a9ff;
31675
+ --cds-ai-border-start: rgba(166, 200, 255, 0.64);
31539
31676
  --cds-ai-border-strong: #4589ff;
31540
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
31541
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
31542
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
31543
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
31544
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
31677
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
31678
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
31545
31679
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
31546
- --cds-ai-skeleton-background: #b8d3ff;
31547
- --cds-ai-skeleton-element-background: #001141;
31680
+ --cds-ai-popover-background: #ffffff;
31681
+ --cds-ai-popover-caret-bottom: #78a9ff;
31682
+ --cds-ai-popover-caret-bottom-background: #eaf1ff;
31683
+ --cds-ai-popover-caret-bottom-background-actions: #e9effa;
31684
+ --cds-ai-popover-caret-center: #a0c3ff;
31685
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
31686
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
31687
+ --cds-ai-skeleton-background: #d0e2ff;
31688
+ --cds-ai-skeleton-element-background: #4589ff;
31548
31689
  --cds-background: #ffffff;
31549
31690
  --cds-background-active: rgba(141, 141, 141, 0.5);
31550
31691
  --cds-background-brand: #0f62fe;
@@ -31573,11 +31714,19 @@ html[data-carbon-theme=white] {
31573
31714
  --cds-chat-avatar-bot: #6f6f6f;
31574
31715
  --cds-chat-avatar-user: #0f62fe;
31575
31716
  --cds-chat-bubble-agent: #ffffff;
31576
- --cds-chat-bubble-agent-border: #e0e0e0;
31717
+ --cds-chat-bubble-border: #e0e0e0;
31577
31718
  --cds-chat-bubble-user: #e0e0e0;
31719
+ --cds-chat-button: #0f62fe;
31720
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
31721
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
31722
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
31723
+ --cds-chat-button-text-hover: #0043ce;
31724
+ --cds-chat-button-text-selected: #525252;
31725
+ --cds-chat-header-background: #ffffff;
31578
31726
  --cds-chat-prompt-background: #ffffff;
31579
31727
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
31580
31728
  --cds-chat-prompt-border-start: #f4f4f4;
31729
+ --cds-chat-shell-background: #ffffff;
31581
31730
  --cds-field-01: #f4f4f4;
31582
31731
  --cds-field-02: #ffffff;
31583
31732
  --cds-field-03: #f4f4f4;
@@ -31633,31 +31782,6 @@ html[data-carbon-theme=white] {
31633
31782
  --cds-shadow: rgba(0, 0, 0, 0.3);
31634
31783
  --cds-skeleton-background: #e8e8e8;
31635
31784
  --cds-skeleton-element: #c6c6c6;
31636
- --cds-slug-background: #525252;
31637
- --cds-slug-background-hover: #6f6f6f;
31638
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
31639
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
31640
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
31641
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
31642
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
31643
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
31644
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
31645
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
31646
- --cds-slug-callout-caret-bottom: #d0e2ff;
31647
- --cds-slug-callout-caret-bottom-background: #d5e5ff;
31648
- --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
31649
- --cds-slug-callout-caret-center: #a7c7ff;
31650
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
31651
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
31652
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
31653
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
31654
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
31655
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
31656
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
31657
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
31658
- --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
31659
- --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
31660
- --cds-slug-hollow-hover: #474747;
31661
31785
  --cds-support-caution-major: #ff832b;
31662
31786
  --cds-support-caution-minor: #f1c21b;
31663
31787
  --cds-support-caution-undefined: #8a3ffc;
@@ -31985,13 +32109,23 @@ html[data-carbon-theme=white] {
31985
32109
  --cds-tag-color-green: #044317;
31986
32110
  --cds-tag-hover-green: #74e792;
31987
32111
  --cds-tag-background-gray: #e0e0e0;
31988
- --cds-tag-color-gray: #393939;
32112
+ --cds-tag-color-gray: #161616;
31989
32113
  --cds-tag-hover-gray: #d1d1d1;
32114
+ --cds-tag-border-red: #ff8389;
32115
+ --cds-tag-border-blue: #78a9ff;
32116
+ --cds-tag-border-cyan: #33b1ff;
32117
+ --cds-tag-border-teal: #08bdba;
32118
+ --cds-tag-border-green: #42be65;
32119
+ --cds-tag-border-magenta: #ff7eb6;
32120
+ --cds-tag-border-purple: #be95ff;
32121
+ --cds-tag-border-gray: #a8a8a8;
32122
+ --cds-tag-border-cool-gray: #a2a9b0;
32123
+ --cds-tag-border-warm-gray: #ada8a8;
31990
32124
  --cds-tag-background-cool-gray: #dde1e6;
31991
- --cds-tag-color-cool-gray: #343a3f;
32125
+ --cds-tag-color-cool-gray: #121619;
31992
32126
  --cds-tag-hover-cool-gray: #cdd3da;
31993
32127
  --cds-tag-background-warm-gray: #e5e0df;
31994
- --cds-tag-color-warm-gray: #3c3838;
32128
+ --cds-tag-color-warm-gray: #171414;
31995
32129
  --cds-tag-hover-warm-gray: #d8d0cf;
31996
32130
  --cds-notification-background-error: #fff1f1;
31997
32131
  --cds-notification-background-success: #defbe6;
@@ -32023,20 +32157,24 @@ html[data-carbon-theme=g10] {
32023
32157
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
32024
32158
  --cds-ai-aura-hover-background: #edf5ff;
32025
32159
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
32026
- --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
32160
+ --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
32027
32161
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
32028
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
32029
- --cds-ai-border-end: #d0e2ff;
32030
- --cds-ai-border-start: #78a9ff;
32162
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
32163
+ --cds-ai-border-end: #78a9ff;
32164
+ --cds-ai-border-start: rgba(166, 200, 255, 0.64);
32031
32165
  --cds-ai-border-strong: #4589ff;
32032
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
32033
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
32034
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
32035
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
32036
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
32166
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
32167
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
32037
32168
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
32038
- --cds-ai-skeleton-background: #b8d3ff;
32039
- --cds-ai-skeleton-element-background: #001141;
32169
+ --cds-ai-popover-background: #ffffff;
32170
+ --cds-ai-popover-caret-bottom: #78a9ff;
32171
+ --cds-ai-popover-caret-bottom-background: #eaf1ff;
32172
+ --cds-ai-popover-caret-bottom-background-actions: #e9effa;
32173
+ --cds-ai-popover-caret-center: #a0c3ff;
32174
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
32175
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
32176
+ --cds-ai-skeleton-background: #d0e2ff;
32177
+ --cds-ai-skeleton-element-background: #4589ff;
32040
32178
  --cds-background: #f4f4f4;
32041
32179
  --cds-background-active: rgba(141, 141, 141, 0.5);
32042
32180
  --cds-background-brand: #0f62fe;
@@ -32065,11 +32203,19 @@ html[data-carbon-theme=g10] {
32065
32203
  --cds-chat-avatar-bot: #6f6f6f;
32066
32204
  --cds-chat-avatar-user: #0f62fe;
32067
32205
  --cds-chat-bubble-agent: #ffffff;
32068
- --cds-chat-bubble-agent-border: #e0e0e0;
32206
+ --cds-chat-bubble-border: #e0e0e0;
32069
32207
  --cds-chat-bubble-user: #e0e0e0;
32208
+ --cds-chat-button: #0f62fe;
32209
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
32210
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
32211
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
32212
+ --cds-chat-button-text-hover: #0043ce;
32213
+ --cds-chat-button-text-selected: #525252;
32214
+ --cds-chat-header-background: #ffffff;
32070
32215
  --cds-chat-prompt-background: #ffffff;
32071
32216
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
32072
32217
  --cds-chat-prompt-border-start: #f4f4f4;
32218
+ --cds-chat-shell-background: #ffffff;
32073
32219
  --cds-field-01: #ffffff;
32074
32220
  --cds-field-02: #f4f4f4;
32075
32221
  --cds-field-03: #ffffff;
@@ -32125,31 +32271,6 @@ html[data-carbon-theme=g10] {
32125
32271
  --cds-shadow: rgba(0, 0, 0, 0.3);
32126
32272
  --cds-skeleton-background: #e8e8e8;
32127
32273
  --cds-skeleton-element: #c6c6c6;
32128
- --cds-slug-background: #525252;
32129
- --cds-slug-background-hover: #6f6f6f;
32130
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
32131
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
32132
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
32133
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
32134
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
32135
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
32136
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
32137
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
32138
- --cds-slug-callout-caret-bottom: #d0e2ff;
32139
- --cds-slug-callout-caret-bottom-background: #ccdbf8;
32140
- --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
32141
- --cds-slug-callout-caret-center: #a7c7ff;
32142
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
32143
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
32144
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
32145
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
32146
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
32147
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
32148
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
32149
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
32150
- --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
32151
- --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
32152
- --cds-slug-hollow-hover: #474747;
32153
32274
  --cds-support-caution-major: #ff832b;
32154
32275
  --cds-support-caution-minor: #f1c21b;
32155
32276
  --cds-support-caution-undefined: #8a3ffc;
@@ -32477,13 +32598,23 @@ html[data-carbon-theme=g10] {
32477
32598
  --cds-tag-color-green: #044317;
32478
32599
  --cds-tag-hover-green: #74e792;
32479
32600
  --cds-tag-background-gray: #e0e0e0;
32480
- --cds-tag-color-gray: #393939;
32601
+ --cds-tag-color-gray: #161616;
32481
32602
  --cds-tag-hover-gray: #d1d1d1;
32603
+ --cds-tag-border-red: #ff8389;
32604
+ --cds-tag-border-blue: #78a9ff;
32605
+ --cds-tag-border-cyan: #33b1ff;
32606
+ --cds-tag-border-teal: #08bdba;
32607
+ --cds-tag-border-green: #42be65;
32608
+ --cds-tag-border-magenta: #ff7eb6;
32609
+ --cds-tag-border-purple: #be95ff;
32610
+ --cds-tag-border-gray: #a8a8a8;
32611
+ --cds-tag-border-cool-gray: #a2a9b0;
32612
+ --cds-tag-border-warm-gray: #ada8a8;
32482
32613
  --cds-tag-background-cool-gray: #dde1e6;
32483
- --cds-tag-color-cool-gray: #343a3f;
32614
+ --cds-tag-color-cool-gray: #121619;
32484
32615
  --cds-tag-hover-cool-gray: #cdd3da;
32485
32616
  --cds-tag-background-warm-gray: #e5e0df;
32486
- --cds-tag-color-warm-gray: #3c3838;
32617
+ --cds-tag-color-warm-gray: #171414;
32487
32618
  --cds-tag-hover-warm-gray: #d8d0cf;
32488
32619
  --cds-notification-background-error: #fff1f1;
32489
32620
  --cds-notification-background-success: #defbe6;
@@ -32517,18 +32648,22 @@ html[data-carbon-theme=g90] {
32517
32648
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
32518
32649
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
32519
32650
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
32520
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
32521
- --cds-ai-border-end: rgba(166, 200, 255, 0.24);
32522
- --cds-ai-border-start: #4589ff;
32651
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
32652
+ --cds-ai-border-end: #4589ff;
32653
+ --cds-ai-border-start: rgba(166, 200, 255, 0.36);
32523
32654
  --cds-ai-border-strong: #78a9ff;
32524
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
32525
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
32526
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
32527
- --cds-ai-gradient-start-02: transparent;
32528
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
32529
- --cds-ai-overlay: rgba(0, 17, 65, 0.5);
32530
- --cds-ai-skeleton-background: #0053ff;
32531
- --cds-ai-skeleton-element-background: #001141;
32655
+ --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
32656
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
32657
+ --cds-ai-overlay: rgba(0, 0, 0, 0.5);
32658
+ --cds-ai-popover-background: #161616;
32659
+ --cds-ai-popover-caret-bottom: #4589ff;
32660
+ --cds-ai-popover-caret-bottom-background: #202d45;
32661
+ --cds-ai-popover-caret-bottom-background-actions: #1e283a;
32662
+ --cds-ai-popover-caret-center: #4870b5;
32663
+ --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
32664
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
32665
+ --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
32666
+ --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
32532
32667
  --cds-background: #262626;
32533
32668
  --cds-background-active: rgba(141, 141, 141, 0.4);
32534
32669
  --cds-background-brand: #0f62fe;
@@ -32557,11 +32692,19 @@ html[data-carbon-theme=g90] {
32557
32692
  --cds-chat-avatar-bot: #8d8d8d;
32558
32693
  --cds-chat-avatar-user: #4589ff;
32559
32694
  --cds-chat-bubble-agent: #262626;
32560
- --cds-chat-bubble-agent-border: #525252;
32695
+ --cds-chat-bubble-border: #525252;
32561
32696
  --cds-chat-bubble-user: #393939;
32697
+ --cds-chat-button: #78a9ff;
32698
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
32699
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
32700
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
32701
+ --cds-chat-button-text-hover: #a6c8ff;
32702
+ --cds-chat-button-text-selected: #c6c6c6;
32703
+ --cds-chat-header-background: #262626;
32562
32704
  --cds-chat-prompt-background: #161616;
32563
32705
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
32564
32706
  --cds-chat-prompt-border-start: #262626;
32707
+ --cds-chat-shell-background: #262626;
32565
32708
  --cds-field-01: #393939;
32566
32709
  --cds-field-02: #525252;
32567
32710
  --cds-field-03: #6f6f6f;
@@ -32617,31 +32760,6 @@ html[data-carbon-theme=g90] {
32617
32760
  --cds-shadow: rgba(0, 0, 0, 0.8);
32618
32761
  --cds-skeleton-background: #333333;
32619
32762
  --cds-skeleton-element: #525252;
32620
- --cds-slug-background: #c6c6c6;
32621
- --cds-slug-background-hover: #e0e0e0;
32622
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
32623
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
32624
- --cds-slug-callout-aura-end-hover-02: transparent;
32625
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
32626
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
32627
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
32628
- --cds-slug-callout-aura-start-hover-02: transparent;
32629
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
32630
- --cds-slug-callout-caret-bottom: #465060;
32631
- --cds-slug-callout-caret-bottom-background: #2d3f5c;
32632
- --cds-slug-callout-caret-bottom-background-actions: #253042;
32633
- --cds-slug-callout-caret-center: #456fb5;
32634
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
32635
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
32636
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
32637
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
32638
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
32639
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
32640
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
32641
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
32642
- --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
32643
- --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
32644
- --cds-slug-hollow-hover: #b5b5b5;
32645
32763
  --cds-support-caution-major: #ff832b;
32646
32764
  --cds-support-caution-minor: #f1c21b;
32647
32765
  --cds-support-caution-undefined: #a56eff;
@@ -32969,13 +33087,23 @@ html[data-carbon-theme=g90] {
32969
33087
  --cds-tag-color-green: #a7f0ba;
32970
33088
  --cds-tag-hover-green: #11742f;
32971
33089
  --cds-tag-background-gray: #525252;
32972
- --cds-tag-color-gray: #e0e0e0;
33090
+ --cds-tag-color-gray: #f4f4f4;
32973
33091
  --cds-tag-hover-gray: #636363;
33092
+ --cds-tag-border-red: #fa4d56;
33093
+ --cds-tag-border-blue: #4589ff;
33094
+ --cds-tag-border-cyan: #1192e8;
33095
+ --cds-tag-border-teal: #009d9a;
33096
+ --cds-tag-border-green: #24a148;
33097
+ --cds-tag-border-magenta: #ee5396;
33098
+ --cds-tag-border-purple: #a56eff;
33099
+ --cds-tag-border-gray: #8d8d8d;
33100
+ --cds-tag-border-cool-gray: #878d96;
33101
+ --cds-tag-border-warm-gray: #8f8b8b;
32974
33102
  --cds-tag-background-cool-gray: #4d5358;
32975
- --cds-tag-color-cool-gray: #dde1e6;
33103
+ --cds-tag-color-cool-gray: #f2f4f8;
32976
33104
  --cds-tag-hover-cool-gray: #5d646a;
32977
33105
  --cds-tag-background-warm-gray: #565151;
32978
- --cds-tag-color-warm-gray: #e5e0df;
33106
+ --cds-tag-color-warm-gray: #f7f3f2;
32979
33107
  --cds-tag-hover-warm-gray: #696363;
32980
33108
  --cds-notification-background-error: #393939;
32981
33109
  --cds-notification-background-success: #393939;
@@ -33009,18 +33137,22 @@ html[data-carbon-theme=g100] {
33009
33137
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
33010
33138
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
33011
33139
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
33012
- --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
33013
- --cds-ai-border-end: rgba(166, 200, 255, 0.24);
33014
- --cds-ai-border-start: #4589ff;
33140
+ --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
33141
+ --cds-ai-border-end: #4589ff;
33142
+ --cds-ai-border-start: rgba(166, 200, 255, 0.36);
33015
33143
  --cds-ai-border-strong: #78a9ff;
33016
- --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
33017
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
33018
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
33019
- --cds-ai-gradient-start-02: transparent;
33020
- --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
33021
- --cds-ai-overlay: rgba(0, 17, 65, 0.5);
33022
- --cds-ai-skeleton-background: #0053ff;
33023
- --cds-ai-skeleton-element-background: #001141;
33144
+ --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
33145
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
33146
+ --cds-ai-overlay: rgba(0, 0, 0, 0.5);
33147
+ --cds-ai-popover-background: #161616;
33148
+ --cds-ai-popover-caret-bottom: #4589ff;
33149
+ --cds-ai-popover-caret-bottom-background: #202d45;
33150
+ --cds-ai-popover-caret-bottom-background-actions: #1e283a;
33151
+ --cds-ai-popover-caret-center: #4870b5;
33152
+ --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
33153
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
33154
+ --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
33155
+ --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
33024
33156
  --cds-background: #161616;
33025
33157
  --cds-background-active: rgba(141, 141, 141, 0.4);
33026
33158
  --cds-background-brand: #0f62fe;
@@ -33049,11 +33181,19 @@ html[data-carbon-theme=g100] {
33049
33181
  --cds-chat-avatar-bot: #8d8d8d;
33050
33182
  --cds-chat-avatar-user: #4589ff;
33051
33183
  --cds-chat-bubble-agent: #262626;
33052
- --cds-chat-bubble-agent-border: #525252;
33184
+ --cds-chat-bubble-border: #525252;
33053
33185
  --cds-chat-bubble-user: #393939;
33186
+ --cds-chat-button: #78a9ff;
33187
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
33188
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
33189
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
33190
+ --cds-chat-button-text-hover: #a6c8ff;
33191
+ --cds-chat-button-text-selected: #c6c6c6;
33192
+ --cds-chat-header-background: #262626;
33054
33193
  --cds-chat-prompt-background: #161616;
33055
33194
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
33056
33195
  --cds-chat-prompt-border-start: #262626;
33196
+ --cds-chat-shell-background: #262626;
33057
33197
  --cds-field-01: #262626;
33058
33198
  --cds-field-02: #393939;
33059
33199
  --cds-field-03: #525252;
@@ -33109,31 +33249,6 @@ html[data-carbon-theme=g100] {
33109
33249
  --cds-shadow: rgba(0, 0, 0, 0.8);
33110
33250
  --cds-skeleton-background: #292929;
33111
33251
  --cds-skeleton-element: #393939;
33112
- --cds-slug-background: #c6c6c6;
33113
- --cds-slug-background-hover: #e0e0e0;
33114
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
33115
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
33116
- --cds-slug-callout-aura-end-hover-02: transparent;
33117
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
33118
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
33119
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
33120
- --cds-slug-callout-aura-start-hover-02: transparent;
33121
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
33122
- --cds-slug-callout-caret-bottom: #3d4655;
33123
- --cds-slug-callout-caret-bottom-background: #213250;
33124
- --cds-slug-callout-caret-bottom-background-actions: #192436;
33125
- --cds-slug-callout-caret-center: #3f68af;
33126
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
33127
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
33128
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
33129
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
33130
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
33131
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
33132
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
33133
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
33134
- --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
33135
- --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
33136
- --cds-slug-hollow-hover: #b5b5b5;
33137
33252
  --cds-support-caution-major: #ff832b;
33138
33253
  --cds-support-caution-minor: #f1c21b;
33139
33254
  --cds-support-caution-undefined: #a56eff;
@@ -33461,13 +33576,23 @@ html[data-carbon-theme=g100] {
33461
33576
  --cds-tag-color-green: #a7f0ba;
33462
33577
  --cds-tag-hover-green: #11742f;
33463
33578
  --cds-tag-background-gray: #525252;
33464
- --cds-tag-color-gray: #e0e0e0;
33579
+ --cds-tag-color-gray: #f4f4f4;
33465
33580
  --cds-tag-hover-gray: #636363;
33581
+ --cds-tag-border-red: #fa4d56;
33582
+ --cds-tag-border-blue: #4589ff;
33583
+ --cds-tag-border-cyan: #1192e8;
33584
+ --cds-tag-border-teal: #009d9a;
33585
+ --cds-tag-border-green: #24a148;
33586
+ --cds-tag-border-magenta: #ee5396;
33587
+ --cds-tag-border-purple: #a56eff;
33588
+ --cds-tag-border-gray: #8d8d8d;
33589
+ --cds-tag-border-cool-gray: #878d96;
33590
+ --cds-tag-border-warm-gray: #8f8b8b;
33466
33591
  --cds-tag-background-cool-gray: #4d5358;
33467
- --cds-tag-color-cool-gray: #dde1e6;
33592
+ --cds-tag-color-cool-gray: #f2f4f8;
33468
33593
  --cds-tag-hover-cool-gray: #5d646a;
33469
33594
  --cds-tag-background-warm-gray: #565151;
33470
- --cds-tag-color-warm-gray: #e5e0df;
33595
+ --cds-tag-color-warm-gray: #f7f3f2;
33471
33596
  --cds-tag-hover-warm-gray: #696363;
33472
33597
  --cds-notification-background-error: #262626;
33473
33598
  --cds-notification-background-success: #262626;