@carbon/ibm-products 2.14.0 → 2.15.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +483 -33
- 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 +27 -0
- 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 +52 -18
- 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 +33 -6
- 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/AddSelect/AddSelectRow.js +1 -0
- package/es/components/CreateFullPage/CreateFullPage.docs-page.js +6 -0
- package/es/components/CreateFullPage/CreateFullPageStep.js +7 -1
- package/es/components/CreateInfluencer/CreateInfluencer.js +2 -1
- package/es/components/CreateTearsheet/CreateTearsheet.docs-page.js +7 -0
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +8 -2
- package/es/components/CreateTearsheet/preview-components/MultiStepWithStepInErrorState.js +145 -0
- package/es/components/Datagrid/Datagrid/DatagridContent.js +4 -2
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +5 -50
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +18 -19
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +3 -2
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +37 -24
- package/es/components/Datagrid/useActionsColumn.js +1 -1
- package/es/components/Datagrid/useColumnCenterAlign.js +6 -6
- package/es/components/Datagrid/useColumnRightAlign.js +6 -6
- package/es/components/Datagrid/useNestedRowExpander.js +10 -1
- package/es/components/Datagrid/useRowExpander.js +11 -1
- package/es/components/Datagrid/useSelectAllToggle.js +2 -2
- package/es/components/Datagrid/useSelectRows.js +27 -21
- package/es/components/Datagrid/useSortableColumns.js +1 -1
- package/es/components/EditTearsheet/EditTearsheet.js +9 -7
- package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +12 -5
- package/es/global/js/hooks/index.js +3 -2
- package/es/global/js/hooks/usePrefix.js +11 -0
- package/es/global/js/hooks/useRetrieveStepData.js +6 -3
- package/es/index.js +2 -1
- package/lib/components/AddSelect/AddSelectRow.js +1 -0
- package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +6 -0
- package/lib/components/CreateFullPage/CreateFullPageStep.js +7 -1
- package/lib/components/CreateInfluencer/CreateInfluencer.js +2 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.docs-page.js +7 -0
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +8 -2
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithStepInErrorState.js +155 -0
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +4 -2
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +4 -50
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +18 -19
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +3 -2
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +44 -33
- package/lib/components/Datagrid/useActionsColumn.js +1 -1
- package/lib/components/Datagrid/useColumnCenterAlign.js +5 -6
- package/lib/components/Datagrid/useColumnRightAlign.js +5 -6
- package/lib/components/Datagrid/useNestedRowExpander.js +15 -9
- package/lib/components/Datagrid/useRowExpander.js +16 -9
- package/lib/components/Datagrid/useSelectAllToggle.js +2 -2
- package/lib/components/Datagrid/useSelectRows.js +27 -21
- package/lib/components/Datagrid/useSortableColumns.js +1 -1
- package/lib/components/EditTearsheet/EditTearsheet.js +9 -7
- package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +12 -5
- package/lib/global/js/hooks/index.js +8 -1
- package/lib/global/js/hooks/usePrefix.js +18 -0
- package/lib/global/js/hooks/useRetrieveStepData.js +6 -3
- package/lib/index.js +9 -1
- package/package.json +8 -8
- package/scss/components/Checklist/_checklist.scss +18 -16
- package/scss/components/Datagrid/_storybook-styles.scss +14 -0
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +6 -6
@@ -5903,6 +5903,15 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5903
5903
|
--cds-shadow: rgba(0, 0, 0, 0.8);
|
5904
5904
|
--cds-skeleton-background: #292929;
|
5905
5905
|
--cds-skeleton-element: #393939;
|
5906
|
+
--cds-slug-background: #c6c6c6;
|
5907
|
+
--cds-slug-background-hover: #e0e0e0;
|
5908
|
+
--cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
|
5909
|
+
--cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
|
5910
|
+
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
5911
|
+
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
5912
|
+
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
5913
|
+
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
5914
|
+
--cds-slug-hollow-hover: #b5b5b5;
|
5906
5915
|
--cds-support-caution-major: #ff832b;
|
5907
5916
|
--cds-support-caution-minor: #f1c21b;
|
5908
5917
|
--cds-support-caution-undefined: #a56eff;
|
@@ -9541,6 +9550,15 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9541
9550
|
--cds-shadow: rgba(0, 0, 0, 0.8);
|
9542
9551
|
--cds-skeleton-background: #333333;
|
9543
9552
|
--cds-skeleton-element: #525252;
|
9553
|
+
--cds-slug-background: #c6c6c6;
|
9554
|
+
--cds-slug-background-hover: #e0e0e0;
|
9555
|
+
--cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
|
9556
|
+
--cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
|
9557
|
+
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
9558
|
+
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
9559
|
+
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
9560
|
+
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
9561
|
+
--cds-slug-hollow-hover: #b5b5b5;
|
9544
9562
|
--cds-support-caution-major: #ff832b;
|
9545
9563
|
--cds-support-caution-minor: #f1c21b;
|
9546
9564
|
--cds-support-caution-undefined: #a56eff;
|
@@ -9949,6 +9967,15 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9949
9967
|
--cds-shadow: rgba(0, 0, 0, 0.8);
|
9950
9968
|
--cds-skeleton-background: #292929;
|
9951
9969
|
--cds-skeleton-element: #393939;
|
9970
|
+
--cds-slug-background: #c6c6c6;
|
9971
|
+
--cds-slug-background-hover: #e0e0e0;
|
9972
|
+
--cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
|
9973
|
+
--cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
|
9974
|
+
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
9975
|
+
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
9976
|
+
--cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
|
9977
|
+
--cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
|
9978
|
+
--cds-slug-hollow-hover: #b5b5b5;
|
9952
9979
|
--cds-support-caution-major: #ff832b;
|
9953
9980
|
--cds-support-caution-minor: #f1c21b;
|
9954
9981
|
--cds-support-caution-undefined: #a56eff;
|
@@ -12760,7 +12787,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
12760
12787
|
background-color: var(--cds-layer-hover);
|
12761
12788
|
}
|
12762
12789
|
|
12763
|
-
.c4p--datagrid .c4p--datagrid__grid-container-
|
12790
|
+
.c4p--datagrid .c4p--datagrid__grid-container-active::before {
|
12764
12791
|
position: absolute;
|
12765
12792
|
z-index: 2;
|
12766
12793
|
bottom: 0;
|
@@ -12771,7 +12798,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
12771
12798
|
content: "";
|
12772
12799
|
}
|
12773
12800
|
|
12774
|
-
.c4p--datagrid .c4p--datagrid__grid-container-
|
12801
|
+
.c4p--datagrid .c4p--datagrid__grid-container-active::after {
|
12775
12802
|
position: absolute;
|
12776
12803
|
z-index: 2;
|
12777
12804
|
right: 0;
|
@@ -12782,7 +12809,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
12782
12809
|
content: "";
|
12783
12810
|
}
|
12784
12811
|
|
12785
|
-
.c4p--datagrid .c4p--datagrid__grid-container-
|
12812
|
+
.c4p--datagrid .c4p--datagrid__grid-container-active .cds--data-table-content::before {
|
12786
12813
|
position: absolute;
|
12787
12814
|
z-index: 2;
|
12788
12815
|
top: 0;
|
@@ -12793,12 +12820,12 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
12793
12820
|
background-color: var(--cds-link-inverse, #78a9ff);
|
12794
12821
|
}
|
12795
12822
|
|
12796
|
-
.c4p--datagrid .c4p--datagrid__grid-container-
|
12797
|
-
.c4p--datagrid .c4p--datagrid__grid-container-
|
12823
|
+
.c4p--datagrid .c4p--datagrid__grid-container-active.c4p--datagrid__grid-container-active--without-toolbar::before,
|
12824
|
+
.c4p--datagrid .c4p--datagrid__grid-container-active.c4p--datagrid__grid-container-active--without-toolbar::after {
|
12798
12825
|
height: calc(100% - 2px - var(--c4p--datagrid--grid-header-height));
|
12799
12826
|
}
|
12800
12827
|
|
12801
|
-
.c4p--datagrid .c4p--datagrid__grid-container-
|
12828
|
+
.c4p--datagrid .c4p--datagrid__grid-container-active .c4p--datagrid__table-container {
|
12802
12829
|
outline: 2px solid var(--cds-link-inverse, #78a9ff);
|
12803
12830
|
outline-offset: -2px;
|
12804
12831
|
}
|
@@ -14673,7 +14700,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14673
14700
|
}
|
14674
14701
|
|
14675
14702
|
.cds--side-nav__item--large {
|
14676
|
-
block-size:
|
14703
|
+
block-size: auto;
|
14677
14704
|
}
|
14678
14705
|
|
14679
14706
|
.cds--side-nav__divider {
|
@@ -15770,6 +15797,7 @@ a.cds--side-nav__link--current::before {
|
|
15770
15797
|
.c4p--checklist__header {
|
15771
15798
|
display: flex;
|
15772
15799
|
padding: 1rem;
|
15800
|
+
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
15773
15801
|
background-color: var(--cds-layer-01, #f4f4f4);
|
15774
15802
|
gap: 0.5rem;
|
15775
15803
|
}
|
@@ -15852,6 +15880,10 @@ a.cds--side-nav__link--current::before {
|
|
15852
15880
|
}
|
15853
15881
|
|
15854
15882
|
.c4p--checklist__button.cds--btn--primary {
|
15883
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
15884
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
15885
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
15886
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
15855
15887
|
max-width: none;
|
15856
15888
|
min-height: auto;
|
15857
15889
|
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
@@ -15882,11 +15914,6 @@ a.cds--side-nav__link--current::before {
|
|
15882
15914
|
text-decoration: underline;
|
15883
15915
|
}
|
15884
15916
|
|
15885
|
-
.c4p--checklist__button--error {
|
15886
|
-
/* stylelint-disable-next-line declaration-no-important */
|
15887
|
-
color: var(--cds-text-error, #da1e28) !important;
|
15888
|
-
}
|
15889
|
-
|
15890
15917
|
.c4p--checklist__content-outer {
|
15891
15918
|
overflow: hidden;
|
15892
15919
|
}
|
@@ -15914,6 +15941,10 @@ a.cds--side-nav__link--current::before {
|
|
15914
15941
|
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
15915
15942
|
}
|
15916
15943
|
|
15944
|
+
.c4p--checklist__list-group:first-of-type {
|
15945
|
+
border-top: none;
|
15946
|
+
}
|
15947
|
+
|
15917
15948
|
.c4p--checklist__list-title {
|
15918
15949
|
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
15919
15950
|
font-weight: var(--cds-body-short-01-font-weight, 400);
|
@@ -15937,9 +15968,14 @@ a.cds--side-nav__link--current::before {
|
|
15937
15968
|
}
|
15938
15969
|
|
15939
15970
|
.c4p--checklist__icon {
|
15940
|
-
/* stylelint-disable-next-line
|
15971
|
+
/* stylelint-disable-next-line */
|
15941
15972
|
margin: 0.0625rem 0.5rem 0 0;
|
15942
|
-
color: var(--cds-
|
15973
|
+
color: var(--cds-icon-primary, #161616);
|
15974
|
+
}
|
15975
|
+
|
15976
|
+
.c4p--checklist__icon--checked,
|
15977
|
+
.c4p--checklist__icon--indeterminate {
|
15978
|
+
color: var(--cds-interactive, #0f62fe);
|
15943
15979
|
}
|
15944
15980
|
|
15945
15981
|
.c4p--checklist__icon--error {
|
@@ -15962,9 +15998,7 @@ a.cds--side-nav__link--current::before {
|
|
15962
15998
|
text-overflow: ellipsis;
|
15963
15999
|
}
|
15964
16000
|
|
15965
|
-
.c4p--checklist__label--
|
15966
|
-
.c4p--checklist__label--disabled,
|
15967
|
-
.c4p--checklist__label--error {
|
16001
|
+
.c4p--checklist__label--disabled {
|
15968
16002
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
15969
16003
|
}
|
15970
16004
|
|
@@ -15975,7 +16009,7 @@ a.cds--side-nav__link--current::before {
|
|
15975
16009
|
-webkit-line-clamp: 2;
|
15976
16010
|
text-overflow: ellipsis;
|
15977
16011
|
padding: 0.5rem 1rem;
|
15978
|
-
border-top: 1px solid var(--cds-border-subtle);
|
16012
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
15979
16013
|
}
|
15980
16014
|
|
15981
16015
|
html,
|
@@ -16932,7 +16966,7 @@ em {
|
|
16932
16966
|
unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
|
16933
16967
|
}
|
16934
16968
|
.cds--white {
|
16935
|
-
background: var(--cds-background);
|
16969
|
+
background-color: var(--cds-background);
|
16936
16970
|
color: var(--cds-text-primary);
|
16937
16971
|
--cds-background: #ffffff;
|
16938
16972
|
--cds-background-active: rgba(141, 141, 141, 0.5);
|
@@ -17013,6 +17047,13 @@ em {
|
|
17013
17047
|
--cds-shadow: rgba(0, 0, 0, 0.3);
|
17014
17048
|
--cds-skeleton-background: #e8e8e8;
|
17015
17049
|
--cds-skeleton-element: #c6c6c6;
|
17050
|
+
--cds-slug-background: #525252;
|
17051
|
+
--cds-slug-background-hover: #6f6f6f;
|
17052
|
+
--cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
|
17053
|
+
--cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
|
17054
|
+
--cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
|
17055
|
+
--cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
|
17056
|
+
--cds-slug-hollow-hover: #474747;
|
17016
17057
|
--cds-support-caution-major: #ff832b;
|
17017
17058
|
--cds-support-caution-minor: #f1c21b;
|
17018
17059
|
--cds-support-caution-undefined: #8a3ffc;
|
@@ -17106,7 +17147,7 @@ em {
|
|
17106
17147
|
}
|
17107
17148
|
|
17108
17149
|
.cds--g10 {
|
17109
|
-
background: var(--cds-background);
|
17150
|
+
background-color: var(--cds-background);
|
17110
17151
|
color: var(--cds-text-primary);
|
17111
17152
|
--cds-background: #f4f4f4;
|
17112
17153
|
--cds-background-active: rgba(141, 141, 141, 0.5);
|
@@ -17187,6 +17228,13 @@ em {
|
|
17187
17228
|
--cds-shadow: rgba(0, 0, 0, 0.3);
|
17188
17229
|
--cds-skeleton-background: #e8e8e8;
|
17189
17230
|
--cds-skeleton-element: #c6c6c6;
|
17231
|
+
--cds-slug-background: #525252;
|
17232
|
+
--cds-slug-background-hover: #6f6f6f;
|
17233
|
+
--cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
|
17234
|
+
--cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
|
17235
|
+
--cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
|
17236
|
+
--cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
|
17237
|
+
--cds-slug-hollow-hover: #474747;
|
17190
17238
|
--cds-support-caution-major: #ff832b;
|
17191
17239
|
--cds-support-caution-minor: #f1c21b;
|
17192
17240
|
--cds-support-caution-undefined: #8a3ffc;
|
@@ -17280,7 +17328,7 @@ em {
|
|
17280
17328
|
}
|
17281
17329
|
|
17282
17330
|
.cds--g90 {
|
17283
|
-
background: var(--cds-background);
|
17331
|
+
background-color: var(--cds-background);
|
17284
17332
|
color: var(--cds-text-primary);
|
17285
17333
|
--cds-background: #262626;
|
17286
17334
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
@@ -17361,6 +17409,13 @@ em {
|
|
17361
17409
|
--cds-shadow: rgba(0, 0, 0, 0.8);
|
17362
17410
|
--cds-skeleton-background: #333333;
|
17363
17411
|
--cds-skeleton-element: #525252;
|
17412
|
+
--cds-slug-background: #c6c6c6;
|
17413
|
+
--cds-slug-background-hover: #e0e0e0;
|
17414
|
+
--cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
|
17415
|
+
--cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
|
17416
|
+
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
17417
|
+
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
17418
|
+
--cds-slug-hollow-hover: #b5b5b5;
|
17364
17419
|
--cds-support-caution-major: #ff832b;
|
17365
17420
|
--cds-support-caution-minor: #f1c21b;
|
17366
17421
|
--cds-support-caution-undefined: #a56eff;
|
@@ -17453,7 +17508,7 @@ em {
|
|
17453
17508
|
}
|
17454
17509
|
|
17455
17510
|
.cds--g100 {
|
17456
|
-
background: var(--cds-background);
|
17511
|
+
background-color: var(--cds-background);
|
17457
17512
|
color: var(--cds-text-primary);
|
17458
17513
|
--cds-background: #161616;
|
17459
17514
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
@@ -17534,6 +17589,13 @@ em {
|
|
17534
17589
|
--cds-shadow: rgba(0, 0, 0, 0.8);
|
17535
17590
|
--cds-skeleton-background: #292929;
|
17536
17591
|
--cds-skeleton-element: #393939;
|
17592
|
+
--cds-slug-background: #c6c6c6;
|
17593
|
+
--cds-slug-background-hover: #e0e0e0;
|
17594
|
+
--cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
|
17595
|
+
--cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
|
17596
|
+
--cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
|
17597
|
+
--cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
|
17598
|
+
--cds-slug-hollow-hover: #b5b5b5;
|
17537
17599
|
--cds-support-caution-major: #ff832b;
|
17538
17600
|
--cds-support-caution-minor: #f1c21b;
|
17539
17601
|
--cds-support-caution-undefined: #a56eff;
|
@@ -24977,11 +25039,14 @@ th .cds--table-sort__flex {
|
|
24977
25039
|
}
|
24978
25040
|
|
24979
25041
|
.cds--date-picker-input__wrapper {
|
24980
|
-
position: relative;
|
24981
25042
|
display: flex;
|
24982
25043
|
align-items: center;
|
24983
25044
|
}
|
24984
25045
|
|
25046
|
+
.cds--date-picker-input__wrapper span {
|
25047
|
+
position: relative;
|
25048
|
+
}
|
25049
|
+
|
24985
25050
|
.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,
|
24986
25051
|
.cds--date-picker.cds--date-picker--simple .cds--label {
|
24987
25052
|
inline-size: 7.5rem;
|
@@ -26564,6 +26629,10 @@ button.cds--dropdown-text:focus {
|
|
26564
26629
|
white-space: nowrap;
|
26565
26630
|
}
|
26566
26631
|
|
26632
|
+
.cds--date-picker--fluid .cds--date-picker-input__wrapper > span {
|
26633
|
+
inline-size: 100%;
|
26634
|
+
}
|
26635
|
+
|
26567
26636
|
.cds--date-picker--fluid .cds--date-picker-input__wrapper .cds--date-picker__input {
|
26568
26637
|
padding: 2rem 1rem 0.8125rem;
|
26569
26638
|
background: transparent;
|
@@ -31747,18 +31816,21 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31747
31816
|
position: relative;
|
31748
31817
|
display: flex;
|
31749
31818
|
align-items: center;
|
31819
|
+
gap: 1rem;
|
31750
31820
|
user-select: none;
|
31751
31821
|
}
|
31752
31822
|
|
31753
31823
|
.cds--slider {
|
31754
31824
|
position: relative;
|
31755
31825
|
padding: 1rem 0;
|
31756
|
-
margin: 0 1rem;
|
31757
31826
|
cursor: pointer;
|
31758
31827
|
inline-size: 100%;
|
31759
31828
|
max-inline-size: 40rem;
|
31760
31829
|
min-inline-size: 12.5rem;
|
31761
31830
|
}
|
31831
|
+
.cds--slider-container--two-handles .cds--slider {
|
31832
|
+
margin-inline: 0.25rem;
|
31833
|
+
}
|
31762
31834
|
|
31763
31835
|
.cds--slider__range-label {
|
31764
31836
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
@@ -31768,9 +31840,6 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31768
31840
|
color: var(--cds-text-primary, #161616);
|
31769
31841
|
white-space: nowrap;
|
31770
31842
|
}
|
31771
|
-
.cds--slider__range-label:last-of-type {
|
31772
|
-
margin-inline-end: 1rem;
|
31773
|
-
}
|
31774
31843
|
|
31775
31844
|
.cds--slider__track {
|
31776
31845
|
position: absolute;
|
@@ -31828,10 +31897,98 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31828
31897
|
transform: translate(-50%, -50%) scale(1.4286);
|
31829
31898
|
}
|
31830
31899
|
|
31900
|
+
.cds--slider__thumb-icon {
|
31901
|
+
fill: var(--cds-layer-selected-inverse, #161616);
|
31902
|
+
}
|
31903
|
+
|
31904
|
+
.cds--slider__thumb-icon--focus {
|
31905
|
+
display: none;
|
31906
|
+
fill: var(--cds-interactive, #0f62fe);
|
31907
|
+
}
|
31908
|
+
|
31909
|
+
.cds--slider__thumb--lower,
|
31910
|
+
.cds--slider__thumb--upper {
|
31911
|
+
display: block;
|
31912
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
31913
|
+
border-radius: unset;
|
31914
|
+
background-color: transparent;
|
31915
|
+
block-size: 24px;
|
31916
|
+
box-shadow: none;
|
31917
|
+
inline-size: 16px;
|
31918
|
+
transform: translate(-100%, -50%);
|
31919
|
+
transition: none;
|
31920
|
+
}
|
31921
|
+
.cds--slider__thumb--lower::before,
|
31922
|
+
.cds--slider__thumb--upper::before {
|
31923
|
+
position: absolute;
|
31924
|
+
z-index: -1;
|
31925
|
+
display: block;
|
31926
|
+
background: var(--cds-background, #ffffff);
|
31927
|
+
block-size: 0.125rem;
|
31928
|
+
content: "";
|
31929
|
+
inline-size: 0.375rem;
|
31930
|
+
inset-block-start: calc(50% - 0.0625rem);
|
31931
|
+
inset-inline-end: 0;
|
31932
|
+
}
|
31933
|
+
.cds--slider__thumb--lower:hover,
|
31934
|
+
.cds--slider__thumb--upper:hover {
|
31935
|
+
transform: translate(-100%, -50%);
|
31936
|
+
}
|
31937
|
+
.cds--slider__thumb--lower:hover .cds--slider__thumb-icon,
|
31938
|
+
.cds--slider__thumb--upper:hover .cds--slider__thumb-icon {
|
31939
|
+
fill: var(--cds-text-secondary, #525252);
|
31940
|
+
}
|
31941
|
+
.cds--slider__thumb--lower:active,
|
31942
|
+
.cds--slider__thumb--upper:active {
|
31943
|
+
box-shadow: none;
|
31944
|
+
transform: translate(-100%, -50%);
|
31945
|
+
}
|
31946
|
+
.cds--slider__thumb--lower:focus,
|
31947
|
+
.cds--slider__thumb--upper:focus {
|
31948
|
+
background-color: transparent;
|
31949
|
+
box-shadow: none;
|
31950
|
+
transform: translate(-100%, -50%);
|
31951
|
+
}
|
31952
|
+
.cds--slider__thumb--lower:focus .cds--slider__thumb-icon,
|
31953
|
+
.cds--slider__thumb--upper:focus .cds--slider__thumb-icon {
|
31954
|
+
display: none;
|
31955
|
+
fill: var(--cds-interactive, #0f62fe);
|
31956
|
+
}
|
31957
|
+
.cds--slider__thumb--lower:focus .cds--slider__thumb-icon--focus,
|
31958
|
+
.cds--slider__thumb--upper:focus .cds--slider__thumb-icon--focus {
|
31959
|
+
display: block;
|
31960
|
+
}
|
31961
|
+
|
31962
|
+
.cds--slider__thumb--lower:focus::before,
|
31963
|
+
.cds--slider__thumb--upper:focus::before {
|
31964
|
+
inline-size: 100%;
|
31965
|
+
}
|
31966
|
+
|
31967
|
+
.cds--slider__thumb--upper {
|
31968
|
+
transform: translate(0, -50%);
|
31969
|
+
}
|
31970
|
+
.cds--slider__thumb--upper::before {
|
31971
|
+
inset-inline-end: auto;
|
31972
|
+
inset-inline-start: 0;
|
31973
|
+
}
|
31974
|
+
.cds--slider__thumb--upper:hover {
|
31975
|
+
transform: translate(0, -50%);
|
31976
|
+
}
|
31977
|
+
.cds--slider__thumb--upper:active {
|
31978
|
+
transform: translate(0, -50%);
|
31979
|
+
}
|
31980
|
+
.cds--slider__thumb--upper:focus {
|
31981
|
+
transform: translate(0, -50%);
|
31982
|
+
}
|
31983
|
+
|
31831
31984
|
.cds--slider__input {
|
31832
31985
|
display: none;
|
31833
31986
|
}
|
31834
31987
|
|
31988
|
+
.cds--slider-text-input-wrapper {
|
31989
|
+
position: relative;
|
31990
|
+
}
|
31991
|
+
|
31835
31992
|
.cds--slider-text-input,
|
31836
31993
|
.cds-slider-text-input {
|
31837
31994
|
-moz-appearance: textfield;
|
@@ -31850,7 +32007,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31850
32007
|
}
|
31851
32008
|
|
31852
32009
|
.cds--slider__thumb:focus ~ .cds--slider__filled-track {
|
31853
|
-
background-color: var(--cds-interactive, #0f62fe);
|
32010
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
31854
32011
|
}
|
31855
32012
|
|
31856
32013
|
.cds--slider-text-input.cds--text-input--invalid,
|
@@ -31870,7 +32027,6 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31870
32027
|
.cds--slider__validation-msg.cds--form-requirement {
|
31871
32028
|
display: block;
|
31872
32029
|
overflow: visible;
|
31873
|
-
margin-block-start: 0;
|
31874
32030
|
max-block-size: 100%;
|
31875
32031
|
}
|
31876
32032
|
|
@@ -31939,15 +32095,24 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31939
32095
|
cursor: default;
|
31940
32096
|
}
|
31941
32097
|
|
31942
|
-
.cds--slider--readonly .cds--slider__thumb {
|
32098
|
+
.cds--slider-container--readonly .cds--slider__thumb {
|
31943
32099
|
block-size: 0;
|
31944
32100
|
inline-size: 0;
|
31945
32101
|
}
|
32102
|
+
.cds--slider-container--readonly .cds--slider__thumb::before, .cds--slider-container--readonly .cds--slider__thumb::after {
|
32103
|
+
display: none;
|
32104
|
+
}
|
31946
32105
|
|
31947
|
-
.cds--slider--readonly
|
32106
|
+
.cds--slider-container--readonly .cds--slider-text-input {
|
31948
32107
|
background-color: transparent;
|
31949
32108
|
}
|
31950
32109
|
|
32110
|
+
.cds--slider__status-msg.cds--form-requirement {
|
32111
|
+
display: block;
|
32112
|
+
overflow: visible;
|
32113
|
+
max-block-size: 100%;
|
32114
|
+
}
|
32115
|
+
|
31951
32116
|
.cds--slider-container.cds--skeleton .cds--slider__range-label {
|
31952
32117
|
position: relative;
|
31953
32118
|
padding: 0;
|
@@ -31988,6 +32153,12 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31988
32153
|
inset-inline-start: 50%;
|
31989
32154
|
pointer-events: none;
|
31990
32155
|
}
|
32156
|
+
.cds--slider-container.cds--skeleton .cds--slider__thumb--lower {
|
32157
|
+
inset-inline-start: 0;
|
32158
|
+
}
|
32159
|
+
.cds--slider-container.cds--skeleton .cds--slider__thumb--upper {
|
32160
|
+
inset-inline-start: 100%;
|
32161
|
+
}
|
31991
32162
|
|
31992
32163
|
/* stylelint-disable */
|
31993
32164
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
@@ -32010,6 +32181,285 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32010
32181
|
}
|
32011
32182
|
|
32012
32183
|
/* stylelint-enable */
|
32184
|
+
.cds--slug {
|
32185
|
+
display: flex;
|
32186
|
+
}
|
32187
|
+
|
32188
|
+
.cds--slug .cds--slug__button {
|
32189
|
+
position: relative;
|
32190
|
+
display: flex;
|
32191
|
+
align-items: center;
|
32192
|
+
justify-content: center;
|
32193
|
+
color: var(--cds-text-inverse, #ffffff);
|
32194
|
+
font-weight: 600;
|
32195
|
+
transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
32196
|
+
}
|
32197
|
+
.cds--slug .cds--slug__button--mini {
|
32198
|
+
height: 1rem;
|
32199
|
+
width: 1rem;
|
32200
|
+
font-size: 0.5625rem;
|
32201
|
+
line-height: 0.75rem;
|
32202
|
+
background: var(--cds-slug-background, #525252);
|
32203
|
+
}
|
32204
|
+
.cds--slug .cds--slug__button--2xs {
|
32205
|
+
height: 1.25rem;
|
32206
|
+
width: 1.25rem;
|
32207
|
+
font-size: 0.75rem;
|
32208
|
+
line-height: 1rem;
|
32209
|
+
background: var(--cds-slug-background, #525252);
|
32210
|
+
}
|
32211
|
+
.cds--slug .cds--slug__button--xs {
|
32212
|
+
height: 1.5rem;
|
32213
|
+
width: 1.5rem;
|
32214
|
+
font-size: 0.75rem;
|
32215
|
+
line-height: 1rem;
|
32216
|
+
background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
|
32217
|
+
}
|
32218
|
+
.cds--slug .cds--slug__button--sm {
|
32219
|
+
height: 2rem;
|
32220
|
+
width: 2rem;
|
32221
|
+
font-size: 1rem;
|
32222
|
+
line-height: 1.3125rem;
|
32223
|
+
background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
|
32224
|
+
}
|
32225
|
+
.cds--slug .cds--slug__button--md {
|
32226
|
+
height: 2.5rem;
|
32227
|
+
width: 2.5rem;
|
32228
|
+
font-size: 1rem;
|
32229
|
+
line-height: 1.3125rem;
|
32230
|
+
background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
|
32231
|
+
}
|
32232
|
+
.cds--slug .cds--slug__button--lg {
|
32233
|
+
height: 3rem;
|
32234
|
+
width: 3rem;
|
32235
|
+
font-size: 1rem;
|
32236
|
+
line-height: 1.3125rem;
|
32237
|
+
background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
|
32238
|
+
}
|
32239
|
+
.cds--slug .cds--slug__button--xl {
|
32240
|
+
height: 4rem;
|
32241
|
+
width: 4rem;
|
32242
|
+
font-size: 1.25rem;
|
32243
|
+
line-height: 1.625rem;
|
32244
|
+
background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
|
32245
|
+
}
|
32246
|
+
|
32247
|
+
.cds--slug .cds--slug__button:focus {
|
32248
|
+
box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);
|
32249
|
+
outline: none;
|
32250
|
+
}
|
32251
|
+
|
32252
|
+
.cds--slug__text {
|
32253
|
+
position: relative;
|
32254
|
+
z-index: 1;
|
32255
|
+
}
|
32256
|
+
|
32257
|
+
.cds--slug__button::before {
|
32258
|
+
position: absolute;
|
32259
|
+
background: var(--cds-slug-gradient-hover, #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%));
|
32260
|
+
block-size: 100%;
|
32261
|
+
content: "";
|
32262
|
+
inline-size: 100%;
|
32263
|
+
opacity: 0;
|
32264
|
+
transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
32265
|
+
}
|
32266
|
+
|
32267
|
+
.cds--slug__button:hover::before {
|
32268
|
+
opacity: 1;
|
32269
|
+
}
|
32270
|
+
|
32271
|
+
.cds--slug .cds--slug__button:focus::before {
|
32272
|
+
block-size: calc(100% - 6px);
|
32273
|
+
inline-size: calc(100% - 6px);
|
32274
|
+
}
|
32275
|
+
|
32276
|
+
.cds--slug__button.cds--slug__button--mini::before,
|
32277
|
+
.cds--slug__button.cds--slug__button--2xs::before {
|
32278
|
+
background: var(--cds-slug-background-hover, #6f6f6f);
|
32279
|
+
}
|
32280
|
+
|
32281
|
+
.cds--slug__button.cds--slug__button--mini:focus,
|
32282
|
+
.cds--slug__button.cds--slug__button--2xs:focus {
|
32283
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-focus-inset, #ffffff);
|
32284
|
+
}
|
32285
|
+
|
32286
|
+
.cds--slug__button.cds--slug__button--mini:focus::before,
|
32287
|
+
.cds--slug__button.cds--slug__button--2xs:focus::before {
|
32288
|
+
block-size: calc(100% - 4px);
|
32289
|
+
inline-size: calc(100% - 4px);
|
32290
|
+
}
|
32291
|
+
|
32292
|
+
.cds--slug__button--hollow.cds--slug__button--sm,
|
32293
|
+
.cds--slug__button--hollow.cds--slug__button--md,
|
32294
|
+
.cds--slug__button--hollow.cds--slug__button--lg,
|
32295
|
+
.cds--slug__button--hollow.cds--slug__button--xl {
|
32296
|
+
block-size: 1.5rem;
|
32297
|
+
font-size: 0.75rem;
|
32298
|
+
inline-size: 1.5rem;
|
32299
|
+
line-height: 1rem;
|
32300
|
+
}
|
32301
|
+
|
32302
|
+
.cds--slug__button--hollow::before {
|
32303
|
+
display: none;
|
32304
|
+
}
|
32305
|
+
|
32306
|
+
.cds--slug .cds--slug__button--hollow {
|
32307
|
+
border: 1px solid var(--cds-border-inverse, #161616);
|
32308
|
+
background: transparent;
|
32309
|
+
color: var(--cds-text-primary, #161616);
|
32310
|
+
}
|
32311
|
+
|
32312
|
+
.cds--slug__button--hollow:hover {
|
32313
|
+
border-color: var(--cds-slug-hollow-hover, #474747);
|
32314
|
+
color: var(--cds-slug-hollow-hover, #474747);
|
32315
|
+
}
|
32316
|
+
|
32317
|
+
.cds--slug__button--hollow:focus {
|
32318
|
+
border-color: var(--cds-focus, #0f62fe);
|
32319
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
|
32320
|
+
}
|
32321
|
+
|
32322
|
+
.cds--slug .cds--slug__button--inline {
|
32323
|
+
border: 1px solid transparent;
|
32324
|
+
border-radius: 0.0625rem;
|
32325
|
+
background: transparent;
|
32326
|
+
block-size: initial;
|
32327
|
+
color: var(--cds-text-primary, #161616);
|
32328
|
+
font-size: 0.875rem;
|
32329
|
+
inline-size: initial;
|
32330
|
+
line-height: initial;
|
32331
|
+
padding-inline: 0.25rem;
|
32332
|
+
}
|
32333
|
+
|
32334
|
+
.cds--slug__button--inline::before {
|
32335
|
+
display: none;
|
32336
|
+
}
|
32337
|
+
|
32338
|
+
.cds--slug .cds--slug__button--inline:focus {
|
32339
|
+
border-color: var(--cds-focus, #0f62fe);
|
32340
|
+
box-shadow: none;
|
32341
|
+
}
|
32342
|
+
|
32343
|
+
.cds--slug .cds--slug__button--inline:hover {
|
32344
|
+
border-color: var(--cds-icon-secondary, #525252);
|
32345
|
+
color: var(--cds-text-secondary, #525252);
|
32346
|
+
}
|
32347
|
+
|
32348
|
+
.cds--slug .cds--slug__button--inline:focus:hover {
|
32349
|
+
border-color: var(--cds-focus, #0f62fe);
|
32350
|
+
}
|
32351
|
+
|
32352
|
+
.cds--slug .cds--slug__button--inline:hover .cds--slug__text::before {
|
32353
|
+
background: var(--cds-icon-secondary, #525252);
|
32354
|
+
}
|
32355
|
+
|
32356
|
+
.cds--slug--hollow .cds--slug__button--inline:hover .cds--slug__text::before {
|
32357
|
+
background: transparent;
|
32358
|
+
box-shadow: inset 0 0 0 1px var(--cds-icon-secondary, #525252);
|
32359
|
+
}
|
32360
|
+
|
32361
|
+
.cds--slug__button--inline .cds--slug__text {
|
32362
|
+
padding-inline-start: 0.5rem;
|
32363
|
+
}
|
32364
|
+
|
32365
|
+
.cds--slug__button--inline.cds--slug__button--lg .cds--slug__text {
|
32366
|
+
padding-inline-start: 0.75rem;
|
32367
|
+
}
|
32368
|
+
|
32369
|
+
.cds--slug__button--inline .cds--slug__text::before {
|
32370
|
+
position: absolute;
|
32371
|
+
display: inline-block;
|
32372
|
+
background: var(--cds-icon-primary, #161616);
|
32373
|
+
block-size: 0.25rem;
|
32374
|
+
content: "";
|
32375
|
+
inline-size: 0.25rem;
|
32376
|
+
inset-block-start: 50%;
|
32377
|
+
inset-inline-start: 0;
|
32378
|
+
opacity: 1;
|
32379
|
+
transform: translateY(-50%);
|
32380
|
+
transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
32381
|
+
}
|
32382
|
+
|
32383
|
+
.cds--slug--hollow .cds--slug__text::before {
|
32384
|
+
background: transparent;
|
32385
|
+
block-size: 0.375rem;
|
32386
|
+
box-shadow: inset 0 0 0 1px var(--cds-icon-primary, #161616);
|
32387
|
+
inline-size: 0.375rem;
|
32388
|
+
}
|
32389
|
+
|
32390
|
+
.cds--slug--hollow .cds--slug__button--sm .cds--slug__text,
|
32391
|
+
.cds--slug--hollow .cds--slug__button--md .cds--slug__text {
|
32392
|
+
padding-inline-start: 0.5625rem;
|
32393
|
+
}
|
32394
|
+
|
32395
|
+
.cds--slug__button--lg .cds--slug__text::before,
|
32396
|
+
.cds--slug--hollow .cds--slug__button--lg .cds--slug__text::before {
|
32397
|
+
block-size: 0.5rem;
|
32398
|
+
inline-size: 0.5rem;
|
32399
|
+
}
|
32400
|
+
|
32401
|
+
.cds--slug__button--inline.cds--slug__button--mini,
|
32402
|
+
.cds--slug__button--inline.cds--slug__button--mini .cds--slug__additional-text,
|
32403
|
+
.cds--slug__button--inline.cds--slug__button--2xs,
|
32404
|
+
.cds--slug__button--inline.cds--slug__button--2xs .cds--slug__additional-text,
|
32405
|
+
.cds--slug__button--inline.cds--slug__button--xs,
|
32406
|
+
.cds--slug__button--inline.cds--slug__button--xs .cds--slug__additional-text,
|
32407
|
+
.cds--slug__button--inline.cds--slug__button--sm,
|
32408
|
+
.cds--slug__button--inline.cds--slug__button--sm .cds--slug__additional-text {
|
32409
|
+
font-size: 0.75rem;
|
32410
|
+
}
|
32411
|
+
|
32412
|
+
.cds--slug__button--inline.cds--slug__button--lg,
|
32413
|
+
.cds--slug__button--inline.cds--slug__button--xl {
|
32414
|
+
font-size: 1rem;
|
32415
|
+
}
|
32416
|
+
|
32417
|
+
.cds--slug .cds--slug__button--inline-with-content {
|
32418
|
+
border: 1px solid var(--cds-border-inverse, #161616);
|
32419
|
+
padding-block: 0.125rem;
|
32420
|
+
padding-inline: 0.5rem;
|
32421
|
+
}
|
32422
|
+
|
32423
|
+
.cds--slug__button--inline-with-content .cds--slug__additional-text {
|
32424
|
+
font-size: var(--cds-body-compact-02-font-size, 1rem);
|
32425
|
+
font-weight: var(--cds-body-compact-02-font-weight, 400);
|
32426
|
+
line-height: var(--cds-body-compact-02-line-height, 1.375);
|
32427
|
+
letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
|
32428
|
+
padding-inline-start: 0.25rem;
|
32429
|
+
}
|
32430
|
+
|
32431
|
+
.cds--slug__button--inline.cds--slug__button--md .cds--slug__additional-text {
|
32432
|
+
font-size: 0.875rem;
|
32433
|
+
}
|
32434
|
+
|
32435
|
+
.cds--slug .cds--slug__button--inline-with-content:focus {
|
32436
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
|
32437
|
+
}
|
32438
|
+
|
32439
|
+
.cds--slug.cds--slug--hollow .cds--toggletip-content {
|
32440
|
+
row-gap: 0;
|
32441
|
+
}
|
32442
|
+
|
32443
|
+
.cds--slug.cds--slug--enabled .cds--popover-content {
|
32444
|
+
border: 1px solid var(--cds-border-subtle);
|
32445
|
+
border-radius: 16px;
|
32446
|
+
backdrop-filter: blur(25px);
|
32447
|
+
background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) 0%, var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) 0%, var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
|
32448
|
+
box-shadow: -45px 45px 100px rgba(0, 0, 0, 0.2);
|
32449
|
+
color: var(--cds-text-primary, #161616);
|
32450
|
+
min-inline-size: 17.5rem;
|
32451
|
+
}
|
32452
|
+
|
32453
|
+
.cds--slug.cds--slug--enabled .cds--popover-caret {
|
32454
|
+
background: var(--cds-border-subtle);
|
32455
|
+
}
|
32456
|
+
|
32457
|
+
.cds--slug.cds--slug--enabled .cds--toggletip-content {
|
32458
|
+
padding-block-end: 5rem;
|
32459
|
+
padding-block-start: 2rem;
|
32460
|
+
padding-inline: 2rem;
|
32461
|
+
}
|
32462
|
+
|
32013
32463
|
.cds--stack-horizontal {
|
32014
32464
|
display: inline-grid;
|
32015
32465
|
column-gap: var(--cds-stack-gap, 0);
|
@@ -34413,7 +34863,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
34413
34863
|
}
|
34414
34864
|
|
34415
34865
|
.cds--side-nav__item--large {
|
34416
|
-
block-size:
|
34866
|
+
block-size: auto;
|
34417
34867
|
}
|
34418
34868
|
|
34419
34869
|
.cds--side-nav__divider {
|
@@ -35429,7 +35879,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
35429
35879
|
}
|
35430
35880
|
|
35431
35881
|
.cds--side-nav__item--large {
|
35432
|
-
block-size:
|
35882
|
+
block-size: auto;
|
35433
35883
|
}
|
35434
35884
|
|
35435
35885
|
.cds--side-nav__divider {
|