@carbon/ibm-products 2.31.0 → 2.32.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (90) hide show
  1. package/css/index-full-carbon.css +802 -517
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +48 -75
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +802 -517
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +731 -458
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +6 -3
  18. package/es/components/Decorator/Decorator.d.ts +1 -1
  19. package/es/components/Decorator/Decorator.js +16 -253
  20. package/es/components/DecoratorBase/DecoratorBase.d.ts +7 -0
  21. package/es/components/DecoratorBase/DecoratorBase.js +233 -0
  22. package/es/components/DecoratorBase/index.d.ts +1 -0
  23. package/{lib/components/Decorator → es/components/DecoratorBase}/utils.d.ts +1 -1
  24. package/es/components/{Decorator → DecoratorBase}/utils.js +19 -19
  25. package/es/components/DecoratorDualButton/DecoratorDualButton.d.ts +5 -0
  26. package/es/components/DecoratorDualButton/DecoratorDualButton.js +135 -0
  27. package/es/components/DecoratorDualButton/index.d.ts +1 -0
  28. package/es/components/DecoratorLink/DecoratorLink.d.ts +5 -0
  29. package/es/components/DecoratorLink/DecoratorLink.js +125 -0
  30. package/es/components/DecoratorLink/index.d.ts +1 -0
  31. package/es/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +5 -0
  32. package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +125 -0
  33. package/es/components/DecoratorSingleButton/index.d.ts +1 -0
  34. package/es/components/index.d.ts +3 -0
  35. package/es/global/js/hooks/useFocus.js +2 -1
  36. package/es/global/js/package-settings.d.ts +3 -0
  37. package/es/global/js/package-settings.js +3 -0
  38. package/es/index.js +3 -0
  39. package/es/settings.d.ts +3 -0
  40. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +6 -3
  41. package/lib/components/Decorator/Decorator.d.ts +1 -1
  42. package/lib/components/Decorator/Decorator.js +15 -253
  43. package/lib/components/DecoratorBase/DecoratorBase.d.ts +7 -0
  44. package/lib/components/DecoratorBase/DecoratorBase.js +242 -0
  45. package/lib/components/DecoratorBase/index.d.ts +1 -0
  46. package/{es/components/Decorator → lib/components/DecoratorBase}/utils.d.ts +1 -1
  47. package/lib/components/{Decorator → DecoratorBase}/utils.js +19 -19
  48. package/lib/components/DecoratorDualButton/DecoratorDualButton.d.ts +5 -0
  49. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +141 -0
  50. package/lib/components/DecoratorDualButton/index.d.ts +1 -0
  51. package/lib/components/DecoratorLink/DecoratorLink.d.ts +5 -0
  52. package/lib/components/DecoratorLink/DecoratorLink.js +131 -0
  53. package/lib/components/DecoratorLink/index.d.ts +1 -0
  54. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +5 -0
  55. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +131 -0
  56. package/lib/components/DecoratorSingleButton/index.d.ts +1 -0
  57. package/lib/components/index.d.ts +3 -0
  58. package/lib/global/js/hooks/useFocus.js +2 -1
  59. package/lib/global/js/package-settings.d.ts +3 -0
  60. package/lib/global/js/package-settings.js +3 -0
  61. package/lib/index.js +15 -0
  62. package/lib/settings.d.ts +3 -0
  63. package/package.json +9 -9
  64. package/scss/components/Card/_card.scss +2 -2
  65. package/scss/components/Decorator/_decorator.scss +3 -380
  66. package/scss/components/DecoratorBase/_carbon-imports.scss +9 -0
  67. package/scss/components/DecoratorBase/_decorator-base-mixins.scss +41 -0
  68. package/scss/components/DecoratorBase/_decorator-base.scss +146 -0
  69. package/scss/components/DecoratorBase/_index-with-carbon.scss +9 -0
  70. package/scss/components/DecoratorBase/_index.scss +8 -0
  71. package/scss/components/DecoratorDualButton/_carbon-imports.scss +9 -0
  72. package/scss/components/DecoratorDualButton/_decorator-dual-button.scss +112 -0
  73. package/scss/components/DecoratorDualButton/_index-with-carbon.scss +9 -0
  74. package/scss/components/DecoratorDualButton/_index.scss +8 -0
  75. package/scss/components/DecoratorLink/_carbon-imports.scss +9 -0
  76. package/scss/components/DecoratorLink/_decorator-link.scss +53 -0
  77. package/scss/components/DecoratorLink/_index-with-carbon.scss +9 -0
  78. package/scss/components/DecoratorLink/_index.scss +8 -0
  79. package/scss/components/DecoratorSingleButton/_carbon-imports.scss +9 -0
  80. package/scss/components/DecoratorSingleButton/_decorator-single-button.scss +117 -0
  81. package/scss/components/DecoratorSingleButton/_index-with-carbon.scss +9 -0
  82. package/scss/components/DecoratorSingleButton/_index.scss +8 -0
  83. package/scss/components/SidePanel/_side-panel.scss +1 -1
  84. package/scss/components/Tearsheet/_tearsheet.scss +1 -1
  85. package/scss/components/_index-with-carbon.scss +3 -0
  86. package/scss/components/_index.scss +3 -0
  87. /package/es/components/{Decorator → DecoratorBase}/DecoratorIcon.d.ts +0 -0
  88. /package/es/components/{Decorator → DecoratorBase}/DecoratorIcon.js +0 -0
  89. /package/lib/components/{Decorator → DecoratorBase}/DecoratorIcon.d.ts +0 -0
  90. /package/lib/components/{Decorator → DecoratorBase}/DecoratorIcon.js +0 -0
package/css/index.css CHANGED
@@ -320,6 +320,9 @@
320
320
  }
321
321
 
322
322
  .cds--popover-content {
323
+ --cds-layout-size-height-sm: 2rem;
324
+ --cds-layout-size-height-md: 2.5rem;
325
+ --cds-layout-size-height-lg: 3rem;
323
326
  box-sizing: border-box;
324
327
  padding: 0;
325
328
  border: 0;
@@ -337,6 +340,15 @@
337
340
  max-inline-size: 23rem;
338
341
  pointer-events: auto;
339
342
  }
343
+ .cds--layout--size-sm .cds--popover-content {
344
+ --cds-layout-size-height: var(--cds-layout-size-height-sm);
345
+ }
346
+ .cds--layout--size-md .cds--popover-content {
347
+ --cds-layout-size-height: var(--cds-layout-size-height-md);
348
+ }
349
+ .cds--layout--size-lg .cds--popover-content {
350
+ --cds-layout-size-height: var(--cds-layout-size-height-lg);
351
+ }
340
352
  .cds--popover-content *,
341
353
  .cds--popover-content *::before,
342
354
  .cds--popover-content *::after {
@@ -1601,7 +1613,6 @@
1601
1613
  }
1602
1614
 
1603
1615
  .cds--snippet--multi .cds--snippet-container pre {
1604
- padding-block-end: 1.5rem;
1605
1616
  padding-inline-end: 2.5rem;
1606
1617
  }
1607
1618
 
@@ -2328,7 +2339,8 @@
2328
2339
  }
2329
2340
 
2330
2341
  .cds--body--with-modal-open .cds--modal .cds--tooltip,
