@carbon/ibm-products 2.43.2-canary.337 → 2.43.2-canary.338

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.
@@ -289,6 +289,14 @@ p.c4p--about-modal__copyright-text:first-child {
289
289
  --cds-grid-column-hang: 0.96875rem;
290
290
  }
291
291
 
292
+ .cds--css-grid--start {
293
+ margin-inline-start: 0;
294
+ }
295
+
296
+ .cds--css-grid--end {
297
+ margin-inline-end: 0;
298
+ }
299
+
292
300
  .cds--subgrid {
293
301
  display: grid;
294
302
  grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
@@ -12341,7 +12349,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
12341
12349
  background-color: var(--cds-background, #ffffff);
12342
12350
  color: var(--cds-text-secondary, #525252);
12343
12351
  inline-size: 3rem;
12344
- inset-block: 0 0;
12352
+ inset-block: 0;
12345
12353
  inset-inline-start: 0;
12346
12354
  max-inline-size: 16rem;
12347
12355
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -12572,7 +12580,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
12572
12580
  background-color: var(--cds-border-interactive, #0f62fe);
12573
12581
  content: "";
12574
12582
  inline-size: 3px;
12575
- inset-block: 0 0;
12583
+ inset-block: 0;
12576
12584
  inset-inline-start: 0;
12577
12585
  }
12578
12586
 
@@ -12694,7 +12702,7 @@ a.cds--side-nav__link--current::before {
12694
12702
  background-color: var(--cds-border-interactive, #0f62fe);
12695
12703
  content: "";
12696
12704
  inline-size: 3px;
12697
- inset-block: 0 0;
12705
+ inset-block: 0;
12698
12706
  inset-inline-start: 0;
12699
12707
  }
12700
12708
 
@@ -16639,8 +16647,8 @@ a.cds--side-nav__link--current::before {
16639
16647
  --cds-popover-text-color: var(--cds-text-inverse, #ffffff);
16640
16648
  }
16641
16649
 
16642
- .cds--popover--drop-shadow .cds--popover {
16643
- --cds-popover-drop-shadow: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
16650
+ .cds--popover--drop-shadow .cds--popover > .cds--popover-content {
16651
+ filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
16644
16652
  }
16645
16653
 
16646
16654
  .cds--popover--caret {
@@ -16768,7 +16776,7 @@ a.cds--side-nav__link--current::before {
16768
16776
  .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {
16769
16777
  block-size: var(--cds-popover-offset, 0rem);
16770
16778
  inset-block-start: 0;
16771
- inset-inline: 0 0;
16779
+ inset-inline: 0;
16772
16780
  transform: translateY(-100%);
16773
16781
  }
16774
16782
 
@@ -16845,7 +16853,7 @@ a.cds--side-nav__link--current::before {
16845
16853
  .cds--popover--top-end > .cds--popover > .cds--popover-content::before {
16846
16854
  block-size: var(--cds-popover-offset, 0rem);
16847
16855
  inset-block-end: 0;
16848
- inset-inline: 0 0;
16856
+ inset-inline: 0;
16849
16857
  transform: translateY(100%);
16850
16858
  }
16851
16859
 
@@ -16915,7 +16923,7 @@ a.cds--side-nav__link--current::before {
16915
16923
  .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,
16916
16924
  .cds--popover--right-end > .cds--popover > .cds--popover-content::before {
16917
16925
  inline-size: var(--cds-popover-offset, 0rem);
16918
- inset-block: 0 0;
16926
+ inset-block: 0;
16919
16927
  inset-inline-start: 0;
16920
16928
  transform: translateX(-100%);
16921
16929
  }
@@ -16987,7 +16995,7 @@ a.cds--side-nav__link--current::before {
16987
16995
  .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,
16988
16996
  .cds--popover--left-end > .cds--popover > .cds--popover-content::before {
16989
16997
  inline-size: var(--cds-popover-offset, 0rem);
16990
- inset-block: 0 0;
16998
+ inset-block: 0;
16991
16999
  inset-inline-end: 0;
16992
17000
  transform: translateX(100%);
16993
17001
  }
@@ -18058,7 +18066,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
18058
18066
 
18059
18067
  .cds--tag--red {
18060
18068
  background-color: var(--cds-tag-background-red, #ffd7d9);
18061
- color: var(--cds-tag-color-red, #750e13);
18069
+ color: var(--cds-tag-color-red, #a2191f);
18062
18070
  }
18063
18071
  .cds--tag--red.cds--tag--operational {
18064
18072
  border: 1px solid var(--cds-tag-border-red, #ff8389);
@@ -18072,7 +18080,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
18072
18080
 
18073
18081
  .cds--tag--magenta {
18074
18082
  background-color: var(--cds-tag-background-magenta, #ffd6e8);
18075
- color: var(--cds-tag-color-magenta, #740937);
18083
+ color: var(--cds-tag-color-magenta, #9f1853);
18076
18084
  }
18077
18085
  .cds--tag--magenta.cds--tag--operational {
18078
18086
  border: 1px solid var(--cds-tag-border-magenta, #ff7eb6);
@@ -18086,7 +18094,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
18086
18094
 
18087
18095
  .cds--tag--purple {
18088
18096
  background-color: var(--cds-tag-background-purple, #e8daff);
18089
- color: var(--cds-tag-color-purple, #491d8b);
18097
+ color: var(--cds-tag-color-purple, #6929c4);
18090
18098
  }
18091
18099
  .cds--tag--purple.cds--tag--operational {
18092
18100
  border: 1px solid var(--cds-tag-border-purple, #be95ff);
@@ -18100,7 +18108,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
18100
18108
 
18101
18109
  .cds--tag--blue {
18102
18110
  background-color: var(--cds-tag-background-blue, #d0e2ff);
18103
- color: var(--cds-tag-color-blue, #002d9c);
18111
+ color: var(--cds-tag-color-blue, #0043ce);
18104
18112
  }
18105
18113
  .cds--tag--blue.cds--tag--operational {
18106
18114
  border: 1px solid var(--cds-tag-border-blue, #78a9ff);
@@ -18114,7 +18122,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
18114
18122
 
18115
18123
  .cds--tag--cyan {
18116
18124
  background-color: var(--cds-tag-background-cyan, #bae6ff);
18117
- color: var(--cds-tag-color-cyan, #003a6d);
18125
+ color: var(--cds-tag-color-cyan, #00539a);
18118
18126
  }
18119
18127
  .cds--tag--cyan.cds--tag--operational {
18120
18128
  border: 1px solid var(--cds-tag-border-cyan, #33b1ff);
@@ -18128,7 +18136,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
18128
18136
 
18129
18137
  .cds--tag--teal {
18130
18138
  background-color: var(--cds-tag-background-teal, #9ef0f0);
18131
- color: var(--cds-tag-color-teal, #004144);
18139
+ color: var(--cds-tag-color-teal, #005d5d);
18132
18140
  }
18133
18141
  .cds--tag--teal.cds--tag--operational {
18134
18142
  border: 1px solid var(--cds-tag-border-teal, #08bdba);
@@ -18142,7 +18150,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
18142
18150
 
18143
18151
  .cds--tag--green {
18144
18152
  background-color: var(--cds-tag-background-green, #a7f0ba);
18145
- color: var(--cds-tag-color-green, #044317);
18153
+ color: var(--cds-tag-color-green, #0e6027);
18146
18154
  }
18147
18155
  .cds--tag--green.cds--tag--operational {
18148
18156
  border: 1px solid var(--cds-tag-border-green, #42be65);
@@ -18367,6 +18375,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
18367
18375
  block-size: 100%;
18368
18376
  content: "";
18369
18377
  inline-size: 100%;
18378
+ inset-inline-start: 0;
18370
18379
  will-change: transform-origin, transform, opacity;
18371
18380
  }
18372
18381
  @media (prefers-reduced-motion: reduce) {
@@ -18404,7 +18413,10 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
18404
18413
  border-color: currentColor;
18405
18414
  }
18406
18415
 
18407
- /* stylelint-disable */
18416
+ .cds--tag--filter .cds--slug {
18417
+ min-inline-size: 2.00875rem;
18418
+ }
18419
+
18408
18420
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
18409
18421
  .cds--tag {
18410
18422
  outline: 1px solid transparent;
@@ -18437,7 +18449,6 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
18437
18449
  max-inline-size: 9.875rem;
18438
18450
  }
18439
18451
 
18440
- /* stylelint-enable */
18441
18452
  .cds--interactive--tag-children {
18442
18453
  display: inline-flex;
18443
18454
  max-inline-size: 12.5rem;
@@ -20043,7 +20054,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
20043
20054
  .c4p--condition-builder__add-button,
20044
20055
  .c4p--condition-builder__add-condition-sub-group) {
20045
20056
  background-color: var(--cds-tag-background-red, #ffd7d9);
20046
- color: var(--cds-tag-color-red, #750e13);
20057
+ color: var(--cds-tag-color-red, #a2191f);
20047
20058
  }
20048
20059
 
20049
20060
  .c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
@@ -20385,7 +20396,6 @@ blockquote::before,
20385
20396
  blockquote::after,
20386
20397
  q::before,
20387
20398
  q::after {
20388
- content: "";
20389
20399
  content: none;
20390
20400
  }
20391
20401
 
@@ -21388,25 +21398,25 @@ em {
21388
21398
  --cds-notification-action-tertiary-inverse-text: #161616;
21389
21399
  --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
21390
21400
  --cds-tag-background-red: #ffd7d9;
21391
- --cds-tag-color-red: #750e13;
21401
+ --cds-tag-color-red: #a2191f;
21392
21402
  --cds-tag-hover-red: #ffc2c5;
21393
21403
  --cds-tag-background-magenta: #ffd6e8;
21394
- --cds-tag-color-magenta: #740937;
21404
+ --cds-tag-color-magenta: #9f1853;
21395
21405
  --cds-tag-hover-magenta: #ffbdda;
21396
21406
  --cds-tag-background-purple: #e8daff;
21397
- --cds-tag-color-purple: #491d8b;
21407
+ --cds-tag-color-purple: #6929c4;
21398
21408
  --cds-tag-hover-purple: #dcc7ff;
21399
21409
  --cds-tag-background-blue: #d0e2ff;
21400
- --cds-tag-color-blue: #002d9c;
21410
+ --cds-tag-color-blue: #0043ce;
21401
21411
  --cds-tag-hover-blue: #b8d3ff;
21402
21412
  --cds-tag-background-cyan: #bae6ff;
21403
- --cds-tag-color-cyan: #003a6d;
21413
+ --cds-tag-color-cyan: #00539a;
21404
21414
  --cds-tag-hover-cyan: #99daff;
21405
21415
  --cds-tag-background-teal: #9ef0f0;
21406
- --cds-tag-color-teal: #004144;
21416
+ --cds-tag-color-teal: #005d5d;
21407
21417
  --cds-tag-hover-teal: #57e5e5;
21408
21418
  --cds-tag-background-green: #a7f0ba;
21409
- --cds-tag-color-green: #044317;
21419
+ --cds-tag-color-green: #0e6027;
21410
21420
  --cds-tag-hover-green: #74e792;
21411
21421
  --cds-tag-background-gray: #e0e0e0;
21412
21422
  --cds-tag-color-gray: #161616;
@@ -21611,25 +21621,25 @@ em {
21611
21621
  --cds-notification-action-tertiary-inverse-text: #161616;
21612
21622
  --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
21613
21623
  --cds-tag-background-red: #ffd7d9;
21614
- --cds-tag-color-red: #750e13;
21624
+ --cds-tag-color-red: #a2191f;
21615
21625
  --cds-tag-hover-red: #ffc2c5;
21616
21626
  --cds-tag-background-magenta: #ffd6e8;
21617
- --cds-tag-color-magenta: #740937;
21627
+ --cds-tag-color-magenta: #9f1853;
21618
21628
  --cds-tag-hover-magenta: #ffbdda;
21619
21629
  --cds-tag-background-purple: #e8daff;
21620
- --cds-tag-color-purple: #491d8b;
21630
+ --cds-tag-color-purple: #6929c4;
21621
21631
  --cds-tag-hover-purple: #dcc7ff;
21622
21632
  --cds-tag-background-blue: #d0e2ff;
21623
- --cds-tag-color-blue: #002d9c;
21633
+ --cds-tag-color-blue: #0043ce;
21624
21634
  --cds-tag-hover-blue: #b8d3ff;
21625
21635
  --cds-tag-background-cyan: #bae6ff;
21626
- --cds-tag-color-cyan: #003a6d;
21636
+ --cds-tag-color-cyan: #00539a;
21627
21637
  --cds-tag-hover-cyan: #99daff;
21628
21638
  --cds-tag-background-teal: #9ef0f0;
21629
- --cds-tag-color-teal: #004144;
21639
+ --cds-tag-color-teal: #005d5d;
21630
21640
  --cds-tag-hover-teal: #57e5e5;
21631
21641
  --cds-tag-background-green: #a7f0ba;
21632
- --cds-tag-color-green: #044317;
21642
+ --cds-tag-color-green: #0e6027;
21633
21643
  --cds-tag-hover-green: #74e792;
21634
21644
  --cds-tag-background-gray: #e0e0e0;
21635
21645
  --cds-tag-color-gray: #161616;
@@ -22106,7 +22116,6 @@ em {
22106
22116
  font-family: inherit;
22107
22117
  font-size: 100%;
22108
22118
  vertical-align: baseline;
22109
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
22110
22119
  }
22111
22120
  .cds--accordion *,
22112
22121
  .cds--accordion *::before,
@@ -22152,7 +22161,6 @@ em {
22152
22161
  cursor: pointer;
22153
22162
  text-align: start;
22154
22163
  inline-size: 100%;
22155
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
22156
22164
  }
22157
22165
  .cds--accordion__heading *,
22158
22166
  .cds--accordion__heading *::before,
@@ -22212,7 +22220,6 @@ li.cds--accordion__item--disabled:last-of-type {
22212
22220
  outline: 2px solid transparent;
22213
22221
  outline-offset: -2px;
22214
22222
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
22215
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
22216
22223
  }
22217
22224
  .cds--accordion__arrow {
22218
22225
  flex: 0 0 1rem;
@@ -22227,7 +22234,6 @@ li.cds--accordion__item--disabled:last-of-type {
22227
22234
  font-weight: var(--cds-body-01-font-weight, 400);
22228
22235
  line-height: var(--cds-body-01-line-height, 1.42857);
22229
22236
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
22230
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
22231
22237
  }
22232
22238
  .cds--accordion__title {
22233
22239
  z-index: 1;
@@ -22237,11 +22243,12 @@ li.cds--accordion__item--disabled:last-of-type {
22237
22243
  }
22238
22244
 
22239
22245
  .cds--accordion__wrapper {
22246
+ display: none;
22240
22247
  overflow: hidden;
22241
22248
  padding: 0;
22242
22249
  max-block-size: 0;
22243
22250
  opacity: 0;
22244
- transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9);
22251
+ transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9) allow-discrete;
22245
22252
  writing-mode: horizontal-tb;
22246
22253
  }
22247
22254
 
@@ -22290,6 +22297,7 @@ li.cds--accordion__item--disabled:last-of-type {
22290
22297
  overflow: visible;
22291
22298
  }
22292
22299
  .cds--accordion__item--active > .cds--accordion__wrapper {
22300
+ display: block;
22293
22301
  overflow: visible;
22294
22302
  max-block-size: fit-content;
22295
22303
  opacity: 1;
@@ -22301,6 +22309,18 @@ li.cds--accordion__item--disabled:last-of-type {
22301
22309
  transform: rotate(-90deg) /*rtl:ignore*/;
22302
22310
  }
22303
22311
 
22312
+ /** starting style also not supported widely
22313
+ * https://caniuse.com/mdn-css_at-rules_starting-style
22314
+ */
22315
+ /* Needs to be after the previous accordion__item--active rule
22316
+ to take effect, as the specificity is the same */
22317
+ @starting-style {
22318
+ .cds--accordion__item--active > .cds--accordion__wrapper {
22319
+ padding: 0;
22320
+ max-block-size: 0;
22321
+ opacity: 0;
22322
+ }
22323
+ }
22304
22324
  .cds--accordion--flush .cds--accordion__item {
22305
22325
  position: relative;
22306
22326
  border-color: transparent;
@@ -22812,6 +22832,7 @@ li.cds--accordion__item--disabled:last-of-type {
22812
22832
  block-size: 100%;
22813
22833
  content: "";
22814
22834
  inline-size: 100%;
22835
+ inset-inline-start: 0;
22815
22836
  will-change: transform-origin, transform, opacity;
22816
22837
  }
22817
22838
  @media (prefers-reduced-motion: reduce) {
@@ -24139,6 +24160,7 @@ a.cds--overflow-menu-options__btn::before {
24139
24160
  block-size: 100%;
24140
24161
  content: "";
24141
24162
  inline-size: 100%;
24163
+ inset-inline-start: 0;
24142
24164
  will-change: transform-origin, transform, opacity;
24143
24165
  }
24144
24166
  @media (prefers-reduced-motion: reduce) {
@@ -24149,7 +24171,7 @@ a.cds--overflow-menu-options__btn::before {
24149
24171
 
24150
24172
  .cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
24151
24173
  min-block-size: 1.125rem;
24152
- padding-inline: 0 0;
24174
+ padding-inline: 0;
24153
24175
  }
24154
24176
 
24155
24177
  .cds--link {
@@ -24494,6 +24516,7 @@ textarea:-webkit-autofill:focus {
24494
24516
  block-size: 100%;
24495
24517
  content: "";
24496
24518
  inline-size: 100%;
24519
+ inset-inline-start: 0;
24497
24520
  will-change: transform-origin, transform, opacity;
24498
24521
  }
24499
24522
  @media (prefers-reduced-motion: reduce) {
@@ -24921,6 +24944,7 @@ fieldset[disabled] .cds--form__helper-text {
24921
24944
  block-size: 100%;
24922
24945
  content: "";
24923
24946
  inline-size: 100%;
24947
+ inset-inline-start: 0;
24924
24948
  will-change: transform-origin, transform, opacity;
24925
24949
  }
24926
24950
  @media (prefers-reduced-motion: reduce) {
@@ -25674,6 +25698,7 @@ fieldset[disabled] .cds--form__helper-text {
25674
25698
  block-size: 100%;
25675
25699
  content: "";
25676
25700
  inline-size: 100%;
25701
+ inset-inline-start: 0;
25677
25702
  will-change: transform-origin, transform, opacity;
25678
25703
  }
25679
25704
  @media (prefers-reduced-motion: reduce) {
@@ -25695,7 +25720,6 @@ fieldset[disabled] .cds--form__helper-text {
25695
25720
  padding-block-end: 0;
25696
25721
  }
25697
25722
 
25698
- /* stylelint-disable */
25699
25723
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
25700
25724
  .cds--snippet__icon {
25701
25725
  fill: ButtonText;
@@ -25716,7 +25740,6 @@ fieldset[disabled] .cds--form__helper-text {
25716
25740
  }
25717
25741
  }
25718
25742
 
25719
- /* stylelint-enable */
25720
25743
  .cds--text-input {
25721
25744
  --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)));
25722
25745
  --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));
@@ -25978,8 +26001,8 @@ fieldset[disabled] .cds--form__helper-text {
25978
26001
  inset-inline-start: 50%;
25979
26002
  }
25980
26003
  .cds--text-input--password__visibility::before {
25981
- border-width: 0 0.25rem 0.3125rem 0.25rem;
25982
- border-color: transparent transparent var(--cds-background-inverse, #393939) transparent;
26004
+ border-width: 0 0.25rem 0.3125rem;
26005
+ border-color: transparent transparent var(--cds-background-inverse, #393939);
25983
26006
  inset-block-end: -0.5rem;
25984
26007
  transform: translate(-50%, 100%);
25985
26008
  }
@@ -26155,6 +26178,7 @@ fieldset[disabled] .cds--form__helper-text {
26155
26178
  block-size: 100%;
26156
26179
  content: "";
26157
26180
  inline-size: 100%;
26181
+ inset-inline-start: 0;
26158
26182
  will-change: transform-origin, transform, opacity;
26159
26183
  }
26160
26184
  @media (prefers-reduced-motion: reduce) {
@@ -26853,7 +26877,7 @@ fieldset[disabled] .cds--form__helper-text {
26853
26877
  display: none;
26854
26878
  background-color: var(--cds-layer);
26855
26879
  inline-size: 100%;
26856
- inset-inline: 0 0;
26880
+ inset-inline: 0;
26857
26881
  overflow-y: auto;
26858
26882
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
26859
26883
  }
@@ -27757,7 +27781,7 @@ fieldset[disabled] .cds--form__helper-text {
27757
27781
  block-size: 1px;
27758
27782
  content: "";
27759
27783
  inset-block-end: 0;
27760
- inset-inline: 0 0;
27784
+ inset-inline: 0;
27761
27785
  }
27762
27786
 
27763
27787
  .cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {
@@ -27804,7 +27828,7 @@ fieldset[disabled] .cds--form__helper-text {
27804
27828
  display: flex;
27805
27829
  justify-content: flex-end;
27806
27830
  inset-block-start: 0;
27807
- inset-inline: 0 0;
27831
+ inset-inline: 0;
27808
27832
  pointer-events: none;
27809
27833
  }
27810
27834
 
@@ -28332,6 +28356,7 @@ fieldset[disabled] .cds--form__helper-text {
28332
28356
  block-size: 100%;
28333
28357
  content: "";
28334
28358
  inline-size: 100%;
28359
+ inset-inline-start: 0;
28335
28360
  will-change: transform-origin, transform, opacity;
28336
28361
  }
28337
28362
  @media (prefers-reduced-motion: reduce) {
@@ -28560,7 +28585,7 @@ fieldset[disabled] .cds--form__helper-text {
28560
28585
 
28561
28586
  .cds--data-table td,
28562
28587
  .cds--data-table tbody th {
28563
- border-block-end: 1px solid var(--cds-border-subtle);
28588
+ border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
28564
28589
  border-block-start: 1px solid var(--cds-layer);
28565
28590
  color: var(--cds-text-secondary, #525252);
28566
28591
  padding-inline: 1rem 1rem;
@@ -28570,6 +28595,16 @@ fieldset[disabled] .cds--form__helper-text {
28570
28595
  padding-inline-start: 0.75rem;
28571
28596
  }
28572
28597
 
28598
+ .cds--layer-two .cds--data-table td,
28599
+ .cds--layer-two .cds--data-table tbody th {
28600
+ border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
28601
+ }
28602
+
28603
+ .cds--layer-three .cds--data-table td,
28604
+ .cds--layer-three .cds--data-table tbody th {
28605
+ border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
28606
+ }
28607
+
28573
28608
  @supports (-moz-appearance: none) {
28574
28609
  .cds--data-table td {
28575
28610
  background-clip: padding-box;
@@ -28640,7 +28675,7 @@ fieldset[disabled] .cds--form__helper-text {
28640
28675
  .cds--data-table--xs td.cds--table-column-menu,
28641
28676
  .cds--data-table--sm td.cds--table-column-menu {
28642
28677
  block-size: 1.5rem;
28643
- padding-block: 0 0;
28678
+ padding-block: 0;
28644
28679
  }
28645
28680
 
28646
28681
  .cds--data-table--sm td.cds--table-column-menu {
@@ -28830,7 +28865,7 @@ tr.cds--data-table--selected:last-of-type td {
28830
28865
 
28831
28866
  .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
28832
28867
  .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
28833
- padding-block: 0 0;
28868
+ padding-block: 0;
28834
28869
  }
28835
28870
 
28836
28871
  .cds--data-table.cds--data-table--xs .cds--table-column-checkbox .cds--checkbox-label {
@@ -29010,7 +29045,7 @@ tr.cds--data-table--selected:last-of-type td {
29010
29045
  .cds--data-table--sticky-header tbody::-webkit-scrollbar {
29011
29046
  display: none;
29012
29047
  }
29013
- @-moz-document url-prefix() {
29048
+ @document url-prefix() {
29014
29049
  .cds--data-table--sticky-header thead,
29015
29050
  .cds--data-table--sticky-header tbody {
29016
29051
  scrollbar-width: none;
@@ -29531,6 +29566,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
29531
29566
  block-size: 100%;
29532
29567
  content: "";
29533
29568
  inline-size: 100%;
29569
+ inset-inline-start: 0;
29534
29570
  will-change: transform-origin, transform, opacity;
29535
29571
  }
29536
29572
  @media (prefers-reduced-motion: reduce) {
@@ -29961,7 +29997,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
29961
29997
  background-color: var(--cds-background-brand, #0f62fe);
29962
29998
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
29963
29999
  inset-block-end: 0;
29964
- inset-inline: 0 0;
30000
+ inset-inline: 0;
29965
30001
  opacity: 0;
29966
30002
  pointer-events: none;
29967
30003
  transform: translate3d(0, 48px, 0);
@@ -30173,7 +30209,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
30173
30209
  .cds--table-toolbar--sm .cds--btn--primary {
30174
30210
  block-size: 2rem;
30175
30211
  min-block-size: auto;
30176
- padding-block: 0.375rem 0.375rem;
30212
+ padding-block: 0.375rem;
30177
30213
  }
30178
30214
 
30179
30215
  .cds--table-toolbar--sm .cds--btn--primary.cds--batch-summary__cancel::before {
@@ -30207,7 +30243,7 @@ tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] {
30207
30243
  tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {
30208
30244
  border: 0;
30209
30245
  background-color: var(--cds-layer-hover);
30210
- padding-block: 0 0;
30246
+ padding-block: 0;
30211
30247
  transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
30212
30248
  }
30213
30249
 
@@ -30303,7 +30339,15 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
30303
30339
  }
30304
30340
 
30305
30341
  .cds--data-table td.cds--table-expand {
30306
- border-block-end: 1px solid var(--cds-border-subtle);
30342
+ border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
30343
+ }
30344
+
30345
+ .cds--layer-two .cds--data-table td.cds--table-expand {
30346
+ border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
30347
+ }
30348
+
30349
+ .cds--layer-three .cds--data-table td.cds--table-expand {
30350
+ border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
30307
30351
  }
30308
30352
 
30309
30353
  .cds--data-table th.cds--table-expand + .cds--table-column-checkbox,
@@ -30574,6 +30618,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
30574
30618
  block-size: 100%;
30575
30619
  content: "";
30576
30620
  inline-size: 100%;
30621
+ inset-inline-start: 0;
30577
30622
  will-change: transform-origin, transform, opacity;
30578
30623
  }
30579
30624
  @media (prefers-reduced-motion: reduce) {
@@ -30627,6 +30672,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
30627
30672
  block-size: 100%;
30628
30673
  content: "";
30629
30674
  inline-size: 100%;
30675
+ inset-inline-start: 0;
30630
30676
  will-change: transform-origin, transform, opacity;
30631
30677
  }
30632
30678
  @media (prefers-reduced-motion: reduce) {
@@ -30658,6 +30704,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
30658
30704
  block-size: 100%;
30659
30705
  content: "";
30660
30706
  inline-size: 100%;
30707
+ inset-inline-start: 0;
30661
30708
  will-change: transform-origin, transform, opacity;
30662
30709
  }
30663
30710
  @media (prefers-reduced-motion: reduce) {
@@ -30758,7 +30805,7 @@ th .cds--table-sort__flex {
30758
30805
 
30759
30806
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label,
30760
30807
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label {
30761
- padding-block: 0 0;
30808
+ padding-block: 0;
30762
30809
  }
30763
30810
 
30764
30811
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {
@@ -31649,6 +31696,7 @@ th .cds--table-sort__flex {
31649
31696
  block-size: 100%;
31650
31697
  content: "";
31651
31698
  inline-size: 100%;
31699
+ inset-inline-start: 0;
31652
31700
  will-change: transform-origin, transform, opacity;
31653
31701
  }
31654
31702
  @media (prefers-reduced-motion: reduce) {
@@ -31684,6 +31732,7 @@ th .cds--table-sort__flex {
31684
31732
  block-size: 100%;
31685
31733
  content: "";
31686
31734
  inline-size: 100%;
31735
+ inset-inline-start: 0;
31687
31736
  will-change: transform-origin, transform, opacity;
31688
31737
  }
31689
31738
  @media (prefers-reduced-motion: reduce) {
@@ -32155,6 +32204,7 @@ button.cds--dropdown-text:focus {
32155
32204
  block-size: 100%;
32156
32205
  content: "";
32157
32206
  inline-size: 100%;
32207
+ inset-inline-start: 0;
32158
32208
  will-change: transform-origin, transform, opacity;
32159
32209
  }
32160
32210
  @media (prefers-reduced-motion: reduce) {
@@ -32537,7 +32587,7 @@ button.cds--dropdown-text:focus {
32537
32587
  inline-size: -webkit-fill-available;
32538
32588
  padding-inline-start: 1rem;
32539
32589
  }
32540
- @-moz-document url-prefix() {
32590
+ @document url-prefix() {
32541
32591
  .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
32542
32592
  inline-size: -moz-available;
32543
32593
  }
@@ -32545,7 +32595,7 @@ button.cds--dropdown-text:focus {
32545
32595
  .cds--file__selected-file .cds--file-filename-tooltip {
32546
32596
  inline-size: -webkit-fill-available;
32547
32597
  }
32548
- @-moz-document url-prefix() {
32598
+ @document url-prefix() {
32549
32599
  .cds--file__selected-file .cds--file-filename-tooltip {
32550
32600
  inline-size: -moz-available;
32551
32601
  }
@@ -32567,7 +32617,7 @@ button.cds--dropdown-text:focus {
32567
32617
  text-overflow: ellipsis;
32568
32618
  white-space: nowrap;
32569
32619
  }
32570
- @-moz-document url-prefix() {
32620
+ @document url-prefix() {
32571
32621
  .cds--file__selected-file .cds--file-filename-button {
32572
32622
  inline-size: -moz-available;
32573
32623
  }
@@ -32785,7 +32835,6 @@ button.cds--dropdown-text:focus {
32785
32835
  outline-offset: -2px;
32786
32836
  }
32787
32837
 
32788
- /* stylelint-disable */
32789
32838
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
32790
32839
  .cds--file__selected-file {
32791
32840
  outline: 1px solid transparent;
@@ -32798,7 +32847,6 @@ button.cds--dropdown-text:focus {
32798
32847
  }
32799
32848
  }
32800
32849
 
32801
- /* stylelint-enable */
32802
32850
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper {
32803
32851
  position: relative;
32804
32852
  background: var(--cds-field);
@@ -34060,6 +34108,7 @@ button.cds--dropdown-text:focus {
34060
34108
  block-size: 100%;
34061
34109
  content: "";
34062
34110
  inline-size: 100%;
34111
+ inset-inline-start: 0;
34063
34112
  will-change: transform-origin, transform, opacity;
34064
34113
  }
34065
34114
  @media (prefers-reduced-motion: reduce) {
@@ -34071,7 +34120,6 @@ button.cds--dropdown-text:focus {
34071
34120
  display: none;
34072
34121
  }
34073
34122
 
34074
- /* stylelint-disable */
34075
34123
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
34076
34124
  .cds--number__control-btn:hover,
34077
34125
  .cds--number__control-btn:focus {
@@ -34092,7 +34140,6 @@ button.cds--dropdown-text:focus {
34092
34140
  }
34093
34141
  }
34094
34142
 
34095
- /* stylelint-enable */
34096
34143
  .cds--number-input--fluid {
34097
34144
  position: relative;
34098
34145
  background: var(--cds-field);
@@ -34442,7 +34489,7 @@ button.cds--dropdown-text:focus {
34442
34489
  .cds--select-input::-ms-expand {
34443
34490
  display: none;
34444
34491
  }
34445
- @-moz-document url-prefix() {
34492
+ @document url-prefix() {
34446
34493
  .cds--select-input:-moz-focusring, .cds--select-input::-moz-focus-inner {
34447
34494
  background-image: none;
34448
34495
  color: transparent;
@@ -34637,6 +34684,7 @@ optgroup.cds--select-optgroup:disabled,
34637
34684
  block-size: 100%;
34638
34685
  content: "";
34639
34686
  inline-size: 100%;
34687
+ inset-inline-start: 0;
34640
34688
  will-change: transform-origin, transform, opacity;
34641
34689
  }
34642
34690
  @media (prefers-reduced-motion: reduce) {
@@ -35035,6 +35083,7 @@ optgroup.cds--select-optgroup:disabled,
35035
35083
  block-size: 100%;
35036
35084
  content: "";
35037
35085
  inline-size: 100%;
35086
+ inset-inline-start: 0;
35038
35087
  will-change: transform-origin, transform, opacity;
35039
35088
  }
35040
35089
  @media (prefers-reduced-motion: reduce) {
@@ -36178,7 +36227,6 @@ optgroup.cds--select-optgroup:disabled,
36178
36227
  display: none;
36179
36228
  }
36180
36229
 
36181
- /* stylelint-disable no-duplicate-selectors */
36182
36230
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
36183
36231
  .cds--modal-close__icon {
36184
36232
  fill: ButtonText;
@@ -36192,7 +36240,6 @@ optgroup.cds--select-optgroup:disabled,
36192
36240
  }
36193
36241
  }
36194
36242
 
36195
- /* stylelint-enable no-duplicate-selectors */
36196
36243
  .cds--inline-notification {
36197
36244
  position: relative;
36198
36245
  display: flex;
@@ -36521,7 +36568,6 @@ optgroup.cds--select-optgroup:disabled,
36521
36568
  fill: var(--cds-icon-primary, #161616);
36522
36569
  }
36523
36570
 
36524
- /* stylelint-disable */
36525
36571
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
36526
36572
  .cds--inline-notification {
36527
36573
  outline: 1px solid transparent;
@@ -36548,7 +36594,6 @@ optgroup.cds--select-optgroup:disabled,
36548
36594
  }
36549
36595
  }
36550
36596
 
36551
- /* stylelint-enable */
36552
36597
  .cds--toast-notification {
36553
36598
  display: flex;
36554
36599
  block-size: auto;
@@ -36798,7 +36843,6 @@ optgroup.cds--select-optgroup:disabled,
36798
36843
  color: var(--cds-text-primary, #161616);
36799
36844
  }
36800
36845
 
36801
- /* stylelint-disable */
36802
36846
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
36803
36847
  .cds--toast-notification {
36804
36848
  outline: 1px solid transparent;
@@ -36824,7 +36868,6 @@ optgroup.cds--select-optgroup:disabled,
36824
36868
  }
36825
36869
  }
36826
36870
 
36827
- /* stylelint-enable */
36828
36871
  .cds--actionable-notification {
36829
36872
  position: relative;
36830
36873
  display: flex;
@@ -37276,7 +37319,6 @@ optgroup.cds--select-optgroup:disabled,
37276
37319
  fill: var(--cds-icon-primary, #161616);
37277
37320
  }
37278
37321
 
37279
- /* stylelint-disable */
37280
37322
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
37281
37323
  .cds--actionable-notification {
37282
37324
  outline: 1px solid transparent;
@@ -37299,7 +37341,6 @@ optgroup.cds--select-optgroup:disabled,
37299
37341
  }
37300
37342
  }
37301
37343
 
37302
- /* stylelint-enable */
37303
37344
  .cds--data-table-container + .cds--pagination {
37304
37345
  border-block-start: 0;
37305
37346
  }
@@ -37909,7 +37950,7 @@ span.cds--pagination__text.cds--pagination__items-count {
37909
37950
  max-block-size: var(--cds-layout-size-height-local);
37910
37951
  text-indent: calc(50% - 4.5px);
37911
37952
  }
37912
- @-moz-document url-prefix() {
37953
+ @document url-prefix() {
37913
37954
  .cds--pagination-nav__page--select {
37914
37955
  text-indent: 0;
37915
37956
  }
@@ -38409,6 +38450,7 @@ span.cds--pagination__text.cds--pagination__items-count {
38409
38450
  block-size: 100%;
38410
38451
  content: "";
38411
38452
  inline-size: 100%;
38453
+ inset-inline-start: 0;
38412
38454
  will-change: transform-origin, transform, opacity;
38413
38455
  }
38414
38456
  @media (prefers-reduced-motion: reduce) {
@@ -38504,6 +38546,7 @@ span.cds--pagination__text.cds--pagination__items-count {
38504
38546
  block-size: 100%;
38505
38547
  content: "";
38506
38548
  inline-size: 100%;
38549
+ inset-inline-start: 0;
38507
38550
  will-change: transform-origin, transform, opacity;
38508
38551
  }
38509
38552
  @media (prefers-reduced-motion: reduce) {
@@ -38534,6 +38577,7 @@ span.cds--pagination__text.cds--pagination__items-count {
38534
38577
  block-size: 100%;
38535
38578
  content: "";
38536
38579
  inline-size: 100%;
38580
+ inset-inline-start: 0;
38537
38581
  will-change: transform-origin, transform, opacity;
38538
38582
  }
38539
38583
  @media (prefers-reduced-motion: reduce) {
@@ -38565,6 +38609,7 @@ span.cds--pagination__text.cds--pagination__items-count {
38565
38609
  block-size: 100%;
38566
38610
  content: "";
38567
38611
  inline-size: 100%;
38612
+ inset-inline-start: 0;
38568
38613
  will-change: transform-origin, transform, opacity;
38569
38614
  }
38570
38615
  @media (prefers-reduced-motion: reduce) {
@@ -38901,17 +38946,34 @@ span.cds--pagination__text.cds--pagination__items-count {
38901
38946
  }
38902
38947
  .cds--slider--disabled .cds--slider__thumb:hover {
38903
38948
  cursor: not-allowed;
38904
- transform: translate(-50%, -50%);
38949
+ transform: none;
38905
38950
  }
38906
38951
  .cds--slider--disabled .cds--slider__thumb:focus {
38907
38952
  background-color: var(--cds-border-disabled, #c6c6c6);
38908
38953
  box-shadow: none;
38909
38954
  outline: none;
38910
- transform: translate(-50%, -50%);
38955
+ transform: none;
38911
38956
  }
38912
38957
  .cds--slider--disabled .cds--slider__thumb:active {
38913
38958
  background: var(--cds-border-disabled, #c6c6c6);
38914
- transform: translate(-50%, -50%);
38959
+ box-shadow: none;
38960
+ transform: none;
38961
+ }
38962
+
38963
+ .cds--slider--disabled .cds--slider__thumb--lower,
38964
+ .cds--slider--disabled .cds--slider__thumb--upper {
38965
+ background-color: transparent;
38966
+ }
38967
+ .cds--slider--disabled .cds--slider__thumb--lower:active, .cds--slider--disabled .cds--slider__thumb--lower:hover, .cds--slider--disabled .cds--slider__thumb--lower:focus,
38968
+ .cds--slider--disabled .cds--slider__thumb--upper:active,
38969
+ .cds--slider--disabled .cds--slider__thumb--upper:hover,
38970
+ .cds--slider--disabled .cds--slider__thumb--upper:focus {
38971
+ background-color: transparent;
38972
+ transform: none;
38973
+ }
38974
+ .cds--slider--disabled .cds--slider__thumb--lower .cds--slider__thumb-icon,
38975
+ .cds--slider--disabled .cds--slider__thumb--upper .cds--slider__thumb-icon {
38976
+ fill: var(--cds-border-disabled, #c6c6c6);
38915
38977
  }
38916
38978
 
38917
38979
  .cds--slider--disabled .cds--slider__track,
@@ -38980,6 +39042,7 @@ span.cds--pagination__text.cds--pagination__items-count {
38980
39042
  block-size: 100%;
38981
39043
  content: "";
38982
39044
  inline-size: 100%;
39045
+ inset-inline-start: 0;
38983
39046
  will-change: transform-origin, transform, opacity;
38984
39047
  }
38985
39048
  @media (prefers-reduced-motion: reduce) {
@@ -39011,7 +39074,6 @@ span.cds--pagination__text.cds--pagination__items-count {
39011
39074
  position: absolute;
39012
39075
  }
39013
39076
 
39014
- /* stylelint-disable */
39015
39077
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
39016
39078
  .cds--slider__thumb {
39017
39079
  outline: 1px solid transparent;
@@ -39031,7 +39093,6 @@ span.cds--pagination__text.cds--pagination__items-count {
39031
39093
  }
39032
39094
  }
39033
39095
 
39034
- /* stylelint-enable */
39035
39096
  .cds--stack-horizontal {
39036
39097
  display: inline-grid;
39037
39098
  column-gap: var(--cds-stack-gap, 0);
@@ -39315,6 +39376,7 @@ span.cds--pagination__text.cds--pagination__items-count {
39315
39376
  block-size: 100%;
39316
39377
  content: "";
39317
39378
  inline-size: 100%;
39379
+ inset-inline-start: 0;
39318
39380
  will-change: transform-origin, transform, opacity;
39319
39381
  }
39320
39382
  @media (prefers-reduced-motion: reduce) {
@@ -39511,6 +39573,12 @@ span.cds--pagination__text.cds--pagination__items-count {
39511
39573
  outline-style: dotted;
39512
39574
  }
39513
39575
  }
39576
+ .cds--tabs .cds--tab--overflow-nav-button:hover {
39577
+ background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
39578
+ }
39579
+ .cds--tabs .cds--tab--overflow-nav-button:active {
39580
+ background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
39581
+ }
39514
39582
  .cds--tabs .cds--tab--overflow-nav-button--hidden {
39515
39583
  display: none;
39516
39584
  }
@@ -39519,13 +39587,22 @@ span.cds--pagination__text.cds--pagination__items-count {
39519
39587
  background-color: var(--cds-layer-accent);
39520
39588
  inline-size: 3rem;
39521
39589
  }
39590
+ .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button:hover {
39591
+ background-color: var(--cds-layer-accent-hover);
39592
+ }
39593
+ .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button:active {
39594
+ background-color: var(--cds-layer-accent-active);
39595
+ }
39522
39596
  .cds--tabs .cds--tab--overflow-nav-button svg {
39523
39597
  z-index: 2;
39524
39598
  fill: var(--cds-icon-primary, #161616);
39525
39599
  }
39600
+ .cds--tabs .cds--tab--overflow-nav-button svg:active, .cds--tabs .cds--tab--overflow-nav-button svg:hover {
39601
+ fill: var(--cds-icon-primary, #161616);
39602
+ }
39526
39603
  .cds--tabs .cds--tab--overflow-nav-button--next {
39527
- position: absolute;
39528
- inset-block: 0 0;
39604
+ position: relative;
39605
+ inset-block: 0;
39529
39606
  inset-inline-end: 0;
39530
39607
  }
39531
39608
  .cds--tabs .cds--tab--overflow-nav-button--next::before {
@@ -39543,9 +39620,9 @@ span.cds--pagination__text.cds--pagination__items-count {
39543
39620
  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
39544
39621
  }
39545
39622
  .cds--tabs .cds--tab--overflow-nav-button--previous {
39546
- position: absolute;
39623
+ position: relative;
39547
39624
  z-index: 1;
39548
- inset-block: 0 0;
39625
+ inset-block: 0;
39549
39626
  inset-inline-start: 0;
39550
39627
  }
39551
39628
  .cds--tabs .cds--tab--overflow-nav-button--previous::before {
@@ -39825,6 +39902,9 @@ span.cds--pagination__text.cds--pagination__items-count {
39825
39902
  .cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
39826
39903
  overflow-x: visible;
39827
39904
  }
39905
+ .cds--tabs .cds--tabs__nav-item--icon-only {
39906
+ margin-inline-end: 0.0625rem;
39907
+ }
39828
39908
  .cds--tabs .cds--tabs__nav-item--icon-only, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {
39829
39909
  display: flex;
39830
39910
  align-items: center;
@@ -40030,6 +40110,7 @@ span.cds--pagination__text.cds--pagination__items-count {
40030
40110
  block-size: 100%;
40031
40111
  content: "";
40032
40112
  inline-size: 100%;
40113
+ inset-inline-start: 0;
40033
40114
  will-change: transform-origin, transform, opacity;
40034
40115
  }
40035
40116
  @media (prefers-reduced-motion: reduce) {
@@ -40879,6 +40960,7 @@ span.cds--pagination__text.cds--pagination__items-count {
40879
40960
  block-size: 100%;
40880
40961
  content: "";
40881
40962
  inline-size: 100%;
40963
+ inset-inline-start: 0;
40882
40964
  will-change: transform-origin, transform, opacity;
40883
40965
  }
40884
40966
  @media (prefers-reduced-motion: reduce) {
@@ -40923,6 +41005,10 @@ span.cds--pagination__text.cds--pagination__items-count {
40923
41005
  cursor: pointer;
40924
41006
  }
40925
41007
 
41008
+ .cds--tree-node--hidden {
41009
+ display: none;
41010
+ }
41011
+
40926
41012
  .cds--tree-node__children {
40927
41013
  box-sizing: border-box;
40928
41014
  padding: 0;
@@ -41140,7 +41226,7 @@ div:has(.cds--header) ~ .cds--content {
41140
41226
  block-size: 3rem;
41141
41227
  border-block-end: 1px solid var(--cds-border-subtle);
41142
41228
  inset-block-start: 0;
41143
- inset-inline: 0 0;
41229
+ inset-inline: 0;
41144
41230
  }
41145
41231
  .cds--header *,
41146
41232
  .cds--header *::before,
@@ -41655,7 +41741,7 @@ div:has(.cds--header) ~ .cds--content {
41655
41741
  block-size: 3rem;
41656
41742
  border-block-end: 1px solid var(--cds-border-subtle);
41657
41743
  inset-block-start: 0;
41658
- inset-inline: 0 0;
41744
+ inset-inline: 0;
41659
41745
  }
41660
41746
  .cds--header *,
41661
41747
  .cds--header *::before,
@@ -42074,7 +42160,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
42074
42160
  background-color: var(--cds-background, #ffffff);
42075
42161
  color: var(--cds-text-secondary, #525252);
42076
42162
  inline-size: 3rem;
42077
- inset-block: 0 0;
42163
+ inset-block: 0;
42078
42164
  inset-inline-start: 0;
42079
42165
  max-inline-size: 16rem;
42080
42166
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -42305,7 +42391,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
42305
42391
  background-color: var(--cds-border-interactive, #0f62fe);
42306
42392
  content: "";
42307
42393
  inline-size: 3px;
42308
- inset-block: 0 0;
42394
+ inset-block: 0;
42309
42395
  inset-inline-start: 0;
42310
42396
  }
42311
42397
 
@@ -42427,7 +42513,7 @@ a.cds--side-nav__link--current::before {
42427
42513
  background-color: var(--cds-border-interactive, #0f62fe);
42428
42514
  content: "";
42429
42515
  inline-size: 3px;
42430
- inset-block: 0 0;
42516
+ inset-block: 0;
42431
42517
  inset-inline-start: 0;
42432
42518
  }
42433
42519