@carbon/ibm-products 2.43.2-canary.78 → 2.43.2-canary.81

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