2331
- .cds--body--with-modal-open .cds--modal .cds--overflow-menu-options {
2342
+ .cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,
2343
+ .cds--body--with-modal-open .cds--overflow-menu-options {
2332
2344
  z-index: 9000;
2333
2345
  }
2334
2346
 
@@ -8039,12 +8051,20 @@ a.cds--overflow-menu-options__btn::before {
8039
8051
  text-decoration: underline;
8040
8052
  }
8041
8053
  .cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
8042
- color: var(--cds-text-primary, #161616);
8054
+ outline: 1px solid var(--cds-focus, #0f62fe);
8055
+ color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
8056
+ outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
8043
8057
  text-decoration: underline;
8044
8058
  }
8059
+ @media screen and (prefers-contrast) {
8060
+ .cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
8061
+ outline-style: dotted;
8062
+ }
8063
+ }
8045
8064
  .cds--link:focus {
8046
8065
  outline: 1px solid var(--cds-focus, #0f62fe);
8047
8066
  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
8067
+ text-decoration: underline;
8048
8068
  }
8049
8069
  @media screen and (prefers-contrast) {
8050
8070
  .cds--link:focus {
@@ -8052,10 +8072,10 @@ a.cds--overflow-menu-options__btn::before {
8052
8072
  }
8053
8073
  }
8054
8074
  .cds--link:visited {
8055
- color: var(--cds-link-primary, #0f62fe);
8075
+ color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
8056
8076
  }
8057
8077
  .cds--link:visited:hover {
8058
- color: var(--cds-link-primary-hover, #0043ce);
8078
+ color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
8059
8079
  }
8060
8080
 
8061
8081
  .cds--link--disabled,
@@ -8086,20 +8106,17 @@ a.cds--overflow-menu-options__btn::before {
8086
8106
  }
8087
8107
 
8088
8108
  .cds--link.cds--link--visited:visited {
8089
- color: var(--cds-link-visited, #8a3ffc);
8109
+ color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
8090
8110
  }
8091
8111
 
8092
8112
  .cds--link.cds--link--visited:visited:hover {
8093
- color: var(--cds-link-primary-hover, #0043ce);
8113
+ color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
8094
8114
  }
8095
8115
 
8096
8116
  .cds--link.cds--link--inline {
8097
8117
  display: inline;
8098
8118
  text-decoration: underline;
8099
8119
  }
8100
- .cds--link.cds--link--inline:focus, .cds--link.cds--link--inline:visited {
8101
- text-decoration: none;
8102
- }
8103
8120
 
8104
8121
  .cds--link--disabled.cds--link--inline {
8105
8122
  text-decoration: underline;
@@ -8314,6 +8331,11 @@ a.cds--overflow-menu-options__btn::before {
8314
8331
  background-color: ButtonText;
8315
8332
  }
8316
8333
  }
8334
+ @media print {
8335
+ .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
8336
+ print-color-adjust: exact;
8337
+ }
8338
+ }
8317
8339
 
8318
8340
  .cds--radio-button:disabled + .cds--radio-button__label {
8319
8341
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -9730,13 +9752,16 @@ button.c4p--add-select__global-filter-toggle--open {
9730
9752
  --cds-ai-border-start: #4589ff;
9731
9753
  --cds-ai-border-strong: #78a9ff;
9732
9754
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
9733
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
9734
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
9735
- --cds-ai-gradient-start-02: transparent;
9736
9755
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
9737
9756
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
9738
- --cds-ai-skeleton-background: #0053ff;
9739
- --cds-ai-skeleton-element-background: #001141;
9757
+ --cds-ai-popover-caret-bottom: #3d4655;
9758
+ --cds-ai-popover-caret-bottom-background: #213250;
9759
+ --cds-ai-popover-caret-bottom-background-actions: #192436;
9760
+ --cds-ai-popover-caret-center: #3f68af;
9761
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
9762
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
9763
+ --cds-ai-skeleton-background: #a6c8ff;
9764
+ --cds-ai-skeleton-element-background: #002d9c;
9740
9765
  --cds-background: #161616;
9741
9766
  --cds-background-active: rgba(141, 141, 141, 0.4);
9742
9767
  --cds-background-brand: #0f62fe;
@@ -9767,9 +9792,17 @@ button.c4p--add-select__global-filter-toggle--open {
9767
9792
  --cds-chat-bubble-agent: #262626;
9768
9793
  --cds-chat-bubble-agent-border: #525252;
9769
9794
  --cds-chat-bubble-user: #393939;
9795
+ --cds-chat-button: #78a9ff;
9796
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
9797
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
9798
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
9799
+ --cds-chat-button-text-hover: #a6c8ff;
9800
+ --cds-chat-button-text-selected: #c6c6c6;
9801
+ --cds-chat-header-background: #262626;
9770
9802
  --cds-chat-prompt-background: #161616;
9771
9803
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
9772
9804
  --cds-chat-prompt-border-start: #262626;
9805
+ --cds-chat-shell-background: #262626;
9773
9806
  --cds-field-01: #262626;
9774
9807
  --cds-field-02: #393939;
9775
9808
  --cds-field-03: #525252;
@@ -9827,26 +9860,6 @@ button.c4p--add-select__global-filter-toggle--open {
9827
9860
  --cds-skeleton-element: #393939;
9828
9861
  --cds-slug-background: #c6c6c6;
9829
9862
  --cds-slug-background-hover: #e0e0e0;
9830
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
9831
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
9832
- --cds-slug-callout-aura-end-hover-02: transparent;
9833
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
9834
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
9835
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
9836
- --cds-slug-callout-aura-start-hover-02: transparent;
9837
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
9838
- --cds-slug-callout-caret-bottom: #3d4655;
9839
- --cds-slug-callout-caret-bottom-background: #213250;
9840
- --cds-slug-callout-caret-bottom-background-actions: #192436;
9841
- --cds-slug-callout-caret-center: #3f68af;
9842
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
9843
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
9844
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
9845
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
9846
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
9847
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
9848
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
9849
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
9850
9863
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
9851
9864
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
9852
9865
  --cds-slug-hollow-hover: #b5b5b5;
@@ -10689,14 +10702,14 @@ button.c4p--add-select__global-filter-toggle--open {
10689
10702
  .cds--skeleton__placeholder--ai,
10690
10703
  .cds--skeleton__icon--ai {
10691
10704
  overflow: hidden;
10692
- background: var(--cds-ai-skeleton-background, #b8d3ff);
10705
+ background: var(--cds-ai-skeleton-background, #d0e2ff);
10693
10706
  }
10694
10707
 
10695
10708
  .cds--skeleton__text--ai::before,
10696
10709
  .cds--skeleton__placeholder--ai::before,
10697
10710
  .cds--skeleton__icon--ai::before {
10698
10711
  animation: 1250ms ease-in-out ai-skeleton-animation infinite;
10699
- background: linear-gradient(to right, rgba(0, 17, 65, 0) 0%, rgba(0, 17, 65, 0.5) 50%, rgba(0, 17, 65, 0) 100%);
10712
+ background: linear-gradient(to right, rgba(69, 137, 255, 0) 0%, rgba(69, 137, 255, 0.5) 50%, rgba(69, 137, 255, 0) 100%);
10700
10713
  }
10701
10714
 
10702
10715
  .cds--skeleton__placeholder--ai::before,
@@ -10720,17 +10733,18 @@ button.c4p--add-select__global-filter-toggle--open {
10720
10733
  --cds-layout-size-height-xs: 1.125rem;
10721
10734
  --cds-layout-size-height-sm: 1.125rem;
10722
10735
  --cds-layout-size-height-md: 1.5rem;
10723
- --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)));
10736
+ --cds-layout-size-height-lg: 2rem;
10737
+ --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)));
10724
10738
  font-size: var(--cds-label-01-font-size, 0.75rem);
10725
10739
  font-weight: var(--cds-label-01-font-weight, 400);
10726
10740
  line-height: var(--cds-label-01-line-height, 1.33333);
10727
10741
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
10728
10742
  background-color: var(--cds-tag-background-gray, #e0e0e0);
10729
- color: var(--cds-tag-color-gray, #393939);
10743
+ color: var(--cds-tag-color-gray, #161616);
10730
10744
  display: inline-flex;
10731
10745
  align-items: center;
10732
10746
  justify-content: center;
10733
- border-radius: 0.9375rem;
10747
+ border-radius: 1rem;
10734
10748
  margin: 0.25rem;
10735
10749
  cursor: default;
10736
10750
  max-inline-size: 100%;
@@ -10749,19 +10763,113 @@ button.c4p--add-select__global-filter-toggle--open {
10749
10763
  .cds--layout--size-md .cds--tag {
10750
10764
  --cds-layout-size-height: var(--cds-layout-size-height-md);
10751
10765
  }
10752
- .cds--tag.cds--tag--interactive:hover,
10766
+ .cds--layout--size-lg .cds--tag {
10767
+ --cds-layout-size-height: var(--cds-layout-size-height-lg);
10768
+ }
10769
+ .cds--tag.cds--tag--operational {
10770
+ border: 1px solid var(--cds-tag-background-gray, #e0e0e0);
10771
+ }
10772
+ .cds--tag.cds--tag--operational:hover {
10773
+ background-color: var(--cds-tag-hover-gray, #d1d1d1);
10774
+ }
10753
10775
  .cds--tag .cds--tag__close-icon:hover {
10754
10776
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
10755
10777
  }
10778
+ .cds--tag.cds--tag--lg {
10779
+ padding-inline-start: 0.75rem;
10780
+ }
10781
+ .cds--tag:has(.cds--tag__custom-icon) {
10782
+ padding-inline-start: 0.25rem;
10783
+ }
10784
+ .cds--tag.cds--tag--lg:not(.cds--tag--filter) {
10785
+ padding-inline: 0.75rem;
10786
+ }
10787
+ .cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
10788
+ padding-inline-start: 0.5rem;
10789
+ }
10756
10790
  .cds--tag:not(:first-child) {
10757
10791
  margin-inline-start: 0;
10758
10792
  }
10759
10793
 
10794
+ .cds--tag__label {
10795
+ overflow: hidden;
10796
+ max-inline-size: 100%;
10797
+ text-overflow: ellipsis;
10798
+ white-space: nowrap;
10799
+ }
10800
+
10801
+ .cds--tag--interactive:focus {
10802
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
10803
+ outline: none;
10804
+ }
10805
+
10806
+ .cds--tag--interactive:hover {
10807
+ cursor: pointer;
10808
+ }
10809
+
10810
+ .cds--tag--filter {
10811
+ cursor: pointer;
10812
+ padding-block-end: 0;
10813
+ padding-block-start: 0;
10814
+ padding-inline-end: 0;
10815
+ }
10816
+ .cds--tag--filter:hover {
10817
+ outline: none;
10818
+ }
10819
+
10820
+ .cds--interactive--tag-children {
10821
+ display: inline-flex;
10822
+ place-items: center;
10823
+ }
10824
+
10825
+ .cds--tag--selectable {
10826
+ border: 1px solid var(--cds-border-inverse, #161616);
10827
+ background-color: var(--cds-layer);
10828
+ color: var(--cds-text-primary, #161616);
10829
+ cursor: pointer;
10830
+ }
10831
+ .cds--tag--selectable:hover {
10832
+ background-color: var(--cds-layer-hover);
10833
+ outline: none;
10834
+ }
10835
+ .cds--tag--selectable:focus {
10836
+ outline: 2px solid var(--cds-focus, #0f62fe);
10837
+ outline-offset: 1px;
10838
+ }
10839
+
10840
+ .cds--tag--selectable-selected {
10841
+ background-color: var(--cds-layer-selected-inverse, #161616);
10842
+ color: var(--cds-text-inverse, #ffffff);
10843
+ }
10844
+ .cds--tag--selectable-selected:hover {
10845
+ background-color: var(--cds-layer-selected-inverse, #161616);
10846
+ }
10847
+
10848
+ .cds--tag--operational {
10849
+ border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
10850
+ background-color: var(--cds-tag-background-gray, #e0e0e0);
10851
+ color: var(--cds-tag-color-gray, #161616);
10852
+ cursor: pointer;
10853
+ }
10854
+ .cds--tag--operational:hover {
10855
+ background-color: var(--cds-tag-hover-gray, #d1d1d1);
10856
+ outline: none;
10857
+ }
10858
+ .cds--tag--operational:focus {
10859
+ outline: 2px solid var(--cds-focus, #0f62fe);
10860
+ outline-offset: 1px;
10861
+ }
10862
+
10760
10863
  .cds--tag--red {
10761
10864
  background-color: var(--cds-tag-background-red, #ffd7d9);
10762
10865
  color: var(--cds-tag-color-red, #750e13);
10763
10866
  }
10764
- .cds--tag--red.cds--tag--interactive:hover,
10867
+ .cds--tag--red.cds--tag--operational {
10868
+ border: 1px solid var(--cds-tag-border-red, #ff8389);
10869
+ }
10870
+ .cds--tag--red.cds--tag--operational:hover {
10871
+ background-color: var(--cds-tag-hover-red, #ffc2c5);
10872
+ }
10765
10873
  .cds--tag--red .cds--tag__close-icon:hover {
10766
10874
  background-color: var(--cds-tag-hover-red, #ffc2c5);
10767
10875
  }
@@ -10770,7 +10878,12 @@ button.c4p--add-select__global-filter-toggle--open {
10770
10878
  background-color: var(--cds-tag-background-magenta, #ffd6e8);
10771
10879
  color: var(--cds-tag-color-magenta, #740937);
10772
10880
  }
10773
- .cds--tag--magenta.cds--tag--interactive:hover,
10881
+ .cds--tag--magenta.cds--tag--operational {
10882
+ border: 1px solid var(--cds-tag-border-magenta, #ff7eb6);
10883
+ }
10884
+ .cds--tag--magenta.cds--tag--operational:hover {
10885
+ background-color: var(--cds-tag-hover-magenta, #ffbdda);
10886
+ }
10774
10887
  .cds--tag--magenta .cds--tag__close-icon:hover {
10775
10888
  background-color: var(--cds-tag-hover-magenta, #ffbdda);
10776
10889
  }
@@ -10779,7 +10892,12 @@ button.c4p--add-select__global-filter-toggle--open {
10779
10892
  background-color: var(--cds-tag-background-purple, #e8daff);
10780
10893
  color: var(--cds-tag-color-purple, #491d8b);
10781
10894
  }
10782
- .cds--tag--purple.cds--tag--interactive:hover,
10895
+ .cds--tag--purple.cds--tag--operational {
10896
+ border: 1px solid var(--cds-tag-border-purple, #be95ff);
10897
+ }
10898
+ .cds--tag--purple.cds--tag--operational:hover {
10899
+ background-color: var(--cds-tag-hover-purple, #dcc7ff);
10900
+ }
10783
10901
  .cds--tag--purple .cds--tag__close-icon:hover {
10784
10902
  background-color: var(--cds-tag-hover-purple, #dcc7ff);
10785
10903
  }
@@ -10788,7 +10906,12 @@ button.c4p--add-select__global-filter-toggle--open {
10788
10906
  background-color: var(--cds-tag-background-blue, #d0e2ff);
10789
10907
  color: var(--cds-tag-color-blue, #002d9c);
10790
10908
  }
10791
- .cds--tag--blue.cds--tag--interactive:hover,
10909
+ .cds--tag--blue.cds--tag--operational {
10910
+ border: 1px solid var(--cds-tag-border-blue, #78a9ff);
10911
+ }
10912
+ .cds--tag--blue.cds--tag--operational:hover {
10913
+ background-color: var(--cds-tag-hover-blue, #b8d3ff);
10914
+ }
10792
10915
  .cds--tag--blue .cds--tag__close-icon:hover {
10793
10916
  background-color: var(--cds-tag-hover-blue, #b8d3ff);
10794
10917
  }
@@ -10797,7 +10920,12 @@ button.c4p--add-select__global-filter-toggle--open {
10797
10920
  background-color: var(--cds-tag-background-cyan, #bae6ff);
10798
10921
  color: var(--cds-tag-color-cyan, #003a6d);
10799
10922
  }
10800
- .cds--tag--cyan.cds--tag--interactive:hover,
10923
+ .cds--tag--cyan.cds--tag--operational {
10924
+ border: 1px solid var(--cds-tag-border-cyan, #33b1ff);
10925
+ }
10926
+ .cds--tag--cyan.cds--tag--operational:hover {
10927
+ background-color: var(--cds-tag-hover-cyan, #99daff);
10928
+ }
10801
10929
  .cds--tag--cyan .cds--tag__close-icon:hover {
10802
10930
  background-color: var(--cds-tag-hover-cyan, #99daff);
10803
10931
  }
@@ -10806,7 +10934,12 @@ button.c4p--add-select__global-filter-toggle--open {
10806
10934
  background-color: var(--cds-tag-background-teal, #9ef0f0);
10807
10935
  color: var(--cds-tag-color-teal, #004144);
10808
10936
  }
10809
- .cds--tag--teal.cds--tag--interactive:hover,
10937
+ .cds--tag--teal.cds--tag--operational {
10938
+ border: 1px solid var(--cds-tag-border-teal, #08bdba);
10939
+ }
10940
+ .cds--tag--teal.cds--tag--operational:hover {
10941
+ background-color: var(--cds-tag-hover-teal, #57e5e5);
10942
+ }
10810
10943
  .cds--tag--teal .cds--tag__close-icon:hover {
10811
10944
  background-color: var(--cds-tag-hover-teal, #57e5e5);
10812
10945
  }
@@ -10815,54 +10948,85 @@ button.c4p--add-select__global-filter-toggle--open {
10815
10948
  background-color: var(--cds-tag-background-green, #a7f0ba);
10816
10949
  color: var(--cds-tag-color-green, #044317);
10817
10950
  }
10818
- .cds--tag--green.cds--tag--interactive:hover,
10951
+ .cds--tag--green.cds--tag--operational {
10952
+ border: 1px solid var(--cds-tag-border-green, #42be65);
10953
+ }
10954
+ .cds--tag--green.cds--tag--operational:hover {
10955
+ background-color: var(--cds-tag-hover-green, #74e792);
10956
+ }
10819
10957
  .cds--tag--green .cds--tag__close-icon:hover {
10820
10958
  background-color: var(--cds-tag-hover-green, #74e792);
10821
10959
  }
10822
10960
 
10823
10961
  .cds--tag--gray {
10824
10962
  background-color: var(--cds-tag-background-gray, #e0e0e0);
10825
- color: var(--cds-tag-color-gray, #393939);
10963
+ color: var(--cds-tag-color-gray, #161616);
10964
+ }
10965
+ .cds--tag--gray.cds--tag--operational {
10966
+ border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
10967
+ }
10968
+ .cds--tag--gray.cds--tag--operational:hover {
10969
+ background-color: var(--cds-tag-hover-gray, #d1d1d1);
10826
10970
  }
10827
- .cds--tag--gray.cds--tag--interactive:hover,
10828
10971
  .cds--tag--gray .cds--tag__close-icon:hover {
10829
10972
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
10830
10973
  }
10831
10974
 
10832
10975
  .cds--tag--cool-gray {
10833
10976
  background-color: var(--cds-tag-background-cool-gray, #dde1e6);
10834
- color: var(--cds-tag-color-cool-gray, #343a3f);
10977
+ color: var(--cds-tag-color-cool-gray, #121619);
10978
+ }
10979
+ .cds--tag--cool-gray.cds--tag--operational {
10980
+ border: 1px solid var(--cds-tag-border-cool-gray, #a2a9b0);
10981
+ }
10982
+ .cds--tag--cool-gray.cds--tag--operational:hover {
10983
+ background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
10835
10984
  }
10836
- .cds--tag--cool-gray.cds--tag--interactive:hover,
10837
10985
  .cds--tag--cool-gray .cds--tag__close-icon:hover {
10838
10986
  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
10839
10987
  }
10840
10988
 
10841
10989
  .cds--tag--warm-gray {
10842
10990
  background-color: var(--cds-tag-background-warm-gray, #e5e0df);
10843
- color: var(--cds-tag-color-warm-gray, #3c3838);
10991
+ color: var(--cds-tag-color-warm-gray, #171414);
10992
+ }
10993
+ .cds--tag--warm-gray.cds--tag--operational {
10994
+ border: 1px solid var(--cds-tag-border-warm-gray, #ada8a8);
10995
+ }
10996
+ .cds--tag--warm-gray.cds--tag--operational:hover {
10997
+ background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
10844
10998
  }
10845
- .cds--tag--warm-gray.cds--tag--interactive:hover,
10846
10999
  .cds--tag--warm-gray .cds--tag__close-icon:hover {
10847
11000
  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
10848
11001
  }
10849
11002
 
10850
- .cds--tag--high-contrast {
11003
+ .cds--tag--high-contrast:not(.cds--tag--operational) {
10851
11004
  background-color: var(--cds-background-inverse, #393939);
10852
11005
  color: var(--cds-text-inverse, #ffffff);
10853
11006
  }
10854
- .cds--tag--high-contrast.cds--tag--interactive:hover,
10855
- .cds--tag--high-contrast .cds--tag__close-icon:hover {
11007
+ .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational {
11008
+ border: 1px solid var(--cds-background-inverse, #393939);
11009
+ }
11010
+ .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover {
11011
+ background-color: var(--cds-background-inverse-hover, #474747);
11012
+ }
11013
+ .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
10856
11014
  background-color: var(--cds-background-inverse-hover, #474747);
10857
11015
  }
10858
11016
 
10859
- .cds--tag--outline {
11017
+ .cds--tag--outline:not(.cds--tag--operational) {
10860
11018
  background-color: var(--cds-background, #ffffff);
10861
11019
  color: var(--cds-text-primary, #161616);
10862
- box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
11020
+ outline: 1px solid var(--cds-background-inverse, #393939);
11021
+ outline-offset: -1px;
11022
+ }
11023
+ .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
11024
+ border: 1px solid var(--cds-background, #ffffff);
10863
11025
  }
10864
- .cds--tag--outline.cds--tag--interactive:hover,
10865
- .cds--tag--outline .cds--tag__close-icon:hover {
11026
+ .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
11027
+ background-color: var(--cds-layer-hover);
11028
+ }
11029
+ .cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover {
10866
11030
  background-color: var(--cds-layer-hover);
10867
11031
  }
10868
11032
 
@@ -10873,11 +11037,18 @@ button.c4p--add-select__global-filter-toggle--open {
10873
11037
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
10874
11038
  box-shadow: none;
10875
11039
  }
10876
- .cds--tag--disabled.cds--tag--interactive:hover,
11040
+ .cds--tag--disabled.cds--tag--operational,
11041
+ .cds--tag--filter.cds--tag--disabled.cds--tag--operational,
11042
+ .cds--tag--interactive.cds--tag--disabled.cds--tag--operational {
11043
+ border: 1px solid var(--cds-layer);
11044
+ }
11045
+ .cds--tag--disabled.cds--tag--operational:hover,
11046
+ .cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,
11047
+ .cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover {
11048
+ background-color: var(--cds-layer);
11049
+ }
10877
11050
  .cds--tag--disabled .cds--tag__close-icon:hover,
10878
- .cds--tag--filter.cds--tag--disabled.cds--tag--interactive:hover,
10879
11051
  .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
10880
- .cds--tag--interactive.cds--tag--disabled.cds--tag--interactive:hover,
10881
11052
  .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
10882
11053
  background-color: var(--cds-layer);
10883
11054
  }
@@ -10887,30 +11058,16 @@ button.c4p--add-select__global-filter-toggle--open {
10887
11058
  cursor: not-allowed;
10888
11059
  }
10889
11060
 
10890
- .cds--tag__label {
10891
- overflow: hidden;
10892
- max-inline-size: 100%;
10893
- text-overflow: ellipsis;
10894
- white-space: nowrap;
10895
- }
10896
-
10897
- .cds--tag--interactive:focus {
10898
- box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
10899
- outline: none;
10900
- }
10901
-
10902
- .cds--tag--interactive:hover {
10903
- cursor: pointer;
10904
- }
10905
-
10906
- .cds--tag--filter {
10907
- cursor: pointer;
10908
- padding-block-end: 0;
10909
- padding-block-start: 0;
10910
- padding-inline-end: 0;
11061
+ .cds--tag--selectable.cds--tag--disabled,
11062
+ .cds--tag--operational.cds--tag--disabled {
11063
+ border: 1px solid var(--cds-border-disabled, #c6c6c6);
11064
+ background-color: var(--cds-layer);
11065
+ color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
10911
11066
  }
10912
- .cds--tag--filter:hover {
10913
- outline: none;
11067
+ .cds--tag--selectable.cds--tag--disabled:hover,
11068
+ .cds--tag--operational.cds--tag--disabled:hover {
11069
+ background-color: var(--cds-layer);
11070
+ cursor: not-allowed;
10914
11071
  }
10915
11072
 
10916
11073
  .cds--tag--interactive {
@@ -10957,6 +11114,7 @@ button.c4p--add-select__global-filter-toggle--open {
10957
11114
  }
10958
11115
 
10959
11116
  .cds--tag__close-icon:focus {
11117
+ z-index: 99999;
10960
11118
  border-radius: 50%;
10961
11119
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
10962
11120
  outline: none;
@@ -11013,7 +11171,12 @@ button.c4p--add-select__global-filter-toggle--open {
11013
11171
  animation: none;
11014
11172
  }
11015
11173
  }
11016
- .cds--tag.cds--skeleton.cds--tag--interactive:hover,
11174
+ .cds--tag.cds--skeleton.cds--tag--operational {
11175
+ border: 1px solid var(--cds-skeleton-background, #e8e8e8);
11176
+ }
11177
+ .cds--tag.cds--skeleton.cds--tag--operational:hover {
11178
+ background-color: var(--cds-skeleton-background, #e8e8e8);
11179
+ }
11017
11180
  .cds--tag.cds--skeleton .cds--tag__close-icon:hover {
11018
11181
  background-color: var(--cds-skeleton-background, #e8e8e8);
11019
11182
  }
@@ -14495,13 +14658,16 @@ button.c4p--add-select__global-filter-toggle--open {
14495
14658
  --cds-ai-border-start: #4589ff;
14496
14659
  --cds-ai-border-strong: #78a9ff;
14497
14660
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
14498
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
14499
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
14500
- --cds-ai-gradient-start-02: transparent;
14501
14661
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
14502
14662
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
14503
- --cds-ai-skeleton-background: #0053ff;
14504
- --cds-ai-skeleton-element-background: #001141;
14663
+ --cds-ai-popover-caret-bottom: #465060;
14664
+ --cds-ai-popover-caret-bottom-background: #2d3f5c;
14665
+ --cds-ai-popover-caret-bottom-background-actions: #253042;
14666
+ --cds-ai-popover-caret-center: #456fb5;
14667
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
14668
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
14669
+ --cds-ai-skeleton-background: #a6c8ff;
14670
+ --cds-ai-skeleton-element-background: #002d9c;
14505
14671
  --cds-background: #262626;
14506
14672
  --cds-background-active: rgba(141, 141, 141, 0.4);
14507
14673
  --cds-background-brand: #0f62fe;
@@ -14532,9 +14698,17 @@ button.c4p--add-select__global-filter-toggle--open {
14532
14698
  --cds-chat-bubble-agent: #262626;
14533
14699
  --cds-chat-bubble-agent-border: #525252;
14534
14700
  --cds-chat-bubble-user: #393939;
14701
+ --cds-chat-button: #78a9ff;
14702
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
14703
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
14704
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
14705
+ --cds-chat-button-text-hover: #a6c8ff;
14706
+ --cds-chat-button-text-selected: #c6c6c6;
14707
+ --cds-chat-header-background: #262626;
14535
14708
  --cds-chat-prompt-background: #161616;
14536
14709
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
14537
14710
  --cds-chat-prompt-border-start: #262626;
14711
+ --cds-chat-shell-background: #262626;
14538
14712
  --cds-field-01: #393939;
14539
14713
  --cds-field-02: #525252;
14540
14714
  --cds-field-03: #6f6f6f;
@@ -14592,26 +14766,6 @@ button.c4p--add-select__global-filter-toggle--open {
14592
14766
  --cds-skeleton-element: #525252;
14593
14767
  --cds-slug-background: #c6c6c6;
14594
14768
  --cds-slug-background-hover: #e0e0e0;
14595
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
14596
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
14597
- --cds-slug-callout-aura-end-hover-02: transparent;
14598
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
14599
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
14600
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
14601
- --cds-slug-callout-aura-start-hover-02: transparent;
14602
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
14603
- --cds-slug-callout-caret-bottom: #465060;
14604
- --cds-slug-callout-caret-bottom-background: #2d3f5c;
14605
- --cds-slug-callout-caret-bottom-background-actions: #253042;
14606
- --cds-slug-callout-caret-center: #456fb5;
14607
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
14608
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
14609
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
14610
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
14611
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
14612
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
14613
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
14614
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
14615
14769
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
14616
14770
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
14617
14771
  --cds-slug-hollow-hover: #b5b5b5;
@@ -14927,13 +15081,23 @@ button.c4p--add-select__global-filter-toggle--open {
14927
15081
  --cds-tag-color-green: #a7f0ba;
14928
15082
  --cds-tag-hover-green: #11742f;
14929
15083
  --cds-tag-background-gray: #525252;
14930
- --cds-tag-color-gray: #e0e0e0;
15084
+ --cds-tag-color-gray: #f4f4f4;
14931
15085
  --cds-tag-hover-gray: #636363;
15086
+ --cds-tag-border-red: #fa4d56;
15087
+ --cds-tag-border-blue: #4589ff;
15088
+ --cds-tag-border-cyan: #1192e8;
15089
+ --cds-tag-border-teal: #009d9a;
15090
+ --cds-tag-border-green: #24a148;
15091
+ --cds-tag-border-magenta: #ee5396;
15092
+ --cds-tag-border-purple: #a56eff;
15093
+ --cds-tag-border-gray: #8d8d8d;
15094
+ --cds-tag-border-cool-gray: #878d96;
15095
+ --cds-tag-border-warm-gray: #8f8b8b;
14932
15096
  --cds-tag-background-cool-gray: #4d5358;
14933
- --cds-tag-color-cool-gray: #dde1e6;
15097
+ --cds-tag-color-cool-gray: #f2f4f8;
14934
15098
  --cds-tag-hover-cool-gray: #5d646a;
14935
15099
  --cds-tag-background-warm-gray: #565151;
14936
- --cds-tag-color-warm-gray: #e5e0df;
15100
+ --cds-tag-color-warm-gray: #f7f3f2;
14937
15101
  --cds-tag-hover-warm-gray: #696363;
14938
15102
  --cds-layer: var(--cds-layer-01, #f4f4f4);
14939
15103
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
@@ -14983,13 +15147,16 @@ button.c4p--add-select__global-filter-toggle--open {
14983
15147
  --cds-ai-border-start: #4589ff;
14984
15148
  --cds-ai-border-strong: #78a9ff;
14985
15149
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
14986
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
14987
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
14988
- --cds-ai-gradient-start-02: transparent;
14989
15150
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
14990
15151
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
14991
- --cds-ai-skeleton-background: #0053ff;
14992
- --cds-ai-skeleton-element-background: #001141;
15152
+ --cds-ai-popover-caret-bottom: #3d4655;
15153
+ --cds-ai-popover-caret-bottom-background: #213250;
15154
+ --cds-ai-popover-caret-bottom-background-actions: #192436;
15155
+ --cds-ai-popover-caret-center: #3f68af;
15156
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
15157
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
15158
+ --cds-ai-skeleton-background: #a6c8ff;
15159
+ --cds-ai-skeleton-element-background: #002d9c;
14993
15160
  --cds-background: #161616;
14994
15161
  --cds-background-active: rgba(141, 141, 141, 0.4);
14995
15162
  --cds-background-brand: #0f62fe;
@@ -15020,9 +15187,17 @@ button.c4p--add-select__global-filter-toggle--open {
15020
15187
  --cds-chat-bubble-agent: #262626;
15021
15188
  --cds-chat-bubble-agent-border: #525252;
15022
15189
  --cds-chat-bubble-user: #393939;
15190
+ --cds-chat-button: #78a9ff;
15191
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
15192
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
15193
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
15194
+ --cds-chat-button-text-hover: #a6c8ff;
15195
+ --cds-chat-button-text-selected: #c6c6c6;
15196
+ --cds-chat-header-background: #262626;
15023
15197
  --cds-chat-prompt-background: #161616;
15024
15198
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
15025
15199
  --cds-chat-prompt-border-start: #262626;
15200
+ --cds-chat-shell-background: #262626;
15026
15201
  --cds-field-01: #262626;
15027
15202
  --cds-field-02: #393939;
15028
15203
  --cds-field-03: #525252;
@@ -15080,26 +15255,6 @@ button.c4p--add-select__global-filter-toggle--open {
15080
15255
  --cds-skeleton-element: #393939;
15081
15256
  --cds-slug-background: #c6c6c6;
15082
15257
  --cds-slug-background-hover: #e0e0e0;
15083
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
15084
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
15085
- --cds-slug-callout-aura-end-hover-02: transparent;
15086
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
15087
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
15088
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
15089
- --cds-slug-callout-aura-start-hover-02: transparent;
15090
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
15091
- --cds-slug-callout-caret-bottom: #3d4655;
15092
- --cds-slug-callout-caret-bottom-background: #213250;
15093
- --cds-slug-callout-caret-bottom-background-actions: #192436;
15094
- --cds-slug-callout-caret-center: #3f68af;
15095
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
15096
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
15097
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
15098
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
15099
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
15100
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
15101
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
15102
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
15103
15258
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
15104
15259
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
15105
15260
  --cds-slug-hollow-hover: #b5b5b5;
@@ -15415,13 +15570,23 @@ button.c4p--add-select__global-filter-toggle--open {
15415
15570
  --cds-tag-color-green: #a7f0ba;
15416
15571
  --cds-tag-hover-green: #11742f;
15417
15572
  --cds-tag-background-gray: #525252;
15418
- --cds-tag-color-gray: #e0e0e0;
15573
+ --cds-tag-color-gray: #f4f4f4;
15419
15574
  --cds-tag-hover-gray: #636363;
15575
+ --cds-tag-border-red: #fa4d56;
15576
+ --cds-tag-border-blue: #4589ff;
15577
+ --cds-tag-border-cyan: #1192e8;
15578
+ --cds-tag-border-teal: #009d9a;
15579
+ --cds-tag-border-green: #24a148;
15580
+ --cds-tag-border-magenta: #ee5396;
15581
+ --cds-tag-border-purple: #a56eff;
15582
+ --cds-tag-border-gray: #8d8d8d;
15583
+ --cds-tag-border-cool-gray: #878d96;
15584
+ --cds-tag-border-warm-gray: #8f8b8b;
15420
15585
  --cds-tag-background-cool-gray: #4d5358;
15421
- --cds-tag-color-cool-gray: #dde1e6;
15586
+ --cds-tag-color-cool-gray: #f2f4f8;
15422
15587
  --cds-tag-hover-cool-gray: #5d646a;
15423
15588
  --cds-tag-background-warm-gray: #565151;
15424
- --cds-tag-color-warm-gray: #e5e0df;
15589
+ --cds-tag-color-warm-gray: #f7f3f2;
15425
15590
  --cds-tag-hover-warm-gray: #696363;
15426
15591
  --cds-layer: var(--cds-layer-01, #f4f4f4);
15427
15592
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
@@ -19688,13 +19853,16 @@ em {
19688
19853
  --cds-ai-border-start: #78a9ff;
19689
19854
  --cds-ai-border-strong: #4589ff;
19690
19855
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
19691
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
19692
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
19693
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
19694
19856
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
19695
19857
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
19696
- --cds-ai-skeleton-background: #b8d3ff;
19697
- --cds-ai-skeleton-element-background: #001141;
19858
+ --cds-ai-popover-caret-bottom: #d0e2ff;
19859
+ --cds-ai-popover-caret-bottom-background: #d5e5ff;
19860
+ --cds-ai-popover-caret-bottom-background-actions: #dae5f8;
19861
+ --cds-ai-popover-caret-center: #a7c7ff;
19862
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.25);
19863
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.1);
19864
+ --cds-ai-skeleton-background: #d0e2ff;
19865
+ --cds-ai-skeleton-element-background: #4589ff;
19698
19866
  --cds-background: #ffffff;
19699
19867
  --cds-background-active: rgba(141, 141, 141, 0.5);
19700
19868
  --cds-background-brand: #0f62fe;
@@ -19725,9 +19893,17 @@ em {
19725
19893
  --cds-chat-bubble-agent: #ffffff;
19726
19894
  --cds-chat-bubble-agent-border: #e0e0e0;
19727
19895
  --cds-chat-bubble-user: #e0e0e0;
19896
+ --cds-chat-button: #0f62fe;
19897
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
19898
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
19899
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
19900
+ --cds-chat-button-text-hover: #0043ce;
19901
+ --cds-chat-button-text-selected: #525252;
19902
+ --cds-chat-header-background: #ffffff;
19728
19903
  --cds-chat-prompt-background: #ffffff;
19729
19904
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
19730
19905
  --cds-chat-prompt-border-start: #f4f4f4;
19906
+ --cds-chat-shell-background: #ffffff;
19731
19907
  --cds-field-01: #f4f4f4;
19732
19908
  --cds-field-02: #ffffff;
19733
19909
  --cds-field-03: #f4f4f4;
@@ -19785,26 +19961,6 @@ em {
19785
19961
  --cds-skeleton-element: #c6c6c6;
19786
19962
  --cds-slug-background: #525252;
19787
19963
  --cds-slug-background-hover: #6f6f6f;
19788
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
19789
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
19790
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
19791
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
19792
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
19793
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
19794
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
19795
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
19796
- --cds-slug-callout-caret-bottom: #d0e2ff;
19797
- --cds-slug-callout-caret-bottom-background: #d5e5ff;
19798
- --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
19799
- --cds-slug-callout-caret-center: #a7c7ff;
19800
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
19801
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
19802
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
19803
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
19804
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
19805
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
19806
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
19807
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
19808
19964
  --cds-slug-hollow-hover: #474747;
19809
19965
  --cds-support-caution-major: #ff832b;
19810
19966
  --cds-support-caution-minor: #f1c21b;
@@ -19888,13 +20044,23 @@ em {
19888
20044
  --cds-tag-color-green: #044317;
19889
20045
  --cds-tag-hover-green: #74e792;
19890
20046
  --cds-tag-background-gray: #e0e0e0;
19891
- --cds-tag-color-gray: #393939;
20047
+ --cds-tag-color-gray: #161616;
19892
20048
  --cds-tag-hover-gray: #d1d1d1;
20049
+ --cds-tag-border-red: #ff8389;
20050
+ --cds-tag-border-blue: #78a9ff;
20051
+ --cds-tag-border-cyan: #33b1ff;
20052
+ --cds-tag-border-teal: #08bdba;
20053
+ --cds-tag-border-green: #42be65;
20054
+ --cds-tag-border-magenta: #ff7eb6;
20055
+ --cds-tag-border-purple: #be95ff;
20056
+ --cds-tag-border-gray: #a8a8a8;
20057
+ --cds-tag-border-cool-gray: #a2a9b0;
20058
+ --cds-tag-border-warm-gray: #ada8a8;
19893
20059
  --cds-tag-background-cool-gray: #dde1e6;
19894
- --cds-tag-color-cool-gray: #343a3f;
20060
+ --cds-tag-color-cool-gray: #121619;
19895
20061
  --cds-tag-hover-cool-gray: #cdd3da;
19896
20062
  --cds-tag-background-warm-gray: #e5e0df;
19897
- --cds-tag-color-warm-gray: #3c3838;
20063
+ --cds-tag-color-warm-gray: #171414;
19898
20064
  --cds-tag-hover-warm-gray: #d8d0cf;
19899
20065
  }
19900
20066
 
@@ -19911,13 +20077,16 @@ em {
19911
20077
  --cds-ai-border-start: #78a9ff;
19912
20078
  --cds-ai-border-strong: #4589ff;
19913
20079
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
19914
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
19915
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
19916
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
19917
20080
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
19918
20081
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
19919
- --cds-ai-skeleton-background: #b8d3ff;
19920
- --cds-ai-skeleton-element-background: #001141;
20082
+ --cds-ai-popover-caret-bottom: #d0e2ff;
20083
+ --cds-ai-popover-caret-bottom-background: #ccdbf8;
20084
+ --cds-ai-popover-caret-bottom-background-actions: #d2dcee;
20085
+ --cds-ai-popover-caret-center: #a7c7ff;
20086
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.25);
20087
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.1);
20088
+ --cds-ai-skeleton-background: #d0e2ff;
20089
+ --cds-ai-skeleton-element-background: #4589ff;
19921
20090
  --cds-background: #f4f4f4;
19922
20091
  --cds-background-active: rgba(141, 141, 141, 0.5);
19923
20092
  --cds-background-brand: #0f62fe;
@@ -19948,9 +20117,17 @@ em {
19948
20117
  --cds-chat-bubble-agent: #ffffff;
19949
20118
  --cds-chat-bubble-agent-border: #e0e0e0;
19950
20119
  --cds-chat-bubble-user: #e0e0e0;
20120
+ --cds-chat-button: #0f62fe;
20121
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
20122
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
20123
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
20124
+ --cds-chat-button-text-hover: #0043ce;
20125
+ --cds-chat-button-text-selected: #525252;
20126
+ --cds-chat-header-background: #ffffff;
19951
20127
  --cds-chat-prompt-background: #ffffff;
19952
20128
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
19953
20129
  --cds-chat-prompt-border-start: #f4f4f4;
20130
+ --cds-chat-shell-background: #ffffff;
19954
20131
  --cds-field-01: #ffffff;
19955
20132
  --cds-field-02: #f4f4f4;
19956
20133
  --cds-field-03: #ffffff;
@@ -20008,26 +20185,6 @@ em {
20008
20185
  --cds-skeleton-element: #c6c6c6;
20009
20186
  --cds-slug-background: #525252;
20010
20187
  --cds-slug-background-hover: #6f6f6f;
20011
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
20012
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
20013
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
20014
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
20015
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
20016
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
20017
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
20018
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
20019
- --cds-slug-callout-caret-bottom: #d0e2ff;
20020
- --cds-slug-callout-caret-bottom-background: #ccdbf8;
20021
- --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
20022
- --cds-slug-callout-caret-center: #a7c7ff;
20023
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
20024
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
20025
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
20026
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
20027
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
20028
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
20029
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
20030
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
20031
20188
  --cds-slug-hollow-hover: #474747;
20032
20189
  --cds-support-caution-major: #ff832b;
20033
20190
  --cds-support-caution-minor: #f1c21b;
@@ -20111,13 +20268,23 @@ em {
20111
20268
  --cds-tag-color-green: #044317;
20112
20269
  --cds-tag-hover-green: #74e792;
20113
20270
  --cds-tag-background-gray: #e0e0e0;
20114
- --cds-tag-color-gray: #393939;
20271
+ --cds-tag-color-gray: #161616;
20115
20272
  --cds-tag-hover-gray: #d1d1d1;
20273
+ --cds-tag-border-red: #ff8389;
20274
+ --cds-tag-border-blue: #78a9ff;
20275
+ --cds-tag-border-cyan: #33b1ff;
20276
+ --cds-tag-border-teal: #08bdba;
20277
+ --cds-tag-border-green: #42be65;
20278
+ --cds-tag-border-magenta: #ff7eb6;
20279
+ --cds-tag-border-purple: #be95ff;
20280
+ --cds-tag-border-gray: #a8a8a8;
20281
+ --cds-tag-border-cool-gray: #a2a9b0;
20282
+ --cds-tag-border-warm-gray: #ada8a8;
20116
20283
  --cds-tag-background-cool-gray: #dde1e6;
20117
- --cds-tag-color-cool-gray: #343a3f;
20284
+ --cds-tag-color-cool-gray: #121619;
20118
20285
  --cds-tag-hover-cool-gray: #cdd3da;
20119
20286
  --cds-tag-background-warm-gray: #e5e0df;
20120
- --cds-tag-color-warm-gray: #3c3838;
20287
+ --cds-tag-color-warm-gray: #171414;
20121
20288
  --cds-tag-hover-warm-gray: #d8d0cf;
20122
20289
  }
20123
20290
 
@@ -20134,12 +20301,16 @@ em {
20134
20301
  --cds-ai-border-start: #4589ff;
20135
20302
  --cds-ai-border-strong: #78a9ff;
20136
20303
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
20137
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
20138
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
20139
20304
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
20140
20305
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
20141
- --cds-ai-skeleton-background: #0053ff;
20142
- --cds-ai-skeleton-element-background: #001141;
20306
+ --cds-ai-popover-caret-bottom: #465060;
20307
+ --cds-ai-popover-caret-bottom-background: #2d3f5c;
20308
+ --cds-ai-popover-caret-bottom-background-actions: #253042;
20309
+ --cds-ai-popover-caret-center: #456fb5;
20310
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
20311
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
20312
+ --cds-ai-skeleton-background: #a6c8ff;
20313
+ --cds-ai-skeleton-element-background: #002d9c;
20143
20314
  --cds-background: #262626;
20144
20315
  --cds-background-active: rgba(141, 141, 141, 0.4);
20145
20316
  --cds-background-brand: #0f62fe;
@@ -20170,9 +20341,17 @@ em {
20170
20341
  --cds-chat-bubble-agent: #262626;
20171
20342
  --cds-chat-bubble-agent-border: #525252;
20172
20343
  --cds-chat-bubble-user: #393939;
20344
+ --cds-chat-button: #78a9ff;
20345
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
20346
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
20347
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
20348
+ --cds-chat-button-text-hover: #a6c8ff;
20349
+ --cds-chat-button-text-selected: #c6c6c6;
20350
+ --cds-chat-header-background: #262626;
20173
20351
  --cds-chat-prompt-background: #161616;
20174
20352
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
20175
20353
  --cds-chat-prompt-border-start: #262626;
20354
+ --cds-chat-shell-background: #262626;
20176
20355
  --cds-field-01: #393939;
20177
20356
  --cds-field-02: #525252;
20178
20357
  --cds-field-03: #6f6f6f;
@@ -20230,24 +20409,6 @@ em {
20230
20409
  --cds-skeleton-element: #525252;
20231
20410
  --cds-slug-background: #c6c6c6;
20232
20411
  --cds-slug-background-hover: #e0e0e0;
20233
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
20234
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
20235
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
20236
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
20237
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
20238
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
20239
- --cds-slug-callout-caret-bottom: #465060;
20240
- --cds-slug-callout-caret-bottom-background: #2d3f5c;
20241
- --cds-slug-callout-caret-bottom-background-actions: #253042;
20242
- --cds-slug-callout-caret-center: #456fb5;
20243
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
20244
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
20245
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
20246
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
20247
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
20248
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
20249
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
20250
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
20251
20412
  --cds-slug-hollow-hover: #b5b5b5;
20252
20413
  --cds-support-caution-major: #ff832b;
20253
20414
  --cds-support-caution-minor: #f1c21b;
@@ -20330,13 +20491,23 @@ em {
20330
20491
  --cds-tag-color-green: #a7f0ba;
20331
20492
  --cds-tag-hover-green: #11742f;
20332
20493
  --cds-tag-background-gray: #525252;
20333
- --cds-tag-color-gray: #e0e0e0;
20494
+ --cds-tag-color-gray: #f4f4f4;
20334
20495
  --cds-tag-hover-gray: #636363;
20496
+ --cds-tag-border-red: #fa4d56;
20497
+ --cds-tag-border-blue: #4589ff;
20498
+ --cds-tag-border-cyan: #1192e8;
20499
+ --cds-tag-border-teal: #009d9a;
20500
+ --cds-tag-border-green: #24a148;
20501
+ --cds-tag-border-magenta: #ee5396;
20502
+ --cds-tag-border-purple: #a56eff;
20503
+ --cds-tag-border-gray: #8d8d8d;
20504
+ --cds-tag-border-cool-gray: #878d96;
20505
+ --cds-tag-border-warm-gray: #8f8b8b;
20335
20506
  --cds-tag-background-cool-gray: #4d5358;
20336
- --cds-tag-color-cool-gray: #dde1e6;
20507
+ --cds-tag-color-cool-gray: #f2f4f8;
20337
20508
  --cds-tag-hover-cool-gray: #5d646a;
20338
20509
  --cds-tag-background-warm-gray: #565151;
20339
- --cds-tag-color-warm-gray: #e5e0df;
20510
+ --cds-tag-color-warm-gray: #f7f3f2;
20340
20511
  --cds-tag-hover-warm-gray: #696363;
20341
20512
  }
20342
20513
 
@@ -20353,12 +20524,16 @@ em {
20353
20524
  --cds-ai-border-start: #4589ff;
20354
20525
  --cds-ai-border-strong: #78a9ff;
20355
20526
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
20356
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
20357
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
20358
20527
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
20359
20528
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
20360
- --cds-ai-skeleton-background: #0053ff;
20361
- --cds-ai-skeleton-element-background: #001141;
20529
+ --cds-ai-popover-caret-bottom: #3d4655;
20530
+ --cds-ai-popover-caret-bottom-background: #213250;
20531
+ --cds-ai-popover-caret-bottom-background-actions: #192436;
20532
+ --cds-ai-popover-caret-center: #3f68af;
20533
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
20534
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
20535
+ --cds-ai-skeleton-background: #a6c8ff;
20536
+ --cds-ai-skeleton-element-background: #002d9c;
20362
20537
  --cds-background: #161616;
20363
20538
  --cds-background-active: rgba(141, 141, 141, 0.4);
20364
20539
  --cds-background-brand: #0f62fe;
@@ -20389,9 +20564,17 @@ em {
20389
20564
  --cds-chat-bubble-agent: #262626;
20390
20565
  --cds-chat-bubble-agent-border: #525252;
20391
20566
  --cds-chat-bubble-user: #393939;
20567
+ --cds-chat-button: #78a9ff;
20568
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
20569
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
20570
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
20571
+ --cds-chat-button-text-hover: #a6c8ff;
20572
+ --cds-chat-button-text-selected: #c6c6c6;
20573
+ --cds-chat-header-background: #262626;
20392
20574
  --cds-chat-prompt-background: #161616;
20393
20575
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
20394
20576
  --cds-chat-prompt-border-start: #262626;
20577
+ --cds-chat-shell-background: #262626;
20395
20578
  --cds-field-01: #262626;
20396
20579
  --cds-field-02: #393939;
20397
20580
  --cds-field-03: #525252;
@@ -20449,24 +20632,6 @@ em {
20449
20632
  --cds-skeleton-element: #393939;
20450
20633
  --cds-slug-background: #c6c6c6;
20451
20634
  --cds-slug-background-hover: #e0e0e0;
20452
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
20453
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
20454
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
20455
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
20456
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
20457
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
20458
- --cds-slug-callout-caret-bottom: #3d4655;
20459
- --cds-slug-callout-caret-bottom-background: #213250;
20460
- --cds-slug-callout-caret-bottom-background-actions: #192436;
20461
- --cds-slug-callout-caret-center: #3f68af;
20462
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
20463
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
20464
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
20465
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
20466
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
20467
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
20468
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
20469
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
20470
20635
  --cds-slug-hollow-hover: #b5b5b5;
20471
20636
  --cds-support-caution-major: #ff832b;
20472
20637
  --cds-support-caution-minor: #f1c21b;
@@ -20549,13 +20714,23 @@ em {
20549
20714
  --cds-tag-color-green: #a7f0ba;
20550
20715
  --cds-tag-hover-green: #11742f;
20551
20716
  --cds-tag-background-gray: #525252;
20552
- --cds-tag-color-gray: #e0e0e0;
20717
+ --cds-tag-color-gray: #f4f4f4;
20553
20718
  --cds-tag-hover-gray: #636363;
20719
+ --cds-tag-border-red: #fa4d56;
20720
+ --cds-tag-border-blue: #4589ff;
20721
+ --cds-tag-border-cyan: #1192e8;
20722
+ --cds-tag-border-teal: #009d9a;
20723
+ --cds-tag-border-green: #24a148;
20724
+ --cds-tag-border-magenta: #ee5396;
20725
+ --cds-tag-border-purple: #a56eff;
20726
+ --cds-tag-border-gray: #8d8d8d;
20727
+ --cds-tag-border-cool-gray: #878d96;
20728
+ --cds-tag-border-warm-gray: #8f8b8b;
20554
20729
  --cds-tag-background-cool-gray: #4d5358;
20555
- --cds-tag-color-cool-gray: #dde1e6;
20730
+ --cds-tag-color-cool-gray: #f2f4f8;
20556
20731
  --cds-tag-hover-cool-gray: #5d646a;
20557
20732
  --cds-tag-background-warm-gray: #565151;
20558
- --cds-tag-color-warm-gray: #e5e0df;
20733
+ --cds-tag-color-warm-gray: #f7f3f2;
20559
20734
  --cds-tag-hover-warm-gray: #696363;
20560
20735
  }
20561
20736
 
@@ -20882,12 +21057,21 @@ li.cds--accordion__item--disabled:last-of-type {
20882
21057
 
20883
21058
  .cds--chat-btn--quick-action {
20884
21059
  align-items: center;
20885
- border: 1px solid var(--cds-link-primary, #0f62fe);
21060
+ border: 1px solid var(--cds-chat-button, #0f62fe);
21061
+ background: transparent;
21062
+ color: var(--cds-chat-button, #0f62fe);
20886
21063
  }
20887
21064
 
20888
21065
  .cds--chat-btn--quick-action:hover:not(:active):not([disabled]) {
20889
21066
  border-color: transparent;
20890
- background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
21067
+ background: var(--cds-chat-button-hover, rgba(141, 141, 141, 0.12));
21068
+ color: var(--cds-chat-button-text-hover, #0043ce);
21069
+ }
21070
+
21071
+ .cds--chat-btn--quick-action:active {
21072
+ border-color: transparent;
21073
+ background: var(--cds-chat-button-active, rgba(141, 141, 141, 0.5));
21074
+ color: var(--cds-chat-button-text-hover, #0043ce);
20891
21075
  }
20892
21076
 
20893
21077
  .cds--chat-btn--quick-action.cds--btn--ghost:focus {
@@ -20910,12 +21094,13 @@ li.cds--accordion__item--disabled:last-of-type {
20910
21094
  .cds--chat-btn--quick-action--selected[disabled],
20911
21095
  .cds--chat-btn--quick-action--selected[disabled]:hover {
20912
21096
  border-color: transparent;
20913
- background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
20914
- color: var(--cds-text-secondary, #525252);
21097
+ background: var(--cds-chat-button-selected, rgba(141, 141, 141, 0.2));
21098
+ color: var(--cds-chat-button-text-selected, #525252);
20915
21099
  }
20916
21100
 
20917
- .cds--chat-btn--quick-action--selected:hover {
20918
- color: var(--cds-text-secondary, #525252);
21101
+ .cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):hover,
21102
+ .cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):active {
21103
+ color: var(--cds-chat-button-text-selected, #525252);
20919
21104
  }
20920
21105
 
20921
21106
  .cds--chat-btn.cds--skeleton {
@@ -21007,6 +21192,12 @@ li.cds--accordion__item--disabled:last-of-type {
21007
21192
  .cds--checkbox-label::after {
21008
21193
  box-sizing: border-box;
21009
21194
  }
21195
+ @media print {
21196
+ .cds--checkbox-label::before,
21197
+ .cds--checkbox-label::after {
21198
+ print-color-adjust: exact;
21199
+ }
21200
+ }
21010
21201
 
21011
21202
  .cds--checkbox-label::before {
21012
21203
  position: absolute;
@@ -21531,17 +21722,17 @@ li.cds--accordion__item--disabled:last-of-type {
21531
21722
  }
21532
21723
 
21533
21724
  .cds--list-box__field .cds--text-input {
21534
- padding-inline-end: 4.5rem;
21725
+ padding-inline-end: 5rem;
21535
21726
  }
21536
21727
 
21537
21728
  .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input,
21538
21729
  .cds--list-box--warning .cds--list-box__field .cds--text-input {
21539
- padding-inline-end: 6.125rem;
21730
+ padding-inline-end: 6.5625rem;
21540
21731
  }
21541
21732
 
21542
21733
  .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon,
21543
21734
  .cds--list-box--warning .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon {
21544
- inset-inline-end: 4.125rem;
21735
+ inset-inline-end: 5.125rem;
21545
21736
  }
21546
21737
 
21547
21738
  .cds--list-box__field .cds--text-input--empty {
@@ -21639,7 +21830,7 @@ li.cds--accordion__item--disabled:last-of-type {
21639
21830
  inline-size: 1.5rem;
21640
21831
  inset-block-start: 50%;
21641
21832
  /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */
21642
- inset-inline-end: 2.25rem;
21833
+ inset-inline-end: 2.8125rem;
21643
21834
  transform: translateY(-50%);
21644
21835
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
21645
21836
  user-select: none;
@@ -21717,7 +21908,12 @@ li.cds--accordion__item--disabled:last-of-type {
21717
21908
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
21718
21909
  color: var(--cds-layer);
21719
21910
  }
21720
- .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--interactive:hover,
21911
+ .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational {
21912
+ border: 1px solid var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
21913
+ }
21914
+ .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational:hover {
21915
+ background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
21916
+ }
21721
21917
  .cds--list-box--disabled .cds--list-box__selection--multi .cds--tag__close-icon:hover {
21722
21918
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
21723
21919
  }
@@ -22060,10 +22256,30 @@ li.cds--accordion__item--disabled:last-of-type {
22060
22256
  .cds--list-box__wrapper--slug .cds--slug {
22061
22257
  position: absolute;
22062
22258
  inset-block-start: 50%;
22063
- inset-inline-end: 2.5rem;
22259
+ inset-inline-end: calc(2.5rem + 9px);
22260
+ margin-block-start: 0.03125rem;
22064
22261
  transform: translateY(-50%);
22065
22262
  }
22066
22263
 
22264
+ .cds--list-box__wrapper--slug .cds--slug::after,
22265
+ .cds--list-box__wrapper--slug .cds--slug::before {
22266
+ position: absolute;
22267
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
22268
+ block-size: 1rem;
22269
+ content: "";
22270
+ inline-size: 0.0625rem;
22271
+ }
22272
+
22273
+ .cds--list-box__wrapper--slug .cds--slug::before {
22274
+ display: none;
22275
+ inset-inline-start: -0.5625rem;
22276
+ }
22277
+
22278
+ .cds--list-box__wrapper--slug .cds--slug::after {
22279
+ display: block;
22280
+ inset-inline-end: -0.5625rem;
22281
+ }
22282
+
22067
22283
  .cds--list-box__wrapper--slug .cds--list-box:not(:has(.cds--slug--revert)) {
22068
22284
  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%);
22069
22285
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
@@ -22091,21 +22307,28 @@ li.cds--accordion__item--disabled:last-of-type {
22091
22307
 
22092
22308
  .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
22093
22309
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
22094
- padding-inline-end: 7.5rem;
22310
+ padding-inline-end: 8.8125rem;
22095
22311
  }
22096
22312
 
22097
- .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug,
22098
- .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug {
22099
- inset-inline-end: 4rem;
22313
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
22314
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
22315
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning {
22316
+ inset-inline-end: 5.1875rem;
22100
22317
  }
22101
22318
 
22102
- .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
22103
- inset-inline-end: 4rem;
22319
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,
22320
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {
22321
+ display: block;
22104
22322
  }
22105
22323
 
22106
- .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
22324
+ .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
22107
22325
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
22108
- inset-inline-end: 5.5rem;
22326
+ inset-inline-end: calc(4rem + 18px);
22327
+ }
22328
+
22329
+ .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
22330
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon {
22331
+ inset-inline-end: 7.25rem;
22109
22332
  }
22110
22333
 
22111
22334
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -22133,6 +22356,33 @@ li.cds--accordion__item--disabled:last-of-type {
22133
22356
  }
22134
22357
  }
22135
22358
 
22359
+ .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::after {
22360
+ position: absolute;
22361
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
22362
+ block-size: 1rem;
22363
+ content: "";
22364
+ inline-size: 0.0625rem;
22365
+ margin-inline-start: 2.0625rem;
22366
+ }
22367
+
22368
+ .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
22369
+ .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {
22370
+ position: absolute;
22371
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
22372
+ block-size: 1rem;
22373
+ content: "";
22374
+ inline-size: 0.0625rem;
22375
+ margin-inline-end: 2.0625rem;
22376
+ }
22377
+
22378
+ .cds--list-box__wrapper--slug:has(.cds--multi-select) .cds--list-box__menu-icon {
22379
+ inset-inline-end: calc(0.75rem - 4px);
22380
+ }
22381
+
22382
+ .cds--list-box__wrapper--slug:has(.cds--dropdown) .cds--list-box__menu-icon {
22383
+ inset-inline-end: calc(0.75rem - 4px);
22384
+ }
22385
+
22136
22386
  .cds--combo-box:hover {
22137
22387
  background-color: var(--cds-field);
22138
22388
  }
@@ -23696,12 +23946,14 @@ tr.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
23696
23946
  tr.cds--expandable-row--hover.cds--data-table--slug-row,
23697
23947
  tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--slug-row {
23698
23948
  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);
23949
+ background-attachment: fixed;
23699
23950
  }
23700
23951
 
23701
23952
  tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
23702
23953
  .cds--data-table--selected.cds--data-table--slug-row,
23703
23954
  tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row {
23704
23955
  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);
23956
+ background-attachment: fixed;
23705
23957
  }
23706
23958
 
23707
23959
  tr.cds--data-table--slug-row.cds--data-table--selected td,
@@ -26585,6 +26837,28 @@ button.cds--dropdown-text:focus {
26585
26837
  padding-inline-end: 6rem;
26586
26838
  }
26587
26839
 
26840
+ .cds--list-box__wrapper--fluid .cds--list-box__selection {
26841
+ inset-inline-end: 2.5625rem;
26842
+ }
26843
+
26844
+ .cds--list-box__wrapper--fluid .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
26845
+ .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 {
26846
+ position: absolute;
26847
+ background-color: transparent;
26848
+ block-size: 1rem;
26849
+ content: "";
26850
+ inline-size: 0.0625rem;
26851
+ margin-inline-end: 2.0625rem;
26852
+ }
26853
+
26854
+ .cds--list-box__wrapper--fluid:has(.cds--multi-select) .cds--list-box__menu-icon {
26855
+ inset-inline-end: 0.75rem;
26856
+ }
26857
+
26858
+ .cds--list-box__wrapper--fluid:has(.cds--dropdown) .cds--list-box__menu-icon {
26859
+ inset-inline-end: 0.75rem;
26860
+ }
26861
+
26588
26862
  .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__field {
26589
26863
  overflow: visible;
26590
26864
  padding: 0;
@@ -27754,6 +28028,7 @@ button.cds--dropdown-text:focus {
27754
28028
  }
27755
28029
 
27756
28030
  .cds--search--fluid .cds--search-magnifier-icon {
28031
+ color: var(--cds-icon-primary, #161616);
27757
28032
  inset: auto 1rem 0.8125rem auto;
27758
28033
  transform: none;
27759
28034
  }
@@ -27766,16 +28041,6 @@ button.cds--dropdown-text:focus {
27766
28041
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
27767
28042
  }
27768
28043
 
27769
- .cds--search--fluid .cds--search-close::before {
27770
- position: absolute;
27771
- display: block;
27772
- background: var(--cds-border-subtle);
27773
- block-size: 1rem;
27774
- content: "";
27775
- inline-size: 0.0625rem;
27776
- inset: auto -0.0625rem 0.875rem auto;
27777
- }
27778
-
27779
28044
  .cds--search--fluid .cds--search-input:focus ~ .cds--search-close:hover {
27780
28045
  outline: none;
27781
28046
  }
@@ -31514,6 +31779,7 @@ span.cds--pagination__text.cds--pagination__items-count {
31514
31779
  --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
31515
31780
  --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
31516
31781
  --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
31782
+ --cds-link-visited-text-color: var(--cds-link-inverse, #78a9ff);
31517
31783
  --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
31518
31784
  font-size: var(--cds-body-01-font-size, 0.875rem);
31519
31785
  font-weight: var(--cds-body-01-font-weight, 400);
@@ -31815,7 +32081,7 @@ span.cds--pagination__text.cds--pagination__items-count {
31815
32081
  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;
31816
32082
  border: 1px solid transparent;
31817
32083
  border-radius: 0.5rem;
31818
- 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));
32084
+ box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), -40px 30px 100px -25px var(--cds-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.25)), -60px 80px 60px -45px var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.1));
31819
32085
  color: var(--cds-text-primary, #161616);
31820
32086
  min-inline-size: 17.5rem;
31821
32087
  }
@@ -31877,7 +32143,7 @@ span.cds--pagination__text.cds--pagination__items-count {
31877
32143
  .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
31878
32144
  .cds--popover--top-right,
31879
32145
  .cds--popover--top-left) > .cds--popover > .cds--popover-caret::after {
31880
- background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
32146
+ background: var(--cds-ai-popover-caret-bottom-background, #d5e5ff);
31881
32147
  block-size: 0.125rem;
31882
32148
  border-end-end-radius: 50%;
31883
32149
  border-end-start-radius: 50%;
@@ -31949,8 +32215,8 @@ span.cds--pagination__text.cds--pagination__items-count {
31949
32215
  .cds--popover--top,
31950
32216
  .cds--popover--top-right,
31951
32217
  .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
31952
- border-color: var(--cds-slug-callout-caret-bottom, #d0e2ff);
31953
- background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
32218
+ border-color: var(--cds-ai-popover-caret-bottom, #d0e2ff);
32219
+ background: var(--cds-ai-popover-caret-bottom-background, #d5e5ff);
31954
32220
  }
31955
32221
 
31956
32222
  .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
@@ -31958,12 +32224,12 @@ span.cds--pagination__text.cds--pagination__items-count {
31958
32224
  .cds--popover--top,
31959
32225
  .cds--popover--top-right,
31960
32226
  .cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before {
31961
- background: var(--cds-slug-callout-caret-bottom-background-actions, #dae5f8);
32227
+ background: var(--cds-ai-popover-caret-bottom-background-actions, #dae5f8);
31962
32228
  }
31963
32229
 
31964
32230
  .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
31965
32231
  .cds--popover--right) > .cds--popover > .cds--popover-caret::before {
31966
- border-color: var(--cds-slug-callout-caret-center, #a7c7ff);
32232
+ border-color: var(--cds-ai-popover-caret-center, #a7c7ff);
31967
32233
  }
31968
32234
 
31969
32235
  .cds--slug.cds--slug--enabled .cds--toggletip-content {
@@ -32455,8 +32721,8 @@ span.cds--pagination__text.cds--pagination__items-count {
32455
32721
  block-size: 1rem;
32456
32722
  inset-block-start: var(--cds-layout-density-padding-inline-local);
32457
32723
  inset-inline-end: var(--cds-layout-density-padding-inline-local);
32458
- opacity: 0;
32459
32724
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
32725
+ opacity: 0;
32460
32726
  }
32461
32727
  .cds--tile__checkmark svg {
32462
32728
  border-radius: 50%;
@@ -35777,6 +36043,7 @@ a.cds--side-nav__link--current::before {
35777
36043
  white-space: nowrap;
35778
36044
  }
35779
36045
 
36046
+ /* stylelint-disable carbon/layout-token-use */
35780
36047
  /* stylelint-disable carbon/theme-token-use */
35781
36048
  /* stylelint-disable carbon/type-token-use */
35782
36049
  /* stylelint-disable carbon/layout-token-use */
@@ -35792,13 +36059,16 @@ a.cds--side-nav__link--current::before {
35792
36059
  --cds-ai-border-start: #78a9ff;
35793
36060
  --cds-ai-border-strong: #4589ff;
35794
36061
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
35795
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
35796
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
35797
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
35798
36062
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
35799
36063
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
35800
- --cds-ai-skeleton-background: #b8d3ff;
35801
- --cds-ai-skeleton-element-background: #001141;
36064
+ --cds-ai-popover-caret-bottom: #d0e2ff;
36065
+ --cds-ai-popover-caret-bottom-background: #ccdbf8;
36066
+ --cds-ai-popover-caret-bottom-background-actions: #d2dcee;
36067
+ --cds-ai-popover-caret-center: #a7c7ff;
36068
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.25);
36069
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.1);
36070
+ --cds-ai-skeleton-background: #d0e2ff;
36071
+ --cds-ai-skeleton-element-background: #4589ff;
35802
36072
  --cds-background: #f4f4f4;
35803
36073
  --cds-background-active: rgba(141, 141, 141, 0.5);
35804
36074
  --cds-background-brand: #0f62fe;
@@ -35829,9 +36099,17 @@ a.cds--side-nav__link--current::before {
35829
36099
  --cds-chat-bubble-agent: #ffffff;
35830
36100
  --cds-chat-bubble-agent-border: #e0e0e0;
35831
36101
  --cds-chat-bubble-user: #e0e0e0;
36102
+ --cds-chat-button: #0f62fe;
36103
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
36104
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
36105
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
36106
+ --cds-chat-button-text-hover: #0043ce;
36107
+ --cds-chat-button-text-selected: #525252;
36108
+ --cds-chat-header-background: #ffffff;
35832
36109
  --cds-chat-prompt-background: #ffffff;
35833
36110
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
35834
36111
  --cds-chat-prompt-border-start: #f4f4f4;
36112
+ --cds-chat-shell-background: #ffffff;
35835
36113
  --cds-field-01: #ffffff;
35836
36114
  --cds-field-02: #f4f4f4;
35837
36115
  --cds-field-03: #ffffff;
@@ -35889,26 +36167,6 @@ a.cds--side-nav__link--current::before {
35889
36167
  --cds-skeleton-element: #c6c6c6;
35890
36168
  --cds-slug-background: #525252;
35891
36169
  --cds-slug-background-hover: #6f6f6f;
35892
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
35893
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
35894
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
35895
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
35896
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
35897
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
35898
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
35899
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
35900
- --cds-slug-callout-caret-bottom: #d0e2ff;
35901
- --cds-slug-callout-caret-bottom-background: #ccdbf8;
35902
- --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
35903
- --cds-slug-callout-caret-center: #a7c7ff;
35904
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
35905
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
35906
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
35907
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
35908
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
35909
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
35910
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
35911
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
35912
36170
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
35913
36171
  --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
35914
36172
  --cds-slug-hollow-hover: #474747;
@@ -36225,13 +36483,23 @@ a.cds--side-nav__link--current::before {
36225
36483
  --cds-tag-color-green: #044317;
36226
36484
  --cds-tag-hover-green: #74e792;
36227
36485
  --cds-tag-background-gray: #e0e0e0;
36228
- --cds-tag-color-gray: #393939;
36486
+ --cds-tag-color-gray: #161616;
36229
36487
  --cds-tag-hover-gray: #d1d1d1;
36488
+ --cds-tag-border-red: #ff8389;
36489
+ --cds-tag-border-blue: #78a9ff;
36490
+ --cds-tag-border-cyan: #33b1ff;
36491
+ --cds-tag-border-teal: #08bdba;
36492
+ --cds-tag-border-green: #42be65;
36493
+ --cds-tag-border-magenta: #ff7eb6;
36494
+ --cds-tag-border-purple: #be95ff;
36495
+ --cds-tag-border-gray: #a8a8a8;
36496
+ --cds-tag-border-cool-gray: #a2a9b0;
36497
+ --cds-tag-border-warm-gray: #ada8a8;
36230
36498
  --cds-tag-background-cool-gray: #dde1e6;
36231
- --cds-tag-color-cool-gray: #343a3f;
36499
+ --cds-tag-color-cool-gray: #121619;
36232
36500
  --cds-tag-hover-cool-gray: #cdd3da;
36233
36501
  --cds-tag-background-warm-gray: #e5e0df;
36234
- --cds-tag-color-warm-gray: #3c3838;
36502
+ --cds-tag-color-warm-gray: #171414;
36235
36503
  --cds-tag-hover-warm-gray: #d8d0cf;
36236
36504
  --cds-notification-background-error: #fff1f1;
36237
36505
  --cds-notification-background-success: #defbe6;
@@ -36270,13 +36538,16 @@ a.cds--side-nav__link--current::before {
36270
36538
  --cds-ai-border-start: #4589ff;
36271
36539
  --cds-ai-border-strong: #78a9ff;
36272
36540
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
36273
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
36274
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
36275
- --cds-ai-gradient-start-02: transparent;
36276
36541
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
36277
36542
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
36278
- --cds-ai-skeleton-background: #0053ff;
36279
- --cds-ai-skeleton-element-background: #001141;
36543
+ --cds-ai-popover-caret-bottom: #3d4655;
36544
+ --cds-ai-popover-caret-bottom-background: #213250;
36545
+ --cds-ai-popover-caret-bottom-background-actions: #192436;
36546
+ --cds-ai-popover-caret-center: #3f68af;
36547
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
36548
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
36549
+ --cds-ai-skeleton-background: #a6c8ff;
36550
+ --cds-ai-skeleton-element-background: #002d9c;
36280
36551
  --cds-background: #161616;
36281
36552
  --cds-background-active: rgba(141, 141, 141, 0.4);
36282
36553
  --cds-background-brand: #0f62fe;
@@ -36307,9 +36578,17 @@ a.cds--side-nav__link--current::before {
36307
36578
  --cds-chat-bubble-agent: #262626;
36308
36579
  --cds-chat-bubble-agent-border: #525252;
36309
36580
  --cds-chat-bubble-user: #393939;
36581
+ --cds-chat-button: #78a9ff;
36582
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
36583
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
36584
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
36585
+ --cds-chat-button-text-hover: #a6c8ff;
36586
+ --cds-chat-button-text-selected: #c6c6c6;
36587
+ --cds-chat-header-background: #262626;
36310
36588
  --cds-chat-prompt-background: #161616;
36311
36589
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
36312
36590
  --cds-chat-prompt-border-start: #262626;
36591
+ --cds-chat-shell-background: #262626;
36313
36592
  --cds-field-01: #262626;
36314
36593
  --cds-field-02: #393939;
36315
36594
  --cds-field-03: #525252;
@@ -36367,26 +36646,6 @@ a.cds--side-nav__link--current::before {
36367
36646
  --cds-skeleton-element: #393939;
36368
36647
  --cds-slug-background: #c6c6c6;
36369
36648
  --cds-slug-background-hover: #e0e0e0;
36370
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
36371
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
36372
- --cds-slug-callout-aura-end-hover-02: transparent;
36373
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
36374
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
36375
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
36376
- --cds-slug-callout-aura-start-hover-02: transparent;
36377
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
36378
- --cds-slug-callout-caret-bottom: #3d4655;
36379
- --cds-slug-callout-caret-bottom-background: #213250;
36380
- --cds-slug-callout-caret-bottom-background-actions: #192436;
36381
- --cds-slug-callout-caret-center: #3f68af;
36382
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
36383
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
36384
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
36385
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
36386
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
36387
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
36388
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
36389
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
36390
36649
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
36391
36650
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
36392
36651
  --cds-slug-hollow-hover: #b5b5b5;
@@ -36703,13 +36962,23 @@ a.cds--side-nav__link--current::before {
36703
36962
  --cds-tag-color-green: #a7f0ba;
36704
36963
  --cds-tag-hover-green: #11742f;
36705
36964
  --cds-tag-background-gray: #525252;
36706
- --cds-tag-color-gray: #e0e0e0;
36965
+ --cds-tag-color-gray: #f4f4f4;
36707
36966
  --cds-tag-hover-gray: #636363;
36967
+ --cds-tag-border-red: #fa4d56;
36968
+ --cds-tag-border-blue: #4589ff;
36969
+ --cds-tag-border-cyan: #1192e8;
36970
+ --cds-tag-border-teal: #009d9a;
36971
+ --cds-tag-border-green: #24a148;
36972
+ --cds-tag-border-magenta: #ee5396;
36973
+ --cds-tag-border-purple: #a56eff;
36974
+ --cds-tag-border-gray: #8d8d8d;
36975
+ --cds-tag-border-cool-gray: #878d96;
36976
+ --cds-tag-border-warm-gray: #8f8b8b;
36708
36977
  --cds-tag-background-cool-gray: #4d5358;
36709
- --cds-tag-color-cool-gray: #dde1e6;
36978
+ --cds-tag-color-cool-gray: #f2f4f8;
36710
36979
  --cds-tag-hover-cool-gray: #5d646a;
36711
36980
  --cds-tag-background-warm-gray: #565151;
36712
- --cds-tag-color-warm-gray: #e5e0df;
36981
+ --cds-tag-color-warm-gray: #f7f3f2;
36713
36982
  --cds-tag-hover-warm-gray: #696363;
36714
36983
  --cds-notification-background-error: #262626;
36715
36984
  --cds-notification-background-success: #262626;
@@ -36788,6 +37057,67 @@ a.cds--side-nav__link--current::before {
36788
37057
  margin-right: 0.25rem;
36789
37058
  }
36790
37059
 
37060
+ .c4p--decorator--sm .c4p--decorator__label {
37061
+ height: 1.125rem;
37062
+ padding: 0 0.25rem 0 0.5rem;
37063
+ line-height: 1.333;
37064
+ }
37065
+
37066
+ .c4p--decorator--sm .c4p--decorator__value {
37067
+ height: 1.125rem;
37068
+ padding: 0 0.5rem 0 calc(0.25rem + 1px);
37069
+ line-height: 1.333;
37070
+ }
37071
+
37072
+ .c4p--decorator--truncate-end .c4p--decorator__value {
37073
+ display: inline;
37074
+ overflow: hidden;
37075
+ text-overflow: ellipsis;
37076
+ white-space: nowrap;
37077
+ }
37078
+
37079
+ .c4p--decorator--truncate-start .c4p--decorator__value {
37080
+ display: inline;
37081
+ overflow: hidden;
37082
+ direction: rtl;
37083
+ text-overflow: ellipsis;
37084
+ white-space: nowrap;
37085
+ }
37086
+
37087
+ .c4p--decorator-icon__magnitude-unknown {
37088
+ fill: var(--cds-icon-secondary, #525252);
37089
+ }
37090
+
37091
+ .c4p--decorator-icon__magnitude-benign {
37092
+ fill: #007d79;
37093
+ }
37094
+
37095
+ .c4p--decorator-icon__magnitude-low {
37096
+ fill: var(--cds-support-warning, #f1c21b);
37097
+ }
37098
+
37099
+ .c4p--decorator-icon__magnitude-medium {
37100
+ fill: #ff832b;
37101
+ }
37102
+
37103
+ .c4p--decorator-icon__magnitude-high {
37104
+ fill: var(--cds-support-error, #da1e28);
37105
+ }
37106
+
37107
+ .c4p--decorator-icon__magnitude-critical {
37108
+ fill: var(--cds-support-error, #da1e28);
37109
+ }
37110
+
37111
+ .c4p--decorator-disabled svg {
37112
+ fill: var(--cds-icon-on-color-disabled, #8d8d8d);
37113
+ }
37114
+
37115
+ .c4p--decorator .c4p--decorator-icon--sm {
37116
+ width: 0.75rem;
37117
+ height: 0.75rem;
37118
+ margin-top: 0.15625rem;
37119
+ }
37120
+
36791
37121
  .c4p--decorator--default .c4p--decorator__value::after {
36792
37122
  position: absolute;
36793
37123
  top: 0;
@@ -36844,21 +37174,23 @@ a.cds--side-nav__link--current::before {
36844
37174
  color: var(--cds-text-primary, #161616);
36845
37175
  }
36846
37176
 
36847
- .c4p--decorator--button:not(.c4p--decorator-disabled) {
37177
+ /* stylelint-disable function-no-unknown */
37178
+ /* stylelint-disable carbon/theme-token-use */
37179
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled) {
36848
37180
  display: flex;
36849
37181
  padding: 0;
36850
37182
  border: 0;
36851
37183
  cursor: pointer;
36852
37184
  }
36853
37185
 
36854
- .c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__label {
37186
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__label {
36855
37187
  background-color: var(--cds-layer-02, #ffffff);
36856
37188
  }
36857
37189
 
36858
- .c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value {
37190
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__value {
36859
37191
  background-color: var(--cds-layer-02, #ffffff);
36860
37192
  }
36861
- .c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value::after {
37193
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__value::after {
36862
37194
  position: absolute;
36863
37195
  top: 0;
36864
37196
  bottom: 0;
@@ -36867,16 +37199,16 @@ a.cds--side-nav__link--current::before {
36867
37199
  content: "";
36868
37200
  }
36869
37201
 
36870
- .c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__label {
37202
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__label {
36871
37203
  border-color: var(--cds-border-strong);
36872
37204
  background-color: var(--cds-layer-hover-02, #e8e8e8);
36873
37205
  }
36874
37206
 
36875
- .c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
37207
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
36876
37208
  border-color: var(--cds-border-strong);
36877
37209
  background-color: var(--cds-layer-hover-02, #e8e8e8);
36878
37210
  }
36879
- .c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value::after {
37211
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__value::after {
36880
37212
  position: absolute;
36881
37213
  top: 0;
36882
37214
  bottom: 0;
@@ -36885,20 +37217,20 @@ a.cds--side-nav__link--current::before {
36885
37217
  content: "";
36886
37218
  }
36887
37219
 
36888
- .c4p--decorator--button:not(.c4p--decorator-disabled):focus {
37220
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):focus {
36889
37221
  outline: none;
36890
37222
  }
36891
37223
 
36892
- .c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__label {
37224
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__label {
36893
37225
  border-color: var(--cds-focus, #0f62fe);
36894
37226
  background-color: var(--cds-layer-02, #ffffff);
36895
37227
  }
36896
37228
 
36897
- .c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
37229
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
36898
37230
  border-color: var(--cds-focus, #0f62fe);
36899
37231
  background-color: var(--cds-layer-02, #ffffff);
36900
37232
  }
36901
- .c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value::after {
37233
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__value::after {
36902
37234
  position: absolute;
36903
37235
  top: 0;
36904
37236
  bottom: 0;
@@ -36907,14 +37239,14 @@ a.cds--side-nav__link--current::before {
36907
37239
  content: "";
36908
37240
  }
36909
37241
 
36910
- .c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__label {
37242
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__label {
36911
37243
  background-color: var(--cds-layer-selected-02, #e0e0e0);
36912
37244
  }
36913
37245
 
36914
- .c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
37246
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
36915
37247
  background-color: var(--cds-layer-selected-02, #e0e0e0);
36916
37248
  }
36917
- .c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value::after {
37249
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__value::after {
36918
37250
  position: absolute;
36919
37251
  top: 0;
36920
37252
  bottom: 0;
@@ -36923,22 +37255,22 @@ a.cds--side-nav__link--current::before {
36923
37255
  content: "";
36924
37256
  }
36925
37257
 
36926
- .c4p--decorator--button.c4p--decorator-disabled {
37258
+ .c4p--decorator--single-button.c4p--decorator-disabled {
36927
37259
  padding: 0;
36928
37260
  border: 0;
36929
37261
  cursor: not-allowed;
36930
37262
  }
36931
37263
 
36932
- .c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__label {
37264
+ .c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__label {
36933
37265
  background-color: var(--cds-layer-02, #ffffff);
36934
37266
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
36935
37267
  }
36936
37268
 
36937
- .c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value {
37269
+ .c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__value {
36938
37270
  background-color: var(--cds-layer-02, #ffffff);
36939
37271
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
36940
37272
  }
36941
- .c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value::after {
37273
+ .c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__value::after {
36942
37274
  position: absolute;
36943
37275
  top: 0;
36944
37276
  bottom: 0;
@@ -36947,12 +37279,30 @@ a.cds--side-nav__link--current::before {
36947
37279
  content: "";
36948
37280
  }
36949
37281
 
36950
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label {
37282
+ .c4p--decorator--light.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-low, .c4p--decorator--light.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-low {
37283
+ stroke: #8e6a00;
37284
+ stroke-width: 1px;
37285
+ }
37286
+ .c4p--decorator--light.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-medium path:first-child, .c4p--decorator--light.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-medium path:first-child {
37287
+ fill: #ba4e00;
37288
+ }
37289
+
37290
+ .c4p--decorator--dark.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-high path:first-child, .c4p--decorator--dark.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-high path:first-child {
37291
+ fill: #ff8389;
37292
+ }
37293
+ .c4p--decorator--dark.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-critical, .c4p--decorator--dark.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-critical {
37294
+ stroke: #ff8389;
37295
+ stroke-width: 0.03125rem;
37296
+ }
37297
+
37298
+ /* stylelint-disable carbon/theme-token-use */
37299
+ /* stylelint-disable function-no-unknown */
37300
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label {
36951
37301
  background-color: var(--cds-layer-02, #ffffff);
36952
37302
  cursor: pointer;
36953
37303
  }
36954
37304
 
36955
- .c4p--decorator--buttons:not(.c4p--decorator-disabled):not(:hover) .c4p--decorator__value::after {
37305
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled):not(:hover) .c4p--decorator__value::after {
36956
37306
  position: absolute;
36957
37307
  top: 0;
36958
37308
  bottom: 0;
@@ -36961,16 +37311,16 @@ a.cds--side-nav__link--current::before {
36961
37311
  content: "";
36962
37312
  }
36963
37313
 
36964
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value {
37314
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value {
36965
37315
  background-color: var(--cds-layer-02, #ffffff);
36966
37316
  cursor: pointer;
36967
37317
  }
36968
37318
 
36969
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover {
37319
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover {
36970
37320
  border-color: var(--cds-border-strong);
36971
37321
  background-color: var(--cds-layer-hover-02, #e8e8e8);
36972
37322
  }
36973
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover::after {
37323
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover::after {
36974
37324
  position: absolute;
36975
37325
  z-index: 1;
36976
37326
  top: -1px;
@@ -36980,11 +37330,11 @@ a.cds--side-nav__link--current::before {
36980
37330
  content: "";
36981
37331
  }
36982
37332
 
36983
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:hover {
37333
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:hover {
36984
37334
  border-color: var(--cds-border-strong);
36985
37335
  background-color: var(--cds-layer-hover-02, #e8e8e8);
36986
37336
  }
36987
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:hover::after {
37337
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:hover::after {
36988
37338
  position: absolute;
36989
37339
  top: 0;
36990
37340
  bottom: 0;
@@ -36993,11 +37343,11 @@ a.cds--side-nav__link--current::before {
36993
37343
  content: "";
36994
37344
  }
36995
37345
 
36996
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:focus {
37346
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:focus {
36997
37347
  border-color: var(--cds-focus, #0f62fe);
36998
37348
  outline: none;
36999
37349
  }
37000
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:focus::after {
37350
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:focus::after {
37001
37351
  position: absolute;
37002
37352
  z-index: 1;
37003
37353
  top: -1px;
@@ -37007,11 +37357,11 @@ a.cds--side-nav__link--current::before {
37007
37357
  content: "";
37008
37358
  }
37009
37359
 
37010
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:focus {
37360
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:focus {
37011
37361
  border-color: var(--cds-focus, #0f62fe);
37012
37362
  outline: none;
37013
37363
  }
37014
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:focus::after {
37364
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:focus::after {
37015
37365
  position: absolute;
37016
37366
  top: 0;
37017
37367
  bottom: 0;
@@ -37020,24 +37370,24 @@ a.cds--side-nav__link--current::before {
37020
37370
  content: "";
37021
37371
  }
37022
37372
 
37023
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active {
37373
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active {
37024
37374
  background-color: var(--cds-layer-hover-02, #e8e8e8);
37025
37375
  }
37026
37376
 
37027
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:active {
37377
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:active {
37028
37378
  background-color: var(--cds-layer-hover-02, #e8e8e8);
37029
37379
  }
37030
37380
 
37031
- .c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__label {
37381
+ .c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__label {
37032
37382
  background-color: var(--cds-layer-02, #ffffff);
37033
37383
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
37034
37384
  }
37035
37385
 
37036
- .c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__value {
37386
+ .c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__value {
37037
37387
  background-color: var(--cds-layer-02, #ffffff);
37038
37388
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
37039
37389
  }
37040
- .c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__value::after {
37390
+ .c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__value::after {
37041
37391
  position: absolute;
37042
37392
  top: 0;
37043
37393
  bottom: 0;
@@ -37046,95 +37396,18 @@ a.cds--side-nav__link--current::before {
37046
37396
  content: "";
37047
37397
  }
37048
37398
 
37049
- .c4p--decorator--sm .c4p--decorator__label {
37050
- height: 1.125rem;
37051
- padding: 0 0.25rem 0 0.5rem;
37052
- line-height: 1.333;
37053
- }
37054
-
37055
- .c4p--decorator--sm .c4p--decorator__value {
37056
- height: 1.125rem;
37057
- padding: 0 0.5rem 0 calc(0.25rem + 1px);
37058
- line-height: 1.333;
37059
- }
37060
-
37061
- .c4p--decorator--truncate-end .c4p--decorator__value {
37062
- display: inline;
37063
- overflow: hidden;
37064
- text-overflow: ellipsis;
37065
- white-space: nowrap;
37066
- }
37067
-
37068
- .c4p--decorator--truncate-start .c4p--decorator__value {
37069
- display: inline;
37070
- overflow: hidden;
37071
- direction: rtl;
37072
- text-overflow: ellipsis;
37073
- white-space: nowrap;
37074
- }
37075
-
37076
- .c4p--decorator-icon__magnitude-unknown {
37077
- fill: var(--cds-icon-secondary, #525252);
37078
- }
37079
-
37080
- .c4p--decorator-icon__magnitude-benign {
37081
- fill: #007d79;
37082
- }
37083
-
37084
- .c4p--decorator-icon__magnitude-low {
37085
- fill: var(--cds-support-warning, #f1c21b);
37086
- }
37087
-
37088
- .c4p--decorator-icon__magnitude-medium {
37089
- fill: #ff832b;
37090
- }
37091
-
37092
- .c4p--decorator-icon__magnitude-high {
37093
- fill: var(--cds-support-error, #da1e28);
37094
- }
37095
-
37096
- .c4p--decorator-icon__magnitude-critical {
37097
- fill: var(--cds-support-error, #da1e28);
37098
- }
37099
-
37100
- .c4p--decorator-disabled svg {
37101
- fill: var(--cds-icon-on-color-disabled, #8d8d8d);
37102
- }
37103
-
37104
- .c4p--decorator .c4p--decorator-icon--sm {
37105
- width: 0.75rem;
37106
- height: 0.75rem;
37107
- margin-top: 0.15625rem;
37108
- }
37109
-
37110
- .c4p--decorator--light.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-low, .c4p--decorator--light.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-low {
37111
- stroke: #8e6a00;
37112
- stroke-width: 1px;
37113
- }
37114
- .c4p--decorator--light.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-medium path:first-child, .c4p--decorator--light.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-medium path:first-child {
37115
- fill: #ba4e00;
37116
- }
37117
-
37118
- .c4p--decorator--dark.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-high path:first-child, .c4p--decorator--dark.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-high path:first-child {
37119
- fill: #ff8389;
37120
- }
37121
- .c4p--decorator--dark.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-critical, .c4p--decorator--dark.c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-critical {
37122
- stroke: #ff8389;
37123
- stroke-width: 0.03125rem;
37124
- }
37125
-
37126
- .c4p--decorator--light.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-low, .c4p--decorator--light.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-low {
37399
+ .c4p--decorator--light.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-low, .c4p--decorator--light.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-low {
37127
37400
  stroke: #8e6a00;
37128
37401
  stroke-width: 1px;
37129
37402
  }
37130
- .c4p--decorator--light.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-medium path:first-child, .c4p--decorator--light.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-medium path:first-child {
37403
+ .c4p--decorator--light.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-medium path:first-child, .c4p--decorator--light.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-medium path:first-child {
37131
37404
  fill: #ba4e00;
37132
37405
  }
37133
37406
 
37134
- .c4p--decorator--dark.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-high path:first-child, .c4p--decorator--dark.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-high path:first-child {
37407
+ .c4p--decorator--dark.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-high path:first-child, .c4p--decorator--dark.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-high path:first-child {
37135
37408
  fill: #ff8389;
37136
37409
  }
37137
- .c4p--decorator--dark.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-critical, .c4p--decorator--dark.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-critical {
37410
+ .c4p--decorator--dark.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-critical, .c4p--decorator--dark.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-critical {
37138
37411
  stroke: #ff8389;
37139
37412
  stroke-width: 0.03125rem;
37140
37413
  }