@carbon/ibm-products 2.43.2-canary.78 → 2.43.2-canary.81
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +252 -58
- 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 +3 -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 +72 -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 +173 -44
- 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/ActionBar/ActionBarItem.js +1 -1
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +20 -14
- package/es/components/ConditionBuilder/ConditionBuilder.js +3 -3
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +8 -5
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +4 -2
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +2 -2
- package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +4 -3
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +1 -3
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +4 -10
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +1 -0
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +6 -1
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +3 -1
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +4 -2
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +3 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +47 -23
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +3 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +6 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +3 -2
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +52 -32
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +1 -0
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +51 -44
- package/es/components/ConditionBuilder/utils/util.d.ts +6 -4
- package/es/components/ConditionBuilder/utils/util.js +35 -17
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +33 -1
- package/es/components/StringFormatter/StringFormatter.js +14 -3
- package/es/components/StringFormatter/utils/enums.d.ts +20 -1
- package/es/components/StringFormatter/utils/enums.js +22 -2
- package/es/node_modules/@carbon/icon-helpers/es/index.js +49 -62
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1020 -1058
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +881 -758
- package/lib/components/ActionBar/ActionBarItem.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +19 -13
- package/lib/components/ConditionBuilder/ConditionBuilder.js +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +8 -5
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +4 -2
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +2 -2
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +4 -3
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +1 -3
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +4 -10
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +1 -0
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +6 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +3 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +4 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +3 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +46 -22
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +6 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +3 -2
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +51 -31
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +1 -0
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +50 -42
- package/lib/components/ConditionBuilder/utils/util.d.ts +6 -4
- package/lib/components/ConditionBuilder/utils/util.js +36 -16
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +32 -0
- package/lib/components/StringFormatter/StringFormatter.js +13 -2
- package/lib/components/StringFormatter/utils/enums.d.ts +20 -1
- package/lib/components/StringFormatter/utils/enums.js +23 -1
- package/lib/node_modules/@carbon/icon-helpers/es/index.js +49 -62
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1036 -1074
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +946 -823
- package/package.json +5 -5
- package/scss/components/ConditionBuilder/_condition-builder.scss +4 -0
- package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +6 -1
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +1 -1
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +7 -5
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +5 -4
@@ -5042,6 +5042,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5042
5042
|
--cds-link-inverse: #0f62fe;
|
5043
5043
|
--cds-link-inverse-active: #161616;
|
5044
5044
|
--cds-link-inverse-hover: #0043ce;
|
5045
|
+
--cds-link-inverse-visited: #8a3ffc;
|
5045
5046
|
--cds-link-primary: #78a9ff;
|
5046
5047
|
--cds-link-primary-hover: #a6c8ff;
|
5047
5048
|
--cds-link-secondary: #a6c8ff;
|
@@ -8717,6 +8718,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8717
8718
|
--cds-link-inverse: #0f62fe;
|
8718
8719
|
--cds-link-inverse-active: #161616;
|
8719
8720
|
--cds-link-inverse-hover: #0043ce;
|
8721
|
+
--cds-link-inverse-visited: #8a3ffc;
|
8720
8722
|
--cds-link-primary: #78a9ff;
|
8721
8723
|
--cds-link-primary-hover: #a6c8ff;
|
8722
8724
|
--cds-link-secondary: #a6c8ff;
|
@@ -9147,6 +9149,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9147
9149
|
--cds-link-inverse: #0f62fe;
|
9148
9150
|
--cds-link-inverse-active: #161616;
|
9149
9151
|
--cds-link-inverse-hover: #0043ce;
|
9152
|
+
--cds-link-inverse-visited: #8a3ffc;
|
9150
9153
|
--cds-link-primary: #78a9ff;
|
9151
9154
|
--cds-link-primary-hover: #a6c8ff;
|
9152
9155
|
--cds-link-secondary: #a6c8ff;
|
@@ -15518,6 +15521,7 @@ a.cds--side-nav__link--current::before {
|
|
15518
15521
|
--cds-link-inverse: #0f62fe;
|
15519
15522
|
--cds-link-inverse-active: #161616;
|
15520
15523
|
--cds-link-inverse-hover: #0043ce;
|
15524
|
+
--cds-link-inverse-visited: #8a3ffc;
|
15521
15525
|
--cds-link-primary: #78a9ff;
|
15522
15526
|
--cds-link-primary-hover: #a6c8ff;
|
15523
15527
|
--cds-link-secondary: #a6c8ff;
|
@@ -16322,6 +16326,7 @@ a.cds--side-nav__link--current::before {
|
|
16322
16326
|
--cds-link-inverse: #0f62fe;
|
16323
16327
|
--cds-link-inverse-active: #161616;
|
16324
16328
|
--cds-link-inverse-hover: #0043ce;
|
16329
|
+
--cds-link-inverse-visited: #8a3ffc;
|
16325
16330
|
--cds-link-primary: #78a9ff;
|
16326
16331
|
--cds-link-primary-hover: #a6c8ff;
|
16327
16332
|
--cds-link-secondary: #a6c8ff;
|
@@ -17236,6 +17241,7 @@ a.cds--side-nav__link--current::before {
|
|
17236
17241
|
--cds-link-inverse: #78a9ff;
|
17237
17242
|
--cds-link-inverse-active: #f4f4f4;
|
17238
17243
|
--cds-link-inverse-hover: #a6c8ff;
|
17244
|
+
--cds-link-inverse-visited: #be95ff;
|
17239
17245
|
--cds-link-primary: #0f62fe;
|
17240
17246
|
--cds-link-primary-hover: #0043ce;
|
17241
17247
|
--cds-link-secondary: #0043ce;
|
@@ -17646,6 +17652,7 @@ a.cds--side-nav__link--current::before {
|
|
17646
17652
|
--cds-link-inverse: #0f62fe;
|
17647
17653
|
--cds-link-inverse-active: #161616;
|
17648
17654
|
--cds-link-inverse-hover: #0043ce;
|
17655
|
+
--cds-link-inverse-visited: #8a3ffc;
|
17649
17656
|
--cds-link-primary: #78a9ff;
|
17650
17657
|
--cds-link-primary-hover: #a6c8ff;
|
17651
17658
|
--cds-link-secondary: #a6c8ff;
|
@@ -19596,7 +19603,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
19596
19603
|
border-radius: 1rem;
|
19597
19604
|
margin: 0.25rem;
|
19598
19605
|
cursor: default;
|
19599
|
-
max-inline-size:
|
19606
|
+
max-inline-size: 13rem;
|
19600
19607
|
min-block-size: var(--cds-layout-size-height-local);
|
19601
19608
|
min-inline-size: 2rem;
|
19602
19609
|
padding-inline: 0.5rem;
|
@@ -19636,28 +19643,28 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
19636
19643
|
.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
|
19637
19644
|
padding-inline-start: 0.5rem;
|
19638
19645
|
}
|
19646
|
+
.cds--tag:not(.cds--tag--selectable) {
|
19647
|
+
border: 0;
|
19648
|
+
}
|
19639
19649
|
.cds--tag:not(:first-child) {
|
19640
19650
|
margin-inline-start: 0;
|
19641
19651
|
}
|
19642
19652
|
|
19653
|
+
.cds--tag--operational > span,
|
19654
|
+
.cds--tag--selectable > span,
|
19643
19655
|
.cds--tag__label {
|
19656
|
+
display: block;
|
19644
19657
|
overflow: hidden;
|
19645
|
-
max-inline-size: 100%;
|
19646
19658
|
text-overflow: ellipsis;
|
19647
19659
|
white-space: nowrap;
|
19648
19660
|
}
|
19649
19661
|
|
19650
19662
|
.cds--tag--interactive:focus {
|
19651
|
-
|
19652
|
-
outline:
|
19653
|
-
}
|
19654
|
-
|
19655
|
-
.cds--tag--interactive:hover {
|
19656
|
-
cursor: pointer;
|
19663
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
19664
|
+
outline-offset: 1px;
|
19657
19665
|
}
|
19658
19666
|
|
19659
19667
|
.cds--tag--filter {
|
19660
|
-
cursor: pointer;
|
19661
19668
|
padding-block-end: 0;
|
19662
19669
|
padding-block-start: 0;
|
19663
19670
|
padding-inline-end: 0;
|
@@ -19666,11 +19673,6 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
19666
19673
|
outline: none;
|
19667
19674
|
}
|
19668
19675
|
|
19669
|
-
.cds--interactive--tag-children {
|
19670
|
-
display: inline-flex;
|
19671
|
-
place-items: center;
|
19672
|
-
}
|
19673
|
-
|
19674
19676
|
.cds--tag--selectable {
|
19675
19677
|
border: 1px solid var(--cds-border-inverse, #161616);
|
19676
19678
|
background-color: var(--cds-layer);
|
@@ -19863,19 +19865,19 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
19863
19865
|
background-color: var(--cds-background-inverse-hover, #474747);
|
19864
19866
|
}
|
19865
19867
|
|
19866
|
-
.cds--tag--outline:not(.cds--tag--operational) {
|
19868
|
+
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
|
19867
19869
|
background-color: var(--cds-background, #ffffff);
|
19868
19870
|
color: var(--cds-text-primary, #161616);
|
19869
19871
|
outline: 1px solid var(--cds-background-inverse, #393939);
|
19870
19872
|
outline-offset: -1px;
|
19871
19873
|
}
|
19872
|
-
.cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
|
19874
|
+
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
|
19873
19875
|
border: 1px solid var(--cds-background, #ffffff);
|
19874
19876
|
}
|
19875
|
-
.cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
|
19877
|
+
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {
|
19876
19878
|
background-color: var(--cds-layer-hover);
|
19877
19879
|
}
|
19878
|
-
.cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover {
|
19880
|
+
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {
|
19879
19881
|
background-color: var(--cds-layer-hover);
|
19880
19882
|
}
|
19881
19883
|
|
@@ -20072,7 +20074,48 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
20072
20074
|
}
|
20073
20075
|
}
|
20074
20076
|
|
20077
|
+
.cds--tag-label-tooltip {
|
20078
|
+
max-inline-size: -webkit-fill-available;
|
20079
|
+
}
|
20080
|
+
|
20081
|
+
.cds--tag__custom-icon + .cds--tag-label-tooltip {
|
20082
|
+
max-inline-size: 11rem;
|
20083
|
+
}
|
20084
|
+
|
20085
|
+
.cds--tag--filter .cds--tag__custom-icon + .cds--tag-label-tooltip {
|
20086
|
+
max-inline-size: 9.875rem;
|
20087
|
+
}
|
20088
|
+
|
20075
20089
|
/* stylelint-enable */
|
20090
|
+
.cds--interactive--tag-children {
|
20091
|
+
display: inline-flex;
|
20092
|
+
max-inline-size: 12.5rem;
|
20093
|
+
place-items: center;
|
20094
|
+
}
|
20095
|
+
|
20096
|
+
.cds--tag--filter .cds--tag__custom-icon + span > .cds--interactive--tag-children {
|
20097
|
+
max-inline-size: 11.5rem;
|
20098
|
+
}
|
20099
|
+
|
20100
|
+
.cds--tag .cds--definition-term {
|
20101
|
+
-webkit-border-after: none;
|
20102
|
+
border-block-end: none;
|
20103
|
+
cursor: default;
|
20104
|
+
max-inline-size: 12rem;
|
20105
|
+
}
|
20106
|
+
|
20107
|
+
.cds--tag .cds--tag__custom-icon + span > .cds--definition-term {
|
20108
|
+
max-inline-size: 11rem;
|
20109
|
+
}
|
20110
|
+
|
20111
|
+
.cds--tag > .cds--popover-container {
|
20112
|
+
display: flex;
|
20113
|
+
}
|
20114
|
+
|
20115
|
+
.cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {
|
20116
|
+
pointer-events: none;
|
20117
|
+
}
|
20118
|
+
|
20076
20119
|
.c4p--condition-builder__condition-wrapper * {
|
20077
20120
|
font-size: var(--cds-body-01-font-size, 0.875rem);
|
20078
20121
|
font-weight: var(--cds-body-01-font-weight, 400);
|
@@ -20080,7 +20123,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
20080
20123
|
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
20081
20124
|
}
|
20082
20125
|
|
20083
|
-
.c4p--condition-
|
20126
|
+
.c4p--condition-builder__popover-content-wrapper {
|
20084
20127
|
overflow: auto;
|
20085
20128
|
min-width: 12rem;
|
20086
20129
|
max-width: 20rem;
|
@@ -20611,7 +20654,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
20611
20654
|
transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
|
20612
20655
|
}
|
20613
20656
|
|
20614
|
-
.c4p--condition-builder__connector
|
20657
|
+
.c4p--condition-builder__connector--disabled {
|
20615
20658
|
display: flex;
|
20616
20659
|
min-width: 4rem;
|
20617
20660
|
align-items: center;
|
@@ -20620,6 +20663,10 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
20620
20663
|
padding-inline: 0.5rem;
|
20621
20664
|
}
|
20622
20665
|
|
20666
|
+
.c4p--condition-builder__condition-wrapper > .c4p--condition-builder__condition-block:last-child > .c4p--condition-builder__groupConnector {
|
20667
|
+
margin-bottom: 0;
|
20668
|
+
}
|
20669
|
+
|
20623
20670
|
.c4p--condition-builder {
|
20624
20671
|
padding: 1.5rem;
|
20625
20672
|
}
|
@@ -20670,6 +20717,11 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
20670
20717
|
margin-top: 0.25rem;
|
20671
20718
|
}
|
20672
20719
|
|
20720
|
+
.c4p--condition-builder__add-group,
|
20721
|
+
.c4p--condition-builder__group-separator {
|
20722
|
+
width: fit-content;
|
20723
|
+
}
|
20724
|
+
|
20673
20725
|
/* stylelint-disable carbon/layout-token-use */
|
20674
20726
|
/* stylelint-disable max-nesting-depth */
|
20675
20727
|
.c4p--card__get-started {
|
@@ -21908,6 +21960,7 @@ em {
|
|
21908
21960
|
--cds-link-inverse: #78a9ff;
|
21909
21961
|
--cds-link-inverse-active: #f4f4f4;
|
21910
21962
|
--cds-link-inverse-hover: #a6c8ff;
|
21963
|
+
--cds-link-inverse-visited: #be95ff;
|
21911
21964
|
--cds-link-primary: #0f62fe;
|
21912
21965
|
--cds-link-primary-hover: #0043ce;
|
21913
21966
|
--cds-link-secondary: #0043ce;
|
@@ -22130,6 +22183,7 @@ em {
|
|
22130
22183
|
--cds-link-inverse: #78a9ff;
|
22131
22184
|
--cds-link-inverse-active: #f4f4f4;
|
22132
22185
|
--cds-link-inverse-hover: #a6c8ff;
|
22186
|
+
--cds-link-inverse-visited: #be95ff;
|
22133
22187
|
--cds-link-primary: #0f62fe;
|
22134
22188
|
--cds-link-primary-hover: #0043ce;
|
22135
22189
|
--cds-link-secondary: #0043ce;
|
@@ -22352,6 +22406,7 @@ em {
|
|
22352
22406
|
--cds-link-inverse: #0f62fe;
|
22353
22407
|
--cds-link-inverse-active: #161616;
|
22354
22408
|
--cds-link-inverse-hover: #0043ce;
|
22409
|
+
--cds-link-inverse-visited: #8a3ffc;
|
22355
22410
|
--cds-link-primary: #78a9ff;
|
22356
22411
|
--cds-link-primary-hover: #a6c8ff;
|
22357
22412
|
--cds-link-secondary: #a6c8ff;
|
@@ -22573,6 +22628,7 @@ em {
|
|
22573
22628
|
--cds-link-inverse: #0f62fe;
|
22574
22629
|
--cds-link-inverse-active: #161616;
|
22575
22630
|
--cds-link-inverse-hover: #0043ce;
|
22631
|
+
--cds-link-inverse-visited: #8a3ffc;
|
22576
22632
|
--cds-link-primary: #78a9ff;
|
22577
22633
|
--cds-link-primary-hover: #a6c8ff;
|
22578
22634
|
--cds-link-secondary: #a6c8ff;
|
@@ -22682,24 +22738,6 @@ em {
|
|
22682
22738
|
--cds-tag-hover-warm-gray: #696363;
|
22683
22739
|
}
|
22684
22740
|
|
22685
|
-
.cds--accordion--flush .cds--accordion__title {
|
22686
|
-
margin-inline-start: 0;
|
22687
|
-
}
|
22688
|
-
|
22689
|
-
.cds--accordion--flush .cds--accordion__arrow {
|
22690
|
-
margin-inline-end: 0;
|
22691
|
-
}
|
22692
|
-
|
22693
|
-
.cds--accordion--flush .cds--accordion__content {
|
22694
|
-
padding-inline-start: 0;
|
22695
|
-
}
|
22696
|
-
|
22697
|
-
.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,
|
22698
|
-
.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before {
|
22699
|
-
inline-size: calc(100% + 32px);
|
22700
|
-
inset-inline-start: -1rem;
|
22701
|
-
}
|
22702
|
-
|
22703
22741
|
.cds--accordion {
|
22704
22742
|
--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)));
|
22705
22743
|
--cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
|
@@ -22723,11 +22761,19 @@ em {
|
|
22723
22761
|
display: list-item;
|
22724
22762
|
overflow: visible;
|
22725
22763
|
border-block-start: 1px solid var(--cds-border-subtle);
|
22764
|
+
transition: border-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
|
22726
22765
|
}
|
22727
22766
|
.cds--accordion__item:last-child {
|
22728
22767
|
border-block-end: 1px solid var(--cds-border-subtle);
|
22729
22768
|
}
|
22730
22769
|
|
22770
|
+
.cds--accordion__item:not(.cds--accordion__item--active):hover, .cds--accordion__item:not(.cds--accordion__item--active):hover + .cds--accordion__item {
|
22771
|
+
border-block-start-color: var(--cds-layer-hover);
|
22772
|
+
}
|
22773
|
+
.cds--accordion__item:not(.cds--accordion__item--active):last-child:hover {
|
22774
|
+
border-block-end-color: var(--cds-layer-hover);
|
22775
|
+
}
|
22776
|
+
|
22731
22777
|
.cds--accordion__heading {
|
22732
22778
|
box-sizing: border-box;
|
22733
22779
|
padding: 0;
|
@@ -22767,8 +22813,11 @@ em {
|
|
22767
22813
|
}
|
22768
22814
|
.cds--accordion__heading:hover {
|
22769
22815
|
background-color: var(--cds-layer-hover);
|
22816
|
+
outline: none;
|
22770
22817
|
}
|
22771
22818
|
.cds--accordion__heading:focus {
|
22819
|
+
position: relative;
|
22820
|
+
z-index: 2;
|
22772
22821
|
box-shadow: 0 -1px 0 0 var(--cds-focus, #0f62fe), inset 0 1px 0 0 var(--cds-focus, #0f62fe), inset 2px 0 0 0 var(--cds-focus, #0f62fe), 0 1px 0 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 0 var(--cds-focus, #0f62fe), inset -2px 0 0 0 var(--cds-focus, #0f62fe);
|
22773
22822
|
outline: none;
|
22774
22823
|
}
|
@@ -22882,6 +22931,65 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
22882
22931
|
transform: rotate(-90deg) /*rtl:ignore*/;
|
22883
22932
|
}
|
22884
22933
|
|
22934
|
+
.cds--accordion--flush .cds--accordion__item {
|
22935
|
+
position: relative;
|
22936
|
+
border-color: transparent;
|
22937
|
+
}
|
22938
|
+
.cds--accordion--flush .cds--accordion__item:last-child, .cds--accordion--flush .cds--accordion__item:hover, .cds--accordion--flush .cds--accordion__item:last-child:hover, .cds--accordion--flush .cds--accordion__item:hover + .cds--accordion__item {
|
22939
|
+
border-color: transparent;
|
22940
|
+
}
|
22941
|
+
.cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
|
22942
|
+
position: absolute;
|
22943
|
+
display: block;
|
22944
|
+
block-size: 1px;
|
22945
|
+
content: "";
|
22946
|
+
inline-size: calc(100% - 1rem - 1rem);
|
22947
|
+
margin-inline-start: 1rem;
|
22948
|
+
transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
|
22949
|
+
}
|
22950
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
22951
|
+
.cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
|
22952
|
+
transition: none;
|
22953
|
+
}
|
22954
|
+
}
|
22955
|
+
.cds--accordion--flush .cds--accordion__item::before {
|
22956
|
+
background: var(--cds-border-subtle);
|
22957
|
+
inset-block-start: -1px;
|
22958
|
+
}
|
22959
|
+
.cds--accordion--flush .cds--accordion__item:last-child::after {
|
22960
|
+
background: var(--cds-border-subtle);
|
22961
|
+
inset-block-end: -1px;
|
22962
|
+
}
|
22963
|
+
|
22964
|
+
.cds--accordion--flush .cds--accordion__heading:hover {
|
22965
|
+
position: relative;
|
22966
|
+
z-index: 1;
|
22967
|
+
}
|
22968
|
+
.cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
|
22969
|
+
position: absolute;
|
22970
|
+
display: block;
|
22971
|
+
background: var(--cds-layer-hover);
|
22972
|
+
block-size: 1px;
|
22973
|
+
content: "";
|
22974
|
+
inline-size: 100%;
|
22975
|
+
inset-inline-start: 0;
|
22976
|
+
transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
|
22977
|
+
}
|
22978
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
22979
|
+
.cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
|
22980
|
+
transition: none;
|
22981
|
+
}
|
22982
|
+
}
|
22983
|
+
.cds--accordion--flush .cds--accordion__heading:hover::before {
|
22984
|
+
inset-block-start: -1px;
|
22985
|
+
}
|
22986
|
+
.cds--accordion--flush .cds--accordion__heading:hover::after {
|
22987
|
+
inset-block-end: -1px;
|
22988
|
+
}
|
22989
|
+
.cds--accordion--flush .cds--accordion__heading:hover:focus::after, .cds--accordion--flush .cds--accordion__heading:hover:focus::before {
|
22990
|
+
background: none;
|
22991
|
+
}
|
22992
|
+
|
22885
22993
|
.cds--accordion.cds--skeleton .cds--accordion__heading,
|
22886
22994
|
.cds--accordion.cds--skeleton .cds--accordion__button {
|
22887
22995
|
cursor: default;
|
@@ -22898,7 +23006,8 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
22898
23006
|
outline: none;
|
22899
23007
|
}
|
22900
23008
|
|
22901
|
-
.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before
|
23009
|
+
.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,
|
23010
|
+
.cds--accordion.cds--skeleton .cds--accordion__heading:hover {
|
22902
23011
|
background-color: transparent;
|
22903
23012
|
}
|
22904
23013
|
|
@@ -22916,6 +23025,10 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
22916
23025
|
margin-block-end: 0;
|
22917
23026
|
}
|
22918
23027
|
|
23028
|
+
.cds--accordion.cds--skeleton .cds--accordion__title {
|
23029
|
+
margin-inline-start: 1rem;
|
23030
|
+
}
|
23031
|
+
|
22919
23032
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
22920
23033
|
.cds--accordion__arrow,
|
22921
23034
|
.cds--accordion__item--active .cds--accordion__arrow {
|
@@ -25389,6 +25502,26 @@ fieldset[disabled] .cds--form__helper-text {
|
|
25389
25502
|
margin-block-start: -0.0625rem;
|
25390
25503
|
}
|
25391
25504
|
|
25505
|
+
.cds--checkbox-group--horizontal {
|
25506
|
+
position: relative;
|
25507
|
+
display: flex;
|
25508
|
+
flex-flow: row wrap;
|
25509
|
+
justify-content: flex-start;
|
25510
|
+
}
|
25511
|
+
.cds--checkbox-group--horizontal .cds--form-item {
|
25512
|
+
flex: none;
|
25513
|
+
margin-block-end: 0;
|
25514
|
+
}
|
25515
|
+
.cds--checkbox-group--horizontal .cds--form-item:not(:last-of-type) {
|
25516
|
+
margin-inline-end: 1rem;
|
25517
|
+
}
|
25518
|
+
.cds--checkbox-group--horizontal .cds--checkbox-label-text {
|
25519
|
+
padding-inline-start: 0.5rem;
|
25520
|
+
}
|
25521
|
+
.cds--checkbox-group--horizontal .cds--label + .cds--form-item.cds--checkbox-wrapper {
|
25522
|
+
margin-block-start: 0;
|
25523
|
+
}
|
25524
|
+
|
25392
25525
|
.cds--copy-btn {
|
25393
25526
|
position: relative;
|
25394
25527
|
display: flex;
|
@@ -27826,17 +27959,11 @@ fieldset[disabled] .cds--form__helper-text {
|
|
27826
27959
|
outline-style: dotted;
|
27827
27960
|
}
|
27828
27961
|
}
|
27829
|
-
.cds--menu-item svg {
|
27830
|
-
color: var(--cds-icon-secondary, #525252);
|
27831
|
-
}
|
27832
27962
|
|
27833
27963
|
.cds--menu-item:hover {
|
27834
27964
|
background-color: var(--cds-layer-hover);
|
27835
27965
|
color: var(--cds-text-primary, #161616);
|
27836
27966
|
}
|
27837
|
-
.cds--menu-item:hover svg {
|
27838
|
-
color: var(--cds-icon-primary, #161616);
|
27839
|
-
}
|
27840
27967
|
|
27841
27968
|
.cds--menu--xs .cds--menu-item {
|
27842
27969
|
block-size: 1.5rem;
|
@@ -33888,13 +34015,15 @@ button.cds--dropdown-text:focus {
|
|
33888
34015
|
}
|
33889
34016
|
|
33890
34017
|
.cds--multi-select--filterable--input-focused,
|
33891
|
-
.cds--multi-select .cds--list-box__field--wrapper--input-focused
|
34018
|
+
.cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
|
34019
|
+
.cds--multi-select.cds--multi-select--selected .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
|
33892
34020
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
33893
34021
|
outline-offset: -2px;
|
33894
34022
|
}
|
33895
34023
|
@media screen and (prefers-contrast) {
|
33896
34024
|
.cds--multi-select--filterable--input-focused,
|
33897
|
-
.cds--multi-select .cds--list-box__field--wrapper--input-focused
|
34025
|
+
.cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
|
34026
|
+
.cds--multi-select.cds--multi-select--selected .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
|
33898
34027
|
outline-style: dotted;
|
33899
34028
|
}
|
33900
34029
|
}
|
@@ -35342,6 +35471,11 @@ optgroup.cds--select-optgroup:disabled,
|
|
35342
35471
|
position: relative;
|
35343
35472
|
display: flex;
|
35344
35473
|
inline-size: 100%;
|
35474
|
+
max-inline-size: 100%;
|
35475
|
+
}
|
35476
|
+
|
35477
|
+
.cds--text-area__wrapper--cols {
|
35478
|
+
inline-size: auto;
|
35345
35479
|
}
|
35346
35480
|
|
35347
35481
|
.cds--text-area__invalid-icon {
|
@@ -35760,6 +35894,22 @@ optgroup.cds--select-optgroup:disabled,
|
|
35760
35894
|
inset-inline-end: 1rem;
|
35761
35895
|
}
|
35762
35896
|
|
35897
|
+
.cds--text-input--fluid .cds--toggle-password-tooltip {
|
35898
|
+
outline: 2px solid transparent;
|
35899
|
+
outline-offset: -2px;
|
35900
|
+
position: absolute;
|
35901
|
+
block-size: 4rem;
|
35902
|
+
cursor: pointer;
|
35903
|
+
inline-size: 3rem;
|
35904
|
+
inset-block-start: 0;
|
35905
|
+
inset-inline-end: 0;
|
35906
|
+
transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
35907
|
+
}
|
35908
|
+
|
35909
|
+
.cds--text-input--fluid .cds--toggle-password-tooltip .cds--popover {
|
35910
|
+
inset-inline-start: 0;
|
35911
|
+
}
|
35912
|
+
|
35763
35913
|
.cds--text-input--fluid .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
|
35764
35914
|
block-size: 2rem;
|
35765
35915
|
inline-size: 2rem;
|
@@ -36495,7 +36645,7 @@ optgroup.cds--select-optgroup:disabled,
|
|
36495
36645
|
}
|
36496
36646
|
|
36497
36647
|
.cds--modal-scroll-content > *:last-child {
|
36498
|
-
|
36648
|
+
margin-block-end: 1.5rem;
|
36499
36649
|
}
|
36500
36650
|
|
36501
36651
|
.cds--modal-footer {
|
@@ -37872,6 +38022,10 @@ optgroup.cds--select-optgroup:disabled,
|
|
37872
38022
|
margin-inline-start: 1rem;
|
37873
38023
|
}
|
37874
38024
|
|
38025
|
+
.cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text {
|
38026
|
+
margin-inline-end: 1rem;
|
38027
|
+
}
|
38028
|
+
|
37875
38029
|
.cds--pagination__right .cds--pagination__text:empty {
|
37876
38030
|
margin: 0;
|
37877
38031
|
}
|
@@ -39118,7 +39272,6 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
39118
39272
|
transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
|
39119
39273
|
}
|
39120
39274
|
.cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
|
39121
|
-
inset-inline-end: 0;
|
39122
39275
|
inset-inline-start: revert;
|
39123
39276
|
transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
|
39124
39277
|
}
|
@@ -39140,7 +39293,6 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
39140
39293
|
transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
|
39141
39294
|
}
|
39142
39295
|
.cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
|
39143
|
-
inset-inline-start: 0;
|
39144
39296
|
transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
|
39145
39297
|
}
|
39146
39298
|
|
@@ -39434,6 +39586,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
39434
39586
|
inset-inline-start: 100%;
|
39435
39587
|
}
|
39436
39588
|
|
39589
|
+
.cds--popover-container.cds--slider__thumb-wrapper {
|
39590
|
+
position: absolute;
|
39591
|
+
}
|
39592
|
+
|
39437
39593
|
/* stylelint-disable */
|
39438
39594
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
39439
39595
|
.cds--slider__thumb {
|
@@ -39517,8 +39673,8 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
39517
39673
|
.cds--toggletip-content {
|
39518
39674
|
--cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
|
39519
39675
|
--cds-link-text-color: var(--cds-link-inverse, #78a9ff);
|
39520
|
-
--cds-link-hover-text-color: var(--cds-link-inverse, #
|
39521
|
-
--cds-link-visited-text-color: var(--cds-link-inverse, #
|
39676
|
+
--cds-link-hover-text-color: var(--cds-link-inverse-hover, #a6c8ff);
|
39677
|
+
--cds-link-visited-text-color: var(--cds-link-inverse-visited, #be95ff);
|
39522
39678
|
--cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
|
39523
39679
|
font-size: var(--cds-body-01-font-size, 0.875rem);
|
39524
39680
|
font-weight: var(--cds-body-01-font-weight, 400);
|
@@ -40328,6 +40484,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
40328
40484
|
|
40329
40485
|
.cds--structured-list-svg {
|
40330
40486
|
display: inline-block;
|
40487
|
+
margin-block-start: 0.125rem;
|
40331
40488
|
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
40332
40489
|
vertical-align: top;
|
40333
40490
|
}
|
@@ -40341,6 +40498,11 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
40341
40498
|
fill: transparent;
|
40342
40499
|
}
|
40343
40500
|
|
40501
|
+
.cds--structured-list--selection .cds--structured-list-td:last-child {
|
40502
|
+
inline-size: 2rem;
|
40503
|
+
padding-inline-start: 0;
|
40504
|
+
}
|
40505
|
+
|
40344
40506
|
.cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {
|
40345
40507
|
inline-size: 8%;
|
40346
40508
|
}
|
@@ -40394,6 +40556,16 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
40394
40556
|
}
|
40395
40557
|
}
|
40396
40558
|
|
40559
|
+
.cds--structured-list__icon {
|
40560
|
+
margin-block-start: 0.125rem;
|
40561
|
+
vertical-align: top;
|
40562
|
+
}
|
40563
|
+
|
40564
|
+
.cds--structured-list--selection .cds--structured-list-td:first-child:has(.cds--structured-list__icon) {
|
40565
|
+
inline-size: 2rem;
|
40566
|
+
padding-inline-end: 0;
|
40567
|
+
}
|
40568
|
+
|
40397
40569
|
.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list {
|
40398
40570
|
display: grid;
|
40399
40571
|
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
|
@@ -40526,6 +40698,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
40526
40698
|
inline-size: 3rem;
|
40527
40699
|
}
|
40528
40700
|
.cds--tabs .cds--tab--overflow-nav-button svg {
|
40701
|
+
z-index: 2;
|
40529
40702
|
fill: var(--cds-icon-primary, #161616);
|
40530
40703
|
}
|
40531
40704
|
.cds--tabs .cds--tab--overflow-nav-button--next {
|
@@ -40555,14 +40728,14 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
40555
40728
|
.cds--tabs .cds--tab--overflow-nav-button--previous::before {
|
40556
40729
|
position: absolute;
|
40557
40730
|
z-index: 1;
|
40558
|
-
background:
|
40731
|
+
background: var(--cds-background, #ffffff);
|
40559
40732
|
block-size: 100%;
|
40560
40733
|
content: "";
|
40561
|
-
inline-size:
|
40562
|
-
inset-inline-end:
|
40734
|
+
inline-size: 2.5rem;
|
40735
|
+
inset-inline-end: 0;
|
40563
40736
|
}
|
40564
40737
|
.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--previous::before {
|
40565
|
-
background
|
40738
|
+
background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
|
40566
40739
|
}
|
40567
40740
|
.cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
|
40568
40741
|
background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
|
@@ -41247,6 +41420,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
41247
41420
|
}
|
41248
41421
|
|
41249
41422
|
.cds--tile--expandable.cds--tile--expandable--interactive {
|
41423
|
+
border: none;
|
41250
41424
|
cursor: default;
|
41251
41425
|
transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
41252
41426
|
}
|
@@ -41369,6 +41543,15 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
41369
41543
|
inset-inline-end: 2.5rem;
|
41370
41544
|
}
|
41371
41545
|
|
41546
|
+
.cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
|
41547
|
+
inset-inline-end: 1rem;
|
41548
|
+
transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
41549
|
+
}
|
41550
|
+
|
41551
|
+
.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug {
|
41552
|
+
inset-inline-end: 2.5rem;
|
41553
|
+
}
|
41554
|
+
|
41372
41555
|
.cds--tile.cds--tile--clickable > .cds--slug {
|
41373
41556
|
pointer-events: none;
|
41374
41557
|
}
|
@@ -41409,7 +41592,8 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
41409
41592
|
}
|
41410
41593
|
|
41411
41594
|
.cds--tile--slug.cds--tile--selectable:focus,
|
41412
|
-
.cds--tile--slug.cds--tile--clickable:focus
|
41595
|
+
.cds--tile--slug.cds--tile--clickable:focus,
|
41596
|
+
.cds--tile-input:focus + .cds--tile--slug.cds--tile {
|
41413
41597
|
outline-offset: -1px;
|
41414
41598
|
}
|
41415
41599
|
|
@@ -41433,10 +41617,20 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
41433
41617
|
.cds--tile--slug.cds--tile--selectable .cds--tile-content,
|
41434
41618
|
.cds--tile--slug.cds--tile--clickable .cds--tile-content {
|
41435
41619
|
position: relative;
|
41436
|
-
z-index: 1;
|
41437
41620
|
cursor: pointer;
|
41438
41621
|
}
|
41439
41622
|
|
41623
|
+
.cds--tile--slug.cds--tile--selectable .cds--tile-content,
|
41624
|
+
.cds--tile--slug.cds--tile--clickable .cds--tile-content,
|
41625
|
+
.cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
|
41626
|
+
.cds--tile--slug.cds--tile--is-selected .cds--slug {
|
41627
|
+
z-index: 1;
|
41628
|
+
}
|
41629
|
+
|
41630
|
+
.cds--tile--slug.cds--tile--selectable .cds--slug:has(> .cds--popover--open) {
|
41631
|
+
z-index: 2;
|
41632
|
+
}
|
41633
|
+
|
41440
41634
|
.cds--tile--slug.cds--tile--selectable > .cds--slug,
|
41441
41635
|
.cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
|
41442
41636
|
z-index: 1;
|