@carbon/ibm-products 2.19.2 → 2.21.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +147 -111
- 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 +28 -20
- 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 +28 -20
- 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 +51 -22
- 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/ActionSet/ActionSet.js +3 -4
- package/es/components/AddSelect/AddSelectBody.js +2 -2
- package/es/components/AddSelect/AddSelectRow.js +2 -2
- package/es/components/Card/Card.js +1 -2
- package/es/components/Card/CardHeader.js +1 -2
- package/es/components/CreateFullPage/CreateFullPageStep.js +1 -2
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +1 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -2
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -2
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -2
- package/es/components/Datagrid/Datagrid/DatagridContent.js +2 -7
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -11
- package/es/components/Datagrid/Datagrid/DatagridRow.js +9 -10
- package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +61 -11
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +28 -14
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +63 -41
- package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +1 -5
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +2 -2
- package/es/components/Datagrid/useActionsColumn.js +1 -2
- package/es/components/Datagrid/useDefaultStringRenderer.js +1 -2
- package/es/components/Datagrid/useFiltering.js +1 -0
- package/es/components/Datagrid/useNestedRowExpander.js +1 -2
- package/es/components/Datagrid/useNestedRows.js +49 -33
- package/es/components/Datagrid/useOnRowClick.js +1 -1
- package/es/components/Datagrid/useSelectRows.js +1 -2
- package/es/components/Datagrid/useSortableColumns.js +1 -2
- package/es/components/Datagrid/useStickyColumn.js +3 -4
- package/es/components/Datagrid/utils/filterPropsForTesting.js +149 -0
- package/es/components/EditInPlace/EditInPlace.js +1 -2
- package/es/components/EditTearsheet/EditTearsheetForm.js +1 -2
- package/es/components/FilterSummary/FilterSummary.js +15 -12
- package/es/components/NotificationsPanel/NotificationsPanel.js +2 -3
- package/es/components/PageHeader/PageHeader.js +9 -11
- package/es/components/Saving/Saving.js +6 -6
- package/es/components/SidePanel/SidePanel.js +12 -7
- package/es/components/TagSet/TagSetOverflow.js +1 -2
- package/es/components/Tearsheet/Tearsheet.js +5 -0
- package/es/components/Tearsheet/TearsheetNarrow.js +5 -0
- package/es/components/Tearsheet/TearsheetShell.js +10 -10
- package/es/components/WebTerminal/WebTerminal.js +1 -2
- package/lib/components/ActionSet/ActionSet.js +3 -4
- package/lib/components/AddSelect/AddSelectBody.js +2 -2
- package/lib/components/AddSelect/AddSelectRow.js +2 -2
- package/lib/components/Card/Card.js +1 -2
- package/lib/components/Card/CardHeader.js +1 -2
- package/lib/components/CreateFullPage/CreateFullPageStep.js +1 -2
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +1 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +1 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -7
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -11
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +9 -10
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +60 -10
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +27 -13
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +63 -41
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +1 -5
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +2 -2
- package/lib/components/Datagrid/useActionsColumn.js +1 -2
- package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -2
- package/lib/components/Datagrid/useFiltering.js +1 -0
- package/lib/components/Datagrid/useNestedRowExpander.js +1 -2
- package/lib/components/Datagrid/useNestedRows.js +49 -33
- package/lib/components/Datagrid/useOnRowClick.js +1 -1
- package/lib/components/Datagrid/useSelectRows.js +1 -2
- package/lib/components/Datagrid/useSortableColumns.js +1 -2
- package/lib/components/Datagrid/useStickyColumn.js +3 -4
- package/lib/components/Datagrid/utils/filterPropsForTesting.js +156 -0
- package/lib/components/EditInPlace/EditInPlace.js +1 -2
- package/lib/components/EditTearsheet/EditTearsheetForm.js +1 -2
- package/lib/components/FilterSummary/FilterSummary.js +15 -12
- package/lib/components/NotificationsPanel/NotificationsPanel.js +2 -3
- package/lib/components/PageHeader/PageHeader.js +9 -11
- package/lib/components/Saving/Saving.js +6 -6
- package/lib/components/SidePanel/SidePanel.js +12 -7
- package/lib/components/TagSet/TagSetOverflow.js +1 -2
- package/lib/components/Tearsheet/Tearsheet.js +5 -0
- package/lib/components/Tearsheet/TearsheetNarrow.js +5 -0
- package/lib/components/Tearsheet/TearsheetShell.js +10 -10
- package/lib/components/WebTerminal/WebTerminal.js +1 -2
- package/package.json +4 -4
- package/scss/components/Datagrid/styles/_datagrid.scss +8 -0
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +11 -8
- package/scss/components/Saving/_saving.scss +6 -0
- package/scss/components/SidePanel/_side-panel.scss +9 -3
- package/scss/components/TagSet/_tag-set.scss +4 -1
@@ -2405,8 +2405,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2405
2405
|
}
|
2406
2406
|
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
2407
2407
|
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
2408
|
-
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation
|
2409
|
-
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__actions-container.c4p--action-set--xs {
|
2408
|
+
.c4p--side-panel__container.c4p--side-panel__container--xs .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
2410
2409
|
width: 16rem;
|
2411
2410
|
max-width: 100%;
|
2412
2411
|
}
|
@@ -2416,8 +2415,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2416
2415
|
}
|
2417
2416
|
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
2418
2417
|
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
2419
|
-
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation
|
2420
|
-
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__actions-container.c4p--action-set--sm {
|
2418
|
+
.c4p--side-panel__container.c4p--side-panel__container--sm .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
2421
2419
|
width: 20rem;
|
2422
2420
|
max-width: 100%;
|
2423
2421
|
}
|
@@ -2427,8 +2425,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2427
2425
|
}
|
2428
2426
|
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
2429
2427
|
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
2430
|
-
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation
|
2431
|
-
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__actions-container.c4p--action-set--md {
|
2428
|
+
.c4p--side-panel__container.c4p--side-panel__container--md .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
2432
2429
|
width: 30rem;
|
2433
2430
|
max-width: 100%;
|
2434
2431
|
}
|
@@ -2438,8 +2435,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2438
2435
|
}
|
2439
2436
|
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
2440
2437
|
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
2441
|
-
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation
|
2442
|
-
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__actions-container.c4p--action-set--lg {
|
2438
|
+
.c4p--side-panel__container.c4p--side-panel__container--lg .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
2443
2439
|
width: 40rem;
|
2444
2440
|
max-width: 100%;
|
2445
2441
|
}
|
@@ -2449,11 +2445,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2449
2445
|
}
|
2450
2446
|
.c4p--side-panel__container.c4p--side-panel__container--2xl .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation,
|
2451
2447
|
.c4p--side-panel__container.c4p--side-panel__container--2xl .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation,
|
2452
|
-
.c4p--side-panel__container.c4p--side-panel__container--2xl .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation
|
2453
|
-
.c4p--side-panel__container.c4p--side-panel__container--2xl .c4p--side-panel__actions-container.c4p--action-set--2xl {
|
2448
|
+
.c4p--side-panel__container.c4p--side-panel__container--2xl .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
|
2454
2449
|
width: 75%;
|
2455
2450
|
max-width: 100%;
|
2456
2451
|
}
|
2452
|
+
.c4p--side-panel__container .c4p--side-panel__actions-container {
|
2453
|
+
width: 100%;
|
2454
|
+
}
|
2457
2455
|
.c4p--side-panel__container.c4p--side-panel__container-right-placement {
|
2458
2456
|
right: 0;
|
2459
2457
|
border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
|
@@ -2488,10 +2486,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2488
2486
|
position: sticky;
|
2489
2487
|
z-index: 4;
|
2490
2488
|
top: 0;
|
2491
|
-
padding: 1rem
|
2489
|
+
padding: 1rem;
|
2492
2490
|
background-color: var(--cds-layer-01, #f4f4f4);
|
2493
2491
|
/* stylelint-disable-next-line max-nesting-depth */
|
2494
2492
|
}
|
2493
|
+
.c4p--side-panel__container .c4p--side-panel__title-container:has(~ .c4p--side-panel__subtitle-text) {
|
2494
|
+
padding-bottom: 0.5rem;
|
2495
|
+
}
|
2495
2496
|
.c4p--side-panel__container .c4p--side-panel__title-container:has(.c4p--side-panel__navigation-back-button) {
|
2496
2497
|
padding-top: 2rem;
|
2497
2498
|
}
|
@@ -6480,7 +6481,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6480
6481
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-list {
|
6481
6482
|
display: flex;
|
6482
6483
|
flex-direction: column;
|
6483
|
-
|
6484
|
+
}
|
6485
|
+
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link {
|
6486
|
+
margin-top: 0.5rem;
|
6484
6487
|
}
|
6485
6488
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
|
6486
6489
|
background-color: var(--cds-background-inverse-hover, #474747);
|
@@ -7166,6 +7169,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7166
7169
|
display: flex;
|
7167
7170
|
}
|
7168
7171
|
|
7172
|
+
.c4p--saving__buttons .cds--btn .cds--inline-loading {
|
7173
|
+
min-block-size: auto;
|
7174
|
+
}
|
7175
|
+
|
7169
7176
|
@keyframes rotating {
|
7170
7177
|
0% {
|
7171
7178
|
transform: scaleY(-1) rotate(360deg);
|
@@ -9724,6 +9731,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9724
9731
|
max-width: 280px;
|
9725
9732
|
}
|
9726
9733
|
|
9734
|
+
.c4p--datagrid__empty-state .cds--data-table tbody tr:not([data-child-row]):hover {
|
9735
|
+
background: inherit;
|
9736
|
+
}
|
9737
|
+
|
9727
9738
|
.c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover {
|
9728
9739
|
background: transparent;
|
9729
9740
|
}
|
@@ -10529,13 +10540,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10529
10540
|
padding-top: 0.5rem;
|
10530
10541
|
}
|
10531
10542
|
|
10532
|
-
/*
|
10533
|
-
* Licensed Materials - Property of IBM
|
10534
|
-
* 5724-Q36
|
10535
|
-
* (c) Copyright IBM Corp. 2022
|
10536
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
10537
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
10538
|
-
*/
|
10539
10543
|
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
10540
10544
|
.c4p--datagrid-filter-flyout__container {
|
10541
10545
|
position: relative;
|
@@ -10601,7 +10605,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10601
10605
|
display: grid;
|
10602
10606
|
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
10603
10607
|
gap: 1rem 2rem;
|
10604
|
-
grid-template-columns:
|
10608
|
+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
10605
10609
|
}
|
10606
10610
|
|
10607
10611
|
.c4p--datagrid-filter-flyout__trigger.cds--btn {
|
@@ -10622,6 +10626,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10622
10626
|
margin-bottom: 0;
|
10623
10627
|
}
|
10624
10628
|
|
10629
|
+
.c4p--datagrid-filter-flyout__stacked {
|
10630
|
+
grid-template-columns: 1fr;
|
10631
|
+
}
|
10632
|
+
|
10625
10633
|
/*
|
10626
10634
|
* Licensed Materials - Property of IBM
|
10627
10635
|
* 5724-Q36
|
@@ -17662,6 +17670,7 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
17662
17670
|
}
|
17663
17671
|
|
17664
17672
|
.cds--accordion__wrapper {
|
17673
|
+
overflow: hidden;
|
17665
17674
|
padding: 0;
|
17666
17675
|
max-block-size: 0;
|
17667
17676
|
opacity: 0;
|
@@ -17670,7 +17679,6 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
17670
17679
|
}
|
17671
17680
|
|
17672
17681
|
.cds--accordion__content {
|
17673
|
-
overflow: hidden;
|
17674
17682
|
padding-inline: var(--cds-layout-density-padding-inline-local);
|
17675
17683
|
}
|
17676
17684
|
@media (min-width: 480px) {
|
@@ -17715,6 +17723,8 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
17715
17723
|
overflow: visible;
|
17716
17724
|
}
|
17717
17725
|
.cds--accordion__item--active .cds--accordion__wrapper {
|
17726
|
+
overflow: visible;
|
17727
|
+
max-block-size: fit-content;
|
17718
17728
|
opacity: 1;
|
17719
17729
|
padding-block: 0.5rem;
|
17720
17730
|
padding-block-end: 1.5rem;
|
@@ -29080,6 +29090,11 @@ button.cds--dropdown-text:focus {
|
|
29080
29090
|
}
|
29081
29091
|
|
29082
29092
|
.cds--number--nosteppers input[type=number] {
|
29093
|
+
padding-inline-end: 0;
|
29094
|
+
}
|
29095
|
+
|
29096
|
+
.cds--number--nosteppers input[type=number][data-invalid],
|
29097
|
+
.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number] {
|
29083
29098
|
padding-inline-end: 3rem;
|
29084
29099
|
}
|
29085
29100
|
|
@@ -30929,7 +30944,6 @@ optgroup.cds--select-optgroup:disabled,
|
|
30929
30944
|
.cds--modal-container {
|
30930
30945
|
position: fixed;
|
30931
30946
|
display: grid;
|
30932
|
-
overflow: hidden;
|
30933
30947
|
background-color: var(--cds-layer);
|
30934
30948
|
block-size: 100%;
|
30935
30949
|
grid-template-columns: 100%;
|
@@ -31246,6 +31260,28 @@ optgroup.cds--select-optgroup:disabled,
|
|
31246
31260
|
margin: 0;
|
31247
31261
|
}
|
31248
31262
|
|
31263
|
+
.cds--modal--slug .cds--modal-container {
|
31264
|
+
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)) 50%, transparent 50%), 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);
|
31265
|
+
background-color: var(--cds-layer);
|
31266
|
+
}
|
31267
|
+
|
31268
|
+
.cds--modal--slug .cds--modal-container:has(.cds--btn-set:not(.cds--modal-footer--three-button) > button:not(:only-child)) {
|
31269
|
+
background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) calc(0% + 64px), var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) calc(0% + 64px), var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
|
31270
|
+
background-color: var(--cds-layer);
|
31271
|
+
}
|
31272
|
+
|
31273
|
+
.cds--modal--slug .cds--slug {
|
31274
|
+
position: absolute;
|
31275
|
+
inset-block-start: 0;
|
31276
|
+
inset-inline-end: 0;
|
31277
|
+
}
|
31278
|
+
|
31279
|
+
.cds--modal-header > .cds--slug:has(+ .cds--modal-close),
|
31280
|
+
.cds--modal-header > .cds--modal-close ~ .cds--slug,
|
31281
|
+
.cds--modal--slug .cds--modal-container-body > .cds--slug {
|
31282
|
+
inset-inline-end: 3rem;
|
31283
|
+
}
|
31284
|
+
|
31249
31285
|
/* stylelint-disable */
|
31250
31286
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
31251
31287
|
.cds--modal-close__icon {
|
@@ -33521,7 +33557,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
33521
33557
|
|
33522
33558
|
.cds--progress--vertical .cds--progress-optional {
|
33523
33559
|
position: static;
|
33524
|
-
margin:
|
33560
|
+
margin: 0 0 auto;
|
33525
33561
|
inline-size: 100%;
|
33526
33562
|
}
|
33527
33563
|
|
@@ -34053,6 +34089,94 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
34053
34089
|
}
|
34054
34090
|
|
34055
34091
|
/* stylelint-enable */
|
34092
|
+
.cds--toggletip-label {
|
34093
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
34094
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
34095
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
34096
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
34097
|
+
color: var(--cds-text-secondary, #525252);
|
34098
|
+
margin-inline-end: 0.5rem;
|
34099
|
+
}
|
34100
|
+
|
34101
|
+
.cds--toggletip-button {
|
34102
|
+
box-sizing: border-box;
|
34103
|
+
padding: 0;
|
34104
|
+
border: 0;
|
34105
|
+
margin: 0;
|
34106
|
+
font-family: inherit;
|
34107
|
+
font-size: 100%;
|
34108
|
+
vertical-align: baseline;
|
34109
|
+
display: inline-block;
|
34110
|
+
padding: 0;
|
34111
|
+
border: 0;
|
34112
|
+
appearance: none;
|
34113
|
+
background: none;
|
34114
|
+
cursor: pointer;
|
34115
|
+
text-align: start;
|
34116
|
+
inline-size: 100%;
|
34117
|
+
display: flex;
|
34118
|
+
align-items: center;
|
34119
|
+
}
|
34120
|
+
.cds--toggletip-button *,
|
34121
|
+
.cds--toggletip-button *::before,
|
34122
|
+
.cds--toggletip-button *::after {
|
34123
|
+
box-sizing: inherit;
|
34124
|
+
}
|
34125
|
+
.cds--toggletip-button::-moz-focus-inner {
|
34126
|
+
border: 0;
|
34127
|
+
}
|
34128
|
+
|
34129
|
+
.cds--toggletip-button svg {
|
34130
|
+
fill: var(--cds-icon-secondary, #525252);
|
34131
|
+
}
|
34132
|
+
|
34133
|
+
.cds--toggletip-button:hover svg,
|
34134
|
+
.cds--toggletip--open .cds--toggletip-button svg {
|
34135
|
+
fill: var(--cds-icon-primary, #161616);
|
34136
|
+
}
|
34137
|
+
|
34138
|
+
.cds--toggletip-button:focus {
|
34139
|
+
outline: 1px solid var(--cds-focus, #0f62fe);
|
34140
|
+
}
|
34141
|
+
@media screen and (prefers-contrast) {
|
34142
|
+
.cds--toggletip-button:focus {
|
34143
|
+
outline-style: dotted;
|
34144
|
+
}
|
34145
|
+
}
|
34146
|
+
|
34147
|
+
.cds--toggletip {
|
34148
|
+
--cds-popover-offset: 0.8125rem;
|
34149
|
+
}
|
34150
|
+
|
34151
|
+
.cds--toggletip-content {
|
34152
|
+
--cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
|
34153
|
+
--cds-link-text-color: var(--cds-link-inverse, #78a9ff);
|
34154
|
+
--cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
|
34155
|
+
--cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
|
34156
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
34157
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
34158
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
34159
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
34160
|
+
display: grid;
|
34161
|
+
padding: 1rem;
|
34162
|
+
max-inline-size: 18rem;
|
34163
|
+
row-gap: 1rem;
|
34164
|
+
}
|
34165
|
+
|
34166
|
+
.cds--toggletip-content p {
|
34167
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
34168
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
34169
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
34170
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
34171
|
+
}
|
34172
|
+
|
34173
|
+
.cds--toggletip-actions {
|
34174
|
+
display: flex;
|
34175
|
+
align-items: center;
|
34176
|
+
justify-content: space-between;
|
34177
|
+
column-gap: 1rem;
|
34178
|
+
}
|
34179
|
+
|
34056
34180
|
.cds--slug {
|
34057
34181
|
display: flex;
|
34058
34182
|
}
|
@@ -35764,94 +35888,6 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
35764
35888
|
fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
35765
35889
|
}
|
35766
35890
|
|
35767
|
-
.cds--toggletip-label {
|
35768
|
-
font-size: var(--cds-body-01-font-size, 0.875rem);
|
35769
|
-
font-weight: var(--cds-body-01-font-weight, 400);
|
35770
|
-
line-height: var(--cds-body-01-line-height, 1.42857);
|
35771
|
-
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
35772
|
-
color: var(--cds-text-secondary, #525252);
|
35773
|
-
margin-inline-end: 0.5rem;
|
35774
|
-
}
|
35775
|
-
|
35776
|
-
.cds--toggletip-button {
|
35777
|
-
box-sizing: border-box;
|
35778
|
-
padding: 0;
|
35779
|
-
border: 0;
|
35780
|
-
margin: 0;
|
35781
|
-
font-family: inherit;
|
35782
|
-
font-size: 100%;
|
35783
|
-
vertical-align: baseline;
|
35784
|
-
display: inline-block;
|
35785
|
-
padding: 0;
|
35786
|
-
border: 0;
|
35787
|
-
appearance: none;
|
35788
|
-
background: none;
|
35789
|
-
cursor: pointer;
|
35790
|
-
text-align: start;
|
35791
|
-
inline-size: 100%;
|
35792
|
-
display: flex;
|
35793
|
-
align-items: center;
|
35794
|
-
}
|
35795
|
-
.cds--toggletip-button *,
|
35796
|
-
.cds--toggletip-button *::before,
|
35797
|
-
.cds--toggletip-button *::after {
|
35798
|
-
box-sizing: inherit;
|
35799
|
-
}
|
35800
|
-
.cds--toggletip-button::-moz-focus-inner {
|
35801
|
-
border: 0;
|
35802
|
-
}
|
35803
|
-
|
35804
|
-
.cds--toggletip-button svg {
|
35805
|
-
fill: var(--cds-icon-secondary, #525252);
|
35806
|
-
}
|
35807
|
-
|
35808
|
-
.cds--toggletip-button:hover svg,
|
35809
|
-
.cds--toggletip--open .cds--toggletip-button svg {
|
35810
|
-
fill: var(--cds-icon-primary, #161616);
|
35811
|
-
}
|
35812
|
-
|
35813
|
-
.cds--toggletip-button:focus {
|
35814
|
-
outline: 1px solid var(--cds-focus, #0f62fe);
|
35815
|
-
}
|
35816
|
-
@media screen and (prefers-contrast) {
|
35817
|
-
.cds--toggletip-button:focus {
|
35818
|
-
outline-style: dotted;
|
35819
|
-
}
|
35820
|
-
}
|
35821
|
-
|
35822
|
-
.cds--toggletip {
|
35823
|
-
--cds-popover-offset: 0.8125rem;
|
35824
|
-
}
|
35825
|
-
|
35826
|
-
.cds--toggletip-content {
|
35827
|
-
--cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
|
35828
|
-
--cds-link-text-color: var(--cds-link-inverse, #78a9ff);
|
35829
|
-
--cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
|
35830
|
-
--cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
|
35831
|
-
font-size: var(--cds-body-01-font-size, 0.875rem);
|
35832
|
-
font-weight: var(--cds-body-01-font-weight, 400);
|
35833
|
-
line-height: var(--cds-body-01-line-height, 1.42857);
|
35834
|
-
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
35835
|
-
display: grid;
|
35836
|
-
padding: 1rem;
|
35837
|
-
max-inline-size: 18rem;
|
35838
|
-
row-gap: 1rem;
|
35839
|
-
}
|
35840
|
-
|
35841
|
-
.cds--toggletip-content p {
|
35842
|
-
font-size: var(--cds-body-01-font-size, 0.875rem);
|
35843
|
-
font-weight: var(--cds-body-01-font-weight, 400);
|
35844
|
-
line-height: var(--cds-body-01-line-height, 1.42857);
|
35845
|
-
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
35846
|
-
}
|
35847
|
-
|
35848
|
-
.cds--toggletip-actions {
|
35849
|
-
display: flex;
|
35850
|
-
align-items: center;
|
35851
|
-
justify-content: space-between;
|
35852
|
-
column-gap: 1rem;
|
35853
|
-
}
|
35854
|
-
|
35855
35891
|
.cds--toggle {
|
35856
35892
|
display: inline-block;
|
35857
35893
|
user-select: none;
|