@carbon/ibm-products 2.31.0-alpha.5 → 2.31.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (103) hide show
  1. package/css/index-full-carbon.css +808 -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 +54 -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 +808 -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 +737 -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/CreateModal/CreateModal.d.ts +66 -2
  18. package/es/components/CreateModal/CreateModal.js +1 -1
  19. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  20. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts +3 -1
  21. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +4 -1
  22. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -15
  23. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +0 -7
  24. package/es/components/Decorator/Decorator.d.ts +1 -1
  25. package/es/components/Decorator/Decorator.js +16 -253
  26. package/es/components/DecoratorBase/DecoratorBase.d.ts +7 -0
  27. package/es/components/DecoratorBase/DecoratorBase.js +233 -0
  28. package/es/components/DecoratorBase/index.d.ts +1 -0
  29. package/{lib/components/Decorator → es/components/DecoratorBase}/utils.d.ts +1 -1
  30. package/es/components/{Decorator → DecoratorBase}/utils.js +19 -19
  31. package/es/components/DecoratorDualButton/DecoratorDualButton.d.ts +5 -0
  32. package/es/components/DecoratorDualButton/DecoratorDualButton.js +135 -0
  33. package/es/components/DecoratorDualButton/index.d.ts +1 -0
  34. package/es/components/DecoratorLink/DecoratorLink.d.ts +5 -0
  35. package/es/components/DecoratorLink/DecoratorLink.js +125 -0
  36. package/es/components/DecoratorLink/index.d.ts +1 -0
  37. package/es/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +5 -0
  38. package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +125 -0
  39. package/es/components/DecoratorSingleButton/index.d.ts +1 -0
  40. package/es/components/index.d.ts +3 -0
  41. package/es/global/js/hooks/useFocus.js +2 -1
  42. package/es/global/js/package-settings.d.ts +3 -0
  43. package/es/global/js/package-settings.js +3 -0
  44. package/es/index.js +3 -0
  45. package/es/settings.d.ts +3 -0
  46. package/lib/components/CreateModal/CreateModal.d.ts +66 -2
  47. package/lib/components/CreateModal/CreateModal.js +1 -1
  48. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  49. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.d.ts +3 -1
  50. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +4 -1
  51. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -15
  52. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +0 -7
  53. package/lib/components/Decorator/Decorator.d.ts +1 -1
  54. package/lib/components/Decorator/Decorator.js +15 -253
  55. package/lib/components/DecoratorBase/DecoratorBase.d.ts +7 -0
  56. package/lib/components/DecoratorBase/DecoratorBase.js +242 -0
  57. package/lib/components/DecoratorBase/index.d.ts +1 -0
  58. package/{es/components/Decorator → lib/components/DecoratorBase}/utils.d.ts +1 -1
  59. package/lib/components/{Decorator → DecoratorBase}/utils.js +19 -19
  60. package/lib/components/DecoratorDualButton/DecoratorDualButton.d.ts +5 -0
  61. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +141 -0
  62. package/lib/components/DecoratorDualButton/index.d.ts +1 -0
  63. package/lib/components/DecoratorLink/DecoratorLink.d.ts +5 -0
  64. package/lib/components/DecoratorLink/DecoratorLink.js +131 -0
  65. package/lib/components/DecoratorLink/index.d.ts +1 -0
  66. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +5 -0
  67. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +131 -0
  68. package/lib/components/DecoratorSingleButton/index.d.ts +1 -0
  69. package/lib/components/index.d.ts +3 -0
  70. package/lib/global/js/hooks/useFocus.js +2 -1
  71. package/lib/global/js/package-settings.d.ts +3 -0
  72. package/lib/global/js/package-settings.js +3 -0
  73. package/lib/index.js +15 -0
  74. package/lib/settings.d.ts +3 -0
  75. package/package.json +9 -9
  76. package/scss/components/Card/_card.scss +2 -2
  77. package/scss/components/Datagrid/styles/_draggableElement.scss +5 -1
  78. package/scss/components/Decorator/_decorator.scss +3 -380
  79. package/scss/components/DecoratorBase/_carbon-imports.scss +9 -0
  80. package/scss/components/DecoratorBase/_decorator-base-mixins.scss +41 -0
  81. package/scss/components/DecoratorBase/_decorator-base.scss +146 -0
  82. package/scss/components/DecoratorBase/_index-with-carbon.scss +9 -0
  83. package/scss/components/DecoratorBase/_index.scss +8 -0
  84. package/scss/components/DecoratorDualButton/_carbon-imports.scss +9 -0
  85. package/scss/components/DecoratorDualButton/_decorator-dual-button.scss +112 -0
  86. package/scss/components/DecoratorDualButton/_index-with-carbon.scss +9 -0
  87. package/scss/components/DecoratorDualButton/_index.scss +8 -0
  88. package/scss/components/DecoratorLink/_carbon-imports.scss +9 -0
  89. package/scss/components/DecoratorLink/_decorator-link.scss +53 -0
  90. package/scss/components/DecoratorLink/_index-with-carbon.scss +9 -0
  91. package/scss/components/DecoratorLink/_index.scss +8 -0
  92. package/scss/components/DecoratorSingleButton/_carbon-imports.scss +9 -0
  93. package/scss/components/DecoratorSingleButton/_decorator-single-button.scss +117 -0
  94. package/scss/components/DecoratorSingleButton/_index-with-carbon.scss +9 -0
  95. package/scss/components/DecoratorSingleButton/_index.scss +8 -0
  96. package/scss/components/SidePanel/_side-panel.scss +1 -1
  97. package/scss/components/Tearsheet/_tearsheet.scss +1 -1
  98. package/scss/components/_index-with-carbon.scss +3 -0
  99. package/scss/components/_index.scss +3 -0
  100. /package/es/components/{Decorator → DecoratorBase}/DecoratorIcon.d.ts +0 -0
  101. /package/es/components/{Decorator → DecoratorBase}/DecoratorIcon.js +0 -0
  102. /package/lib/components/{Decorator → DecoratorBase}/DecoratorIcon.d.ts +0 -0
  103. /package/lib/components/{Decorator → DecoratorBase}/DecoratorIcon.js +0 -0
@@ -2962,13 +2962,16 @@ em {
2962
2962
  --cds-ai-border-start: #78a9ff;
2963
2963
  --cds-ai-border-strong: #4589ff;
2964
2964
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
2965
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
2966
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
2967
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
2968
2965
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
2969
2966
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
2970
- --cds-ai-skeleton-background: #b8d3ff;
2971
- --cds-ai-skeleton-element-background: #001141;
2967
+ --cds-ai-popover-caret-bottom: #d0e2ff;
2968
+ --cds-ai-popover-caret-bottom-background: #d5e5ff;
2969
+ --cds-ai-popover-caret-bottom-background-actions: #dae5f8;
2970
+ --cds-ai-popover-caret-center: #a7c7ff;
2971
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.25);
2972
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.1);
2973
+ --cds-ai-skeleton-background: #d0e2ff;
2974
+ --cds-ai-skeleton-element-background: #4589ff;
2972
2975
  --cds-background: #ffffff;
2973
2976
  --cds-background-active: rgba(141, 141, 141, 0.5);
2974
2977
  --cds-background-brand: #0f62fe;
