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