@carbon/ibm-products 2.43.2-canary.306 → 2.43.2-canary.308

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.
Files changed (38) hide show
  1. package/css/index-full-carbon.css +221 -271
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +18 -6
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +25 -17
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +100 -97
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/AboutModal/AboutModal.js +1 -3
  18. package/es/components/ExportModal/ExportModal.js +1 -3
  19. package/es/components/FeatureFlags/index.d.ts +4 -3
  20. package/es/components/FeatureFlags/index.js +17 -10
  21. package/es/components/PageHeader/PageHeader.d.ts +2 -0
  22. package/es/components/PageHeader/PageHeader.js +4 -1
  23. package/es/components/PageHeader/PageHeaderTitle.d.ts +1 -0
  24. package/es/components/PageHeader/PageHeaderTitle.js +42 -8
  25. package/es/components/Tearsheet/TearsheetShell.js +1 -3
  26. package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +742 -740
  27. package/lib/components/AboutModal/AboutModal.js +1 -3
  28. package/lib/components/ExportModal/ExportModal.js +1 -3
  29. package/lib/components/FeatureFlags/index.d.ts +4 -3
  30. package/lib/components/FeatureFlags/index.js +16 -9
  31. package/lib/components/PageHeader/PageHeader.d.ts +2 -0
  32. package/lib/components/PageHeader/PageHeader.js +4 -1
  33. package/lib/components/PageHeader/PageHeaderTitle.d.ts +1 -0
  34. package/lib/components/PageHeader/PageHeaderTitle.js +39 -5
  35. package/lib/components/Tearsheet/TearsheetShell.js +1 -3
  36. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +742 -740
  37. package/package.json +10 -10
  38. package/scss/components/PageHeader/_page-header.scss +16 -3
@@ -4955,7 +4955,7 @@ button.c4p--add-select__global-filter-toggle--open {
4955
4955
  --cds-focus: #ffffff;
4956
4956
  --cds-focus-inset: #161616;
4957
4957
  --cds-focus-inverse: #0f62fe;
4958
- --cds-highlight: #002d9c;
4958
+ --cds-highlight: #001d6c;
4959
4959
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
4960
4960
  --cds-icon-interactive: #ffffff;
4961
4961
  --cds-icon-inverse: #161616;
@@ -7546,15 +7546,27 @@ button.c4p--add-select__global-filter-toggle--open {
7546
7546
  flex: 1 0 60%;
7547
7547
  }
7548
7548
  }
7549
+ .c4p--page-header .c4p--page-header__tooltip {
7550
+ min-width: 0;
7551
+ flex-basis: auto;
7552
+ }
7553
+ .c4p--page-header .c4p--page-header__tooltip button {
7554
+ border-block-end: none;
7555
+ cursor: default;
7556
+ }
7557
+ .c4p--page-header .c4p--page-header__titleText {
7558
+ display: block;
7559
+ overflow: hidden;
7560
+ text-overflow: ellipsis;
7561
+ white-space: nowrap;
7562
+ }
7549
7563
  .c4p--page-header .c4p--page-header__title {
7550
7564
  font-size: var(--cds-heading-04-font-size, 1.75rem);
7551
7565
  font-weight: var(--cds-heading-04-font-weight, 400);
7552
7566
  line-height: var(--cds-heading-04-line-height, 1.28572);
7553
7567
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
7568
+ display: flex;
7554
7569
  min-height: 2.5rem;
7555
- overflow-x: hidden;
7556
- text-overflow: ellipsis;
7557
- white-space: nowrap;
7558
7570
  }