@@ -2999,9 +3002,17 @@ em {
2999
3002
  --cds-chat-bubble-agent: #ffffff;
3000
3003
  --cds-chat-bubble-agent-border: #e0e0e0;
3001
3004
  --cds-chat-bubble-user: #e0e0e0;
3005
+ --cds-chat-button: #0f62fe;
3006
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
3007
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
3008
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
3009
+ --cds-chat-button-text-hover: #0043ce;
3010
+ --cds-chat-button-text-selected: #525252;
3011
+ --cds-chat-header-background: #ffffff;
3002
3012
  --cds-chat-prompt-background: #ffffff;
3003
3013
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
3004
3014
  --cds-chat-prompt-border-start: #f4f4f4;
3015
+ --cds-chat-shell-background: #ffffff;
3005
3016
  --cds-field-01: #f4f4f4;
3006
3017
  --cds-field-02: #ffffff;
3007
3018
  --cds-field-03: #f4f4f4;
@@ -3059,26 +3070,6 @@ em {
3059
3070
  --cds-skeleton-element: #c6c6c6;
3060
3071
  --cds-slug-background: #525252;
3061
3072
  --cds-slug-background-hover: #6f6f6f;
3062
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
3063
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
3064
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
3065
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
3066
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
3067
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
3068
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
3069
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
3070
- --cds-slug-callout-caret-bottom: #d0e2ff;
3071
- --cds-slug-callout-caret-bottom-background: #d5e5ff;
3072
- --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
3073
- --cds-slug-callout-caret-center: #a7c7ff;
3074
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
3075
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
3076
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
3077
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
3078
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
3079
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
3080
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
3081
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
3082
3073
  --cds-slug-hollow-hover: #474747;
3083
3074
  --cds-support-caution-major: #ff832b;
3084
3075
  --cds-support-caution-minor: #f1c21b;
@@ -3162,13 +3153,23 @@ em {
3162
3153
  --cds-tag-color-green: #044317;
3163
3154
  --cds-tag-hover-green: #74e792;
3164
3155
  --cds-tag-background-gray: #e0e0e0;
3165
- --cds-tag-color-gray: #393939;
3156
+ --cds-tag-color-gray: #161616;
3166
3157
  --cds-tag-hover-gray: #d1d1d1;
3158
+ --cds-tag-border-red: #ff8389;
3159
+ --cds-tag-border-blue: #78a9ff;
3160
+ --cds-tag-border-cyan: #33b1ff;
3161
+ --cds-tag-border-teal: #08bdba;
3162
+ --cds-tag-border-green: #42be65;
3163
+ --cds-tag-border-magenta: #ff7eb6;
3164
+ --cds-tag-border-purple: #be95ff;
3165
+ --cds-tag-border-gray: #a8a8a8;
3166
+ --cds-tag-border-cool-gray: #a2a9b0;
3167
+ --cds-tag-border-warm-gray: #ada8a8;
3167
3168
  --cds-tag-background-cool-gray: #dde1e6;
3168
- --cds-tag-color-cool-gray: #343a3f;
3169
+ --cds-tag-color-cool-gray: #121619;
3169
3170
  --cds-tag-hover-cool-gray: #cdd3da;
3170
3171
  --cds-tag-background-warm-gray: #e5e0df;
3171
- --cds-tag-color-warm-gray: #3c3838;
3172
+ --cds-tag-color-warm-gray: #171414;
3172
3173
  --cds-tag-hover-warm-gray: #d8d0cf;
3173
3174
  }
3174
3175
 
@@ -3185,13 +3186,16 @@ em {
3185
3186
  --cds-ai-border-start: #78a9ff;
3186
3187
  --cds-ai-border-strong: #4589ff;
3187
3188
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
3188
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
3189
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
3190
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
3191
3189
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
3192
3190
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
3193
- --cds-ai-skeleton-background: #b8d3ff;
3194
- --cds-ai-skeleton-element-background: #001141;
3191
+ --cds-ai-popover-caret-bottom: #d0e2ff;
3192
+ --cds-ai-popover-caret-bottom-background: #ccdbf8;
3193
+ --cds-ai-popover-caret-bottom-background-actions: #d2dcee;
3194
+ --cds-ai-popover-caret-center: #a7c7ff;
3195
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.25);
3196
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.1);
3197
+ --cds-ai-skeleton-background: #d0e2ff;
3198
+ --cds-ai-skeleton-element-background: #4589ff;
3195
3199
  --cds-background: #f4f4f4;
3196
3200
  --cds-background-active: rgba(141, 141, 141, 0.5);
3197
3201
  --cds-background-brand: #0f62fe;
@@ -3222,9 +3226,17 @@ em {
3222
3226
  --cds-chat-bubble-agent: #ffffff;
3223
3227
  --cds-chat-bubble-agent-border: #e0e0e0;
3224
3228
  --cds-chat-bubble-user: #e0e0e0;
3229
+ --cds-chat-button: #0f62fe;
3230
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
3231
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
3232
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
3233
+ --cds-chat-button-text-hover: #0043ce;
3234
+ --cds-chat-button-text-selected: #525252;
3235
+ --cds-chat-header-background: #ffffff;
3225
3236
  --cds-chat-prompt-background: #ffffff;
3226
3237
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
3227
3238
  --cds-chat-prompt-border-start: #f4f4f4;
3239
+ --cds-chat-shell-background: #ffffff;
3228
3240
  --cds-field-01: #ffffff;
3229
3241
  --cds-field-02: #f4f4f4;
3230
3242
  --cds-field-03: #ffffff;
@@ -3282,26 +3294,6 @@ em {
3282
3294
  --cds-skeleton-element: #c6c6c6;
3283
3295
  --cds-slug-background: #525252;
3284
3296
  --cds-slug-background-hover: #6f6f6f;
3285
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
3286
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
3287
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
3288
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
3289
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
3290
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
3291
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
3292
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
3293
- --cds-slug-callout-caret-bottom: #d0e2ff;
3294
- --cds-slug-callout-caret-bottom-background: #ccdbf8;
3295
- --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
3296
- --cds-slug-callout-caret-center: #a7c7ff;
3297
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
3298
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
3299
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
3300
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
3301
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
3302
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
3303
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
3304
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
3305
3297
  --cds-slug-hollow-hover: #474747;
3306
3298
  --cds-support-caution-major: #ff832b;
3307
3299
  --cds-support-caution-minor: #f1c21b;
@@ -3385,13 +3377,23 @@ em {
3385
3377
  --cds-tag-color-green: #044317;
3386
3378
  --cds-tag-hover-green: #74e792;
3387
3379
  --cds-tag-background-gray: #e0e0e0;
3388
- --cds-tag-color-gray: #393939;
3380
+ --cds-tag-color-gray: #161616;
3389
3381
  --cds-tag-hover-gray: #d1d1d1;
3382
+ --cds-tag-border-red: #ff8389;
3383
+ --cds-tag-border-blue: #78a9ff;
3384
+ --cds-tag-border-cyan: #33b1ff;
3385
+ --cds-tag-border-teal: #08bdba;
3386
+ --cds-tag-border-green: #42be65;
3387
+ --cds-tag-border-magenta: #ff7eb6;
3388
+ --cds-tag-border-purple: #be95ff;
3389
+ --cds-tag-border-gray: #a8a8a8;
3390
+ --cds-tag-border-cool-gray: #a2a9b0;
3391
+ --cds-tag-border-warm-gray: #ada8a8;
3390
3392
  --cds-tag-background-cool-gray: #dde1e6;
3391
- --cds-tag-color-cool-gray: #343a3f;
3393
+ --cds-tag-color-cool-gray: #121619;
3392
3394
  --cds-tag-hover-cool-gray: #cdd3da;
3393
3395
  --cds-tag-background-warm-gray: #e5e0df;
3394
- --cds-tag-color-warm-gray: #3c3838;
3396
+ --cds-tag-color-warm-gray: #171414;
3395
3397
  --cds-tag-hover-warm-gray: #d8d0cf;
3396
3398
  }
3397
3399
 
@@ -3408,12 +3410,16 @@ em {
3408
3410
  --cds-ai-border-start: #4589ff;
3409
3411
  --cds-ai-border-strong: #78a9ff;
3410
3412
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
3411
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
3412
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
3413
3413
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
3414
3414
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
3415
- --cds-ai-skeleton-background: #0053ff;
3416
- --cds-ai-skeleton-element-background: #001141;
3415
+ --cds-ai-popover-caret-bottom: #465060;
3416
+ --cds-ai-popover-caret-bottom-background: #2d3f5c;
3417
+ --cds-ai-popover-caret-bottom-background-actions: #253042;
3418
+ --cds-ai-popover-caret-center: #456fb5;
3419
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
3420
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
3421
+ --cds-ai-skeleton-background: #a6c8ff;
3422
+ --cds-ai-skeleton-element-background: #002d9c;
3417
3423
  --cds-background: #262626;
3418
3424
  --cds-background-active: rgba(141, 141, 141, 0.4);
3419
3425
  --cds-background-brand: #0f62fe;
@@ -3444,9 +3450,17 @@ em {
3444
3450
  --cds-chat-bubble-agent: #262626;
3445
3451
  --cds-chat-bubble-agent-border: #525252;
3446
3452
  --cds-chat-bubble-user: #393939;
3453
+ --cds-chat-button: #78a9ff;
3454
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
3455
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
3456
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
3457
+ --cds-chat-button-text-hover: #a6c8ff;
3458
+ --cds-chat-button-text-selected: #c6c6c6;
3459
+ --cds-chat-header-background: #262626;
3447
3460
  --cds-chat-prompt-background: #161616;
3448
3461
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
3449
3462
  --cds-chat-prompt-border-start: #262626;
3463
+ --cds-chat-shell-background: #262626;
3450
3464
  --cds-field-01: #393939;
3451
3465
  --cds-field-02: #525252;
3452
3466
  --cds-field-03: #6f6f6f;
@@ -3504,24 +3518,6 @@ em {
3504
3518
  --cds-skeleton-element: #525252;
3505
3519
  --cds-slug-background: #c6c6c6;
3506
3520
  --cds-slug-background-hover: #e0e0e0;
3507
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
3508
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
3509
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
3510
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
3511
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
3512
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
3513
- --cds-slug-callout-caret-bottom: #465060;
3514
- --cds-slug-callout-caret-bottom-background: #2d3f5c;
3515
- --cds-slug-callout-caret-bottom-background-actions: #253042;
3516
- --cds-slug-callout-caret-center: #456fb5;
3517
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
3518
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
3519
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
3520
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
3521
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
3522
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
3523
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
3524
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
3525
3521
  --cds-slug-hollow-hover: #b5b5b5;
3526
3522
  --cds-support-caution-major: #ff832b;
3527
3523
  --cds-support-caution-minor: #f1c21b;
@@ -3604,13 +3600,23 @@ em {
3604
3600
  --cds-tag-color-green: #a7f0ba;
3605
3601
  --cds-tag-hover-green: #11742f;
3606
3602
  --cds-tag-background-gray: #525252;
3607
- --cds-tag-color-gray: #e0e0e0;
3603
+ --cds-tag-color-gray: #f4f4f4;
3608
3604
  --cds-tag-hover-gray: #636363;
3605
+ --cds-tag-border-red: #fa4d56;
3606
+ --cds-tag-border-blue: #4589ff;
3607
+ --cds-tag-border-cyan: #1192e8;
3608
+ --cds-tag-border-teal: #009d9a;
3609
+ --cds-tag-border-green: #24a148;
3610
+ --cds-tag-border-magenta: #ee5396;
3611
+ --cds-tag-border-purple: #a56eff;
3612
+ --cds-tag-border-gray: #8d8d8d;
3613
+ --cds-tag-border-cool-gray: #878d96;
3614
+ --cds-tag-border-warm-gray: #8f8b8b;
3609
3615
  --cds-tag-background-cool-gray: #4d5358;
3610
- --cds-tag-color-cool-gray: #dde1e6;
3616
+ --cds-tag-color-cool-gray: #f2f4f8;
3611
3617
  --cds-tag-hover-cool-gray: #5d646a;
3612
3618
  --cds-tag-background-warm-gray: #565151;
3613
- --cds-tag-color-warm-gray: #e5e0df;
3619
+ --cds-tag-color-warm-gray: #f7f3f2;
3614
3620
  --cds-tag-hover-warm-gray: #696363;
3615
3621
  }
3616
3622
 
@@ -3627,12 +3633,16 @@ em {
3627
3633
  --cds-ai-border-start: #4589ff;
3628
3634
  --cds-ai-border-strong: #78a9ff;
3629
3635
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
3630
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
3631
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
3632
3636
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
3633
3637
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
3634
- --cds-ai-skeleton-background: #0053ff;
3635
- --cds-ai-skeleton-element-background: #001141;
3638
+ --cds-ai-popover-caret-bottom: #3d4655;
3639
+ --cds-ai-popover-caret-bottom-background: #213250;
3640
+ --cds-ai-popover-caret-bottom-background-actions: #192436;
3641
+ --cds-ai-popover-caret-center: #3f68af;
3642
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
3643
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
3644
+ --cds-ai-skeleton-background: #a6c8ff;
3645
+ --cds-ai-skeleton-element-background: #002d9c;
3636
3646
  --cds-background: #161616;
3637
3647
  --cds-background-active: rgba(141, 141, 141, 0.4);
3638
3648
  --cds-background-brand: #0f62fe;
@@ -3663,9 +3673,17 @@ em {
3663
3673
  --cds-chat-bubble-agent: #262626;
3664
3674
  --cds-chat-bubble-agent-border: #525252;
3665
3675
  --cds-chat-bubble-user: #393939;
3676
+ --cds-chat-button: #78a9ff;
3677
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
3678
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
3679
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
3680
+ --cds-chat-button-text-hover: #a6c8ff;
3681
+ --cds-chat-button-text-selected: #c6c6c6;
3682
+ --cds-chat-header-background: #262626;
3666
3683
  --cds-chat-prompt-background: #161616;
3667
3684
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
3668
3685
  --cds-chat-prompt-border-start: #262626;
3686
+ --cds-chat-shell-background: #262626;
3669
3687
  --cds-field-01: #262626;
3670
3688
  --cds-field-02: #393939;
3671
3689
  --cds-field-03: #525252;
@@ -3723,24 +3741,6 @@ em {
3723
3741
  --cds-skeleton-element: #393939;
3724
3742
  --cds-slug-background: #c6c6c6;
3725
3743
  --cds-slug-background-hover: #e0e0e0;
3726
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
3727
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
3728
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
3729
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
3730
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
3731
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
3732
- --cds-slug-callout-caret-bottom: #3d4655;
3733
- --cds-slug-callout-caret-bottom-background: #213250;
3734
- --cds-slug-callout-caret-bottom-background-actions: #192436;
3735
- --cds-slug-callout-caret-center: #3f68af;
3736
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
3737
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
3738
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
3739
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
3740
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
3741
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
3742
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
3743
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
3744
3744
  --cds-slug-hollow-hover: #b5b5b5;
3745
3745
  --cds-support-caution-major: #ff832b;
3746
3746
  --cds-support-caution-minor: #f1c21b;
@@ -3823,13 +3823,23 @@ em {
3823
3823
  --cds-tag-color-green: #a7f0ba;
3824
3824
  --cds-tag-hover-green: #11742f;
3825
3825
  --cds-tag-background-gray: #525252;
3826
- --cds-tag-color-gray: #e0e0e0;
3826
+ --cds-tag-color-gray: #f4f4f4;
3827
3827
  --cds-tag-hover-gray: #636363;
3828
+ --cds-tag-border-red: #fa4d56;
3829
+ --cds-tag-border-blue: #4589ff;
3830
+ --cds-tag-border-cyan: #1192e8;
3831
+ --cds-tag-border-teal: #009d9a;
3832
+ --cds-tag-border-green: #24a148;
3833
+ --cds-tag-border-magenta: #ee5396;
3834
+ --cds-tag-border-purple: #a56eff;
3835
+ --cds-tag-border-gray: #8d8d8d;
3836
+ --cds-tag-border-cool-gray: #878d96;
3837
+ --cds-tag-border-warm-gray: #8f8b8b;
3828
3838
  --cds-tag-background-cool-gray: #4d5358;
3829
- --cds-tag-color-cool-gray: #dde1e6;
3839
+ --cds-tag-color-cool-gray: #f2f4f8;
3830
3840
  --cds-tag-hover-cool-gray: #5d646a;
3831
3841
  --cds-tag-background-warm-gray: #565151;
3832
- --cds-tag-color-warm-gray: #e5e0df;
3842
+ --cds-tag-color-warm-gray: #f7f3f2;
3833
3843
  --cds-tag-hover-warm-gray: #696363;
3834
3844
  }
3835
3845
 
@@ -4240,6 +4250,9 @@ li.cds--accordion__item--disabled:last-of-type {
4240
4250
  }
4241
4251
 
4242
4252
  .cds--popover-content {
4253
+ --cds-layout-size-height-sm: 2rem;
4254
+ --cds-layout-size-height-md: 2.5rem;
4255
+ --cds-layout-size-height-lg: 3rem;
4243
4256
  box-sizing: border-box;
4244
4257
  padding: 0;
4245
4258
  border: 0;
@@ -4257,6 +4270,15 @@ li.cds--accordion__item--disabled:last-of-type {
4257
4270
  max-inline-size: 23rem;
4258
4271
  pointer-events: auto;
4259
4272
  }
4273
+ .cds--layout--size-sm .cds--popover-content {
4274
+ --cds-layout-size-height: var(--cds-layout-size-height-sm);
4275
+ }
4276
+ .cds--layout--size-md .cds--popover-content {
4277
+ --cds-layout-size-height: var(--cds-layout-size-height-md);
4278
+ }
4279
+ .cds--layout--size-lg .cds--popover-content {
4280
+ --cds-layout-size-height: var(--cds-layout-size-height-lg);
4281
+ }
4260
4282
  .cds--popover-content *,
4261
4283
  .cds--popover-content *::before,
4262
4284
  .cds--popover-content *::after {
@@ -5738,12 +5760,20 @@ a.cds--overflow-menu-options__btn::before {
5738
5760
  text-decoration: underline;
5739
5761
  }
5740
5762
  .cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
5741
- color: var(--cds-text-primary, #161616);
5763
+ outline: 1px solid var(--cds-focus, #0f62fe);
5764
+ color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
5765
+ outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
5742
5766
  text-decoration: underline;
5743
5767
  }
5768
+ @media screen and (prefers-contrast) {
5769
+ .cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
5770
+ outline-style: dotted;
5771
+ }
5772
+ }
5744
5773
  .cds--link:focus {
5745
5774
  outline: 1px solid var(--cds-focus, #0f62fe);
5746
5775
  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
5776
+ text-decoration: underline;
5747
5777
  }
5748
5778
  @media screen and (prefers-contrast) {
5749
5779
  .cds--link:focus {
@@ -5751,10 +5781,10 @@ a.cds--overflow-menu-options__btn::before {
5751
5781
  }
5752
5782
  }
5753
5783
  .cds--link:visited {
5754
- color: var(--cds-link-primary, #0f62fe);
5784
+ color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
5755
5785
  }
5756
5786
  .cds--link:visited:hover {
5757
- color: var(--cds-link-primary-hover, #0043ce);
5787
+ color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
5758
5788
  }
5759
5789
 
5760
5790
  .cds--link--disabled,
@@ -5785,20 +5815,17 @@ a.cds--overflow-menu-options__btn::before {
5785
5815
  }
5786
5816
 
5787
5817
  .cds--link.cds--link--visited:visited {
5788
- color: var(--cds-link-visited, #8a3ffc);
5818
+ color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
5789
5819
  }
5790
5820
 
5791
5821
  .cds--link.cds--link--visited:visited:hover {
5792
- color: var(--cds-link-primary-hover, #0043ce);
5822
+ color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
5793
5823
  }
5794
5824
 
5795
5825
  .cds--link.cds--link--inline {
5796
5826
  display: inline;
5797
5827
  text-decoration: underline;
5798
5828
  }
5799
- .cds--link.cds--link--inline:focus, .cds--link.cds--link--inline:visited {
5800
- text-decoration: none;
5801
- }
5802
5829
 
5803
5830
  .cds--link--disabled.cds--link--inline {
5804
5831
  text-decoration: underline;
@@ -5843,12 +5870,21 @@ a.cds--overflow-menu-options__btn::before {
5843
5870
 
5844
5871
  .cds--chat-btn--quick-action {
5845
5872
  align-items: center;
5846
- border: 1px solid var(--cds-link-primary, #0f62fe);
5873
+ border: 1px solid var(--cds-chat-button, #0f62fe);
5874
+ background: transparent;
5875
+ color: var(--cds-chat-button, #0f62fe);
5847
5876
  }
5848
5877
 
5849
5878
  .cds--chat-btn--quick-action:hover:not(:active):not([disabled]) {
5850
5879
  border-color: transparent;
5851
- background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
5880
+ background: var(--cds-chat-button-hover, rgba(141, 141, 141, 0.12));
5881
+ color: var(--cds-chat-button-text-hover, #0043ce);
5882
+ }
5883
+
5884
+ .cds--chat-btn--quick-action:active {
5885
+ border-color: transparent;
5886
+ background: var(--cds-chat-button-active, rgba(141, 141, 141, 0.5));
5887
+ color: var(--cds-chat-button-text-hover, #0043ce);
5852
5888
  }
5853
5889
 
5854
5890
  .cds--chat-btn--quick-action.cds--btn--ghost:focus {
@@ -5871,12 +5907,13 @@ a.cds--overflow-menu-options__btn::before {
5871
5907
  .cds--chat-btn--quick-action--selected[disabled],
5872
5908
  .cds--chat-btn--quick-action--selected[disabled]:hover {
5873
5909
  border-color: transparent;
5874
- background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
5875
- color: var(--cds-text-secondary, #525252);
5910
+ background: var(--cds-chat-button-selected, rgba(141, 141, 141, 0.2));
5911
+ color: var(--cds-chat-button-text-selected, #525252);
5876
5912
  }
5877
5913
 
5878
- .cds--chat-btn--quick-action--selected:hover {
5879
- color: var(--cds-text-secondary, #525252);
5914
+ .cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):hover,
5915
+ .cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):active {
5916
+ color: var(--cds-chat-button-text-selected, #525252);
5880
5917
  }
5881
5918
 
5882
5919
  .cds--chat-btn.cds--skeleton {
@@ -6263,6 +6300,12 @@ fieldset[disabled] .cds--form__helper-text {
6263
6300
  .cds--checkbox-label::after {
6264
6301
  box-sizing: border-box;
6265
6302
  }
6303
+ @media print {
6304
+ .cds--checkbox-label::before,
6305
+ .cds--checkbox-label::after {
6306
+ print-color-adjust: exact;
6307
+ }
6308
+ }
6266
6309
 
6267
6310
  .cds--checkbox-label::before {
6268
6311
  position: absolute;
@@ -6876,7 +6919,6 @@ fieldset[disabled] .cds--form__helper-text {
6876
6919
  }
6877
6920
 
6878
6921
  .cds--snippet--multi .cds--snippet-container pre {
6879
- padding-block-end: 1.5rem;
6880
6922
  padding-inline-end: 2.5rem;
6881
6923
  }
6882
6924
 
@@ -7847,17 +7889,18 @@ fieldset[disabled] .cds--form__helper-text {
7847
7889
  --cds-layout-size-height-xs: 1.125rem;
7848
7890
  --cds-layout-size-height-sm: 1.125rem;
7849
7891
  --cds-layout-size-height-md: 1.5rem;
7850
- --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)));
7892
+ --cds-layout-size-height-lg: 2rem;
7893
+ --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)));
7851
7894
  font-size: var(--cds-label-01-font-size, 0.75rem);
7852
7895
  font-weight: var(--cds-label-01-font-weight, 400);
7853
7896
  line-height: var(--cds-label-01-line-height, 1.33333);
7854
7897
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
7855
7898
  background-color: var(--cds-tag-background-gray, #e0e0e0);
7856
- color: var(--cds-tag-color-gray, #393939);
7899
+ color: var(--cds-tag-color-gray, #161616);
7857
7900
  display: inline-flex;
7858
7901
  align-items: center;
7859
7902
  justify-content: center;
7860
- border-radius: 0.9375rem;
7903
+ border-radius: 1rem;
7861
7904
  margin: 0.25rem;
7862
7905
  cursor: default;
7863
7906
  max-inline-size: 100%;
@@ -7876,19 +7919,113 @@ fieldset[disabled] .cds--form__helper-text {
7876
7919
  .cds--layout--size-md .cds--tag {
7877
7920
  --cds-layout-size-height: var(--cds-layout-size-height-md);
7878
7921
  }
7879
- .cds--tag.cds--tag--interactive:hover,
7922
+ .cds--layout--size-lg .cds--tag {
7923
+ --cds-layout-size-height: var(--cds-layout-size-height-lg);
7924
+ }
7925
+ .cds--tag.cds--tag--operational {
7926
+ border: 1px solid var(--cds-tag-background-gray, #e0e0e0);
7927
+ }
7928
+ .cds--tag.cds--tag--operational:hover {
7929
+ background-color: var(--cds-tag-hover-gray, #d1d1d1);
7930
+ }
7880
7931
  .cds--tag .cds--tag__close-icon:hover {
7881
7932
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
7882
7933
  }
7934
+ .cds--tag.cds--tag--lg {
7935
+ padding-inline-start: 0.75rem;
7936
+ }
7937
+ .cds--tag:has(.cds--tag__custom-icon) {
7938
+ padding-inline-start: 0.25rem;
7939
+ }
7940
+ .cds--tag.cds--tag--lg:not(.cds--tag--filter) {
7941
+ padding-inline: 0.75rem;
7942
+ }
7943
+ .cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
7944
+ padding-inline-start: 0.5rem;
7945
+ }
7883
7946
  .cds--tag:not(:first-child) {
7884
7947
  margin-inline-start: 0;
7885
7948
  }
7886
7949
 
7950
+ .cds--tag__label {
7951
+ overflow: hidden;
7952
+ max-inline-size: 100%;
7953
+ text-overflow: ellipsis;
7954
+ white-space: nowrap;
7955
+ }
7956
+
7957
+ .cds--tag--interactive:focus {
7958
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
7959
+ outline: none;
7960
+ }
7961
+
7962
+ .cds--tag--interactive:hover {
7963
+ cursor: pointer;
7964
+ }
7965
+
7966
+ .cds--tag--filter {
7967
+ cursor: pointer;
7968
+ padding-block-end: 0;
7969
+ padding-block-start: 0;
7970
+ padding-inline-end: 0;
7971
+ }
7972
+ .cds--tag--filter:hover {
7973
+ outline: none;
7974
+ }
7975
+
7976
+ .cds--interactive--tag-children {
7977
+ display: inline-flex;
7978
+ place-items: center;
7979
+ }
7980
+
7981
+ .cds--tag--selectable {
7982
+ border: 1px solid var(--cds-border-inverse, #161616);
7983
+ background-color: var(--cds-layer);
7984
+ color: var(--cds-text-primary, #161616);
7985
+ cursor: pointer;
7986
+ }
7987
+ .cds--tag--selectable:hover {
7988
+ background-color: var(--cds-layer-hover);
7989
+ outline: none;
7990
+ }
7991
+ .cds--tag--selectable:focus {
7992
+ outline: 2px solid var(--cds-focus, #0f62fe);
7993
+ outline-offset: 1px;
7994
+ }
7995
+
7996
+ .cds--tag--selectable-selected {
7997
+ background-color: var(--cds-layer-selected-inverse, #161616);
7998
+ color: var(--cds-text-inverse, #ffffff);
7999
+ }
8000
+ .cds--tag--selectable-selected:hover {
8001
+ background-color: var(--cds-layer-selected-inverse, #161616);
8002
+ }
8003
+
8004
+ .cds--tag--operational {
8005
+ border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
8006
+ background-color: var(--cds-tag-background-gray, #e0e0e0);
8007
+ color: var(--cds-tag-color-gray, #161616);
8008
+ cursor: pointer;
8009
+ }
8010
+ .cds--tag--operational:hover {
8011
+ background-color: var(--cds-tag-hover-gray, #d1d1d1);
8012
+ outline: none;
8013
+ }
8014
+ .cds--tag--operational:focus {
8015
+ outline: 2px solid var(--cds-focus, #0f62fe);
8016
+ outline-offset: 1px;
8017
+ }
8018
+
7887
8019
  .cds--tag--red {
7888
8020
  background-color: var(--cds-tag-background-red, #ffd7d9);
7889
8021
  color: var(--cds-tag-color-red, #750e13);
7890
8022
  }
7891
- .cds--tag--red.cds--tag--interactive:hover,
8023
+ .cds--tag--red.cds--tag--operational {
8024
+ border: 1px solid var(--cds-tag-border-red, #ff8389);
8025
+ }
8026
+ .cds--tag--red.cds--tag--operational:hover {
8027
+ background-color: var(--cds-tag-hover-red, #ffc2c5);
8028
+ }
7892
8029
  .cds--tag--red .cds--tag__close-icon:hover {
7893
8030
  background-color: var(--cds-tag-hover-red, #ffc2c5);
7894
8031
  }
@@ -7897,7 +8034,12 @@ fieldset[disabled] .cds--form__helper-text {
7897
8034
  background-color: var(--cds-tag-background-magenta, #ffd6e8);
7898
8035
  color: var(--cds-tag-color-magenta, #740937);
7899
8036
  }
7900
- .cds--tag--magenta.cds--tag--interactive:hover,
8037
+ .cds--tag--magenta.cds--tag--operational {
8038
+ border: 1px solid var(--cds-tag-border-magenta, #ff7eb6);
8039
+ }
8040
+ .cds--tag--magenta.cds--tag--operational:hover {
8041
+ background-color: var(--cds-tag-hover-magenta, #ffbdda);
8042
+ }
7901
8043
  .cds--tag--magenta .cds--tag__close-icon:hover {
7902
8044
  background-color: var(--cds-tag-hover-magenta, #ffbdda);
7903
8045
  }
@@ -7906,7 +8048,12 @@ fieldset[disabled] .cds--form__helper-text {
7906
8048
  background-color: var(--cds-tag-background-purple, #e8daff);
7907
8049
  color: var(--cds-tag-color-purple, #491d8b);
7908
8050
  }
7909
- .cds--tag--purple.cds--tag--interactive:hover,
8051
+ .cds--tag--purple.cds--tag--operational {
8052
+ border: 1px solid var(--cds-tag-border-purple, #be95ff);
8053
+ }
8054
+ .cds--tag--purple.cds--tag--operational:hover {
8055
+ background-color: var(--cds-tag-hover-purple, #dcc7ff);
8056
+ }
7910
8057
  .cds--tag--purple .cds--tag__close-icon:hover {
7911
8058
  background-color: var(--cds-tag-hover-purple, #dcc7ff);
7912
8059
  }
@@ -7915,7 +8062,12 @@ fieldset[disabled] .cds--form__helper-text {
7915
8062
  background-color: var(--cds-tag-background-blue, #d0e2ff);
7916
8063
  color: var(--cds-tag-color-blue, #002d9c);
7917
8064
  }
7918
- .cds--tag--blue.cds--tag--interactive:hover,
8065
+ .cds--tag--blue.cds--tag--operational {
8066
+ border: 1px solid var(--cds-tag-border-blue, #78a9ff);
8067
+ }
8068
+ .cds--tag--blue.cds--tag--operational:hover {
8069
+ background-color: var(--cds-tag-hover-blue, #b8d3ff);
8070
+ }
7919
8071
  .cds--tag--blue .cds--tag__close-icon:hover {
7920
8072
  background-color: var(--cds-tag-hover-blue, #b8d3ff);
7921
8073
  }
@@ -7924,7 +8076,12 @@ fieldset[disabled] .cds--form__helper-text {
7924
8076
  background-color: var(--cds-tag-background-cyan, #bae6ff);
7925
8077
  color: var(--cds-tag-color-cyan, #003a6d);
7926
8078
  }
7927
- .cds--tag--cyan.cds--tag--interactive:hover,
8079
+ .cds--tag--cyan.cds--tag--operational {
8080
+ border: 1px solid var(--cds-tag-border-cyan, #33b1ff);
8081
+ }
8082
+ .cds--tag--cyan.cds--tag--operational:hover {
8083
+ background-color: var(--cds-tag-hover-cyan, #99daff);
8084
+ }
7928
8085
  .cds--tag--cyan .cds--tag__close-icon:hover {
7929
8086
  background-color: var(--cds-tag-hover-cyan, #99daff);
7930
8087
  }
@@ -7933,7 +8090,12 @@ fieldset[disabled] .cds--form__helper-text {
7933
8090
  background-color: var(--cds-tag-background-teal, #9ef0f0);
7934
8091
  color: var(--cds-tag-color-teal, #004144);
7935
8092
  }
7936
- .cds--tag--teal.cds--tag--interactive:hover,
8093
+ .cds--tag--teal.cds--tag--operational {
8094
+ border: 1px solid var(--cds-tag-border-teal, #08bdba);
8095
+ }
8096
+ .cds--tag--teal.cds--tag--operational:hover {
8097
+ background-color: var(--cds-tag-hover-teal, #57e5e5);
8098
+ }
7937
8099
  .cds--tag--teal .cds--tag__close-icon:hover {
7938
8100
  background-color: var(--cds-tag-hover-teal, #57e5e5);
7939
8101
  }
@@ -7942,54 +8104,85 @@ fieldset[disabled] .cds--form__helper-text {
7942
8104
  background-color: var(--cds-tag-background-green, #a7f0ba);
7943
8105
  color: var(--cds-tag-color-green, #044317);
7944
8106
  }
7945
- .cds--tag--green.cds--tag--interactive:hover,
8107
+ .cds--tag--green.cds--tag--operational {
8108
+ border: 1px solid var(--cds-tag-border-green, #42be65);
8109
+ }
8110
+ .cds--tag--green.cds--tag--operational:hover {
8111
+ background-color: var(--cds-tag-hover-green, #74e792);
8112
+ }
7946
8113
  .cds--tag--green .cds--tag__close-icon:hover {
7947
8114
  background-color: var(--cds-tag-hover-green, #74e792);
7948
8115
  }
7949
8116
 
7950
8117
  .cds--tag--gray {
7951
8118
  background-color: var(--cds-tag-background-gray, #e0e0e0);
7952
- color: var(--cds-tag-color-gray, #393939);
8119
+ color: var(--cds-tag-color-gray, #161616);
8120
+ }
8121
+ .cds--tag--gray.cds--tag--operational {
8122
+ border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
8123
+ }
8124
+ .cds--tag--gray.cds--tag--operational:hover {
8125
+ background-color: var(--cds-tag-hover-gray, #d1d1d1);
7953
8126
  }
7954
- .cds--tag--gray.cds--tag--interactive:hover,
7955
8127
  .cds--tag--gray .cds--tag__close-icon:hover {
7956
8128
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
7957
8129
  }
7958
8130
 
7959
8131
  .cds--tag--cool-gray {
7960
8132
  background-color: var(--cds-tag-background-cool-gray, #dde1e6);
7961
- color: var(--cds-tag-color-cool-gray, #343a3f);
8133
+ color: var(--cds-tag-color-cool-gray, #121619);
8134
+ }
8135
+ .cds--tag--cool-gray.cds--tag--operational {
8136
+ border: 1px solid var(--cds-tag-border-cool-gray, #a2a9b0);
8137
+ }
8138
+ .cds--tag--cool-gray.cds--tag--operational:hover {
8139
+ background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
7962
8140
  }
7963
- .cds--tag--cool-gray.cds--tag--interactive:hover,
7964
8141
  .cds--tag--cool-gray .cds--tag__close-icon:hover {
7965
8142
  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
7966
8143
  }
7967
8144
 
7968
8145
  .cds--tag--warm-gray {
7969
8146
  background-color: var(--cds-tag-background-warm-gray, #e5e0df);
7970
- color: var(--cds-tag-color-warm-gray, #3c3838);
8147
+ color: var(--cds-tag-color-warm-gray, #171414);
8148
+ }
8149
+ .cds--tag--warm-gray.cds--tag--operational {
8150
+ border: 1px solid var(--cds-tag-border-warm-gray, #ada8a8);
8151
+ }
8152
+ .cds--tag--warm-gray.cds--tag--operational:hover {
8153
+ background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
7971
8154
  }
7972
- .cds--tag--warm-gray.cds--tag--interactive:hover,
7973
8155
  .cds--tag--warm-gray .cds--tag__close-icon:hover {
7974
8156
  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
7975
8157
  }
7976
8158
 
7977
- .cds--tag--high-contrast {
8159
+ .cds--tag--high-contrast:not(.cds--tag--operational) {
7978
8160
  background-color: var(--cds-background-inverse, #393939);
7979
8161
  color: var(--cds-text-inverse, #ffffff);
7980
8162
  }
7981
- .cds--tag--high-contrast.cds--tag--interactive:hover,
7982
- .cds--tag--high-contrast .cds--tag__close-icon:hover {
8163
+ .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational {
8164
+ border: 1px solid var(--cds-background-inverse, #393939);
8165
+ }
8166
+ .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover {
8167
+ background-color: var(--cds-background-inverse-hover, #474747);
8168
+ }
8169
+ .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
7983
8170
  background-color: var(--cds-background-inverse-hover, #474747);
7984
8171
  }
7985
8172
 
7986
- .cds--tag--outline {
8173
+ .cds--tag--outline:not(.cds--tag--operational) {
7987
8174
  background-color: var(--cds-background, #ffffff);
7988
8175
  color: var(--cds-text-primary, #161616);
7989
- box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
8176
+ outline: 1px solid var(--cds-background-inverse, #393939);
8177
+ outline-offset: -1px;
7990
8178
  }
7991
- .cds--tag--outline.cds--tag--interactive:hover,
7992
- .cds--tag--outline .cds--tag__close-icon:hover {
8179
+ .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
8180
+ border: 1px solid var(--cds-background, #ffffff);
8181
+ }
8182
+ .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
8183
+ background-color: var(--cds-layer-hover);
8184
+ }
8185
+ .cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover {
7993
8186
  background-color: var(--cds-layer-hover);
7994
8187
  }
7995
8188
 
@@ -8000,11 +8193,18 @@ fieldset[disabled] .cds--form__helper-text {
8000
8193
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
8001
8194
  box-shadow: none;
8002
8195
  }
8003
- .cds--tag--disabled.cds--tag--interactive:hover,
8196
+ .cds--tag--disabled.cds--tag--operational,
8197
+ .cds--tag--filter.cds--tag--disabled.cds--tag--operational,
8198
+ .cds--tag--interactive.cds--tag--disabled.cds--tag--operational {
8199
+ border: 1px solid var(--cds-layer);
8200
+ }
8201
+ .cds--tag--disabled.cds--tag--operational:hover,
8202
+ .cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,
8203
+ .cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover {
8204
+ background-color: var(--cds-layer);
8205
+ }
8004
8206
  .cds--tag--disabled .cds--tag__close-icon:hover,
8005
- .cds--tag--filter.cds--tag--disabled.cds--tag--interactive:hover,
8006
8207
  .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
8007
- .cds--tag--interactive.cds--tag--disabled.cds--tag--interactive:hover,
8008
8208
  .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
8009
8209
  background-color: var(--cds-layer);
8010
8210
  }
@@ -8014,30 +8214,16 @@ fieldset[disabled] .cds--form__helper-text {
8014
8214
  cursor: not-allowed;
8015
8215
  }
8016
8216
 
8017
- .cds--tag__label {
8018
- overflow: hidden;
8019
- max-inline-size: 100%;
8020
- text-overflow: ellipsis;
8021
- white-space: nowrap;
8022
- }
8023
-
8024
- .cds--tag--interactive:focus {
8025
- box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
8026
- outline: none;
8027
- }
8028
-
8029
- .cds--tag--interactive:hover {
8030
- cursor: pointer;
8031
- }
8032
-
8033
- .cds--tag--filter {
8034
- cursor: pointer;
8035
- padding-block-end: 0;
8036
- padding-block-start: 0;
8037
- padding-inline-end: 0;
8217
+ .cds--tag--selectable.cds--tag--disabled,
8218
+ .cds--tag--operational.cds--tag--disabled {
8219
+ border: 1px solid var(--cds-border-disabled, #c6c6c6);
8220
+ background-color: var(--cds-layer);
8221
+ color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
8038
8222
  }
8039
- .cds--tag--filter:hover {
8040
- outline: none;
8223
+ .cds--tag--selectable.cds--tag--disabled:hover,
8224
+ .cds--tag--operational.cds--tag--disabled:hover {
8225
+ background-color: var(--cds-layer);
8226
+ cursor: not-allowed;
8041
8227
  }
8042
8228
 
8043
8229
  .cds--tag--interactive {
@@ -8084,6 +8270,7 @@ fieldset[disabled] .cds--form__helper-text {
8084
8270
  }
8085
8271
 
8086
8272
  .cds--tag__close-icon:focus {
8273
+ z-index: 99999;
8087
8274
  border-radius: 50%;
8088
8275
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
8089
8276
  outline: none;
@@ -8140,7 +8327,12 @@ fieldset[disabled] .cds--form__helper-text {
8140
8327
  animation: none;
8141
8328
  }
8142
8329
  }
8143
- .cds--tag.cds--skeleton.cds--tag--interactive:hover,
8330
+ .cds--tag.cds--skeleton.cds--tag--operational {
8331
+ border: 1px solid var(--cds-skeleton-background, #e8e8e8);
8332
+ }
8333
+ .cds--tag.cds--skeleton.cds--tag--operational:hover {
8334
+ background-color: var(--cds-skeleton-background, #e8e8e8);
8335
+ }
8144
8336
  .cds--tag.cds--skeleton .cds--tag__close-icon:hover {
8145
8337
  background-color: var(--cds-skeleton-background, #e8e8e8);
8146
8338
  }
@@ -8480,17 +8672,17 @@ fieldset[disabled] .cds--form__helper-text {
8480
8672
  }
8481
8673
 
8482
8674
  .cds--list-box__field .cds--text-input {
8483
- padding-inline-end: 4.5rem;
8675
+ padding-inline-end: 5rem;
8484
8676
  }
8485
8677
 
8486
8678
  .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input,
8487
8679
  .cds--list-box--warning .cds--list-box__field .cds--text-input {
8488
- padding-inline-end: 6.125rem;
8680
+ padding-inline-end: 6.5625rem;
8489
8681
  }
8490
8682
 
8491
8683
  .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon,
8492
8684
  .cds--list-box--warning .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon {
8493
- inset-inline-end: 4.125rem;
8685
+ inset-inline-end: 5.125rem;
8494
8686
  }
8495
8687
 
8496
8688
  .cds--list-box__field .cds--text-input--empty {
@@ -8588,7 +8780,7 @@ fieldset[disabled] .cds--form__helper-text {
8588
8780
  inline-size: 1.5rem;
8589
8781
  inset-block-start: 50%;
8590
8782
  /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */
8591
- inset-inline-end: 2.25rem;
8783
+ inset-inline-end: 2.8125rem;
8592
8784
  transform: translateY(-50%);
8593
8785
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
8594
8786
  user-select: none;
@@ -8666,7 +8858,12 @@ fieldset[disabled] .cds--form__helper-text {
8666
8858
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
8667
8859
  color: var(--cds-layer);
8668
8860
  }
8669
- .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--interactive:hover,
8861
+ .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational {
8862
+ border: 1px solid var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
8863
+ }
8864
+ .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational:hover {
8865
+ background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
8866
+ }
8670
8867
  .cds--list-box--disabled .cds--list-box__selection--multi .cds--tag__close-icon:hover {
8671
8868
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
8672
8869
  }
@@ -9009,10 +9206,30 @@ fieldset[disabled] .cds--form__helper-text {
9009
9206
  .cds--list-box__wrapper--slug .cds--slug {
9010
9207
  position: absolute;
9011
9208
  inset-block-start: 50%;
9012
- inset-inline-end: 2.5rem;
9209
+ inset-inline-end: calc(2.5rem + 9px);
9210
+ margin-block-start: 0.03125rem;
9013
9211
  transform: translateY(-50%);
9014
9212
  }
9015
9213
 
9214
+ .cds--list-box__wrapper--slug .cds--slug::after,
9215
+ .cds--list-box__wrapper--slug .cds--slug::before {
9216
+ position: absolute;
9217
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
9218
+ block-size: 1rem;
9219
+ content: "";
9220
+ inline-size: 0.0625rem;
9221
+ }
9222
+
9223
+ .cds--list-box__wrapper--slug .cds--slug::before {
9224
+ display: none;
9225
+ inset-inline-start: -0.5625rem;
9226
+ }
9227
+
9228
+ .cds--list-box__wrapper--slug .cds--slug::after {
9229
+ display: block;
9230
+ inset-inline-end: -0.5625rem;
9231
+ }
9232
+
9016
9233
  .cds--list-box__wrapper--slug .cds--list-box:not(:has(.cds--slug--revert)) {
9017
9234
  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%);
9018
9235
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
@@ -9040,21 +9257,28 @@ fieldset[disabled] .cds--form__helper-text {
9040
9257
 
9041
9258
  .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
9042
9259
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
9043
- padding-inline-end: 7.5rem;
9260
+ padding-inline-end: 8.8125rem;
9044
9261
  }
9045
9262
 
9046
- .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug,
9047
- .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug {
9048
- inset-inline-end: 4rem;
9263
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
9264
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
9265
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning {
9266
+ inset-inline-end: 5.1875rem;
9049
9267
  }
9050
9268
 
9051
- .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
9052
- inset-inline-end: 4rem;
9269
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,
9270
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {
9271
+ display: block;
9053
9272
  }
9054
9273
 
9055
- .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
9274
+ .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
9056
9275
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
9057
- inset-inline-end: 5.5rem;
9276
+ inset-inline-end: calc(4rem + 18px);
9277
+ }
9278
+
9279
+ .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
9280
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon {
9281
+ inset-inline-end: 7.25rem;
9058
9282
  }
9059
9283
 
9060
9284
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -9082,6 +9306,33 @@ fieldset[disabled] .cds--form__helper-text {
9082
9306
  }
9083
9307
  }
9084
9308
 
9309
+ .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::after {
9310
+ position: absolute;
9311
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
9312
+ block-size: 1rem;
9313
+ content: "";
9314
+ inline-size: 0.0625rem;
9315
+ margin-inline-start: 2.0625rem;
9316
+ }
9317
+
9318
+ .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
9319
+ .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {
9320
+ position: absolute;
9321
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
9322
+ block-size: 1rem;
9323
+ content: "";
9324
+ inline-size: 0.0625rem;
9325
+ margin-inline-end: 2.0625rem;
9326
+ }
9327
+
9328
+ .cds--list-box__wrapper--slug:has(.cds--multi-select) .cds--list-box__menu-icon {
9329
+ inset-inline-end: calc(0.75rem - 4px);
9330
+ }
9331
+
9332
+ .cds--list-box__wrapper--slug:has(.cds--dropdown) .cds--list-box__menu-icon {
9333
+ inset-inline-end: calc(0.75rem - 4px);
9334
+ }
9335
+
9085
9336
  .cds--combo-box:hover {
9086
9337
  background-color: var(--cds-field);
9087
9338
  }
@@ -10012,6 +10263,11 @@ fieldset[disabled] .cds--form__helper-text {
10012
10263
  background-color: ButtonText;
10013
10264
  }
10014
10265
  }
10266
+ @media print {
10267
+ .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
10268
+ print-color-adjust: exact;
10269
+ }
10270
+ }
10015
10271
 
10016
10272
  .cds--radio-button:disabled + .cds--radio-button__label {
10017
10273
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -10924,12 +11180,14 @@ tr.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
10924
11180
  tr.cds--expandable-row--hover.cds--data-table--slug-row,
10925
11181
  tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--slug-row {
10926
11182
  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);
11183
+ background-attachment: fixed;
10927
11184
  }
10928
11185
 
10929
11186
  tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
10930
11187
  .cds--data-table--selected.cds--data-table--slug-row,
10931
11188
  tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row {
10932
11189
  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);
11190
+ background-attachment: fixed;
10933
11191
  }
10934
11192
 
10935
11193
  tr.cds--data-table--slug-row.cds--data-table--selected td,
@@ -14834,6 +15092,28 @@ button.cds--dropdown-text:focus {
14834
15092
  padding-inline-end: 6rem;
14835
15093
  }
14836
15094
 
15095
+ .cds--list-box__wrapper--fluid .cds--list-box__selection {
15096
+ inset-inline-end: 2.5625rem;
15097
+ }
15098
+
15099
+ .cds--list-box__wrapper--fluid .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
15100
+ .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 {
15101
+ position: absolute;
15102
+ background-color: transparent;
15103
+ block-size: 1rem;
15104
+ content: "";
15105
+ inline-size: 0.0625rem;
15106
+ margin-inline-end: 2.0625rem;
15107
+ }
15108
+
15109
+ .cds--list-box__wrapper--fluid:has(.cds--multi-select) .cds--list-box__menu-icon {
15110
+ inset-inline-end: 0.75rem;
15111
+ }
15112
+
15113
+ .cds--list-box__wrapper--fluid:has(.cds--dropdown) .cds--list-box__menu-icon {
15114
+ inset-inline-end: 0.75rem;
15115
+ }
15116
+
14837
15117
  .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__field {
14838
15118
  overflow: visible;
14839
15119
  padding: 0;
@@ -16003,6 +16283,7 @@ button.cds--dropdown-text:focus {
16003
16283
  }
16004
16284
 
16005
16285
  .cds--search--fluid .cds--search-magnifier-icon {
16286
+ color: var(--cds-icon-primary, #161616);
16006
16287
  inset: auto 1rem 0.8125rem auto;
16007
16288
  transform: none;
16008
16289
  }
@@ -16015,16 +16296,6 @@ button.cds--dropdown-text:focus {
16015
16296
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
16016
16297
  }
16017
16298
 
16018
- .cds--search--fluid .cds--search-close::before {
16019
- position: absolute;
16020
- display: block;
16021
- background: var(--cds-border-subtle);
16022
- block-size: 1rem;
16023
- content: "";
16024
- inline-size: 0.0625rem;
16025
- inset: auto -0.0625rem 0.875rem auto;
16026
- }
16027
-
16028
16299
  .cds--search--fluid .cds--search-input:focus ~ .cds--search-close:hover {
16029
16300
  outline: none;
16030
16301
  }
@@ -17791,7 +18062,8 @@ optgroup.cds--select-optgroup:disabled,
17791
18062
  }
17792
18063
 
17793
18064
  .cds--body--with-modal-open .cds--modal .cds--tooltip,
17794
- .cds--body--with-modal-open .cds--modal .cds--overflow-menu-options {
18065
+ .cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,
18066
+ .cds--body--with-modal-open .cds--overflow-menu-options {
17795
18067
  z-index: 9000;
17796
18068
  }
17797
18069
 
@@ -20232,14 +20504,14 @@ span.cds--pagination__text.cds--pagination__items-count {
20232
20504
  .cds--skeleton__placeholder--ai,
20233
20505
  .cds--skeleton__icon--ai {
20234
20506
  overflow: hidden;
20235
- background: var(--cds-ai-skeleton-background, #b8d3ff);
20507
+ background: var(--cds-ai-skeleton-background, #d0e2ff);
20236
20508
  }
20237
20509
 
20238
20510
  .cds--skeleton__text--ai::before,
20239
20511
  .cds--skeleton__placeholder--ai::before,
20240
20512
  .cds--skeleton__icon--ai::before {
20241
20513
  animation: 1250ms ease-in-out ai-skeleton-animation infinite;
20242
- background: linear-gradient(to right, rgba(0, 17, 65, 0) 0%, rgba(0, 17, 65, 0.5) 50%, rgba(0, 17, 65, 0) 100%);
20514
+ background: linear-gradient(to right, rgba(69, 137, 255, 0) 0%, rgba(69, 137, 255, 0.5) 50%, rgba(69, 137, 255, 0) 100%);
20243
20515
  }
20244
20516
 
20245
20517
  .cds--skeleton__placeholder--ai::before,
@@ -20746,6 +21018,7 @@ span.cds--pagination__text.cds--pagination__items-count {
20746
21018
  --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
20747
21019
  --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
20748
21020
  --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
21021
+ --cds-link-visited-text-color: var(--cds-link-inverse, #78a9ff);
20749
21022
  --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
20750
21023
  font-size: var(--cds-body-01-font-size, 0.875rem);
20751
21024
  font-weight: var(--cds-body-01-font-weight, 400);
@@ -21047,7 +21320,7 @@ span.cds--pagination__text.cds--pagination__items-count {
21047
21320
  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;
21048
21321
  border: 1px solid transparent;
21049
21322
  border-radius: 0.5rem;
21050
- 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));
21323
+ 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));
21051
21324
  color: var(--cds-text-primary, #161616);
21052
21325
  min-inline-size: 17.5rem;
21053
21326
  }
@@ -21109,7 +21382,7 @@ span.cds--pagination__text.cds--pagination__items-count {
21109
21382
  .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
21110
21383
  .cds--popover--top-right,
21111
21384
  .cds--popover--top-left) > .cds--popover > .cds--popover-caret::after {
21112
- background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
21385
+ background: var(--cds-ai-popover-caret-bottom-background, #d5e5ff);
21113
21386
  block-size: 0.125rem;
21114
21387
  border-end-end-radius: 50%;
21115
21388
  border-end-start-radius: 50%;
@@ -21181,8 +21454,8 @@ span.cds--pagination__text.cds--pagination__items-count {
21181
21454
  .cds--popover--top,
21182
21455
  .cds--popover--top-right,
21183
21456
  .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
21184
- border-color: var(--cds-slug-callout-caret-bottom, #d0e2ff);
21185
- background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
21457
+ border-color: var(--cds-ai-popover-caret-bottom, #d0e2ff);
21458
+ background: var(--cds-ai-popover-caret-bottom-background, #d5e5ff);
21186
21459
  }
21187
21460
 
21188
21461
  .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
@@ -21190,12 +21463,12 @@ span.cds--pagination__text.cds--pagination__items-count {
21190
21463
  .cds--popover--top,
21191
21464
  .cds--popover--top-right,
21192
21465
  .cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before {
21193
- background: var(--cds-slug-callout-caret-bottom-background-actions, #dae5f8);
21466
+ background: var(--cds-ai-popover-caret-bottom-background-actions, #dae5f8);
21194
21467
  }
21195
21468
 
21196
21469
  .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
21197
21470
  .cds--popover--right) > .cds--popover > .cds--popover-caret::before {
21198
- border-color: var(--cds-slug-callout-caret-center, #a7c7ff);
21471
+ border-color: var(--cds-ai-popover-caret-center, #a7c7ff);
21199
21472
  }
21200
21473
 
21201
21474
  .cds--slug.cds--slug--enabled .cds--toggletip-content {
@@ -22202,8 +22475,8 @@ span.cds--pagination__text.cds--pagination__items-count {
22202
22475
  block-size: 1rem;
22203
22476
  inset-block-start: var(--cds-layout-density-padding-inline-local);
22204
22477
  inset-inline-end: var(--cds-layout-density-padding-inline-local);
22205
- opacity: 0;
22206
22478
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
22479
+ opacity: 0;
22207
22480
  }
22208
22481
  .cds--tile__checkmark svg {
22209
22482
  border-radius: 50%;
@@ -27886,13 +28159,16 @@ button.c4p--add-select__global-filter-toggle--open {
27886
28159
  --cds-ai-border-start: #4589ff;
27887
28160
  --cds-ai-border-strong: #78a9ff;
27888
28161
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
27889
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
27890
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
27891
- --cds-ai-gradient-start-02: transparent;
27892
28162
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
27893
28163
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
27894
- --cds-ai-skeleton-background: #0053ff;
27895
- --cds-ai-skeleton-element-background: #001141;
28164
+ --cds-ai-popover-caret-bottom: #3d4655;
28165
+ --cds-ai-popover-caret-bottom-background: #213250;
28166
+ --cds-ai-popover-caret-bottom-background-actions: #192436;
28167
+ --cds-ai-popover-caret-center: #3f68af;
28168
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
28169
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
28170
+ --cds-ai-skeleton-background: #a6c8ff;
28171
+ --cds-ai-skeleton-element-background: #002d9c;
27896
28172
  --cds-background: #161616;
27897
28173
  --cds-background-active: rgba(141, 141, 141, 0.4);
27898
28174
  --cds-background-brand: #0f62fe;
@@ -27923,9 +28199,17 @@ button.c4p--add-select__global-filter-toggle--open {
27923
28199
  --cds-chat-bubble-agent: #262626;
27924
28200
  --cds-chat-bubble-agent-border: #525252;
27925
28201
  --cds-chat-bubble-user: #393939;
28202
+ --cds-chat-button: #78a9ff;
28203
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
28204
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
28205
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
28206
+ --cds-chat-button-text-hover: #a6c8ff;
28207
+ --cds-chat-button-text-selected: #c6c6c6;
28208
+ --cds-chat-header-background: #262626;
27926
28209
  --cds-chat-prompt-background: #161616;
27927
28210
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
27928
28211
  --cds-chat-prompt-border-start: #262626;
28212
+ --cds-chat-shell-background: #262626;
27929
28213
  --cds-field-01: #262626;
27930
28214
  --cds-field-02: #393939;
27931
28215
  --cds-field-03: #525252;
@@ -27983,26 +28267,6 @@ button.c4p--add-select__global-filter-toggle--open {
27983
28267
  --cds-skeleton-element: #393939;
27984
28268
  --cds-slug-background: #c6c6c6;
27985
28269
  --cds-slug-background-hover: #e0e0e0;
27986
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
27987
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
27988
- --cds-slug-callout-aura-end-hover-02: transparent;
27989
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
27990
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
27991
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
27992
- --cds-slug-callout-aura-start-hover-02: transparent;
27993
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
27994
- --cds-slug-callout-caret-bottom: #3d4655;
27995
- --cds-slug-callout-caret-bottom-background: #213250;
27996
- --cds-slug-callout-caret-bottom-background-actions: #192436;
27997
- --cds-slug-callout-caret-center: #3f68af;
27998
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
27999
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
28000
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
28001
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
28002
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
28003
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
28004
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
28005
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
28006
28270
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
28007
28271
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
28008
28272
  --cds-slug-hollow-hover: #b5b5b5;
@@ -28318,13 +28582,23 @@ button.c4p--add-select__global-filter-toggle--open {
28318
28582
  --cds-tag-color-green: #a7f0ba;
28319
28583
  --cds-tag-hover-green: #11742f;
28320
28584
  --cds-tag-background-gray: #525252;
28321
- --cds-tag-color-gray: #e0e0e0;
28585
+ --cds-tag-color-gray: #f4f4f4;
28322
28586
  --cds-tag-hover-gray: #636363;
28587
+ --cds-tag-border-red: #fa4d56;
28588
+ --cds-tag-border-blue: #4589ff;
28589
+ --cds-tag-border-cyan: #1192e8;
28590
+ --cds-tag-border-teal: #009d9a;
28591
+ --cds-tag-border-green: #24a148;
28592
+ --cds-tag-border-magenta: #ee5396;
28593
+ --cds-tag-border-purple: #a56eff;
28594
+ --cds-tag-border-gray: #8d8d8d;
28595
+ --cds-tag-border-cool-gray: #878d96;
28596
+ --cds-tag-border-warm-gray: #8f8b8b;
28323
28597
  --cds-tag-background-cool-gray: #4d5358;
28324
- --cds-tag-color-cool-gray: #dde1e6;
28598
+ --cds-tag-color-cool-gray: #f2f4f8;
28325
28599
  --cds-tag-hover-cool-gray: #5d646a;
28326
28600
  --cds-tag-background-warm-gray: #565151;
28327
- --cds-tag-color-warm-gray: #e5e0df;
28601
+ --cds-tag-color-warm-gray: #f7f3f2;
28328
28602
  --cds-tag-hover-warm-gray: #696363;
28329
28603
  --cds-notification-background-error: #262626;
28330
28604
  --cds-notification-background-success: #262626;
@@ -31617,13 +31891,16 @@ button.c4p--add-select__global-filter-toggle--open {
31617
31891
  --cds-ai-border-start: #4589ff;
31618
31892
  --cds-ai-border-strong: #78a9ff;
31619
31893
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
31620
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
31621
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
31622
- --cds-ai-gradient-start-02: transparent;
31623
31894
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
31624
31895
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
31625
- --cds-ai-skeleton-background: #0053ff;
31626
- --cds-ai-skeleton-element-background: #001141;
31896
+ --cds-ai-popover-caret-bottom: #465060;
31897
+ --cds-ai-popover-caret-bottom-background: #2d3f5c;
31898
+ --cds-ai-popover-caret-bottom-background-actions: #253042;
31899
+ --cds-ai-popover-caret-center: #456fb5;
31900
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
31901
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
31902
+ --cds-ai-skeleton-background: #a6c8ff;
31903
+ --cds-ai-skeleton-element-background: #002d9c;
31627
31904
  --cds-background: #262626;
31628
31905
  --cds-background-active: rgba(141, 141, 141, 0.4);
31629
31906
  --cds-background-brand: #0f62fe;
@@ -31654,9 +31931,17 @@ button.c4p--add-select__global-filter-toggle--open {
31654
31931
  --cds-chat-bubble-agent: #262626;
31655
31932
  --cds-chat-bubble-agent-border: #525252;
31656
31933
  --cds-chat-bubble-user: #393939;
31934
+ --cds-chat-button: #78a9ff;
31935
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
31936
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
31937
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
31938
+ --cds-chat-button-text-hover: #a6c8ff;
31939
+ --cds-chat-button-text-selected: #c6c6c6;
31940
+ --cds-chat-header-background: #262626;
31657
31941
  --cds-chat-prompt-background: #161616;
31658
31942
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
31659
31943
  --cds-chat-prompt-border-start: #262626;
31944
+ --cds-chat-shell-background: #262626;
31660
31945
  --cds-field-01: #393939;
31661
31946
  --cds-field-02: #525252;
31662
31947
  --cds-field-03: #6f6f6f;
@@ -31714,26 +31999,6 @@ button.c4p--add-select__global-filter-toggle--open {
31714
31999
  --cds-skeleton-element: #525252;
31715
32000
  --cds-slug-background: #c6c6c6;
31716
32001
  --cds-slug-background-hover: #e0e0e0;
31717
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
31718
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
31719
- --cds-slug-callout-aura-end-hover-02: transparent;
31720
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
31721
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
31722
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
31723
- --cds-slug-callout-aura-start-hover-02: transparent;
31724
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
31725
- --cds-slug-callout-caret-bottom: #465060;
31726
- --cds-slug-callout-caret-bottom-background: #2d3f5c;
31727
- --cds-slug-callout-caret-bottom-background-actions: #253042;
31728
- --cds-slug-callout-caret-center: #456fb5;
31729
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
31730
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
31731
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
31732
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
31733
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
31734
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
31735
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
31736
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
31737
32002
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
31738
32003
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
31739
32004
  --cds-slug-hollow-hover: #b5b5b5;
@@ -32049,13 +32314,23 @@ button.c4p--add-select__global-filter-toggle--open {
32049
32314
  --cds-tag-color-green: #a7f0ba;
32050
32315
  --cds-tag-hover-green: #11742f;
32051
32316
  --cds-tag-background-gray: #525252;
32052
- --cds-tag-color-gray: #e0e0e0;
32317
+ --cds-tag-color-gray: #f4f4f4;
32053
32318
  --cds-tag-hover-gray: #636363;
32319
+ --cds-tag-border-red: #fa4d56;
32320
+ --cds-tag-border-blue: #4589ff;
32321
+ --cds-tag-border-cyan: #1192e8;
32322
+ --cds-tag-border-teal: #009d9a;
32323
+ --cds-tag-border-green: #24a148;
32324
+ --cds-tag-border-magenta: #ee5396;
32325
+ --cds-tag-border-purple: #a56eff;
32326
+ --cds-tag-border-gray: #8d8d8d;
32327
+ --cds-tag-border-cool-gray: #878d96;
32328
+ --cds-tag-border-warm-gray: #8f8b8b;
32054
32329
  --cds-tag-background-cool-gray: #4d5358;
32055
- --cds-tag-color-cool-gray: #dde1e6;
32330
+ --cds-tag-color-cool-gray: #f2f4f8;
32056
32331
  --cds-tag-hover-cool-gray: #5d646a;
32057
32332
  --cds-tag-background-warm-gray: #565151;
32058
- --cds-tag-color-warm-gray: #e5e0df;
32333
+ --cds-tag-color-warm-gray: #f7f3f2;
32059
32334
  --cds-tag-hover-warm-gray: #696363;
32060
32335
  --cds-notification-background-error: #393939;
32061
32336
  --cds-notification-background-success: #393939;
@@ -32115,13 +32390,16 @@ button.c4p--add-select__global-filter-toggle--open {
32115
32390
  --cds-ai-border-start: #4589ff;
32116
32391
  --cds-ai-border-strong: #78a9ff;
32117
32392
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
32118
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
32119
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
32120
- --cds-ai-gradient-start-02: transparent;
32121
32393
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
32122
32394
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
32123
- --cds-ai-skeleton-background: #0053ff;
32124
- --cds-ai-skeleton-element-background: #001141;
32395
+ --cds-ai-popover-caret-bottom: #3d4655;
32396
+ --cds-ai-popover-caret-bottom-background: #213250;
32397
+ --cds-ai-popover-caret-bottom-background-actions: #192436;
32398
+ --cds-ai-popover-caret-center: #3f68af;
32399
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
32400
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
32401
+ --cds-ai-skeleton-background: #a6c8ff;
32402
+ --cds-ai-skeleton-element-background: #002d9c;
32125
32403
  --cds-background: #161616;
32126
32404
  --cds-background-active: rgba(141, 141, 141, 0.4);
32127
32405
  --cds-background-brand: #0f62fe;
@@ -32152,9 +32430,17 @@ button.c4p--add-select__global-filter-toggle--open {
32152
32430
  --cds-chat-bubble-agent: #262626;
32153
32431
  --cds-chat-bubble-agent-border: #525252;
32154
32432
  --cds-chat-bubble-user: #393939;
32433
+ --cds-chat-button: #78a9ff;
32434
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
32435
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
32436
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
32437
+ --cds-chat-button-text-hover: #a6c8ff;
32438
+ --cds-chat-button-text-selected: #c6c6c6;
32439
+ --cds-chat-header-background: #262626;
32155
32440
  --cds-chat-prompt-background: #161616;
32156
32441
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
32157
32442
  --cds-chat-prompt-border-start: #262626;
32443
+ --cds-chat-shell-background: #262626;
32158
32444
  --cds-field-01: #262626;
32159
32445
  --cds-field-02: #393939;
32160
32446
  --cds-field-03: #525252;
@@ -32212,26 +32498,6 @@ button.c4p--add-select__global-filter-toggle--open {
32212
32498
  --cds-skeleton-element: #393939;
32213
32499
  --cds-slug-background: #c6c6c6;
32214
32500
  --cds-slug-background-hover: #e0e0e0;
32215
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
32216
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
32217
- --cds-slug-callout-aura-end-hover-02: transparent;
32218
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
32219
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
32220
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
32221
- --cds-slug-callout-aura-start-hover-02: transparent;
32222
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
32223
- --cds-slug-callout-caret-bottom: #3d4655;
32224
- --cds-slug-callout-caret-bottom-background: #213250;
32225
- --cds-slug-callout-caret-bottom-background-actions: #192436;
32226
- --cds-slug-callout-caret-center: #3f68af;
32227
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
32228
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
32229
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
32230
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
32231
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
32232
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
32233
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
32234
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
32235
32501
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
32236
32502
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
32237
32503
  --cds-slug-hollow-hover: #b5b5b5;
@@ -32547,13 +32813,23 @@ button.c4p--add-select__global-filter-toggle--open {
32547
32813
  --cds-tag-color-green: #a7f0ba;
32548
32814
  --cds-tag-hover-green: #11742f;
32549
32815
  --cds-tag-background-gray: #525252;
32550
- --cds-tag-color-gray: #e0e0e0;
32816
+ --cds-tag-color-gray: #f4f4f4;
32551
32817
  --cds-tag-hover-gray: #636363;
32818
+ --cds-tag-border-red: #fa4d56;
32819
+ --cds-tag-border-blue: #4589ff;
32820
+ --cds-tag-border-cyan: #1192e8;
32821
+ --cds-tag-border-teal: #009d9a;
32822
+ --cds-tag-border-green: #24a148;
32823
+ --cds-tag-border-magenta: #ee5396;
32824
+ --cds-tag-border-purple: #a56eff;
32825
+ --cds-tag-border-gray: #8d8d8d;
32826
+ --cds-tag-border-cool-gray: #878d96;
32827
+ --cds-tag-border-warm-gray: #8f8b8b;
32552
32828
  --cds-tag-background-cool-gray: #4d5358;
32553
- --cds-tag-color-cool-gray: #dde1e6;
32829
+ --cds-tag-color-cool-gray: #f2f4f8;
32554
32830
  --cds-tag-hover-cool-gray: #5d646a;
32555
32831
  --cds-tag-background-warm-gray: #565151;
32556
- --cds-tag-color-warm-gray: #e5e0df;
32832
+ --cds-tag-color-warm-gray: #f7f3f2;
32557
32833
  --cds-tag-hover-warm-gray: #696363;
32558
32834
  --cds-notification-background-error: #262626;
32559
32835
  --cds-notification-background-success: #262626;
@@ -34944,6 +35220,12 @@ th.c4p--datagrid__select-all-toggle-on.button {
34944
35220
  .c4p--datagrid__draggable-handleHolder-droppable.c4p--datagrid__draggable-handleHolder-droppable--origin {
34945
35221
  opacity: 0.5;
34946
35222
  transition: opacity 150ms cubic-bezier(0, 0, 0.38, 0.9);
35223
+ /* stylelint-disable-next-line max-nesting-depth */
35224
+ }
35225
+ @media (prefers-reduced-motion: reduce) {
35226
+ .c4p--datagrid__draggable-handleHolder-droppable.c4p--datagrid__draggable-handleHolder-droppable--origin {
35227
+ transition: none;
35228
+ }
34947
35229
  }
34948
35230
 
34949
35231
  .c4p--datagrid__draggable-handleHolder--sticky {
@@ -38565,13 +38847,16 @@ a.cds--side-nav__link--current::before {
38565
38847
  --cds-ai-border-start: #4589ff;
38566
38848
  --cds-ai-border-strong: #78a9ff;
38567
38849
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
38568
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
38569
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
38570
- --cds-ai-gradient-start-02: transparent;
38571
38850
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
38572
38851
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
38573
- --cds-ai-skeleton-background: #0053ff;
38574
- --cds-ai-skeleton-element-background: #001141;
38852
+ --cds-ai-popover-caret-bottom: #3d4655;
38853
+ --cds-ai-popover-caret-bottom-background: #213250;
38854
+ --cds-ai-popover-caret-bottom-background-actions: #192436;
38855
+ --cds-ai-popover-caret-center: #3f68af;
38856
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
38857
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
38858
+ --cds-ai-skeleton-background: #a6c8ff;
38859
+ --cds-ai-skeleton-element-background: #002d9c;
38575
38860
  --cds-background: #161616;
38576
38861
  --cds-background-active: rgba(141, 141, 141, 0.4);
38577
38862
  --cds-background-brand: #0f62fe;
@@ -38602,9 +38887,17 @@ a.cds--side-nav__link--current::before {
38602
38887
  --cds-chat-bubble-agent: #262626;
38603
38888
  --cds-chat-bubble-agent-border: #525252;
38604
38889
  --cds-chat-bubble-user: #393939;
38890
+ --cds-chat-button: #78a9ff;
38891
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
38892
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
38893
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
38894
+ --cds-chat-button-text-hover: #a6c8ff;
38895
+ --cds-chat-button-text-selected: #c6c6c6;
38896
+ --cds-chat-header-background: #262626;
38605
38897
  --cds-chat-prompt-background: #161616;
38606
38898
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
38607
38899
  --cds-chat-prompt-border-start: #262626;
38900
+ --cds-chat-shell-background: #262626;
38608
38901
  --cds-field-01: #262626;
38609
38902
  --cds-field-02: #393939;
38610
38903
  --cds-field-03: #525252;
@@ -38662,26 +38955,6 @@ a.cds--side-nav__link--current::before {
38662
38955
  --cds-skeleton-element: #393939;
38663
38956
  --cds-slug-background: #c6c6c6;
38664
38957
  --cds-slug-background-hover: #e0e0e0;
38665
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
38666
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
38667
- --cds-slug-callout-aura-end-hover-02: transparent;
38668
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
38669
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
38670
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
38671
- --cds-slug-callout-aura-start-hover-02: transparent;
38672
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
38673
- --cds-slug-callout-caret-bottom: #3d4655;
38674
- --cds-slug-callout-caret-bottom-background: #213250;
38675
- --cds-slug-callout-caret-bottom-background-actions: #192436;
38676
- --cds-slug-callout-caret-center: #3f68af;
38677
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
38678
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
38679
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
38680
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
38681
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
38682
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
38683
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
38684
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
38685
38958
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
38686
38959
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
38687
38960
  --cds-slug-hollow-hover: #b5b5b5;
@@ -38998,13 +39271,23 @@ a.cds--side-nav__link--current::before {
38998
39271
  --cds-tag-color-green: #a7f0ba;
38999
39272
  --cds-tag-hover-green: #11742f;
39000
39273
  --cds-tag-background-gray: #525252;
39001
- --cds-tag-color-gray: #e0e0e0;
39274
+ --cds-tag-color-gray: #f4f4f4;
39002
39275
  --cds-tag-hover-gray: #636363;
39276
+ --cds-tag-border-red: #fa4d56;
39277
+ --cds-tag-border-blue: #4589ff;
39278
+ --cds-tag-border-cyan: #1192e8;
39279
+ --cds-tag-border-teal: #009d9a;
39280
+ --cds-tag-border-green: #24a148;
39281
+ --cds-tag-border-magenta: #ee5396;
39282
+ --cds-tag-border-purple: #a56eff;
39283
+ --cds-tag-border-gray: #8d8d8d;
39284
+ --cds-tag-border-cool-gray: #878d96;
39285
+ --cds-tag-border-warm-gray: #8f8b8b;
39003
39286
  --cds-tag-background-cool-gray: #4d5358;
39004
- --cds-tag-color-cool-gray: #dde1e6;
39287
+ --cds-tag-color-cool-gray: #f2f4f8;
39005
39288
  --cds-tag-hover-cool-gray: #5d646a;
39006
39289
  --cds-tag-background-warm-gray: #565151;
39007
- --cds-tag-color-warm-gray: #e5e0df;
39290
+ --cds-tag-color-warm-gray: #f7f3f2;
39008
39291
  --cds-tag-hover-warm-gray: #696363;
39009
39292
  --cds-notification-background-error: #262626;
39010
39293
  --cds-notification-background-success: #262626;
@@ -39437,13 +39720,16 @@ a.cds--side-nav__link--current::before {
39437
39720
  --cds-ai-border-start: #4589ff;
39438
39721
  --cds-ai-border-strong: #78a9ff;
39439
39722
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
39440
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
39441
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
39442
- --cds-ai-gradient-start-02: transparent;
39443
39723
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
39444
39724
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
39445
- --cds-ai-skeleton-background: #0053ff;
39446
- --cds-ai-skeleton-element-background: #001141;
39725
+ --cds-ai-popover-caret-bottom: #3d4655;
39726
+ --cds-ai-popover-caret-bottom-background: #213250;
39727
+ --cds-ai-popover-caret-bottom-background-actions: #192436;
39728
+ --cds-ai-popover-caret-center: #3f68af;
39729
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
39730
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
39731
+ --cds-ai-skeleton-background: #a6c8ff;
39732
+ --cds-ai-skeleton-element-background: #002d9c;
39447
39733
  --cds-background: #161616;
39448
39734
  --cds-background-active: rgba(141, 141, 141, 0.4);
39449
39735
  --cds-background-brand: #0f62fe;
@@ -39474,9 +39760,17 @@ a.cds--side-nav__link--current::before {
39474
39760
  --cds-chat-bubble-agent: #262626;
39475
39761
  --cds-chat-bubble-agent-border: #525252;
39476
39762
  --cds-chat-bubble-user: #393939;
39763
+ --cds-chat-button: #78a9ff;
39764
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
39765
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
39766
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
39767
+ --cds-chat-button-text-hover: #a6c8ff;
39768
+ --cds-chat-button-text-selected: #c6c6c6;
39769
+ --cds-chat-header-background: #262626;
39477
39770
  --cds-chat-prompt-background: #161616;
39478
39771
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
39479
39772
  --cds-chat-prompt-border-start: #262626;
39773
+ --cds-chat-shell-background: #262626;
39480
39774
  --cds-field-01: #262626;
39481
39775
  --cds-field-02: #393939;
39482
39776
  --cds-field-03: #525252;
@@ -39534,26 +39828,6 @@ a.cds--side-nav__link--current::before {
39534
39828
  --cds-skeleton-element: #393939;
39535
39829
  --cds-slug-background: #c6c6c6;
39536
39830
  --cds-slug-background-hover: #e0e0e0;
39537
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
39538
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
39539
- --cds-slug-callout-aura-end-hover-02: transparent;
39540
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
39541
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
39542
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
39543
- --cds-slug-callout-aura-start-hover-02: transparent;
39544
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
39545
- --cds-slug-callout-caret-bottom: #3d4655;
39546
- --cds-slug-callout-caret-bottom-background: #213250;
39547
- --cds-slug-callout-caret-bottom-background-actions: #192436;
39548
- --cds-slug-callout-caret-center: #3f68af;
39549
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
39550
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
39551
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
39552
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
39553
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
39554
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
39555
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
39556
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
39557
39831
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
39558
39832
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
39559
39833
  --cds-slug-hollow-hover: #b5b5b5;
@@ -39870,13 +40144,23 @@ a.cds--side-nav__link--current::before {
39870
40144
  --cds-tag-color-green: #a7f0ba;
39871
40145
  --cds-tag-hover-green: #11742f;
39872
40146
  --cds-tag-background-gray: #525252;
39873
- --cds-tag-color-gray: #e0e0e0;
40147
+ --cds-tag-color-gray: #f4f4f4;
39874
40148
  --cds-tag-hover-gray: #636363;
40149
+ --cds-tag-border-red: #fa4d56;
40150
+ --cds-tag-border-blue: #4589ff;
40151
+ --cds-tag-border-cyan: #1192e8;
40152
+ --cds-tag-border-teal: #009d9a;
40153
+ --cds-tag-border-green: #24a148;
40154
+ --cds-tag-border-magenta: #ee5396;
40155
+ --cds-tag-border-purple: #a56eff;
40156
+ --cds-tag-border-gray: #8d8d8d;
40157
+ --cds-tag-border-cool-gray: #878d96;
40158
+ --cds-tag-border-warm-gray: #8f8b8b;
39875
40159
  --cds-tag-background-cool-gray: #4d5358;
39876
- --cds-tag-color-cool-gray: #dde1e6;
40160
+ --cds-tag-color-cool-gray: #f2f4f8;
39877
40161
  --cds-tag-hover-cool-gray: #5d646a;
39878
40162
  --cds-tag-background-warm-gray: #565151;
39879
- --cds-tag-color-warm-gray: #e5e0df;
40163
+ --cds-tag-color-warm-gray: #f7f3f2;
39880
40164
  --cds-tag-hover-warm-gray: #696363;
39881
40165
  --cds-notification-background-error: #262626;
39882
40166
  --cds-notification-background-success: #262626;
@@ -40403,6 +40687,7 @@ a.cds--side-nav__link--current::before {
40403
40687
  white-space: nowrap;
40404
40688
  }
40405
40689
 
40690
+ /* stylelint-disable carbon/layout-token-use */
40406
40691
  /* stylelint-disable carbon/theme-token-use */
40407
40692
  /* stylelint-disable carbon/type-token-use */
40408
40693
  /* stylelint-disable carbon/layout-token-use */
@@ -40418,13 +40703,16 @@ a.cds--side-nav__link--current::before {
40418
40703
  --cds-ai-border-start: #78a9ff;
40419
40704
  --cds-ai-border-strong: #4589ff;
40420
40705
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
40421
- --cds-ai-gradient-end: rgba(255, 255, 255, 0);
40422
- --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
40423
- --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
40424
40706
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
40425
40707
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
40426
- --cds-ai-skeleton-background: #b8d3ff;
40427
- --cds-ai-skeleton-element-background: #001141;
40708
+ --cds-ai-popover-caret-bottom: #d0e2ff;
40709
+ --cds-ai-popover-caret-bottom-background: #ccdbf8;
40710
+ --cds-ai-popover-caret-bottom-background-actions: #d2dcee;
40711
+ --cds-ai-popover-caret-center: #a7c7ff;
40712
+ --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.25);
40713
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.1);
40714
+ --cds-ai-skeleton-background: #d0e2ff;
40715
+ --cds-ai-skeleton-element-background: #4589ff;
40428
40716
  --cds-background: #f4f4f4;
40429
40717
  --cds-background-active: rgba(141, 141, 141, 0.5);
40430
40718
  --cds-background-brand: #0f62fe;
@@ -40455,9 +40743,17 @@ a.cds--side-nav__link--current::before {
40455
40743
  --cds-chat-bubble-agent: #ffffff;
40456
40744
  --cds-chat-bubble-agent-border: #e0e0e0;
40457
40745
  --cds-chat-bubble-user: #e0e0e0;
40746
+ --cds-chat-button: #0f62fe;
40747
+ --cds-chat-button-active: rgba(141, 141, 141, 0.5);
40748
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
40749
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
40750
+ --cds-chat-button-text-hover: #0043ce;
40751
+ --cds-chat-button-text-selected: #525252;
40752
+ --cds-chat-header-background: #ffffff;
40458
40753
  --cds-chat-prompt-background: #ffffff;
40459
40754
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
40460
40755
  --cds-chat-prompt-border-start: #f4f4f4;
40756
+ --cds-chat-shell-background: #ffffff;
40461
40757
  --cds-field-01: #ffffff;
40462
40758
  --cds-field-02: #f4f4f4;
40463
40759
  --cds-field-03: #ffffff;
@@ -40515,26 +40811,6 @@ a.cds--side-nav__link--current::before {
40515
40811
  --cds-skeleton-element: #c6c6c6;
40516
40812
  --cds-slug-background: #525252;
40517
40813
  --cds-slug-background-hover: #6f6f6f;
40518
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
40519
- --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
40520
- --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
40521
- --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
40522
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
40523
- --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
40524
- --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
40525
- --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
40526
- --cds-slug-callout-caret-bottom: #d0e2ff;
40527
- --cds-slug-callout-caret-bottom-background: #ccdbf8;
40528
- --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
40529
- --cds-slug-callout-caret-center: #a7c7ff;
40530
- --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
40531
- --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
40532
- --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
40533
- --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
40534
- --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
40535
- --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
40536
- --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
40537
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
40538
40814
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
40539
40815
  --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
40540
40816
  --cds-slug-hollow-hover: #474747;
@@ -40851,13 +41127,23 @@ a.cds--side-nav__link--current::before {
40851
41127
  --cds-tag-color-green: #044317;
40852
41128
  --cds-tag-hover-green: #74e792;
40853
41129
  --cds-tag-background-gray: #e0e0e0;
40854
- --cds-tag-color-gray: #393939;
41130
+ --cds-tag-color-gray: #161616;
40855
41131
  --cds-tag-hover-gray: #d1d1d1;
41132
+ --cds-tag-border-red: #ff8389;
41133
+ --cds-tag-border-blue: #78a9ff;
41134
+ --cds-tag-border-cyan: #33b1ff;
41135
+ --cds-tag-border-teal: #08bdba;
41136
+ --cds-tag-border-green: #42be65;
41137
+ --cds-tag-border-magenta: #ff7eb6;
41138
+ --cds-tag-border-purple: #be95ff;
41139
+ --cds-tag-border-gray: #a8a8a8;
41140
+ --cds-tag-border-cool-gray: #a2a9b0;
41141
+ --cds-tag-border-warm-gray: #ada8a8;
40856
41142
  --cds-tag-background-cool-gray: #dde1e6;
40857
- --cds-tag-color-cool-gray: #343a3f;
41143
+ --cds-tag-color-cool-gray: #121619;
40858
41144
  --cds-tag-hover-cool-gray: #cdd3da;
40859
41145
  --cds-tag-background-warm-gray: #e5e0df;
40860
- --cds-tag-color-warm-gray: #3c3838;
41146
+ --cds-tag-color-warm-gray: #171414;
40861
41147
  --cds-tag-hover-warm-gray: #d8d0cf;
40862
41148
  --cds-notification-background-error: #fff1f1;
40863
41149
  --cds-notification-background-success: #defbe6;
@@ -40896,13 +41182,16 @@ a.cds--side-nav__link--current::before {
40896
41182
  --cds-ai-border-start: #4589ff;
40897
41183
  --cds-ai-border-strong: #78a9ff;
40898
41184
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
40899
- --cds-ai-gradient-end: rgba(38, 38, 38, 0);
40900
- --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
40901
- --cds-ai-gradient-start-02: transparent;
40902
41185
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
40903
41186
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
40904
- --cds-ai-skeleton-background: #0053ff;
40905
- --cds-ai-skeleton-element-background: #001141;
41187
+ --cds-ai-popover-caret-bottom: #3d4655;
41188
+ --cds-ai-popover-caret-bottom-background: #213250;
41189
+ --cds-ai-popover-caret-bottom-background-actions: #192436;
41190
+ --cds-ai-popover-caret-center: #3f68af;
41191
+ --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
41192
+ --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
41193
+ --cds-ai-skeleton-background: #a6c8ff;
41194
+ --cds-ai-skeleton-element-background: #002d9c;
40906
41195
  --cds-background: #161616;
40907
41196
  --cds-background-active: rgba(141, 141, 141, 0.4);
40908
41197
  --cds-background-brand: #0f62fe;
@@ -40933,9 +41222,17 @@ a.cds--side-nav__link--current::before {
40933
41222
  --cds-chat-bubble-agent: #262626;
40934
41223
  --cds-chat-bubble-agent-border: #525252;
40935
41224
  --cds-chat-bubble-user: #393939;
41225
+ --cds-chat-button: #78a9ff;
41226
+ --cds-chat-button-active: rgba(141, 141, 141, 0.4);
41227
+ --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
41228
+ --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
41229
+ --cds-chat-button-text-hover: #a6c8ff;
41230
+ --cds-chat-button-text-selected: #c6c6c6;
41231
+ --cds-chat-header-background: #262626;
40936
41232
  --cds-chat-prompt-background: #161616;
40937
41233
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
40938
41234
  --cds-chat-prompt-border-start: #262626;
41235
+ --cds-chat-shell-background: #262626;
40939
41236
  --cds-field-01: #262626;
40940
41237
  --cds-field-02: #393939;
40941
41238
  --cds-field-03: #525252;
@@ -40993,26 +41290,6 @@ a.cds--side-nav__link--current::before {
40993
41290
  --cds-skeleton-element: #393939;
40994
41291
  --cds-slug-background: #c6c6c6;
40995
41292
  --cds-slug-background-hover: #e0e0e0;
40996
- --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
40997
- --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
40998
- --cds-slug-callout-aura-end-hover-02: transparent;
40999
- --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
41000
- --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
41001
- --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
41002
- --cds-slug-callout-aura-start-hover-02: transparent;
41003
- --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
41004
- --cds-slug-callout-caret-bottom: #3d4655;
41005
- --cds-slug-callout-caret-bottom-background: #213250;
41006
- --cds-slug-callout-caret-bottom-background-actions: #192436;
41007
- --cds-slug-callout-caret-center: #3f68af;
41008
- --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
41009
- --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
41010
- --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
41011
- --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
41012
- --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
41013
- --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
41014
- --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
41015
- --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
41016
41293
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
41017
41294
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
41018
41295
  --cds-slug-hollow-hover: #b5b5b5;
@@ -41329,13 +41606,23 @@ a.cds--side-nav__link--current::before {
41329
41606
  --cds-tag-color-green: #a7f0ba;
41330
41607
  --cds-tag-hover-green: #11742f;
41331
41608
  --cds-tag-background-gray: #525252;
41332
- --cds-tag-color-gray: #e0e0e0;
41609
+ --cds-tag-color-gray: #f4f4f4;
41333
41610
  --cds-tag-hover-gray: #636363;
41611
+ --cds-tag-border-red: #fa4d56;
41612
+ --cds-tag-border-blue: #4589ff;
41613
+ --cds-tag-border-cyan: #1192e8;
41614
+ --cds-tag-border-teal: #009d9a;
41615
+ --cds-tag-border-green: #24a148;
41616
+ --cds-tag-border-magenta: #ee5396;
41617
+ --cds-tag-border-purple: #a56eff;
41618
+ --cds-tag-border-gray: #8d8d8d;
41619
+ --cds-tag-border-cool-gray: #878d96;
41620
+ --cds-tag-border-warm-gray: #8f8b8b;
41334
41621
  --cds-tag-background-cool-gray: #4d5358;
41335
- --cds-tag-color-cool-gray: #dde1e6;
41622
+ --cds-tag-color-cool-gray: #f2f4f8;
41336
41623
  --cds-tag-hover-cool-gray: #5d646a;
41337
41624
  --cds-tag-background-warm-gray: #565151;
41338
- --cds-tag-color-warm-gray: #e5e0df;
41625
+ --cds-tag-color-warm-gray: #f7f3f2;
41339
41626
  --cds-tag-hover-warm-gray: #696363;
41340
41627
  --cds-notification-background-error: #262626;
41341
41628
  --cds-notification-background-success: #262626;
@@ -41414,6 +41701,67 @@ a.cds--side-nav__link--current::before {
41414
41701
  margin-right: 0.25rem;
41415
41702
  }
41416
41703
 
41704
+ .c4p--decorator--sm .c4p--decorator__label {
41705
+ height: 1.125rem;
41706
+ padding: 0 0.25rem 0 0.5rem;
41707
+ line-height: 1.333;
41708
+ }
41709
+
41710
+ .c4p--decorator--sm .c4p--decorator__value {
41711
+ height: 1.125rem;
41712
+ padding: 0 0.5rem 0 calc(0.25rem + 1px);
41713
+ line-height: 1.333;
41714
+ }
41715
+
41716
+ .c4p--decorator--truncate-end .c4p--decorator__value {
41717
+ display: inline;
41718
+ overflow: hidden;
41719
+ text-overflow: ellipsis;
41720
+ white-space: nowrap;
41721
+ }
41722
+
41723
+ .c4p--decorator--truncate-start .c4p--decorator__value {
41724
+ display: inline;
41725
+ overflow: hidden;
41726
+ direction: rtl;
41727
+ text-overflow: ellipsis;
41728
+ white-space: nowrap;
41729
+ }
41730
+
41731
+ .c4p--decorator-icon__magnitude-unknown {
41732
+ fill: var(--cds-icon-secondary, #525252);
41733
+ }
41734
+
41735
+ .c4p--decorator-icon__magnitude-benign {
41736
+ fill: #007d79;
41737
+ }
41738
+
41739
+ .c4p--decorator-icon__magnitude-low {
41740
+ fill: var(--cds-support-warning, #f1c21b);
41741
+ }
41742
+
41743
+ .c4p--decorator-icon__magnitude-medium {
41744
+ fill: #ff832b;
41745
+ }
41746
+
41747
+ .c4p--decorator-icon__magnitude-high {
41748
+ fill: var(--cds-support-error, #da1e28);
41749
+ }
41750
+
41751
+ .c4p--decorator-icon__magnitude-critical {
41752
+ fill: var(--cds-support-error, #da1e28);
41753
+ }
41754
+
41755
+ .c4p--decorator-disabled svg {
41756
+ fill: var(--cds-icon-on-color-disabled, #8d8d8d);
41757
+ }
41758
+
41759
+ .c4p--decorator .c4p--decorator-icon--sm {
41760
+ width: 0.75rem;
41761
+ height: 0.75rem;
41762
+ margin-top: 0.15625rem;
41763
+ }
41764
+
41417
41765
  .c4p--decorator--default .c4p--decorator__value::after {
41418
41766
  position: absolute;
41419
41767
  top: 0;
@@ -41470,21 +41818,23 @@ a.cds--side-nav__link--current::before {
41470
41818
  color: var(--cds-text-primary, #161616);
41471
41819
  }
41472
41820
 
41473
- .c4p--decorator--button:not(.c4p--decorator-disabled) {
41821
+ /* stylelint-disable function-no-unknown */
41822
+ /* stylelint-disable carbon/theme-token-use */
41823
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled) {
41474
41824
  display: flex;
41475
41825
  padding: 0;
41476
41826
  border: 0;
41477
41827
  cursor: pointer;
41478
41828
  }
41479
41829
 
41480
- .c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__label {
41830
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__label {
41481
41831
  background-color: var(--cds-layer-02, #ffffff);
41482
41832
  }
41483
41833
 
41484
- .c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value {
41834
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__value {
41485
41835
  background-color: var(--cds-layer-02, #ffffff);
41486
41836
  }
41487
- .c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value::after {
41837
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__value::after {
41488
41838
  position: absolute;
41489
41839
  top: 0;
41490
41840
  bottom: 0;
@@ -41493,16 +41843,16 @@ a.cds--side-nav__link--current::before {
41493
41843
  content: "";
41494
41844
  }
41495
41845
 
41496
- .c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__label {
41846
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__label {
41497
41847
  border-color: var(--cds-border-strong);
41498
41848
  background-color: var(--cds-layer-hover-02, #e8e8e8);
41499
41849
  }
41500
41850
 
41501
- .c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
41851
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
41502
41852
  border-color: var(--cds-border-strong);
41503
41853
  background-color: var(--cds-layer-hover-02, #e8e8e8);
41504
41854
  }
41505
- .c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value::after {
41855
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__value::after {
41506
41856
  position: absolute;
41507
41857
  top: 0;
41508
41858
  bottom: 0;
@@ -41511,20 +41861,20 @@ a.cds--side-nav__link--current::before {
41511
41861
  content: "";
41512
41862
  }
41513
41863
 
41514
- .c4p--decorator--button:not(.c4p--decorator-disabled):focus {
41864
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):focus {
41515
41865
  outline: none;
41516
41866
  }
41517
41867
 
41518
- .c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__label {
41868
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__label {
41519
41869
  border-color: var(--cds-focus, #0f62fe);
41520
41870
  background-color: var(--cds-layer-02, #ffffff);
41521
41871
  }
41522
41872
 
41523
- .c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
41873
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
41524
41874
  border-color: var(--cds-focus, #0f62fe);
41525
41875
  background-color: var(--cds-layer-02, #ffffff);
41526
41876
  }
41527
- .c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value::after {
41877
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__value::after {
41528
41878
  position: absolute;
41529
41879
  top: 0;
41530
41880
  bottom: 0;
@@ -41533,14 +41883,14 @@ a.cds--side-nav__link--current::before {
41533
41883
  content: "";
41534
41884
  }
41535
41885
 
41536
- .c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__label {
41886
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__label {
41537
41887
  background-color: var(--cds-layer-selected-02, #e0e0e0);
41538
41888
  }
41539
41889
 
41540
- .c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
41890
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
41541
41891
  background-color: var(--cds-layer-selected-02, #e0e0e0);
41542
41892
  }
41543
- .c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value::after {
41893
+ .c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__value::after {
41544
41894
  position: absolute;
41545
41895
  top: 0;
41546
41896
  bottom: 0;
@@ -41549,22 +41899,22 @@ a.cds--side-nav__link--current::before {
41549
41899
  content: "";
41550
41900
  }
41551
41901
 
41552
- .c4p--decorator--button.c4p--decorator-disabled {
41902
+ .c4p--decorator--single-button.c4p--decorator-disabled {
41553
41903
  padding: 0;
41554
41904
  border: 0;
41555
41905
  cursor: not-allowed;
41556
41906
  }
41557
41907
 
41558
- .c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__label {
41908
+ .c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__label {
41559
41909
  background-color: var(--cds-layer-02, #ffffff);
41560
41910
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
41561
41911
  }
41562
41912
 
41563
- .c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value {
41913
+ .c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__value {
41564
41914
  background-color: var(--cds-layer-02, #ffffff);
41565
41915
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
41566
41916
  }
41567
- .c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value::after {
41917
+ .c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__value::after {
41568
41918
  position: absolute;
41569
41919
  top: 0;
41570
41920
  bottom: 0;
@@ -41573,12 +41923,30 @@ a.cds--side-nav__link--current::before {
41573
41923
  content: "";
41574
41924
  }
41575
41925
 
41576
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label {
41926
+ .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 {
41927
+ stroke: #8e6a00;
41928
+ stroke-width: 1px;
41929
+ }
41930
+ .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 {
41931
+ fill: #ba4e00;
41932
+ }
41933
+
41934
+ .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 {
41935
+ fill: #ff8389;
41936
+ }
41937
+ .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 {
41938
+ stroke: #ff8389;
41939
+ stroke-width: 0.03125rem;
41940
+ }
41941
+
41942
+ /* stylelint-disable carbon/theme-token-use */
41943
+ /* stylelint-disable function-no-unknown */
41944
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label {
41577
41945
  background-color: var(--cds-layer-02, #ffffff);
41578
41946
  cursor: pointer;
41579
41947
  }
41580
41948
 
41581
- .c4p--decorator--buttons:not(.c4p--decorator-disabled):not(:hover) .c4p--decorator__value::after {
41949
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled):not(:hover) .c4p--decorator__value::after {
41582
41950
  position: absolute;
41583
41951
  top: 0;
41584
41952
  bottom: 0;
@@ -41587,16 +41955,16 @@ a.cds--side-nav__link--current::before {
41587
41955
  content: "";
41588
41956
  }
41589
41957
 
41590
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value {
41958
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value {
41591
41959
  background-color: var(--cds-layer-02, #ffffff);
41592
41960
  cursor: pointer;
41593
41961
  }
41594
41962
 
41595
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover {
41963
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover {
41596
41964
  border-color: var(--cds-border-strong);
41597
41965
  background-color: var(--cds-layer-hover-02, #e8e8e8);
41598
41966
  }
41599
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:hover::after {
41967
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover::after {
41600
41968
  position: absolute;
41601
41969
  z-index: 1;
41602
41970
  top: -1px;
@@ -41606,11 +41974,11 @@ a.cds--side-nav__link--current::before {
41606
41974
  content: "";
41607
41975
  }
41608
41976
 
41609
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:hover {
41977
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:hover {
41610
41978
  border-color: var(--cds-border-strong);
41611
41979
  background-color: var(--cds-layer-hover-02, #e8e8e8);
41612
41980
  }
41613
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:hover::after {
41981
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:hover::after {
41614
41982
  position: absolute;
41615
41983
  top: 0;
41616
41984
  bottom: 0;
@@ -41619,11 +41987,11 @@ a.cds--side-nav__link--current::before {
41619
41987
  content: "";
41620
41988
  }
41621
41989
 
41622
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:focus {
41990
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:focus {
41623
41991
  border-color: var(--cds-focus, #0f62fe);
41624
41992
  outline: none;
41625
41993
  }
41626
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:focus::after {
41994
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:focus::after {
41627
41995
  position: absolute;
41628
41996
  z-index: 1;
41629
41997
  top: -1px;
@@ -41633,11 +42001,11 @@ a.cds--side-nav__link--current::before {
41633
42001
  content: "";
41634
42002
  }
41635
42003
 
41636
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:focus {
42004
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:focus {
41637
42005
  border-color: var(--cds-focus, #0f62fe);
41638
42006
  outline: none;
41639
42007
  }
41640
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:focus::after {
42008
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:focus::after {
41641
42009
  position: absolute;
41642
42010
  top: 0;
41643
42011
  bottom: 0;
@@ -41646,24 +42014,24 @@ a.cds--side-nav__link--current::before {
41646
42014
  content: "";
41647
42015
  }
41648
42016
 
41649
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__label:active {
42017
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active {
41650
42018
  background-color: var(--cds-layer-hover-02, #e8e8e8);
41651
42019
  }
41652
42020
 
41653
- .c4p--decorator--buttons:not(.c4p--decorator-disabled) .c4p--decorator__value:active {
42021
+ .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:active {
41654
42022
  background-color: var(--cds-layer-hover-02, #e8e8e8);
41655
42023
  }
41656
42024
 
41657
- .c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__label {
42025
+ .c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__label {
41658
42026
  background-color: var(--cds-layer-02, #ffffff);
41659
42027
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
41660
42028
  }
41661
42029
 
41662
- .c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__value {
42030
+ .c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__value {
41663
42031
  background-color: var(--cds-layer-02, #ffffff);
41664
42032
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
41665
42033
  }
41666
- .c4p--decorator--buttons.c4p--decorator-disabled .c4p--decorator__value::after {
42034
+ .c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__value::after {
41667
42035
  position: absolute;
41668
42036
  top: 0;
41669
42037
  bottom: 0;
@@ -41672,95 +42040,18 @@ a.cds--side-nav__link--current::before {
41672
42040
  content: "";
41673
42041
  }
41674
42042
 
41675
- .c4p--decorator--sm .c4p--decorator__label {
41676
- height: 1.125rem;
41677
- padding: 0 0.25rem 0 0.5rem;
41678
- line-height: 1.333;
41679
- }
41680
-
41681
- .c4p--decorator--sm .c4p--decorator__value {
41682
- height: 1.125rem;
41683
- padding: 0 0.5rem 0 calc(0.25rem + 1px);
41684
- line-height: 1.333;
41685
- }
41686
-
41687
- .c4p--decorator--truncate-end .c4p--decorator__value {
41688
- display: inline;
41689
- overflow: hidden;
41690
- text-overflow: ellipsis;
41691
- white-space: nowrap;
41692
- }
41693
-
41694
- .c4p--decorator--truncate-start .c4p--decorator__value {
41695
- display: inline;
41696
- overflow: hidden;
41697
- direction: rtl;
41698
- text-overflow: ellipsis;
41699
- white-space: nowrap;
41700
- }
41701
-
41702
- .c4p--decorator-icon__magnitude-unknown {
41703
- fill: var(--cds-icon-secondary, #525252);
41704
- }
41705
-
41706
- .c4p--decorator-icon__magnitude-benign {
41707
- fill: #007d79;
41708
- }
41709
-
41710
- .c4p--decorator-icon__magnitude-low {
41711
- fill: var(--cds-support-warning, #f1c21b);
41712
- }
41713
-
41714
- .c4p--decorator-icon__magnitude-medium {
41715
- fill: #ff832b;
41716
- }
41717
-
41718
- .c4p--decorator-icon__magnitude-high {
41719
- fill: var(--cds-support-error, #da1e28);
41720
- }
41721
-
41722
- .c4p--decorator-icon__magnitude-critical {
41723
- fill: var(--cds-support-error, #da1e28);
41724
- }
41725
-
41726
- .c4p--decorator-disabled svg {
41727
- fill: var(--cds-icon-on-color-disabled, #8d8d8d);
41728
- }
41729
-
41730
- .c4p--decorator .c4p--decorator-icon--sm {
41731
- width: 0.75rem;
41732
- height: 0.75rem;
41733
- margin-top: 0.15625rem;
41734
- }
41735
-
41736
- .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 {
41737
- stroke: #8e6a00;
41738
- stroke-width: 1px;
41739
- }
41740
- .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 {
41741
- fill: #ba4e00;
41742
- }
41743
-
41744
- .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 {
41745
- fill: #ff8389;
41746
- }
41747
- .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 {
41748
- stroke: #ff8389;
41749
- stroke-width: 0.03125rem;
41750
- }
41751
-
41752
- .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 {
42043
+ .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 {
41753
42044
  stroke: #8e6a00;
41754
42045
  stroke-width: 1px;
41755
42046
  }
41756
- .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 {
42047
+ .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 {
41757
42048
  fill: #ba4e00;
41758
42049
  }
41759
42050
 
41760
- .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 {
42051
+ .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 {
41761
42052
  fill: #ff8389;
41762
42053
  }
41763
- .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 {
42054
+ .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 {
41764
42055
  stroke: #ff8389;
41765
42056
  stroke-width: 0.03125rem;
41766
42057
  }