@carbon/ibm-products 2.31.0 → 2.31.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +802 -517
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +48 -75
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +802 -517
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +731 -458
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Decorator/Decorator.d.ts +1 -1
- package/es/components/Decorator/Decorator.js +16 -253
- package/es/components/DecoratorBase/DecoratorBase.d.ts +7 -0
- package/es/components/DecoratorBase/DecoratorBase.js +233 -0
- package/es/components/DecoratorBase/index.d.ts +1 -0
- package/{lib/components/Decorator → es/components/DecoratorBase}/utils.d.ts +1 -1
- package/es/components/{Decorator → DecoratorBase}/utils.js +19 -19
- package/es/components/DecoratorDualButton/DecoratorDualButton.d.ts +5 -0
- package/es/components/DecoratorDualButton/DecoratorDualButton.js +135 -0
- package/es/components/DecoratorDualButton/index.d.ts +1 -0
- package/es/components/DecoratorLink/DecoratorLink.d.ts +5 -0
- package/es/components/DecoratorLink/DecoratorLink.js +125 -0
- package/es/components/DecoratorLink/index.d.ts +1 -0
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +5 -0
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +125 -0
- package/es/components/DecoratorSingleButton/index.d.ts +1 -0
- package/es/components/index.d.ts +3 -0
- package/es/global/js/hooks/useFocus.js +2 -1
- package/es/global/js/package-settings.d.ts +3 -0
- package/es/global/js/package-settings.js +3 -0
- package/es/index.js +3 -0
- package/es/settings.d.ts +3 -0
- package/lib/components/Decorator/Decorator.d.ts +1 -1
- package/lib/components/Decorator/Decorator.js +15 -253
- package/lib/components/DecoratorBase/DecoratorBase.d.ts +7 -0
- package/lib/components/DecoratorBase/DecoratorBase.js +242 -0
- package/lib/components/DecoratorBase/index.d.ts +1 -0
- package/{es/components/Decorator → lib/components/DecoratorBase}/utils.d.ts +1 -1
- package/lib/components/{Decorator → DecoratorBase}/utils.js +19 -19
- package/lib/components/DecoratorDualButton/DecoratorDualButton.d.ts +5 -0
- package/lib/components/DecoratorDualButton/DecoratorDualButton.js +141 -0
- package/lib/components/DecoratorDualButton/index.d.ts +1 -0
- package/lib/components/DecoratorLink/DecoratorLink.d.ts +5 -0
- package/lib/components/DecoratorLink/DecoratorLink.js +131 -0
- package/lib/components/DecoratorLink/index.d.ts +1 -0
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +5 -0
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +131 -0
- package/lib/components/DecoratorSingleButton/index.d.ts +1 -0
- package/lib/components/index.d.ts +3 -0
- package/lib/global/js/hooks/useFocus.js +2 -1
- package/lib/global/js/package-settings.d.ts +3 -0
- package/lib/global/js/package-settings.js +3 -0
- package/lib/index.js +15 -0
- package/lib/settings.d.ts +3 -0
- package/package.json +9 -9
- package/scss/components/Card/_card.scss +2 -2
- package/scss/components/Decorator/_decorator.scss +3 -380
- package/scss/components/DecoratorBase/_carbon-imports.scss +9 -0
- package/scss/components/DecoratorBase/_decorator-base-mixins.scss +41 -0
- package/scss/components/DecoratorBase/_decorator-base.scss +146 -0
- package/scss/components/DecoratorBase/_index-with-carbon.scss +9 -0
- package/scss/components/DecoratorBase/_index.scss +8 -0
- package/scss/components/DecoratorDualButton/_carbon-imports.scss +9 -0
- package/scss/components/DecoratorDualButton/_decorator-dual-button.scss +112 -0
- package/scss/components/DecoratorDualButton/_index-with-carbon.scss +9 -0
- package/scss/components/DecoratorDualButton/_index.scss +8 -0
- package/scss/components/DecoratorLink/_carbon-imports.scss +9 -0
- package/scss/components/DecoratorLink/_decorator-link.scss +53 -0
- package/scss/components/DecoratorLink/_index-with-carbon.scss +9 -0
- package/scss/components/DecoratorLink/_index.scss +8 -0
- package/scss/components/DecoratorSingleButton/_carbon-imports.scss +9 -0
- package/scss/components/DecoratorSingleButton/_decorator-single-button.scss +117 -0
- package/scss/components/DecoratorSingleButton/_index-with-carbon.scss +9 -0
- package/scss/components/DecoratorSingleButton/_index.scss +8 -0
- package/scss/components/SidePanel/_side-panel.scss +1 -1
- package/scss/components/Tearsheet/_tearsheet.scss +1 -1
- package/scss/components/_index-with-carbon.scss +3 -0
- package/scss/components/_index.scss +3 -0
- /package/es/components/{Decorator → DecoratorBase}/DecoratorIcon.d.ts +0 -0
- /package/es/components/{Decorator → DecoratorBase}/DecoratorIcon.js +0 -0
- /package/lib/components/{Decorator → DecoratorBase}/DecoratorIcon.d.ts +0 -0
- /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-
|
2971
|
-
--cds-ai-
|
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: #
|
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: #
|
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: #
|
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-
|
3194
|
-
--cds-ai-
|
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: #
|
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: #
|
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: #
|
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-
|
3416
|
-
--cds-ai-
|
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: #
|
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: #
|
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: #
|
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-
|
3635
|
-
--cds-ai-
|
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: #
|
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: #
|
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: #
|
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
|
-
|
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-
|
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-
|
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-
|
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-
|
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-
|
5875
|
-
color: var(--cds-text-
|
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
|
-
|
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-
|
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, #
|
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:
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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--
|
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, #
|
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, #
|
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, #
|
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--
|
7982
|
-
|
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
|
-
|
8176
|
+
outline: 1px solid var(--cds-background-inverse, #393939);
|
8177
|
+
outline-offset: -1px;
|
8178
|
+
}
|
8179
|
+
.cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
|
8180
|
+
border: 1px solid var(--cds-background, #ffffff);
|
7990
8181
|
}
|
7991
|
-
.cds--tag--outline.cds--tag--
|
7992
|
-
|
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--
|
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--
|
8018
|
-
|
8019
|
-
|
8020
|
-
|
8021
|
-
|
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--
|
8040
|
-
|
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--
|
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:
|
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.
|
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:
|
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.
|
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--
|
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:
|
9260
|
+
padding-inline-end: 8.8125rem;
|
9044
9261
|
}
|
9045
9262
|
|
9046
|
-
.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--
|
9047
|
-
.cds--list-box__wrapper--slug .cds--list-box--
|
9048
|
-
|
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-
|
9052
|
-
|
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-
|
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:
|
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, #
|
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(
|
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-
|
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-
|
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-
|
21185
|
-
background: var(--cds-
|
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-
|
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-
|
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-
|
27895
|
-
--cds-ai-
|
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: #
|
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: #
|
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: #
|
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-
|
31626
|
-
--cds-ai-
|
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: #
|
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: #
|
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: #
|
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-
|
32124
|
-
--cds-ai-
|
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: #
|
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: #
|
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: #
|
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;
|
@@ -38571,13 +38847,16 @@ a.cds--side-nav__link--current::before {
|
|
38571
38847
|
--cds-ai-border-start: #4589ff;
|
38572
38848
|
--cds-ai-border-strong: #78a9ff;
|
38573
38849
|
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
38574
|
-
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
38575
|
-
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
38576
|
-
--cds-ai-gradient-start-02: transparent;
|
38577
38850
|
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
38578
38851
|
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
38579
|
-
--cds-ai-
|
38580
|
-
--cds-ai-
|
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;
|
38581
38860
|
--cds-background: #161616;
|
38582
38861
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
38583
38862
|
--cds-background-brand: #0f62fe;
|
@@ -38608,9 +38887,17 @@ a.cds--side-nav__link--current::before {
|
|
38608
38887
|
--cds-chat-bubble-agent: #262626;
|
38609
38888
|
--cds-chat-bubble-agent-border: #525252;
|
38610
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;
|
38611
38897
|
--cds-chat-prompt-background: #161616;
|
38612
38898
|
--cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
|
38613
38899
|
--cds-chat-prompt-border-start: #262626;
|
38900
|
+
--cds-chat-shell-background: #262626;
|
38614
38901
|
--cds-field-01: #262626;
|
38615
38902
|
--cds-field-02: #393939;
|
38616
38903
|
--cds-field-03: #525252;
|
@@ -38668,26 +38955,6 @@ a.cds--side-nav__link--current::before {
|
|
38668
38955
|
--cds-skeleton-element: #393939;
|
38669
38956
|
--cds-slug-background: #c6c6c6;
|
38670
38957
|
--cds-slug-background-hover: #e0e0e0;
|
38671
|
-
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
38672
|
-
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
38673
|
-
--cds-slug-callout-aura-end-hover-02: transparent;
|
38674
|
-
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
38675
|
-
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
38676
|
-
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
38677
|
-
--cds-slug-callout-aura-start-hover-02: transparent;
|
38678
|
-
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
38679
|
-
--cds-slug-callout-caret-bottom: #3d4655;
|
38680
|
-
--cds-slug-callout-caret-bottom-background: #213250;
|
38681
|
-
--cds-slug-callout-caret-bottom-background-actions: #192436;
|
38682
|
-
--cds-slug-callout-caret-center: #3f68af;
|
38683
|
-
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
38684
|
-
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
38685
|
-
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
38686
|
-
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
38687
|
-
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
38688
|
-
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
38689
|
-
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
38690
|
-
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
38691
38958
|
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
38692
38959
|
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
38693
38960
|
--cds-slug-hollow-hover: #b5b5b5;
|
@@ -39004,13 +39271,23 @@ a.cds--side-nav__link--current::before {
|
|
39004
39271
|
--cds-tag-color-green: #a7f0ba;
|
39005
39272
|
--cds-tag-hover-green: #11742f;
|
39006
39273
|
--cds-tag-background-gray: #525252;
|
39007
|
-
--cds-tag-color-gray: #
|
39274
|
+
--cds-tag-color-gray: #f4f4f4;
|
39008
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;
|
39009
39286
|
--cds-tag-background-cool-gray: #4d5358;
|
39010
|
-
--cds-tag-color-cool-gray: #
|
39287
|
+
--cds-tag-color-cool-gray: #f2f4f8;
|
39011
39288
|
--cds-tag-hover-cool-gray: #5d646a;
|
39012
39289
|
--cds-tag-background-warm-gray: #565151;
|
39013
|
-
--cds-tag-color-warm-gray: #
|
39290
|
+
--cds-tag-color-warm-gray: #f7f3f2;
|
39014
39291
|
--cds-tag-hover-warm-gray: #696363;
|
39015
39292
|
--cds-notification-background-error: #262626;
|
39016
39293
|
--cds-notification-background-success: #262626;
|
@@ -39443,13 +39720,16 @@ a.cds--side-nav__link--current::before {
|
|
39443
39720
|
--cds-ai-border-start: #4589ff;
|
39444
39721
|
--cds-ai-border-strong: #78a9ff;
|
39445
39722
|
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
39446
|
-
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
39447
|
-
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
39448
|
-
--cds-ai-gradient-start-02: transparent;
|
39449
39723
|
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
39450
39724
|
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
39451
|
-
--cds-ai-
|
39452
|
-
--cds-ai-
|
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;
|
39453
39733
|
--cds-background: #161616;
|
39454
39734
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
39455
39735
|
--cds-background-brand: #0f62fe;
|
@@ -39480,9 +39760,17 @@ a.cds--side-nav__link--current::before {
|
|
39480
39760
|
--cds-chat-bubble-agent: #262626;
|
39481
39761
|
--cds-chat-bubble-agent-border: #525252;
|
39482
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;
|
39483
39770
|
--cds-chat-prompt-background: #161616;
|
39484
39771
|
--cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
|
39485
39772
|
--cds-chat-prompt-border-start: #262626;
|
39773
|
+
--cds-chat-shell-background: #262626;
|
39486
39774
|
--cds-field-01: #262626;
|
39487
39775
|
--cds-field-02: #393939;
|
39488
39776
|
--cds-field-03: #525252;
|
@@ -39540,26 +39828,6 @@ a.cds--side-nav__link--current::before {
|
|
39540
39828
|
--cds-skeleton-element: #393939;
|
39541
39829
|
--cds-slug-background: #c6c6c6;
|
39542
39830
|
--cds-slug-background-hover: #e0e0e0;
|
39543
|
-
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
39544
|
-
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
39545
|
-
--cds-slug-callout-aura-end-hover-02: transparent;
|
39546
|
-
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
39547
|
-
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
39548
|
-
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
39549
|
-
--cds-slug-callout-aura-start-hover-02: transparent;
|
39550
|
-
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
39551
|
-
--cds-slug-callout-caret-bottom: #3d4655;
|
39552
|
-
--cds-slug-callout-caret-bottom-background: #213250;
|
39553
|
-
--cds-slug-callout-caret-bottom-background-actions: #192436;
|
39554
|
-
--cds-slug-callout-caret-center: #3f68af;
|
39555
|
-
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
39556
|
-
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
39557
|
-
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
39558
|
-
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
39559
|
-
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
39560
|
-
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
39561
|
-
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
39562
|
-
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
39563
39831
|
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
39564
39832
|
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
39565
39833
|
--cds-slug-hollow-hover: #b5b5b5;
|
@@ -39876,13 +40144,23 @@ a.cds--side-nav__link--current::before {
|
|
39876
40144
|
--cds-tag-color-green: #a7f0ba;
|
39877
40145
|
--cds-tag-hover-green: #11742f;
|
39878
40146
|
--cds-tag-background-gray: #525252;
|
39879
|
-
--cds-tag-color-gray: #
|
40147
|
+
--cds-tag-color-gray: #f4f4f4;
|
39880
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;
|
39881
40159
|
--cds-tag-background-cool-gray: #4d5358;
|
39882
|
-
--cds-tag-color-cool-gray: #
|
40160
|
+
--cds-tag-color-cool-gray: #f2f4f8;
|
39883
40161
|
--cds-tag-hover-cool-gray: #5d646a;
|
39884
40162
|
--cds-tag-background-warm-gray: #565151;
|
39885
|
-
--cds-tag-color-warm-gray: #
|
40163
|
+
--cds-tag-color-warm-gray: #f7f3f2;
|
39886
40164
|
--cds-tag-hover-warm-gray: #696363;
|
39887
40165
|
--cds-notification-background-error: #262626;
|
39888
40166
|
--cds-notification-background-success: #262626;
|
@@ -40409,6 +40687,7 @@ a.cds--side-nav__link--current::before {
|
|
40409
40687
|
white-space: nowrap;
|
40410
40688
|
}
|
40411
40689
|
|
40690
|
+
/* stylelint-disable carbon/layout-token-use */
|
40412
40691
|
/* stylelint-disable carbon/theme-token-use */
|
40413
40692
|
/* stylelint-disable carbon/type-token-use */
|
40414
40693
|
/* stylelint-disable carbon/layout-token-use */
|
@@ -40424,13 +40703,16 @@ a.cds--side-nav__link--current::before {
|
|
40424
40703
|
--cds-ai-border-start: #78a9ff;
|
40425
40704
|
--cds-ai-border-strong: #4589ff;
|
40426
40705
|
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
40427
|
-
--cds-ai-gradient-end: rgba(255, 255, 255, 0);
|
40428
|
-
--cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
|
40429
|
-
--cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
|
40430
40706
|
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
40431
40707
|
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
40432
|
-
--cds-ai-
|
40433
|
-
--cds-ai-
|
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;
|
40434
40716
|
--cds-background: #f4f4f4;
|
40435
40717
|
--cds-background-active: rgba(141, 141, 141, 0.5);
|
40436
40718
|
--cds-background-brand: #0f62fe;
|
@@ -40461,9 +40743,17 @@ a.cds--side-nav__link--current::before {
|
|
40461
40743
|
--cds-chat-bubble-agent: #ffffff;
|
40462
40744
|
--cds-chat-bubble-agent-border: #e0e0e0;
|
40463
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;
|
40464
40753
|
--cds-chat-prompt-background: #ffffff;
|
40465
40754
|
--cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
|
40466
40755
|
--cds-chat-prompt-border-start: #f4f4f4;
|
40756
|
+
--cds-chat-shell-background: #ffffff;
|
40467
40757
|
--cds-field-01: #ffffff;
|
40468
40758
|
--cds-field-02: #f4f4f4;
|
40469
40759
|
--cds-field-03: #ffffff;
|
@@ -40521,26 +40811,6 @@ a.cds--side-nav__link--current::before {
|
|
40521
40811
|
--cds-skeleton-element: #c6c6c6;
|
40522
40812
|
--cds-slug-background: #525252;
|
40523
40813
|
--cds-slug-background-hover: #6f6f6f;
|
40524
|
-
--cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
|
40525
|
-
--cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
|
40526
|
-
--cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
|
40527
|
-
--cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
|
40528
|
-
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
40529
|
-
--cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
|
40530
|
-
--cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
|
40531
|
-
--cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
|
40532
|
-
--cds-slug-callout-caret-bottom: #d0e2ff;
|
40533
|
-
--cds-slug-callout-caret-bottom-background: #ccdbf8;
|
40534
|
-
--cds-slug-callout-caret-bottom-background-actions: #d2dcee;
|
40535
|
-
--cds-slug-callout-caret-center: #a7c7ff;
|
40536
|
-
--cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
|
40537
|
-
--cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
|
40538
|
-
--cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
|
40539
|
-
--cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
|
40540
|
-
--cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
|
40541
|
-
--cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
|
40542
|
-
--cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
|
40543
|
-
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
|
40544
40814
|
--cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
|
40545
40815
|
--cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
|
40546
40816
|
--cds-slug-hollow-hover: #474747;
|
@@ -40857,13 +41127,23 @@ a.cds--side-nav__link--current::before {
|
|
40857
41127
|
--cds-tag-color-green: #044317;
|
40858
41128
|
--cds-tag-hover-green: #74e792;
|
40859
41129
|
--cds-tag-background-gray: #e0e0e0;
|
40860
|
-
--cds-tag-color-gray: #
|
41130
|
+
--cds-tag-color-gray: #161616;
|
40861
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;
|
40862
41142
|
--cds-tag-background-cool-gray: #dde1e6;
|
40863
|
-
--cds-tag-color-cool-gray: #
|
41143
|
+
--cds-tag-color-cool-gray: #121619;
|
40864
41144
|
--cds-tag-hover-cool-gray: #cdd3da;
|
40865
41145
|
--cds-tag-background-warm-gray: #e5e0df;
|
40866
|
-
--cds-tag-color-warm-gray: #
|
41146
|
+
--cds-tag-color-warm-gray: #171414;
|
40867
41147
|
--cds-tag-hover-warm-gray: #d8d0cf;
|
40868
41148
|
--cds-notification-background-error: #fff1f1;
|
40869
41149
|
--cds-notification-background-success: #defbe6;
|
@@ -40902,13 +41182,16 @@ a.cds--side-nav__link--current::before {
|
|
40902
41182
|
--cds-ai-border-start: #4589ff;
|
40903
41183
|
--cds-ai-border-strong: #78a9ff;
|
40904
41184
|
--cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
|
40905
|
-
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
40906
|
-
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
40907
|
-
--cds-ai-gradient-start-02: transparent;
|
40908
41185
|
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
40909
41186
|
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
40910
|
-
--cds-ai-
|
40911
|
-
--cds-ai-
|
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;
|
40912
41195
|
--cds-background: #161616;
|
40913
41196
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
40914
41197
|
--cds-background-brand: #0f62fe;
|
@@ -40939,9 +41222,17 @@ a.cds--side-nav__link--current::before {
|
|
40939
41222
|
--cds-chat-bubble-agent: #262626;
|
40940
41223
|
--cds-chat-bubble-agent-border: #525252;
|
40941
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;
|
40942
41232
|
--cds-chat-prompt-background: #161616;
|
40943
41233
|
--cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
|
40944
41234
|
--cds-chat-prompt-border-start: #262626;
|
41235
|
+
--cds-chat-shell-background: #262626;
|
40945
41236
|
--cds-field-01: #262626;
|
40946
41237
|
--cds-field-02: #393939;
|
40947
41238
|
--cds-field-03: #525252;
|
@@ -40999,26 +41290,6 @@ a.cds--side-nav__link--current::before {
|
|
40999
41290
|
--cds-skeleton-element: #393939;
|
41000
41291
|
--cds-slug-background: #c6c6c6;
|
41001
41292
|
--cds-slug-background-hover: #e0e0e0;
|
41002
|
-
--cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
|
41003
|
-
--cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
|
41004
|
-
--cds-slug-callout-aura-end-hover-02: transparent;
|
41005
|
-
--cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
|
41006
|
-
--cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
|
41007
|
-
--cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
|
41008
|
-
--cds-slug-callout-aura-start-hover-02: transparent;
|
41009
|
-
--cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
|
41010
|
-
--cds-slug-callout-caret-bottom: #3d4655;
|
41011
|
-
--cds-slug-callout-caret-bottom-background: #213250;
|
41012
|
-
--cds-slug-callout-caret-bottom-background-actions: #192436;
|
41013
|
-
--cds-slug-callout-caret-center: #3f68af;
|
41014
|
-
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
41015
|
-
--cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
|
41016
|
-
--cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
|
41017
|
-
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
41018
|
-
--cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
|
41019
|
-
--cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
|
41020
|
-
--cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
|
41021
|
-
--cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
|
41022
41293
|
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
41023
41294
|
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
41024
41295
|
--cds-slug-hollow-hover: #b5b5b5;
|
@@ -41335,13 +41606,23 @@ a.cds--side-nav__link--current::before {
|
|
41335
41606
|
--cds-tag-color-green: #a7f0ba;
|
41336
41607
|
--cds-tag-hover-green: #11742f;
|
41337
41608
|
--cds-tag-background-gray: #525252;
|
41338
|
-
--cds-tag-color-gray: #
|
41609
|
+
--cds-tag-color-gray: #f4f4f4;
|
41339
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;
|
41340
41621
|
--cds-tag-background-cool-gray: #4d5358;
|
41341
|
-
--cds-tag-color-cool-gray: #
|
41622
|
+
--cds-tag-color-cool-gray: #f2f4f8;
|
41342
41623
|
--cds-tag-hover-cool-gray: #5d646a;
|
41343
41624
|
--cds-tag-background-warm-gray: #565151;
|
41344
|
-
--cds-tag-color-warm-gray: #
|
41625
|
+
--cds-tag-color-warm-gray: #f7f3f2;
|
41345
41626
|
--cds-tag-hover-warm-gray: #696363;
|
41346
41627
|
--cds-notification-background-error: #262626;
|
41347
41628
|
--cds-notification-background-success: #262626;
|
@@ -41420,6 +41701,67 @@ a.cds--side-nav__link--current::before {
|
|
41420
41701
|
margin-right: 0.25rem;
|
41421
41702
|
}
|
41422
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
|
+
|
41423
41765
|
.c4p--decorator--default .c4p--decorator__value::after {
|
41424
41766
|
position: absolute;
|
41425
41767
|
top: 0;
|
@@ -41476,21 +41818,23 @@ a.cds--side-nav__link--current::before {
|
|
41476
41818
|
color: var(--cds-text-primary, #161616);
|
41477
41819
|
}
|
41478
41820
|
|
41479
|
-
|
41821
|
+
/* stylelint-disable function-no-unknown */
|
41822
|
+
/* stylelint-disable carbon/theme-token-use */
|
41823
|
+
.c4p--decorator--single-button:not(.c4p--decorator-disabled) {
|
41480
41824
|
display: flex;
|
41481
41825
|
padding: 0;
|
41482
41826
|
border: 0;
|
41483
41827
|
cursor: pointer;
|
41484
41828
|
}
|
41485
41829
|
|
41486
|
-
.c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__label {
|
41830
|
+
.c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__label {
|
41487
41831
|
background-color: var(--cds-layer-02, #ffffff);
|
41488
41832
|
}
|
41489
41833
|
|
41490
|
-
.c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value {
|
41834
|
+
.c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__value {
|
41491
41835
|
background-color: var(--cds-layer-02, #ffffff);
|
41492
41836
|
}
|
41493
|
-
.c4p--decorator--button:not(.c4p--decorator-disabled) .c4p--decorator__value::after {
|
41837
|
+
.c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__value::after {
|
41494
41838
|
position: absolute;
|
41495
41839
|
top: 0;
|
41496
41840
|
bottom: 0;
|
@@ -41499,16 +41843,16 @@ a.cds--side-nav__link--current::before {
|
|
41499
41843
|
content: "";
|
41500
41844
|
}
|
41501
41845
|
|
41502
|
-
.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__label {
|
41846
|
+
.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__label {
|
41503
41847
|
border-color: var(--cds-border-strong);
|
41504
41848
|
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41505
41849
|
}
|
41506
41850
|
|
41507
|
-
.c4p--decorator--button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
|
41851
|
+
.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
|
41508
41852
|
border-color: var(--cds-border-strong);
|
41509
41853
|
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41510
41854
|
}
|
41511
|
-
.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 {
|
41512
41856
|
position: absolute;
|
41513
41857
|
top: 0;
|
41514
41858
|
bottom: 0;
|
@@ -41517,20 +41861,20 @@ a.cds--side-nav__link--current::before {
|
|
41517
41861
|
content: "";
|
41518
41862
|
}
|
41519
41863
|
|
41520
|
-
.c4p--decorator--button:not(.c4p--decorator-disabled):focus {
|
41864
|
+
.c4p--decorator--single-button:not(.c4p--decorator-disabled):focus {
|
41521
41865
|
outline: none;
|
41522
41866
|
}
|
41523
41867
|
|
41524
|
-
.c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__label {
|
41868
|
+
.c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__label {
|
41525
41869
|
border-color: var(--cds-focus, #0f62fe);
|
41526
41870
|
background-color: var(--cds-layer-02, #ffffff);
|
41527
41871
|
}
|
41528
41872
|
|
41529
|
-
.c4p--decorator--button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
|
41873
|
+
.c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
|
41530
41874
|
border-color: var(--cds-focus, #0f62fe);
|
41531
41875
|
background-color: var(--cds-layer-02, #ffffff);
|
41532
41876
|
}
|
41533
|
-
.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 {
|
41534
41878
|
position: absolute;
|
41535
41879
|
top: 0;
|
41536
41880
|
bottom: 0;
|
@@ -41539,14 +41883,14 @@ a.cds--side-nav__link--current::before {
|
|
41539
41883
|
content: "";
|
41540
41884
|
}
|
41541
41885
|
|
41542
|
-
.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__label {
|
41886
|
+
.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__label {
|
41543
41887
|
background-color: var(--cds-layer-selected-02, #e0e0e0);
|
41544
41888
|
}
|
41545
41889
|
|
41546
|
-
.c4p--decorator--button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
|
41890
|
+
.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
|
41547
41891
|
background-color: var(--cds-layer-selected-02, #e0e0e0);
|
41548
41892
|
}
|
41549
|
-
.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 {
|
41550
41894
|
position: absolute;
|
41551
41895
|
top: 0;
|
41552
41896
|
bottom: 0;
|
@@ -41555,22 +41899,22 @@ a.cds--side-nav__link--current::before {
|
|
41555
41899
|
content: "";
|
41556
41900
|
}
|
41557
41901
|
|
41558
|
-
.c4p--decorator--button.c4p--decorator-disabled {
|
41902
|
+
.c4p--decorator--single-button.c4p--decorator-disabled {
|
41559
41903
|
padding: 0;
|
41560
41904
|
border: 0;
|
41561
41905
|
cursor: not-allowed;
|
41562
41906
|
}
|
41563
41907
|
|
41564
|
-
.c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__label {
|
41908
|
+
.c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__label {
|
41565
41909
|
background-color: var(--cds-layer-02, #ffffff);
|
41566
41910
|
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41567
41911
|
}
|
41568
41912
|
|
41569
|
-
.c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value {
|
41913
|
+
.c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__value {
|
41570
41914
|
background-color: var(--cds-layer-02, #ffffff);
|
41571
41915
|
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41572
41916
|
}
|
41573
|
-
.c4p--decorator--button.c4p--decorator-disabled .c4p--decorator__value::after {
|
41917
|
+
.c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__value::after {
|
41574
41918
|
position: absolute;
|
41575
41919
|
top: 0;
|
41576
41920
|
bottom: 0;
|
@@ -41579,12 +41923,30 @@ a.cds--side-nav__link--current::before {
|
|
41579
41923
|
content: "";
|
41580
41924
|
}
|
41581
41925
|
|
41582
|
-
.c4p--decorator--
|
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 {
|
41583
41945
|
background-color: var(--cds-layer-02, #ffffff);
|
41584
41946
|
cursor: pointer;
|
41585
41947
|
}
|
41586
41948
|
|
41587
|
-
.c4p--decorator--
|
41949
|
+
.c4p--decorator--dual-button:not(.c4p--decorator-disabled):not(:hover) .c4p--decorator__value::after {
|
41588
41950
|
position: absolute;
|
41589
41951
|
top: 0;
|
41590
41952
|
bottom: 0;
|
@@ -41593,16 +41955,16 @@ a.cds--side-nav__link--current::before {
|
|
41593
41955
|
content: "";
|
41594
41956
|
}
|
41595
41957
|
|
41596
|
-
.c4p--decorator--
|
41958
|
+
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value {
|
41597
41959
|
background-color: var(--cds-layer-02, #ffffff);
|
41598
41960
|
cursor: pointer;
|
41599
41961
|
}
|
41600
41962
|
|
41601
|
-
.c4p--decorator--
|
41963
|
+
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover {
|
41602
41964
|
border-color: var(--cds-border-strong);
|
41603
41965
|
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41604
41966
|
}
|
41605
|
-
.c4p--decorator--
|
41967
|
+
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover::after {
|
41606
41968
|
position: absolute;
|
41607
41969
|
z-index: 1;
|
41608
41970
|
top: -1px;
|
@@ -41612,11 +41974,11 @@ a.cds--side-nav__link--current::before {
|
|
41612
41974
|
content: "";
|
41613
41975
|
}
|
41614
41976
|
|
41615
|
-
.c4p--decorator--
|
41977
|
+
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:hover {
|
41616
41978
|
border-color: var(--cds-border-strong);
|
41617
41979
|
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41618
41980
|
}
|
41619
|
-
.c4p--decorator--
|
41981
|
+
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:hover::after {
|
41620
41982
|
position: absolute;
|
41621
41983
|
top: 0;
|
41622
41984
|
bottom: 0;
|
@@ -41625,11 +41987,11 @@ a.cds--side-nav__link--current::before {
|
|
41625
41987
|
content: "";
|
41626
41988
|
}
|
41627
41989
|
|
41628
|
-
.c4p--decorator--
|
41990
|
+
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:focus {
|
41629
41991
|
border-color: var(--cds-focus, #0f62fe);
|
41630
41992
|
outline: none;
|
41631
41993
|
}
|
41632
|
-
.c4p--decorator--
|
41994
|
+
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:focus::after {
|
41633
41995
|
position: absolute;
|
41634
41996
|
z-index: 1;
|
41635
41997
|
top: -1px;
|
@@ -41639,11 +42001,11 @@ a.cds--side-nav__link--current::before {
|
|
41639
42001
|
content: "";
|
41640
42002
|
}
|
41641
42003
|
|
41642
|
-
.c4p--decorator--
|
42004
|
+
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:focus {
|
41643
42005
|
border-color: var(--cds-focus, #0f62fe);
|
41644
42006
|
outline: none;
|
41645
42007
|
}
|
41646
|
-
.c4p--decorator--
|
42008
|
+
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:focus::after {
|
41647
42009
|
position: absolute;
|
41648
42010
|
top: 0;
|
41649
42011
|
bottom: 0;
|
@@ -41652,24 +42014,24 @@ a.cds--side-nav__link--current::before {
|
|
41652
42014
|
content: "";
|
41653
42015
|
}
|
41654
42016
|
|
41655
|
-
.c4p--decorator--
|
42017
|
+
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active {
|
41656
42018
|
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41657
42019
|
}
|
41658
42020
|
|
41659
|
-
.c4p--decorator--
|
42021
|
+
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:active {
|
41660
42022
|
background-color: var(--cds-layer-hover-02, #e8e8e8);
|
41661
42023
|
}
|
41662
42024
|
|
41663
|
-
.c4p--decorator--
|
42025
|
+
.c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__label {
|
41664
42026
|
background-color: var(--cds-layer-02, #ffffff);
|
41665
42027
|
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41666
42028
|
}
|
41667
42029
|
|
41668
|
-
.c4p--decorator--
|
42030
|
+
.c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__value {
|
41669
42031
|
background-color: var(--cds-layer-02, #ffffff);
|
41670
42032
|
color: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41671
42033
|
}
|
41672
|
-
.c4p--decorator--
|
42034
|
+
.c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__value::after {
|
41673
42035
|
position: absolute;
|
41674
42036
|
top: 0;
|
41675
42037
|
bottom: 0;
|
@@ -41678,95 +42040,18 @@ a.cds--side-nav__link--current::before {
|
|
41678
42040
|
content: "";
|
41679
42041
|
}
|
41680
42042
|
|
41681
|
-
.c4p--decorator--
|
41682
|
-
height: 1.125rem;
|
41683
|
-
padding: 0 0.25rem 0 0.5rem;
|
41684
|
-
line-height: 1.333;
|
41685
|
-
}
|
41686
|
-
|
41687
|
-
.c4p--decorator--sm .c4p--decorator__value {
|
41688
|
-
height: 1.125rem;
|
41689
|
-
padding: 0 0.5rem 0 calc(0.25rem + 1px);
|
41690
|
-
line-height: 1.333;
|
41691
|
-
}
|
41692
|
-
|
41693
|
-
.c4p--decorator--truncate-end .c4p--decorator__value {
|
41694
|
-
display: inline;
|
41695
|
-
overflow: hidden;
|
41696
|
-
text-overflow: ellipsis;
|
41697
|
-
white-space: nowrap;
|
41698
|
-
}
|
41699
|
-
|
41700
|
-
.c4p--decorator--truncate-start .c4p--decorator__value {
|
41701
|
-
display: inline;
|
41702
|
-
overflow: hidden;
|
41703
|
-
direction: rtl;
|
41704
|
-
text-overflow: ellipsis;
|
41705
|
-
white-space: nowrap;
|
41706
|
-
}
|
41707
|
-
|
41708
|
-
.c4p--decorator-icon__magnitude-unknown {
|
41709
|
-
fill: var(--cds-icon-secondary, #525252);
|
41710
|
-
}
|
41711
|
-
|
41712
|
-
.c4p--decorator-icon__magnitude-benign {
|
41713
|
-
fill: #007d79;
|
41714
|
-
}
|
41715
|
-
|
41716
|
-
.c4p--decorator-icon__magnitude-low {
|
41717
|
-
fill: var(--cds-support-warning, #f1c21b);
|
41718
|
-
}
|
41719
|
-
|
41720
|
-
.c4p--decorator-icon__magnitude-medium {
|
41721
|
-
fill: #ff832b;
|
41722
|
-
}
|
41723
|
-
|
41724
|
-
.c4p--decorator-icon__magnitude-high {
|
41725
|
-
fill: var(--cds-support-error, #da1e28);
|
41726
|
-
}
|
41727
|
-
|
41728
|
-
.c4p--decorator-icon__magnitude-critical {
|
41729
|
-
fill: var(--cds-support-error, #da1e28);
|
41730
|
-
}
|
41731
|
-
|
41732
|
-
.c4p--decorator-disabled svg {
|
41733
|
-
fill: var(--cds-icon-on-color-disabled, #8d8d8d);
|
41734
|
-
}
|
41735
|
-
|
41736
|
-
.c4p--decorator .c4p--decorator-icon--sm {
|
41737
|
-
width: 0.75rem;
|
41738
|
-
height: 0.75rem;
|
41739
|
-
margin-top: 0.15625rem;
|
41740
|
-
}
|
41741
|
-
|
41742
|
-
.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 {
|
41743
|
-
stroke: #8e6a00;
|
41744
|
-
stroke-width: 1px;
|
41745
|
-
}
|
41746
|
-
.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 {
|
41747
|
-
fill: #ba4e00;
|
41748
|
-
}
|
41749
|
-
|
41750
|
-
.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 {
|
41751
|
-
fill: #ff8389;
|
41752
|
-
}
|
41753
|
-
.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 {
|
41754
|
-
stroke: #ff8389;
|
41755
|
-
stroke-width: 0.03125rem;
|
41756
|
-
}
|
41757
|
-
|
41758
|
-
.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 {
|
41759
42044
|
stroke: #8e6a00;
|
41760
42045
|
stroke-width: 1px;
|
41761
42046
|
}
|
41762
|
-
.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 {
|
41763
42048
|
fill: #ba4e00;
|
41764
42049
|
}
|
41765
42050
|
|
41766
|
-
.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 {
|
41767
42052
|
fill: #ff8389;
|
41768
42053
|
}
|
41769
|
-
.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 {
|
41770
42055
|
stroke: #ff8389;
|
41771
42056
|
stroke-width: 0.03125rem;
|
41772
42057
|
}
|