7559
7571
  .c4p--page-header .c4p--page-header__title--editable {
7560
7572
  display: flex;
@@ -8616,7 +8628,7 @@ button.c4p--add-select__global-filter-toggle--open {
8616
8628
  --cds-focus: #ffffff;
8617
8629
  --cds-focus-inset: #161616;
8618
8630
  --cds-focus-inverse: #0f62fe;
8619
- --cds-highlight: #0043ce;
8631
+ --cds-highlight: #002d9c;
8620
8632
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
8621
8633
  --cds-icon-interactive: #ffffff;
8622
8634
  --cds-icon-inverse: #161616;
@@ -9047,7 +9059,7 @@ button.c4p--add-select__global-filter-toggle--open {
9047
9059
  --cds-focus: #ffffff;
9048
9060
  --cds-focus-inset: #161616;
9049
9061
  --cds-focus-inverse: #0f62fe;
9050
- --cds-highlight: #002d9c;
9062
+ --cds-highlight: #001d6c;
9051
9063
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
9052
9064
  --cds-icon-interactive: #ffffff;
9053
9065
  --cds-icon-inverse: #161616;
@@ -13887,8 +13899,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
13887
13899
  background-color: var(--cds-background, #ffffff);
13888
13900
  color: var(--cds-text-secondary, #525252);
13889
13901
  inline-size: 3rem;
13890
- inset-block-end: 0;
13891
- inset-block-start: 0;
13902
+ inset-block: 0 0;
13892
13903
  inset-inline-start: 0;
13893
13904
  max-inline-size: 16rem;
13894
13905
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -14123,8 +14134,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
14123
14134
  background-color: var(--cds-border-interactive, #0f62fe);
14124
14135
  content: "";
14125
14136
  inline-size: 3px;
14126
- inset-block-end: 0;
14127
- inset-block-start: 0;
14137
+ inset-block: 0 0;
14128
14138
  inset-inline-start: 0;
14129
14139
  }
14130
14140
 
@@ -14248,8 +14258,7 @@ a.cds--side-nav__link--current::before {
14248
14258
  background-color: var(--cds-border-interactive, #0f62fe);
14249
14259
  content: "";
14250
14260
  inline-size: 3px;
14251
- inset-block-end: 0;
14252
- inset-block-start: 0;
14261
+ inset-block: 0 0;
14253
14262
  inset-inline-start: 0;
14254
14263
  }
14255
14264
 
@@ -15469,7 +15478,7 @@ a.cds--side-nav__link--current::before {
15469
15478
  --cds-focus: #ffffff;
15470
15479
  --cds-focus-inset: #161616;
15471
15480
  --cds-focus-inverse: #0f62fe;
15472
- --cds-highlight: #002d9c;
15481
+ --cds-highlight: #001d6c;
15473
15482
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
15474
15483
  --cds-icon-interactive: #ffffff;
15475
15484
  --cds-icon-inverse: #161616;
@@ -16274,7 +16283,7 @@ a.cds--side-nav__link--current::before {
16274
16283
  --cds-focus: #ffffff;
16275
16284
  --cds-focus-inset: #161616;
16276
16285
  --cds-focus-inverse: #0f62fe;
16277
- --cds-highlight: #002d9c;
16286
+ --cds-highlight: #001d6c;
16278
16287
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
16279
16288
  --cds-icon-interactive: #ffffff;
16280
16289
  --cds-icon-inverse: #161616;
@@ -17600,7 +17609,7 @@ a.cds--side-nav__link--current::before {
17600
17609
  --cds-focus: #ffffff;
17601
17610
  --cds-focus-inset: #161616;
17602
17611
  --cds-focus-inverse: #0f62fe;
17603
- --cds-highlight: #002d9c;
17612
+ --cds-highlight: #001d6c;
17604
17613
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
17605
17614
  --cds-icon-interactive: #ffffff;
17606
17615
  --cds-icon-inverse: #161616;
@@ -19648,8 +19657,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19648
19657
  }
19649
19658
 
19650
19659
  .cds--tag--filter {
19651
- padding-block-end: 0;
19652
- padding-block-start: 0;
19660
+ padding-block: 0;
19653
19661
  padding-inline-end: 0;
19654
19662
  }
19655
19663
  .cds--tag--filter:hover {
@@ -23086,7 +23094,7 @@ em {
23086
23094
  --cds-notification-background-error: #fff1f1;
23087
23095
  --cds-notification-background-success: #defbe6;
23088
23096
  --cds-notification-background-info: #edf5ff;
23089
- --cds-notification-background-warning: #fdf6dd;
23097
+ --cds-notification-background-warning: #fcf4d6;
23090
23098
  --cds-notification-action-hover: #ffffff;
23091
23099
  --cds-notification-action-tertiary-inverse: #ffffff;
23092
23100
  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
@@ -23309,7 +23317,7 @@ em {
23309
23317
  --cds-notification-background-error: #fff1f1;
23310
23318
  --cds-notification-background-success: #defbe6;
23311
23319
  --cds-notification-background-info: #edf5ff;
23312
- --cds-notification-background-warning: #fdf6dd;
23320
+ --cds-notification-background-warning: #fcf4d6;
23313
23321
  --cds-notification-action-hover: #ffffff;
23314
23322
  --cds-notification-action-tertiary-inverse: #ffffff;
23315
23323
  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
@@ -23432,7 +23440,7 @@ em {
23432
23440
  --cds-focus: #ffffff;
23433
23441
  --cds-focus-inset: #161616;
23434
23442
  --cds-focus-inverse: #0f62fe;
23435
- --cds-highlight: #0043ce;
23443
+ --cds-highlight: #002d9c;
23436
23444
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
23437
23445
  --cds-icon-interactive: #ffffff;
23438
23446
  --cds-icon-inverse: #161616;
@@ -23654,7 +23662,7 @@ em {
23654
23662
  --cds-focus: #ffffff;
23655
23663
  --cds-focus-inset: #161616;
23656
23664
  --cds-focus-inverse: #0f62fe;
23657
- --cds-highlight: #002d9c;
23665
+ --cds-highlight: #001d6c;
23658
23666
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
23659
23667
  --cds-icon-interactive: #ffffff;
23660
23668
  --cds-icon-inverse: #161616;
@@ -23812,14 +23820,17 @@ em {
23812
23820
  font-family: inherit;
23813
23821
  font-size: 100%;
23814
23822
  vertical-align: baseline;
23815
- inline-size: 100%;
23816
- list-style: none;
23823
+ /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
23817
23824
  }
23818
23825
  .cds--accordion *,
23819
23826
  .cds--accordion *::before,
23820
23827
  .cds--accordion *::after {
23821
23828
  box-sizing: inherit;
23822
23829
  }
23830
+ .cds--accordion {
23831
+ inline-size: 100%;
23832
+ list-style: none;
23833
+ }
23823
23834
 
23824
23835
  .cds--accordion__item {
23825
23836
  display: list-item;
@@ -23839,6 +23850,7 @@ em {
23839
23850
  }
23840
23851
 
23841
23852
  .cds--accordion__heading {
23853
+ transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
23842
23854
  box-sizing: border-box;
23843
23855
  padding: 0;
23844
23856
  border: 0;
@@ -23854,6 +23866,17 @@ em {
23854
23866
  cursor: pointer;
23855
23867
  text-align: start;
23856
23868
  inline-size: 100%;
23869
+ /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
23870
+ }
23871
+ .cds--accordion__heading *,
23872
+ .cds--accordion__heading *::before,
23873
+ .cds--accordion__heading *::after {
23874
+ box-sizing: inherit;
23875
+ }
23876
+ .cds--accordion__heading::-moz-focus-inner {
23877
+ border: 0;
23878
+ }
23879
+ .cds--accordion__heading {
23857
23880
  position: relative;
23858
23881
  display: flex;
23859
23882
  flex-direction: row-reverse;
@@ -23865,15 +23888,6 @@ em {
23865
23888
  inline-size: 100%;
23866
23889
  min-block-size: var(--cds-layout-size-height-local);
23867
23890
  padding-inline-end: var(--cds-layout-density-padding-inline-local);
23868
- transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
23869
- }
23870
- .cds--accordion__heading *,
23871
- .cds--accordion__heading *::before,
23872
- .cds--accordion__heading *::after {
23873
- box-sizing: inherit;
23874
- }
23875
- .cds--accordion__heading::-moz-focus-inner {
23876
- border: 0;
23877
23891
  }
23878
23892
  .cds--accordion__heading:hover {
23879
23893
  background-color: var(--cds-layer-hover);
@@ -23911,12 +23925,15 @@ li.cds--accordion__item--disabled:last-of-type {
23911
23925
  .cds--accordion__arrow {
23912
23926
  outline: 2px solid transparent;
23913
23927
  outline-offset: -2px;
23928
+ transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
23929
+ /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
23930
+ }
23931
+ .cds--accordion__arrow {
23914
23932
  flex: 0 0 1rem;
23915
23933
  block-size: 1rem;
23916
23934
  fill: var(--cds-icon-primary, #161616);
23917
23935
  inline-size: 1rem;
23918
23936
  transform: rotate(-270deg) /*rtl:ignore*/;
23919
- transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
23920
23937
  }
23921
23938
 
23922
23939
  .cds--accordion__title {
@@ -23924,6 +23941,9 @@ li.cds--accordion__item--disabled:last-of-type {
23924
23941
  font-weight: var(--cds-body-01-font-weight, 400);
23925
23942
  line-height: var(--cds-body-01-line-height, 1.42857);
23926
23943
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
23944
+ /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
23945
+ }
23946
+ .cds--accordion__title {
23927
23947
  z-index: 1;
23928
23948
  inline-size: 100%;
23929
23949
  padding-inline-start: 1rem;
@@ -24101,8 +24121,7 @@ li.cds--accordion__item--disabled:last-of-type {
24101
24121
  }
24102
24122
 
24103
24123
  [dir=rtl] .cds--accordion--start .cds--accordion__heading {
24104
- padding-inline-end: 0;
24105
- padding-inline-start: var(--cds-layout-density-padding-inline-local);
24124
+ padding-inline: var(--cds-layout-density-padding-inline-local) 0;
24106
24125
  }
24107
24126
 
24108
24127
  [dir=rtl] .cds--accordion--start .cds--accordion__title {
@@ -24252,8 +24271,7 @@ li.cds--accordion__item--disabled:last-of-type {
24252
24271
  .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {
24253
24272
  block-size: var(--cds-popover-offset, 0rem);
24254
24273
  inset-block-start: 0;
24255
- inset-inline-end: 0;
24256
- inset-inline-start: 0;
24274
+ inset-inline: 0 0;
24257
24275
  transform: translateY(-100%);
24258
24276
  }
24259
24277
 
@@ -24330,8 +24348,7 @@ li.cds--accordion__item--disabled:last-of-type {
24330
24348
  .cds--popover--top-end > .cds--popover > .cds--popover-content::before {
24331
24349
  block-size: var(--cds-popover-offset, 0rem);
24332
24350
  inset-block-end: 0;
24333
- inset-inline-end: 0;
24334
- inset-inline-start: 0;
24351
+ inset-inline: 0 0;
24335
24352
  transform: translateY(100%);
24336
24353
  }
24337
24354
 
@@ -24401,8 +24418,7 @@ li.cds--accordion__item--disabled:last-of-type {
24401
24418
  .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,
24402
24419
  .cds--popover--right-end > .cds--popover > .cds--popover-content::before {
24403
24420
  inline-size: var(--cds-popover-offset, 0rem);
24404
- inset-block-end: 0;
24405
- inset-block-start: 0;
24421
+ inset-block: 0 0;
24406
24422
  inset-inline-start: 0;
24407
24423
  transform: translateX(-100%);
24408
24424
  }
@@ -24474,8 +24490,7 @@ li.cds--accordion__item--disabled:last-of-type {
24474
24490
  .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,
24475
24491
  .cds--popover--left-end > .cds--popover > .cds--popover-content::before {
24476
24492
  inline-size: var(--cds-popover-offset, 0rem);
24477
- inset-block-end: 0;
24478
- inset-block-start: 0;
24493
+ inset-block: 0 0;
24479
24494
  inset-inline-end: 0;
24480
24495
  transform: translateX(100%);
24481
24496
  }
@@ -24699,8 +24714,7 @@ li.cds--accordion__item--disabled:last-of-type {
24699
24714
  min-block-size: var(--cds-layout-size-height-local);
24700
24715
  outline: none;
24701
24716
  padding-block: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
24702
- padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
24703
- padding-inline-start: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
24717
+ padding-inline: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
24704
24718
  text-align: start;
24705
24719
  text-decoration: none;
24706
24720
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
@@ -24872,7 +24886,6 @@ li.cds--accordion__item--disabled:last-of-type {
24872
24886
  padding-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
24873
24887
  }
24874
24888
  .cds--btn--icon-only > :first-child {
24875
- margin-block-start: 0.0625rem;
24876
24889
  min-inline-size: 1rem;
24877
24890
  }
24878
24891
  .cds--btn--icon-only .cds--btn__icon {
@@ -24881,6 +24894,9 @@ li.cds--accordion__item--disabled:last-of-type {
24881
24894
  .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon {
24882
24895
  margin: 0;
24883
24896
  }
24897
+ .cds--btn--icon-only.cds--btn--danger--ghost {
24898
+ padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 1rem);
24899
+ }
24884
24900
 
24885
24901
  .cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,
24886
24902
  .cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon {
@@ -25733,8 +25749,7 @@ li.cds--accordion__item--disabled:last-of-type {
25733
25749
  }
25734
25750
 
25735
25751
  .cds--slug .cds--toggletip-content {
25736
- padding-block-end: 5rem;
25737
- padding-block-start: 1.5rem;
25752
+ padding-block: 1.5rem 5rem;
25738
25753
  padding-inline: 1.5rem;
25739
25754
  }
25740
25755
 
@@ -26051,14 +26066,12 @@ li.cds--accordion__item--disabled:last-of-type {
26051
26066
 
26052
26067
  .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,
26053
26068
  .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
26054
- inset-inline-end: 0;
26055
- inset-inline-start: auto;
26069
+ inset-inline: auto 0;
26056
26070
  }
26057
26071
 
26058
26072
  .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,
26059
26073
  .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
26060
- inset-block-end: 0;
26061
- inset-block-start: auto;
26074
+ inset-block: auto 0;
26062
26075
  }
26063
26076
 
26064
26077
  .cds--overflow-menu-options--open {
@@ -26399,8 +26412,7 @@ a.cds--overflow-menu-options__btn::before {
26399
26412
 
26400
26413
  .cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
26401
26414
  min-block-size: 1.125rem;
26402
- padding-inline-end: 0;
26403
- padding-inline-start: 0;
26415
+ padding-inline: 0 0;
26404
26416
  }
26405
26417
 
26406
26418
  .cds--link {
@@ -26944,7 +26956,7 @@ fieldset[disabled] .cds--form__helper-text {
26944
26956
  display: flex;
26945
26957
  cursor: pointer;
26946
26958
  min-block-size: 1.25rem;
26947
- padding-block-start: 0.125rem;
26959
+ padding-block-start: 0.0625rem;
26948
26960
  padding-inline-start: 1.25rem;
26949
26961
  user-select: none;
26950
26962
  }
@@ -27696,6 +27708,7 @@ fieldset[disabled] .cds--form__helper-text {
27696
27708
  .cds--snippet--inline.cds--btn {
27697
27709
  block-size: 1.25rem;
27698
27710
  inline-size: initial;
27711
+ max-inline-size: unset;
27699
27712
  min-block-size: 1.25rem;
27700
27713
  padding-inline: 0;
27701
27714
  }
@@ -27806,8 +27819,7 @@ fieldset[disabled] .cds--form__helper-text {
27806
27819
 
27807
27820
  .cds--snippet-button .cds--btn--copy__feedback {
27808
27821
  inset-block-start: 3.175rem;
27809
- inset-inline-end: auto;
27810
- inset-inline-start: 50%;
27822
+ inset-inline: 50% auto;
27811
27823
  }
27812
27824
  .cds--snippet-button .cds--btn--copy__feedback::before {
27813
27825
  inset-block-start: 0;
@@ -27822,8 +27834,7 @@ fieldset[disabled] .cds--form__helper-text {
27822
27834
 
27823
27835
  .cds--snippet--inline .cds--btn--copy__feedback {
27824
27836
  inset-block-start: calc(100% - 0.25rem);
27825
- inset-inline-end: auto;
27826
- inset-inline-start: 50%;
27837
+ inset-inline: 50% auto;
27827
27838
  }
27828
27839
 
27829
27840
  .cds--snippet__overflow-indicator--left,
@@ -28329,6 +28340,20 @@ fieldset[disabled] .cds--form__helper-text {
28329
28340
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
28330
28341
  }
28331
28342
 
28343
+ .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
28344
+ cursor: default;
28345
+ }
28346
+ .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {
28347
+ fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
28348
+ }
28349
+
28350
+ .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
28351
+ cursor: default;
28352
+ }
28353
+ .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
28354
+ fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
28355
+ }
28356
+
28332
28357
  .cds--text-input__counter-alert {
28333
28358
  position: absolute;
28334
28359
  overflow: hidden;
@@ -28848,8 +28873,7 @@ fieldset[disabled] .cds--form__helper-text {
28848
28873
  cursor: pointer;
28849
28874
  outline: none;
28850
28875
  padding-block: 0;
28851
- padding-inline-end: 3rem;
28852
- padding-inline-start: 1rem;
28876
+ padding-inline: 1rem 3rem;
28853
28877
  text-overflow: ellipsis;
28854
28878
  vertical-align: top;
28855
28879
  white-space: nowrap;
@@ -29092,8 +29116,7 @@ fieldset[disabled] .cds--form__helper-text {
29092
29116
  display: none;
29093
29117
  background-color: var(--cds-layer);
29094
29118
  inline-size: 100%;
29095
- inset-inline-end: 0;
29096
- inset-inline-start: 0;
29119
+ inset-inline: 0 0;
29097
29120
  overflow-y: auto;
29098
29121
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
29099
29122
  }
@@ -29255,14 +29278,12 @@ fieldset[disabled] .cds--form__helper-text {
29255
29278
 
29256
29279
  .cds--list-box--sm .cds--list-box__menu-item__option {
29257
29280
  block-size: 2rem;
29258
- padding-block-end: 0.4375rem;
29259
- padding-block-start: 0.4375rem;
29281
+ padding-block: 0.4375rem 0.4375rem;
29260
29282
  }
29261
29283
 
29262
29284
  .cds--list-box--lg .cds--list-box__menu-item__option {
29263
29285
  block-size: 3rem;
29264
- padding-block-end: 0.9375rem;
29265
- padding-block-start: 0.9375rem;
29286
+ padding-block: 0.9375rem 0.9375rem;
29266
29287
  }
29267
29288
 
29268
29289
  .cds--list-box--disabled .cds--list-box__menu-item:hover .cds--list-box__menu-item__option,
@@ -29312,8 +29333,7 @@ fieldset[disabled] .cds--form__helper-text {
29312
29333
  }
29313
29334
  .cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option:focus {
29314
29335
  margin: 0;
29315
- padding-inline-end: 0.5rem;
29316
- padding-inline-start: 0.5rem;
29336
+ padding-inline: 0.5rem 0.5rem;
29317
29337
  }
29318
29338
 
29319
29339
  .cds--list-box__menu-item--highlighted {
@@ -30000,13 +30020,11 @@ fieldset[disabled] .cds--form__helper-text {
30000
30020
  block-size: 1px;
30001
30021
  content: "";
30002
30022
  inset-block-end: 0;
30003
- inset-inline-end: 0;
30004
- inset-inline-start: 0;
30023
+ inset-inline: 0 0;
30005
30024
  }
30006
30025
 
30007
30026
  .cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {
30008
- inset-inline-end: var(--cds-layout-density-padding-inline-local);
30009
- inset-inline-start: var(--cds-layout-density-padding-inline-local);
30027
+ inset-inline: var(--cds-layout-density-padding-inline-local) var(--cds-layout-density-padding-inline-local);
30010
30028
  }
30011
30029
 
30012
30030
  .cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):hover {
@@ -30049,8 +30067,7 @@ fieldset[disabled] .cds--form__helper-text {
30049
30067
  display: flex;
30050
30068
  justify-content: flex-end;
30051
30069
  inset-block-start: 0;
30052
- inset-inline-end: 0;
30053
- inset-inline-start: 0;
30070
+ inset-inline: 0 0;
30054
30071
  pointer-events: none;
30055
30072
  }
30056
30073
 
@@ -30306,8 +30323,7 @@ fieldset[disabled] .cds--form__helper-text {
30306
30323
  }
30307
30324
 
30308
30325
  .cds--content-switcher--lg .cds--content-switcher-btn {
30309
- padding-inline-end: 0.875rem;
30310
- padding-inline-start: 0.875rem;
30326
+ padding-inline: 0.875rem 0.875rem;
30311
30327
  }
30312
30328
 
30313
30329
  .cds--content-switcher--lg .cds--content-switcher-btn svg {
@@ -30623,8 +30639,7 @@ fieldset[disabled] .cds--form__helper-text {
30623
30639
 
30624
30640
  .cds--radio-button-group--label-left .cds--radio-button__appearance,
30625
30641
  .cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance {
30626
- margin-inline-end: 0;
30627
- margin-inline-start: 0.5rem;
30642
+ margin-inline: 0.5rem 0;
30628
30643
  }
30629
30644
 
30630
30645
  .cds--radio-button-group--slug legend.cds--label,
@@ -30664,8 +30679,7 @@ fieldset[disabled] .cds--form__helper-text {
30664
30679
 
30665
30680
  .cds--data-table-header {
30666
30681
  background-color: var(--cds-layer);
30667
- padding-block-end: 1.5rem;
30668
- padding-block-start: 1rem;
30682
+ padding-block: 1rem 1.5rem;
30669
30683
  padding-inline: 1rem;
30670
30684
  }
30671
30685
 
@@ -30742,11 +30756,11 @@ fieldset[disabled] .cds--form__helper-text {
30742
30756
  color: var(--cds-text-primary, #161616);
30743
30757
  }
30744
30758
 
30745
- .cds--data-table tr + :not(.cds--popover-container):hover .cds--link {
30759
+ .cds--data-table tr:hover .cds--link:not(.cds--popover-container .cds--link) {
30746
30760
  color: var(--cds-link-secondary, #0043ce);
30747
30761
  }
30748
30762
 
30749
- .cds--data-table tr + :not(.cds--popover-container):hover .cds--link--disabled {
30763
+ .cds--data-table tr:hover .cds--link--disabled:not(.cds--popover-container .cds--link) {
30750
30764
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
30751
30765
  }
30752
30766
 
@@ -30757,8 +30771,7 @@ fieldset[disabled] .cds--form__helper-text {
30757
30771
  }
30758
30772
 
30759
30773
  .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand) {
30760
- padding-block-end: 1rem;
30761
- padding-block-start: 1rem;
30774
+ padding-block: 1rem 1rem;
30762
30775
  }
30763
30776
  .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-menu {
30764
30777
  padding-block-start: 0.5rem;
@@ -30771,8 +30784,7 @@ fieldset[disabled] .cds--form__helper-text {
30771
30784
  }
30772
30785
 
30773
30786
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header) {
30774
- padding-block-end: 1rem;
30775
- padding-block-start: 1rem;
30787
+ padding-block: 1rem 1rem;
30776
30788
  }
30777
30789
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-menu {
30778
30790
  padding-block-start: 0.5rem;
@@ -30797,8 +30809,7 @@ fieldset[disabled] .cds--form__helper-text {
30797
30809
  .cds--data-table th {
30798
30810
  background-color: var(--cds-layer-accent);
30799
30811
  color: var(--cds-text-primary, #161616);
30800
- padding-inline-end: 1rem;
30801
- padding-inline-start: 1rem;
30812
+ padding-inline: 1rem 1rem;
30802
30813
  }
30803
30814
 
30804
30815
  .cds--data-table th:last-of-type {
@@ -30815,8 +30826,7 @@ fieldset[disabled] .cds--form__helper-text {
30815
30826
  border-block-end: 1px solid var(--cds-border-subtle);
30816
30827
  border-block-start: 1px solid var(--cds-layer);
30817
30828
  color: var(--cds-text-secondary, #525252);
30818
- padding-inline-end: 1rem;
30819
- padding-inline-start: 1rem;
30829
+ padding-inline: 1rem 1rem;
30820
30830
  }
30821
30831
  .cds--data-table td + td:first-of-type,
30822
30832
  .cds--data-table tbody th + td:first-of-type {
@@ -30893,8 +30903,7 @@ fieldset[disabled] .cds--form__helper-text {
30893
30903
  .cds--data-table--xs td.cds--table-column-menu,
30894
30904
  .cds--data-table--sm td.cds--table-column-menu {
30895
30905
  block-size: 1.5rem;
30896
- padding-block-end: 0;
30897
- padding-block-start: 0;
30906
+ padding-block: 0 0;
30898
30907
  }
30899
30908
 
30900
30909
  .cds--data-table--sm td.cds--table-column-menu {
@@ -30961,8 +30970,7 @@ fieldset[disabled] .cds--form__helper-text {
30961
30970
  .cds--data-table thead th.cds--table-column-checkbox,
30962
30971
  .cds--data-table tbody td.cds--table-column-checkbox {
30963
30972
  min-inline-size: 2.5rem;
30964
- padding-inline-end: 0.25rem;
30965
- padding-inline-start: 1rem;
30973
+ padding-inline: 1rem 0.25rem;
30966
30974
  }
30967
30975
 
30968
30976
  .cds--data-table thead th.cds--table-expand,
@@ -30996,8 +31004,7 @@ fieldset[disabled] .cds--form__helper-text {
30996
31004
  .cds--data-table--xl thead th.cds--table-expand,
30997
31005
  .cds--data-table--xl tbody td.cds--table-expand {
30998
31006
  block-size: 4rem;
30999
- padding-block-end: 1.375rem;
31000
- padding-block-start: 0.625rem;
31007
+ padding-block: 0.625rem 1.375rem;
31001
31008
  }
31002
31009
 
31003
31010
  .cds--data-table--xl .cds--table-column-checkbox {
@@ -31071,14 +31078,12 @@ tr.cds--data-table--selected:last-of-type td {
31071
31078
  }
31072
31079
 
31073
31080
  .cds--data-table--xs .cds--table-header-label {
31074
- padding-block-end: 0.125rem;
31075
- padding-block-start: 0.125rem;
31081
+ padding-block: 0.125rem 0.125rem;
31076
31082
  }
31077
31083
 
31078
31084
  .cds--data-table--xs td,
31079
31085
  .cds--data-table--xs tbody tr th {
31080
- padding-block-end: 0.125rem;
31081
- padding-block-start: 0.125rem;
31086
+ padding-block: 0.125rem 0.125rem;
31082
31087
  }
31083
31088
 
31084
31089
  .cds--data-table--xs .cds--overflow-menu {
@@ -31088,8 +31093,7 @@ tr.cds--data-table--selected:last-of-type td {
31088
31093
 
31089
31094
  .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
31090
31095
  .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
31091
- padding-block-end: 0;
31092
- padding-block-start: 0;
31096
+ padding-block: 0 0;
31093
31097
  }
31094
31098
 
31095
31099
  .cds--data-table.cds--data-table--xs .cds--table-column-checkbox .cds--checkbox-label {
@@ -31104,21 +31108,18 @@ tr.cds--data-table--selected:last-of-type td {
31104
31108
  }
31105
31109
 
31106
31110
  .cds--data-table--sm .cds--table-header-label {
31107
- padding-block-end: 0.4375rem;
31108
- padding-block-start: 0.4375rem;
31111
+ padding-block: 0.4375rem 0.4375rem;
31109
31112
  }
31110
31113
 
31111
31114
  .cds--data-table--sm td,
31112
31115
  .cds--data-table--sm tbody tr th,
31113
31116
  .cds--data-table--sm.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
31114
- padding-block-end: 0.375rem;
31115
- padding-block-start: 0.4375rem;
31117
+ padding-block: 0.4375rem 0.375rem;
31116
31118
  }
31117
31119
 
31118
31120
  .cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
31119
31121
  .cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
31120
- padding-block-end: 0.1875rem;
31121
- padding-block-start: 0.1875rem;
31122
+ padding-block: 0.1875rem 0.1875rem;
31122
31123
  }
31123
31124
 
31124
31125
  .cds--data-table--sm .cds--overflow-menu {
@@ -31133,25 +31134,21 @@ tr.cds--data-table--selected:last-of-type td {
31133
31134
 
31134
31135
  .cds--data-table--md .cds--table-header-label,
31135
31136
  .cds--data-table--md.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
31136
- padding-block-end: 0.4375rem;
31137
- padding-block-start: 0.4375rem;
31137
+ padding-block: 0.4375rem 0.4375rem;
31138
31138
  }
31139
31139
 
31140
31140
  .cds--data-table--md td,
31141
31141
  .cds--data-table--md tbody tr th {
31142
- padding-block-end: 0.375rem;
31143
- padding-block-start: 0.4375rem;
31142
+ padding-block: 0.4375rem 0.375rem;
31144
31143
  }
31145
31144
 
31146
31145
  .cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
31147
31146
  .cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
31148
- padding-block-end: 0.1875rem;
31149
- padding-block-start: 0.1875rem;
31147
+ padding-block: 0.1875rem 0.1875rem;
31150
31148
  }
31151
31149
 
31152
31150
  .cds--data-table--md .cds--table-column-menu {
31153
- padding-block-end: 0.1875rem;
31154
- padding-block-start: 0.1875rem;
31151
+ padding-block: 0.1875rem 0.1875rem;
31155
31152
  }
31156
31153
 
31157
31154
  .cds--data-table--xl thead tr,
@@ -31161,14 +31158,12 @@ tr.cds--data-table--selected:last-of-type td {
31161
31158
  }
31162
31159
 
31163
31160
  .cds--data-table--xl .cds--table-header-label {
31164
- padding-block-end: 1rem;
31165
- padding-block-start: 1rem;
31161
+ padding-block: 1rem 1rem;
31166
31162
  }
31167
31163
 
31168
31164
  .cds--data-table--xl td,
31169
31165
  .cds--data-table--xl tbody tr th {
31170
- padding-block-end: 1rem;
31171
- padding-block-start: 1rem;
31166
+ padding-block: 1rem 1rem;
31172
31167
  }
31173
31168
 
31174
31169
  .cds--data-table--xl th,
@@ -31317,16 +31312,13 @@ tr.cds--data-table--selected:last-of-type td {
31317
31312
  white-space: nowrap;
31318
31313
  max-inline-size: calc(100% - 10px);
31319
31314
  overflow-y: hidden;
31320
- padding-block-end: 1rem;
31321
- padding-block-start: 0.9375rem;
31315
+ padding-block: 0.9375rem 1rem;
31322
31316
  }
31323
31317
  .cds--data-table--sticky-header.cds--data-table--xs th .cds--table-header-label {
31324
- padding-block-end: 0;
31325
- padding-block-start: 0.1875rem;
31318
+ padding-block: 0.1875rem 0;
31326
31319
  }
31327
31320
  .cds--data-table--sticky-header.cds--data-table--sm th .cds--table-header-label {
31328
- padding-block-end: 0;
31329
- padding-block-start: 0.5rem;
31321
+ padding-block: 0.5rem 0;
31330
31322
  }
31331
31323
  .cds--data-table--sticky-header.cds--data-table--xl th .cds--table-header-label {
31332
31324
  padding-block-start: 1rem;
@@ -32232,8 +32224,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
32232
32224
  background-color: var(--cds-background-brand, #0f62fe);
32233
32225
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
32234
32226
  inset-block-end: 0;
32235
- inset-inline-end: 0;
32236
- inset-inline-start: 0;
32227
+ inset-inline: 0 0;
32237
32228
  opacity: 0;
32238
32229
  pointer-events: none;
32239
32230
  transform: translate3d(0, 48px, 0);
@@ -32266,8 +32257,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
32266
32257
  .cds--action-list .cds--btn,
32267
32258
  .cds--batch-summary .cds--btn {
32268
32259
  color: var(--cds-text-on-color, #ffffff);
32269
- padding-inline-end: 1rem;
32270
- padding-inline-start: 1rem;
32260
+ padding-inline: 1rem 1rem;
32271
32261
  white-space: nowrap;
32272
32262
  }
32273
32263
 
@@ -32446,8 +32436,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
32446
32436
  .cds--table-toolbar--sm .cds--btn--primary {
32447
32437
  block-size: 2rem;
32448
32438
  min-block-size: auto;
32449
- padding-block-end: 0.375rem;
32450
- padding-block-start: 0.375rem;
32439
+ padding-block: 0.375rem 0.375rem;
32451
32440
  }
32452
32441
 
32453
32442
  .cds--table-toolbar--sm .cds--btn--primary.cds--batch-summary__cancel::before {
@@ -32481,8 +32470,7 @@ tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] {
32481
32470
  tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {
32482
32471
  border: 0;
32483
32472
  background-color: var(--cds-layer-hover);
32484
- padding-block-end: 0;
32485
- padding-block-start: 0;
32473
+ padding-block: 0 0;
32486
32474
  transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
32487
32475
  }
32488
32476
 
@@ -32583,8 +32571,7 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
32583
32571
 
32584
32572
  .cds--data-table th.cds--table-expand + .cds--table-column-checkbox,
32585
32573
  .cds--data-table td.cds--table-expand + .cds--table-column-checkbox {
32586
- padding-inline-end: 0.375rem;
32587
- padding-inline-start: 0.375rem;
32574
+ padding-inline: 0.375rem 0.375rem;
32588
32575
  }
32589
32576
 
32590
32577
  .cds--data-table td.cds--table-expand[data-previous-value=collapsed] + .cds--table-column-checkbox {
@@ -33012,8 +32999,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
33012
32999
 
33013
33000
  .cds--data-table.cds--data-table--sort th > .cds--table-header-label {
33014
33001
  line-height: 1;
33015
- padding-inline-end: 1rem;
33016
- padding-inline-start: 1rem;
33002
+ padding-inline: 1rem 1rem;
33017
33003
  }
33018
33004
 
33019
33005
  th .cds--table-sort__flex {
@@ -33035,18 +33021,15 @@ th .cds--table-sort__flex {
33035
33021
 
33036
33022
  .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,
33037
33023
  .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 {
33038
- padding-block-end: 0;
33039
- padding-block-start: 0;
33024
+ padding-block: 0 0;
33040
33025
  }
33041
33026
 
33042
33027
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {
33043
- padding-block-end: 0.4375rem;
33044
- padding-block-start: 0.4375rem;
33028
+ padding-block: 0.4375rem 0.4375rem;
33045
33029
  }
33046
33030
 
33047
33031
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header {
33048
- padding-block-end: 0.125rem;
33049
- padding-block-start: 0.125rem;
33032
+ padding-block: 0.125rem 0.125rem;
33050
33033
  }
33051
33034
 
33052
33035
  .cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {
@@ -33087,8 +33070,7 @@ th .cds--table-sort__flex {
33087
33070
  .cds--table-sort__icon-unsorted {
33088
33071
  fill: var(--cds-icon-primary, #161616);
33089
33072
  inline-size: 1.25rem;
33090
- margin-inline-end: 0.5rem;
33091
- margin-inline-start: 0.5rem;
33073
+ margin-inline: 0.5rem 0.5rem;
33092
33074
  min-inline-size: 1rem;
33093
33075
  opacity: 0;
33094
33076
  }
@@ -33113,8 +33095,7 @@ th .cds--table-sort__flex {
33113
33095
  .cds--table-sort__icon {
33114
33096
  fill: var(--cds-icon-primary, #161616);
33115
33097
  inline-size: 1.25rem;
33116
- margin-inline-end: 0.5rem;
33117
- margin-inline-start: 0.5rem;
33098
+ margin-inline: 0.5rem 0.5rem;
33118
33099
  min-inline-size: 1rem;
33119
33100
  opacity: 1;
33120
33101
  transform: rotate(0);
@@ -33149,8 +33130,7 @@ th .cds--table-sort__flex {
33149
33130
 
33150
33131
  .cds--table-sort__header--slug .cds--table-sort__icon,
33151
33132
  .cds--table-sort__header--slug .cds--table-sort__icon-unsorted {
33152
- margin-inline-end: 0.5rem;
33153
- margin-inline-start: auto;
33133
+ margin-inline: auto 0.5rem;
33154
33134
  }
33155
33135
 
33156
33136
  .cds--table-sort__header--slug .cds--slug {
@@ -33286,9 +33266,9 @@ th .cds--table-sort__flex {
33286
33266
  }
33287
33267
 
33288
33268
  .flatpickr-calendar.inline {
33289
- position: relative;
33269
+ position: absolute;
33290
33270
  display: block;
33291
- inset-block-start: 0.125rem;
33271
+ inset-block-start: auto;
33292
33272
  }
33293
33273
 
33294
33274
  .flatpickr-calendar.static {
@@ -33416,8 +33396,7 @@ th .cds--table-sort__flex {
33416
33396
  }
33417
33397
 
33418
33398
  .flatpickr-current-month .cur-month {
33419
- margin-inline-end: 0.25rem;
33420
- margin-inline-start: 0.25rem;
33399
+ margin-inline: 0.25rem 0.25rem;
33421
33400
  }
33422
33401
  .flatpickr-current-month .cur-month:hover {
33423
33402
  background-color: var(--cds-layer-hover);
@@ -34155,8 +34134,7 @@ button.cds--dropdown-text:focus {
34155
34134
  display: block;
34156
34135
  overflow: hidden;
34157
34136
  block-size: calc(100% + 1px);
34158
- padding-inline-end: 2.625rem;
34159
- padding-inline-start: 1rem;
34137
+ padding-inline: 1rem 2.625rem;
34160
34138
  text-overflow: ellipsis;
34161
34139
  white-space: nowrap;
34162
34140
  }
@@ -34172,13 +34150,12 @@ button.cds--dropdown-text:focus {
34172
34150
  position: absolute;
34173
34151
  z-index: 9100;
34174
34152
  display: flex;
34153
+ overflow: hidden auto;
34175
34154
  flex-direction: column;
34176
34155
  background-color: var(--cds-layer);
34177
34156
  inline-size: 100%;
34178
34157
  list-style: none;
34179
34158
  max-block-size: 0;
34180
- overflow-x: hidden;
34181
- overflow-y: auto;
34182
34159
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
34183
34160
  }
34184
34161
  .cds--dropdown-list html {
@@ -34257,8 +34234,7 @@ button.cds--dropdown-text:focus {
34257
34234
 
34258
34235
  .cds--dropdown--sm .cds--dropdown-link {
34259
34236
  block-size: 2rem;
34260
- padding-block-end: 0.4375rem;
34261
- padding-block-start: 0.4375rem;
34237
+ padding-block: 0.4375rem 0.4375rem;
34262
34238
  }
34263
34239
 
34264
34240
  .cds--dropdown--focused,
@@ -35124,8 +35100,7 @@ button.cds--dropdown-text:focus {
35124
35100
  }
35125
35101
 
35126
35102
  .cds--list-box__wrapper--fluid .cds--list-box__field {
35127
- padding-block-end: 0.8125rem;
35128
- padding-block-start: 2.0625rem;
35103
+ padding-block: 2.0625rem 0.8125rem;
35129
35104
  padding-inline-start: 1rem;
35130
35105
  }
35131
35106
 
@@ -35369,8 +35344,7 @@ button.cds--dropdown-text:focus {
35369
35344
  }
35370
35345
 
35371
35346
  .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__selection {
35372
- inset-block-end: 0.625rem;
35373
- inset-block-start: auto;
35347
+ inset-block: auto 0.625rem;
35374
35348
  transform: none;
35375
35349
  }
35376
35350
 
@@ -35625,8 +35599,7 @@ button.cds--dropdown-text:focus {
35625
35599
  }
35626
35600
 
35627
35601
  .cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {
35628
- inset-block-end: 0.5rem;
35629
- inset-block-start: auto;
35602
+ inset-block: auto 0.5rem;
35630
35603
  }
35631
35604
 
35632
35605
  .cds--date-picker--fluid__skeleton--range {
@@ -35701,6 +35674,16 @@ button.cds--dropdown-text:focus {
35701
35674
  min-inline-size: auto;
35702
35675
  }
35703
35676
 
35677
+ .cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:first-child .cds--list-box__menu-item__option {
35678
+ padding: 0.6875rem 1rem;
35679
+ margin: 0;
35680
+ border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
35681
+ }
35682
+
35683
+ .cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:nth-child(2) .cds--list-box__menu-item__option {
35684
+ border-block-start: none;
35685
+ }
35686
+
35704
35687
  .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-wrapper {
35705
35688
  display: flex;
35706
35689
  align-items: center;
@@ -35717,6 +35700,18 @@ button.cds--dropdown-text:focus {
35717
35700
  white-space: nowrap;
35718
35701
  }
35719
35702
 
35703
+ .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::before {
35704
+ margin-block: 0;
35705
+ }
35706
+
35707
+ .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox:indeterminate + .cds--checkbox-label::after {
35708
+ inset-block-start: 0.5625rem;
35709
+ }
35710
+
35711
+ .cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::after {
35712
+ inset-block-start: 0.3125rem;
35713
+ }
35714
+
35720
35715
  .cds--multi-select .cds--list-box__menu-item__option > .cds--form-item {
35721
35716
  flex-direction: row;
35722
35717
  margin: 0;
@@ -35898,8 +35893,7 @@ button.cds--dropdown-text:focus {
35898
35893
  font-weight: 400;
35899
35894
  inline-size: 100%;
35900
35895
  min-inline-size: 9.375rem;
35901
- padding-inline-end: 6rem;
35902
- padding-inline-start: 1rem;
35896
+ padding-inline: 1rem 6rem;
35903
35897
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
35904
35898
  }
35905
35899
  .cds--number input[type=number]:focus {
@@ -36840,8 +36834,7 @@ optgroup.cds--select-optgroup:disabled,
36840
36834
  border-block-end: none;
36841
36835
  color: var(--cds-text-primary, #161616);
36842
36836
  inline-size: auto;
36843
- padding-inline-end: 2rem;
36844
- padding-inline-start: 0.5rem;
36837
+ padding-inline: 0.5rem 2rem;
36845
36838
  }
36846
36839
 
36847
36840
  .cds--select--inline .cds--select-input:focus,
@@ -37872,10 +37865,10 @@ optgroup.cds--select-optgroup:disabled,
37872
37865
  }
37873
37866
 
37874
37867
  .cds--inline-loading__text {
37875
- font-size: var(--cds-label-01-font-size, 0.75rem);
37876
- font-weight: var(--cds-label-01-font-weight, 400);
37877
- line-height: var(--cds-label-01-line-height, 1.33333);
37878
- letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
37868
+ font-size: var(--cds-label-02-font-size, 0.875rem);
37869
+ font-weight: var(--cds-label-02-font-weight, 400);
37870
+ line-height: var(--cds-label-02-line-height, 1.28572);
37871
+ letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
37879
37872
  color: var(--cds-text-secondary, #525252);
37880
37873
  }
37881
37874
 
@@ -38184,10 +38177,8 @@ optgroup.cds--select-optgroup:disabled,
38184
38177
  grid-column: 1/-1;
38185
38178
  grid-row: 2/-2;
38186
38179
  overflow-y: auto;
38187
- padding-block-end: 3rem;
38188
- padding-block-start: 0.5rem;
38189
- padding-inline-end: 1rem;
38190
- padding-inline-start: 1rem;
38180
+ padding-block: 0.5rem 3rem;
38181
+ padding-inline: 1rem 1rem;
38191
38182
  }
38192
38183
  .cds--modal-content:focus {
38193
38184
  outline: 2px solid var(--cds-focus, #0f62fe);
@@ -38200,8 +38191,7 @@ optgroup.cds--select-optgroup:disabled,
38200
38191
  }
38201
38192
 
38202
38193
  .cds--modal-content .cds--form--fluid {
38203
- margin-inline-end: -1rem;
38204
- margin-inline-start: -1rem;
38194
+ margin-inline: -2rem;
38205
38195
  }
38206
38196
 
38207
38197
  .cds--modal-content > p,
@@ -38222,8 +38212,7 @@ optgroup.cds--select-optgroup:disabled,
38222
38212
  grid-row: 1/1;
38223
38213
  margin-block-end: 0.5rem;
38224
38214
  padding-block-start: 1rem;
38225
- padding-inline-end: 3rem;
38226
- padding-inline-start: 1rem;
38215
+ padding-inline: 1rem 3rem;
38227
38216
  }
38228
38217
 
38229
38218
  .cds--modal-header__label {
@@ -38340,7 +38329,7 @@ optgroup.cds--select-optgroup:disabled,
38340
38329
  mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
38341
38330
  }
38342
38331
 
38343
- .cds--modal-scroll-content:has(.cds--dropdown--autoalign) {
38332
+ .cds--modal-scroll-content:has(.cds--autoalign) {
38344
38333
  mask-image: none;
38345
38334
  }
38346
38335
 
@@ -38363,8 +38352,7 @@ optgroup.cds--select-optgroup:disabled,
38363
38352
  margin: 0;
38364
38353
  block-size: 4rem;
38365
38354
  max-inline-size: none;
38366
- padding-block-end: 2rem;
38367
- padding-block-start: 0.875rem;
38355
+ padding-block: 0.875rem 2rem;
38368
38356
  }
38369
38357
 
38370
38358
  .cds--modal-footer--three-button .cds--btn {
@@ -38648,7 +38636,7 @@ optgroup.cds--select-optgroup:disabled,
38648
38636
 
38649
38637
  .cds--inline-notification--low-contrast.cds--inline-notification--warning,
38650
38638
  .cds--inline-notification--low-contrast.cds--inline-notification--warning-alt {
38651
- background: var(--cds-notification-background-warning, #fdf6dd);
38639
+ background: var(--cds-notification-background-warning, #fcf4d6);
38652
38640
  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
38653
38641
  }
38654
38642
  .cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--inline-notification__icon,
@@ -38967,7 +38955,7 @@ optgroup.cds--select-optgroup:disabled,
38967
38955
 
38968
38956
  .cds--toast-notification--low-contrast.cds--toast-notification--warning,
38969
38957
  .cds--toast-notification--low-contrast.cds--toast-notification--warning-alt {
38970
- background: var(--cds-notification-background-warning, #fdf6dd);
38958
+ background: var(--cds-notification-background-warning, #fcf4d6);
38971
38959
  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
38972
38960
  }
38973
38961
  .cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--inline-notification__icon,
@@ -38992,6 +38980,7 @@ optgroup.cds--select-optgroup:disabled,
38992
38980
  }
38993
38981
 
38994
38982
  .cds--toast-notification__details {
38983
+ margin-block-end: 1rem;
38995
38984
  margin-inline-end: 1rem;
38996
38985
  }
38997
38986
 
@@ -39065,7 +39054,6 @@ optgroup.cds--select-optgroup:disabled,
39065
39054
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
39066
39055
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
39067
39056
  color: var(--cds-text-inverse, #ffffff);
39068
- margin-block-end: 1rem;
39069
39057
  padding-block-start: 0.5rem;
39070
39058
  }
39071
39059
 
@@ -39288,7 +39276,7 @@ optgroup.cds--select-optgroup:disabled,
39288
39276
 
39289
39277
  .cds--actionable-notification--low-contrast.cds--actionable-notification--warning,
39290
39278
  .cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt {
39291
- background: var(--cds-notification-background-warning, #fdf6dd);
39279
+ background: var(--cds-notification-background-warning, #fcf4d6);
39292
39280
  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
39293
39281
  }
39294
39282
  .cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--inline-notification__icon,
@@ -39441,8 +39429,7 @@ optgroup.cds--select-optgroup:disabled,
39441
39429
  .cds--actionable-notification__action-button.cds--btn--tertiary {
39442
39430
  margin-block-end: 1rem;
39443
39431
  margin-inline-start: calc(2rem + 1.25rem - 0.125rem);
39444
- padding-inline-end: 1rem;
39445
- padding-inline-start: 1rem;
39432
+ padding-inline: 1rem;
39446
39433
  }
39447
39434
 
39448
39435
  .cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary {
@@ -39713,13 +39700,11 @@ optgroup.cds--select-optgroup:disabled,
39713
39700
  }
39714
39701
 
39715
39702
  .cds--pagination__right .cds--pagination__text {
39716
- margin-inline-end: 1rem;
39717
- margin-inline-start: 0.0625rem;
39703
+ margin-inline: 0.0625rem 1rem;
39718
39704
  }
39719
39705
 
39720
39706
  .cds--pagination__right .cds--pagination__text.cds--pagination__page-text {
39721
- margin-inline-end: 0.0625rem;
39722
- margin-inline-start: 1rem;
39707
+ margin-inline: 1rem 0.0625rem;
39723
39708
  }
39724
39709
 
39725
39710
  .cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text {
@@ -39916,8 +39901,7 @@ span.cds--pagination__text.cds--pagination__items-count {
39916
39901
  }
39917
39902
 
39918
39903
  .cds--unstable-pagination__right .cds--unstable-pagination__text {
39919
- margin-inline-end: 1rem;
39920
- margin-inline-start: 0.0625rem;
39904
+ margin-inline: 0.0625rem 1rem;
39921
39905
  }
39922
39906
 
39923
39907
  .cds--unstable-pagination__button {
@@ -40041,6 +40025,8 @@ span.cds--pagination__text.cds--pagination__items-count {
40041
40025
  font-weight: var(--cds-body-compact-01-font-weight, 400);
40042
40026
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
40043
40027
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
40028
+ --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-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
40029
+ --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));
40044
40030
  line-height: 0;
40045
40031
  }
40046
40032
  .cds--pagination-nav html {
@@ -40097,12 +40083,12 @@ span.cds--pagination__text.cds--pagination__items-count {
40097
40083
  text-align: start;
40098
40084
  position: relative;
40099
40085
  display: block;
40100
- padding: 1.0625rem 0.25rem;
40086
+ padding: calc((var(--cds-layout-size-height-local) - 0.875rem) / 2) 0.25rem;
40101
40087
  border-radius: 0;
40102
40088
  color: var(--cds-text-primary, #161616);
40103
40089
  font-weight: 400;
40104
40090
  line-height: 1;
40105
- min-inline-size: 3rem;
40091
+ min-inline-size: var(--cds-layout-size-height-local);
40106
40092
  outline: 0;
40107
40093
  text-align: center;
40108
40094
  text-decoration: none;
@@ -40183,7 +40169,7 @@ span.cds--pagination__text.cds--pagination__items-count {
40183
40169
 
40184
40170
  .cds--pagination-nav__page--select {
40185
40171
  appearance: none;
40186
- max-block-size: 3rem;
40172
+ max-block-size: var(--cds-layout-size-height-local);
40187
40173
  text-indent: calc(50% - 4.5px);
40188
40174
  }
40189
40175
  @-moz-document url-prefix() {
@@ -40227,7 +40213,7 @@ span.cds--pagination__text.cds--pagination__items-count {
40227
40213
 
40228
40214
  .cds--pagination-nav__select-icon {
40229
40215
  position: absolute;
40230
- inset-block-start: calc(50% - 0.5rem);
40216
+ inset-block-start: calc(50% - 0.25rem);
40231
40217
  inset-inline-start: calc(50% - 0.5rem);
40232
40218
  pointer-events: none;
40233
40219
  }
@@ -41040,7 +41026,6 @@ span.cds--pagination__text.cds--pagination__items-count {
41040
41026
  .cds--slider__thumb--lower,
41041
41027
  .cds--slider__thumb--upper {
41042
41028
  position: absolute;
41043
- /* stylelint-disable-next-line declaration-property-value-disallowed-list */
41044
41029
  border-radius: unset;
41045
41030
  background-color: transparent;
41046
41031
  box-shadow: none;
@@ -41097,8 +41082,7 @@ span.cds--pagination__text.cds--pagination__items-count {
41097
41082
  transform: none;
41098
41083
  }
41099
41084
  .cds--slider__thumb--upper::before {
41100
- inset-inline-end: auto;
41101
- inset-inline-start: 0;
41085
+ inset-inline: 0 auto;
41102
41086
  }
41103
41087
  .cds--slider__thumb--upper:hover, .cds--slider__thumb--upper:active, .cds--slider__thumb--upper:focus {
41104
41088
  transform: none;
@@ -41377,13 +41361,11 @@ span.cds--pagination__text.cds--pagination__items-count {
41377
41361
 
41378
41362
  .cds--structured-list--selection .cds--structured-list-td,
41379
41363
  .cds--structured-list--selection .cds--structured-list-th {
41380
- padding-inline-end: 1rem;
41381
- padding-inline-start: 1rem;
41364
+ padding-inline: 1rem 1rem;
41382
41365
  }
41383
41366
  .cds--structured-list--selection .cds--structured-list-td:first-child,
41384
41367
  .cds--structured-list--selection .cds--structured-list-th:first-child {
41385
- padding-inline-end: 1rem;
41386
- padding-inline-start: 1rem;
41368
+ padding-inline: 1rem 1rem;
41387
41369
  }
41388
41370
 
41389
41371
  .cds--structured-list-row--focused-within {
@@ -41424,8 +41406,7 @@ span.cds--pagination__text.cds--pagination__items-count {
41424
41406
  padding-inline-start: 1rem;
41425
41407
  }
41426
41408
  .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td:first-of-type, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th:first-of-type {
41427
- padding-inline-end: 1rem;
41428
- padding-inline-start: 0;
41409
+ padding-inline: 0 1rem;
41429
41410
  }
41430
41411
 
41431
41412
  .cds--structured-list-row {
@@ -41718,10 +41699,9 @@ span.cds--pagination__text.cds--pagination__items-count {
41718
41699
  }
41719
41700
  }
41720
41701
  .cds--tabs.cds--tabs--vertical .cds--tab--list {
41702
+ overflow: visible auto;
41721
41703
  flex-direction: column;
41722
41704
  inline-size: 100%;
41723
- overflow-x: visible;
41724
- overflow-y: auto;
41725
41705
  }
41726
41706
  .cds--tabs.cds--tabs--vertical .cds--tab--list-gradient_bottom {
41727
41707
  position: absolute;
@@ -41808,39 +41788,36 @@ span.cds--pagination__text.cds--pagination__items-count {
41808
41788
  }
41809
41789
  .cds--tabs .cds--tab--overflow-nav-button--next {
41810
41790
  position: absolute;
41811
- inset-block-end: 0;
41812
- inset-block-start: 0;
41791
+ inset-block: 0 0;
41813
41792
  inset-inline-end: 0;
41814
41793
  }
41815
41794
  .cds--tabs .cds--tab--overflow-nav-button--next::before {
41816
41795
  position: absolute;
41817
41796
  z-index: 1;
41818
- background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
41819
41797
  block-size: 100%;
41820
41798
  content: "";
41821
41799
  inline-size: 0.5rem;
41822
41800
  inset-inline-start: -0.5rem;
41823
41801
  }
41824
- .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--next::before {
41825
- background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer-accent));
41802
+ .cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--next::before {
41803
+ background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
41804
+ }
41805
+ .cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--previous::before {
41806
+ background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
41826
41807
  }
41827
41808
  .cds--tabs .cds--tab--overflow-nav-button--previous {
41828
41809
  position: absolute;
41829
- inset-block-end: 0;
41830
- inset-block-start: 0;
41810
+ z-index: 1;
41811
+ inset-block: 0 0;
41831
41812
  inset-inline-start: 0;
41832
41813
  }
41833
41814
  .cds--tabs .cds--tab--overflow-nav-button--previous::before {
41834
41815
  position: absolute;
41835
41816
  z-index: 1;
41836
- background: var(--cds-background, #ffffff);
41837
41817
  block-size: 100%;
41838
41818
  content: "";
41839
- inline-size: 2.5rem;
41840
- inset-inline-end: 0;
41841
- }
41842
- .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--previous::before {
41843
- background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
41819
+ inline-size: 0.5rem;
41820
+ inset-inline-end: -0.5rem;
41844
41821
  }
41845
41822
  .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
41846
41823
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
@@ -42174,12 +42151,12 @@ span.cds--pagination__text.cds--pagination__items-count {
42174
42151
  }
42175
42152
  .cds--tabs .cds--tabs__nav-item--disabled {
42176
42153
  background-color: transparent;
42177
- border-block-end: 2px solid var(--cds-border-disabled, #c6c6c6);
42154
+ border-block-end: 2px solid var(--cds-border-subtle);
42178
42155
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
42179
42156
  outline: none;
42180
42157
  }
42181
42158
  .cds--tabs .cds--tabs__nav-item--disabled:hover {
42182
- border-block-end: 2px solid var(--cds-border-disabled, #c6c6c6);
42159
+ border-block-end: 2px solid var(--cds-border-subtle);
42183
42160
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
42184
42161
  cursor: not-allowed;
42185
42162
  }
@@ -42192,7 +42169,7 @@ span.cds--pagination__text.cds--pagination__items-count {
42192
42169
  }
42193
42170
  .cds--tabs .cds--tabs__nav-item--disabled:focus,
42194
42171
  .cds--tabs .cds--tabs__nav-item--disabled:active {
42195
- border-block-end: 2px solid var(--cds-border-disabled, #c6c6c6);
42172
+ border-block-end: 2px solid var(--cds-border-subtle);
42196
42173
  outline: none;
42197
42174
  pointer-events: none;
42198
42175
  }
@@ -42227,22 +42204,6 @@ span.cds--pagination__text.cds--pagination__items-count {
42227
42204
  .cds--tabs--contained ~ .cds--tab-content {
42228
42205
  background: var(--cds-layer);
42229
42206
  }
42230
- .cds--tabs--contained ~ .cds--tab-content > * {
42231
- --cds-layer: var(--cds-layer-02, #ffffff);
42232
- --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
42233
- --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
42234
- --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
42235
- --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
42236
- --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
42237
- --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
42238
- --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
42239
- --cds-field: var(--cds-field-02, #ffffff);
42240
- --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
42241
- --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
42242
- --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
42243
- --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
42244
- --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
42245
- }
42246
42207
 
42247
42208
  .cds--tabs--vertical ~ .cds--tab-content {
42248
42209
  grid-column: 3/-1;
@@ -43294,8 +43255,7 @@ span.cds--pagination__text.cds--pagination__items-count {
43294
43255
  }
43295
43256
 
43296
43257
  .cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label {
43297
- padding-block-end: 0.4375rem;
43298
- padding-block-start: 0.4375rem;
43258
+ padding-block: 0.4375rem 0.4375rem;
43299
43259
  }
43300
43260
 
43301
43261
  .cds--tree-node__label:hover .cds--tree-node__label__details {
@@ -43337,8 +43297,7 @@ span.cds--pagination__text.cds--pagination__items-count {
43337
43297
  block-size: 1.5rem;
43338
43298
  inline-size: 1.5rem;
43339
43299
  margin-block-start: 0.25rem;
43340
- margin-inline-end: 0.25rem;
43341
- margin-inline-start: -0.25rem;
43300
+ margin-inline: -0.25rem 0.25rem;
43342
43301
  padding-inline-start: 0.25rem;
43343
43302
  }
43344
43303
  .cds--tree-parent-node__toggle:hover {
@@ -43362,8 +43321,7 @@ span.cds--pagination__text.cds--pagination__items-count {
43362
43321
  align-self: flex-start;
43363
43322
  fill: var(--cds-icon-secondary, #525252);
43364
43323
  margin-block-start: 0.0625rem;
43365
- margin-inline-end: 0.5rem;
43366
- margin-inline-start: 0.5rem;
43324
+ margin-inline: 0.5rem 0.5rem;
43367
43325
  min-block-size: 1rem;
43368
43326
  min-inline-size: 1rem;
43369
43327
  }
@@ -43445,8 +43403,7 @@ div:has(.cds--header) ~ .cds--content {
43445
43403
  block-size: 3rem;
43446
43404
  border-block-end: 1px solid var(--cds-border-subtle);
43447
43405
  inset-block-start: 0;
43448
- inset-inline-end: 0;
43449
- inset-inline-start: 0;
43406
+ inset-inline: 0 0;
43450
43407
  }
43451
43408
  .cds--header *,
43452
43409
  .cds--header *::before,
@@ -43845,8 +43802,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
43845
43802
  background-color: var(--cds-layer);
43846
43803
  color: var(--cds-text-secondary, #525252);
43847
43804
  inline-size: 0;
43848
- inset-block-end: 0;
43849
- inset-block-start: 3rem;
43805
+ inset-block: 3rem 0;
43850
43806
  inset-inline-end: 0;
43851
43807
  transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
43852
43808
  will-change: width;
@@ -43856,6 +43812,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
43856
43812
  border-inline-end: 1px solid var(--cds-border-subtle);
43857
43813
  border-inline-start: 1px solid var(--cds-border-subtle);
43858
43814
  inline-size: 16rem;
43815
+ overflow-y: auto;
43859
43816
  }
43860
43817
 
43861
43818
  .cds--side-nav {
@@ -43865,8 +43822,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
43865
43822
  background-color: var(--cds-background, #ffffff);
43866
43823
  color: var(--cds-text-secondary, #525252);
43867
43824
  inline-size: 3rem;
43868
- inset-block-end: 0;
43869
- inset-block-start: 0;
43825
+ inset-block: 0 0;
43870
43826
  inset-inline-start: 0;
43871
43827
  max-inline-size: 16rem;
43872
43828
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -44097,8 +44053,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
44097
44053
  background-color: var(--cds-border-interactive, #0f62fe);
44098
44054
  content: "";
44099
44055
  inline-size: 3px;
44100
- inset-block-end: 0;
44101
- inset-block-start: 0;
44056
+ inset-block: 0 0;
44102
44057
  inset-inline-start: 0;
44103
44058
  }
44104
44059
 
@@ -44220,8 +44175,7 @@ a.cds--side-nav__link--current::before {
44220
44175
  background-color: var(--cds-border-interactive, #0f62fe);
44221
44176
  content: "";
44222
44177
  inline-size: 3px;
44223
- inset-block-end: 0;
44224
- inset-block-start: 0;
44178
+ inset-block: 0 0;
44225
44179
  inset-inline-start: 0;
44226
44180
  }
44227
44181
 
@@ -44462,8 +44416,7 @@ div:has(.cds--header) ~ .cds--content {
44462
44416
  block-size: 3rem;
44463
44417
  border-block-end: 1px solid var(--cds-border-subtle);
44464
44418
  inset-block-start: 0;
44465
- inset-inline-end: 0;
44466
- inset-inline-start: 0;
44419
+ inset-inline: 0 0;
44467
44420
  }
44468
44421
  .cds--header *,
44469
44422
  .cds--header *::before,
@@ -44862,8 +44815,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
44862
44815
  background-color: var(--cds-layer);
44863
44816
  color: var(--cds-text-secondary, #525252);
44864
44817
  inline-size: 0;
44865
- inset-block-end: 0;
44866
- inset-block-start: 3rem;
44818
+ inset-block: 3rem 0;
44867
44819
  inset-inline-end: 0;
44868
44820
  transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
44869
44821
  will-change: width;
@@ -44873,6 +44825,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
44873
44825
  border-inline-end: 1px solid var(--cds-border-subtle);
44874
44826
  border-inline-start: 1px solid var(--cds-border-subtle);
44875
44827
  inline-size: 16rem;
44828
+ overflow-y: auto;
44876
44829
  }
44877
44830
 
44878
44831
  .cds--side-nav {
@@ -44882,8 +44835,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
44882
44835
  background-color: var(--cds-background, #ffffff);
44883
44836
  color: var(--cds-text-secondary, #525252);
44884
44837
  inline-size: 3rem;
44885
- inset-block-end: 0;
44886
- inset-block-start: 0;
44838
+ inset-block: 0 0;
44887
44839
  inset-inline-start: 0;
44888
44840
  max-inline-size: 16rem;
44889
44841
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -45114,8 +45066,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
45114
45066
  background-color: var(--cds-border-interactive, #0f62fe);
45115
45067
  content: "";
45116
45068
  inline-size: 3px;
45117
- inset-block-end: 0;
45118
- inset-block-start: 0;
45069
+ inset-block: 0 0;
45119
45070
  inset-inline-start: 0;
45120
45071
  }
45121
45072
 
@@ -45237,8 +45188,7 @@ a.cds--side-nav__link--current::before {
45237
45188
  background-color: var(--cds-border-interactive, #0f62fe);
45238
45189
  content: "";
45239
45190
  inline-size: 3px;
45240
- inset-block-end: 0;
45241
- inset-block-start: 0;
45191
+ inset-block: 0 0;
45242
45192
  inset-inline-start: 0;
45243
45193
  }
45244
45194