@carbon/ibm-products 2.45.0 → 2.46.0

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 (124) hide show
  1. package/css/index-full-carbon.css +261 -124
  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 +81 -86
  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 +182 -110
  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/Coachmark/Coachmark.d.ts +6 -1
  19. package/es/components/Coachmark/Coachmark.js +37 -6
  20. package/es/components/Coachmark/CoachmarkOverlay.js +2 -4
  21. package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
  22. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +20 -14
  23. package/es/components/ConditionBuilder/ConditionBuilder.js +3 -3
  24. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +8 -5
  25. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +4 -2
  26. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +2 -2
  27. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +4 -3
  28. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +1 -3
  29. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +26 -30
  30. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +1 -0
  31. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +6 -1
  32. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +4 -1
  33. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +5 -2
  34. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +3 -1
  35. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +47 -23
  36. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
  37. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +3 -3
  38. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +6 -3
  39. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +3 -2
  40. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
  41. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +62 -32
  42. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +1 -0
  43. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +52 -46
  44. package/es/components/ConditionBuilder/utils/util.d.ts +6 -5
  45. package/es/components/ConditionBuilder/utils/util.js +35 -17
  46. package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +6 -0
  47. package/es/components/DataSpreadsheet/DataSpreadsheet.js +77 -38
  48. package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +4 -0
  49. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +10 -1
  50. package/es/components/DataSpreadsheet/types/index.d.ts +1 -0
  51. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
  52. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +33 -1
  53. package/es/components/Datagrid/types/index.d.ts +14 -2
  54. package/es/components/Datagrid/useDisableSelectRows.d.ts +2 -1
  55. package/es/components/Datagrid/useDisableSelectRows.js +27 -22
  56. package/es/components/StringFormatter/StringFormatter.js +14 -3
  57. package/es/components/StringFormatter/utils/enums.d.ts +20 -1
  58. package/es/components/StringFormatter/utils/enums.js +22 -2
  59. package/es/components/Tearsheet/TearsheetShell.d.ts +1 -1
  60. package/es/components/Tearsheet/TearsheetShell.js +4 -2
  61. package/es/global/js/hooks/useFocus.d.ts +1 -0
  62. package/es/global/js/hooks/useFocus.js +5 -2
  63. package/es/node_modules/@carbon/icon-helpers/es/index.js +49 -62
  64. package/es/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1020 -1058
  65. package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +881 -758
  66. package/lib/components/ActionBar/ActionBarItem.js +1 -1
  67. package/lib/components/Coachmark/Coachmark.d.ts +6 -1
  68. package/lib/components/Coachmark/Coachmark.js +36 -5
  69. package/lib/components/Coachmark/CoachmarkOverlay.js +2 -4
  70. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
  71. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +19 -13
  72. package/lib/components/ConditionBuilder/ConditionBuilder.js +3 -3
  73. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +8 -5
  74. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +4 -2
  75. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +2 -2
  76. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +4 -3
  77. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +1 -3
  78. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +25 -29
  79. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +1 -0
  80. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +6 -1
  81. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +4 -1
  82. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +5 -2
  83. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +3 -1
  84. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +46 -22
  85. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
  86. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +3 -3
  87. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +6 -3
  88. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +3 -2
  89. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
  90. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +61 -31
  91. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +1 -0
  92. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +51 -44
  93. package/lib/components/ConditionBuilder/utils/util.d.ts +6 -5
  94. package/lib/components/ConditionBuilder/utils/util.js +36 -16
  95. package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +6 -0
  96. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +77 -38
  97. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +4 -0
  98. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +10 -1
  99. package/lib/components/DataSpreadsheet/types/index.d.ts +1 -0
  100. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
  101. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +32 -0
  102. package/lib/components/Datagrid/types/index.d.ts +14 -2
  103. package/lib/components/Datagrid/useDisableSelectRows.d.ts +2 -1
  104. package/lib/components/Datagrid/useDisableSelectRows.js +27 -22
  105. package/lib/components/StringFormatter/StringFormatter.js +13 -2
  106. package/lib/components/StringFormatter/utils/enums.d.ts +20 -1
  107. package/lib/components/StringFormatter/utils/enums.js +23 -1
  108. package/lib/components/Tearsheet/TearsheetShell.d.ts +1 -1
  109. package/lib/components/Tearsheet/TearsheetShell.js +3 -1
  110. package/lib/global/js/hooks/useFocus.d.ts +1 -0
  111. package/lib/global/js/hooks/useFocus.js +5 -1
  112. package/lib/node_modules/@carbon/icon-helpers/es/index.js +49 -62
  113. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1036 -1074
  114. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +946 -823
  115. package/package.json +6 -6
  116. package/scss/components/Coachmark/_coachmark-overlay.scss +6 -70
  117. package/scss/components/Coachmark/_coachmark.scss +5 -4
  118. package/scss/components/CoachmarkBeacon/_coachmark-beacon.scss +1 -3
  119. package/scss/components/ConditionBuilder/_condition-builder.scss +4 -0
  120. package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +6 -1
  121. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +1 -1
  122. package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +7 -5
  123. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +5 -4
  124. package/telemetry.yml +5 -14
@@ -1803,6 +1803,10 @@ p.c4p--about-modal__copyright-text:first-child {
1803
1803
  color: var(--cds-text-inverse, #ffffff);
1804
1804
  visibility: hidden;
1805
1805
  }
1806
+ .c4p--coachmark-overlay--tooltip {
1807
+ position: initial;
1808
+ transform: none !important;
1809
+ }
1806
1810
  .c4p--coachmark-overlay--fixed {
1807
1811
  position: fixed;
1808
1812
  right: 1rem;
@@ -1824,105 +1828,42 @@ p.c4p--about-modal__copyright-text:first-child {
1824
1828
  transform: translateY(0);
1825
1829
  visibility: visible;
1826
1830
  }
1827
- .c4p--coachmark-overlay__caret {
1828
- position: absolute;
1829
- z-index: 5902;
1830
- width: 0;
1831
- height: 0;
1832
- border-right: 0.375rem solid transparent;
1833
- border-bottom: solid 0.375rem var(--cds-background-inverse, #393939);
1834
- border-left: 0.375rem solid transparent;
1835
- }
1836
1831
  .c4p--coachmark-overlay--top {
1837
1832
  transform: translate(-50%, calc(-1 * (100% + 1.5rem + 0.375rem)));
1838
1833
  }
1839
- .c4p--coachmark-overlay--top .c4p--coachmark-overlay__caret {
1840
- left: calc(50% - 0.375rem);
1841
- transform: rotate(180deg);
1842
- }
1843
1834
  .c4p--coachmark-overlay--top-left {
1844
1835
  transform: translate(-1.5rem, calc(-1 * (100% + 1.5rem + 0.375rem)));
1845
1836
  }
1846
- .c4p--coachmark-overlay--top-left .c4p--coachmark-overlay__caret {
1847
- left: 1.125rem;
1848
- transform: rotate(180deg);
1849
- }
1850
1837
  .c4p--coachmark-overlay--top-right {
1851
1838
  transform: translate(calc(-1 * (100% - 1.5rem)), calc(-1 * (100% + 1.5rem + 0.375rem)));
1852
1839
  }
1853
- .c4p--coachmark-overlay--top-right .c4p--coachmark-overlay__caret {
1854
- right: 1.125rem;
1855
- transform: rotate(180deg);
1856
- }
1857
1840
  .c4p--coachmark-overlay--bottom {
1858
1841
  transform: translate(-50%, 1.875rem);
1859
1842
  }
1860
- .c4p--coachmark-overlay--bottom .c4p--coachmark-overlay__caret {
1861
- top: -0.375rem;
1862
- left: calc(50% - 0.375rem);
1863
- }
1864
1843
  .c4p--coachmark-overlay--bottom-left {
1865
1844
  transform: translate(-1.5rem, 1.875rem);
1866
1845
  }
1867
- .c4p--coachmark-overlay--bottom-left .c4p--coachmark-overlay__caret {
1868
- top: -0.375rem;
1869
- left: 1.125rem;
1870
- }
1871
1846
  .c4p--coachmark-overlay--bottom-right {
1872
1847
  transform: translate(calc(-1 * (100% - 1.5rem)), 1.875rem);
1873
1848
  }
1874
- .c4p--coachmark-overlay--bottom-right .c4p--coachmark-overlay__caret {
1875
- top: -0.375rem;
1876
- right: 1.125rem;
1877
- }
1878
1849
  .c4p--coachmark-overlay--left {
1879
1850
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), -50%);
1880
1851
  }
1881
- .c4p--coachmark-overlay--left .c4p--coachmark-overlay__caret {
1882
- top: calc(50% - 0.1875rem);
1883
- right: -0.5625rem;
1884
- transform: rotate(90deg);
1885
- }
1886
1852
  .c4p--coachmark-overlay--left-top {
1887
1853
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), -1.5rem);
1888
1854
  }
1889
- .c4p--coachmark-overlay--left-top .c4p--coachmark-overlay__caret {
1890
- top: 1.3125rem;
1891
- right: -0.5625rem;
1892
- transform: rotate(90deg);
1893
- }
1894
1855
  .c4p--coachmark-overlay--left-bottom {
1895
1856
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), calc(-1 * (100% - 1.5rem)));
1896
1857
  }
1897
- .c4p--coachmark-overlay--left-bottom .c4p--coachmark-overlay__caret {
1898
- right: -0.5625rem;
1899
- bottom: 1.3125rem;
1900
- transform: rotate(90deg);
1901
- }
1902
1858
  .c4p--coachmark-overlay--right {
1903
1859
  transform: translate(1.875rem, -50%);
1904
1860
  }
1905
- .c4p--coachmark-overlay--right .c4p--coachmark-overlay__caret {
1906
- top: calc(50% - 0.1875rem);
1907
- left: -0.5625rem;
1908
- transform: rotate(-90deg);
1909
- }
1910
1861
  .c4p--coachmark-overlay--right-top {
1911
1862
  transform: translate(1.875rem, -1.5rem);
1912
1863
  }
1913
- .c4p--coachmark-overlay--right-top .c4p--coachmark-overlay__caret {
1914
- top: 1.3125rem;
1915
- left: -0.5625rem;
1916
- transform: rotate(-90deg);
1917
- }
1918
1864
  .c4p--coachmark-overlay--right-bottom {
1919
1865
  transform: translate(1.875rem, calc(-1 * (100% - 1.5rem)));
1920
1866
  }
1921
- .c4p--coachmark-overlay--right-bottom .c4p--coachmark-overlay__caret {
1922
- bottom: 1.3125rem;
1923
- left: -0.5625rem;
1924
- transform: rotate(-90deg);
1925
- }
1926
1867
  .c4p--coachmark-overlay__element-stepped-media {
1927
1868
  height: 8rem;
1928
1869
  margin-bottom: 1rem;
@@ -2194,6 +2135,10 @@ p.c4p--about-modal__copyright-text:first-child {
2194
2135
  background-color: #7c3dd6 !important;
2195
2136
  }
2196
2137
 
2138
+ .c4p--coachmark {
2139
+ position: relative;
2140
+ }
2141
+
2197
2142
  /* stylelint-disable carbon/layout-token-use */
2198
2143
  /* stylelint-disable carbon/motion-easing-use */
2199
2144
  /* stylelint-disable max-nesting-depth */
@@ -2230,9 +2175,7 @@ p.c4p--about-modal__copyright-text:first-child {
2230
2175
  outline: 0.125rem var(--cds-focus, #0f62fe) solid;
2231
2176
  }
2232
2177
  .c4p--coachmark-beacon .c4p--coachmark-beacon__target {
2233
- position: absolute;
2234
- top: -1rem;
2235
- left: -1rem;
2178
+ display: flex;
2236
2179
  width: 2rem;
2237
2180
  height: 2rem;
2238
2181
  padding: 0;
@@ -5042,6 +4985,7 @@ button.c4p--add-select__global-filter-toggle--open {
5042
4985
  --cds-link-inverse: #0f62fe;
5043
4986
  --cds-link-inverse-active: #161616;
5044
4987
  --cds-link-inverse-hover: #0043ce;
4988
+ --cds-link-inverse-visited: #8a3ffc;
5045
4989
  --cds-link-primary: #78a9ff;
5046
4990
  --cds-link-primary-hover: #a6c8ff;
5047
4991
  --cds-link-secondary: #a6c8ff;
@@ -8717,6 +8661,7 @@ button.c4p--add-select__global-filter-toggle--open {
8717
8661
  --cds-link-inverse: #0f62fe;
8718
8662
  --cds-link-inverse-active: #161616;
8719
8663
  --cds-link-inverse-hover: #0043ce;
8664
+ --cds-link-inverse-visited: #8a3ffc;
8720
8665
  --cds-link-primary: #78a9ff;
8721
8666
  --cds-link-primary-hover: #a6c8ff;
8722
8667
  --cds-link-secondary: #a6c8ff;
@@ -9147,6 +9092,7 @@ button.c4p--add-select__global-filter-toggle--open {
9147
9092
  --cds-link-inverse: #0f62fe;
9148
9093
  --cds-link-inverse-active: #161616;
9149
9094
  --cds-link-inverse-hover: #0043ce;
9095
+ --cds-link-inverse-visited: #8a3ffc;
9150
9096
  --cds-link-primary: #78a9ff;
9151
9097
  --cds-link-primary-hover: #a6c8ff;
9152
9098
  --cds-link-secondary: #a6c8ff;
@@ -15518,6 +15464,7 @@ a.cds--side-nav__link--current::before {
15518
15464
  --cds-link-inverse: #0f62fe;
15519
15465
  --cds-link-inverse-active: #161616;
15520
15466
  --cds-link-inverse-hover: #0043ce;
15467
+ --cds-link-inverse-visited: #8a3ffc;
15521
15468
  --cds-link-primary: #78a9ff;
15522
15469
  --cds-link-primary-hover: #a6c8ff;
15523
15470
  --cds-link-secondary: #a6c8ff;
@@ -16322,6 +16269,7 @@ a.cds--side-nav__link--current::before {
16322
16269
  --cds-link-inverse: #0f62fe;
16323
16270
  --cds-link-inverse-active: #161616;
16324
16271
  --cds-link-inverse-hover: #0043ce;
16272
+ --cds-link-inverse-visited: #8a3ffc;
16325
16273
  --cds-link-primary: #78a9ff;
16326
16274
  --cds-link-primary-hover: #a6c8ff;
16327
16275
  --cds-link-secondary: #a6c8ff;
@@ -17236,6 +17184,7 @@ a.cds--side-nav__link--current::before {
17236
17184
  --cds-link-inverse: #78a9ff;
17237
17185
  --cds-link-inverse-active: #f4f4f4;
17238
17186
  --cds-link-inverse-hover: #a6c8ff;
17187
+ --cds-link-inverse-visited: #be95ff;
17239
17188
  --cds-link-primary: #0f62fe;
17240
17189
  --cds-link-primary-hover: #0043ce;
17241
17190
  --cds-link-secondary: #0043ce;
@@ -17646,6 +17595,7 @@ a.cds--side-nav__link--current::before {
17646
17595
  --cds-link-inverse: #0f62fe;
17647
17596
  --cds-link-inverse-active: #161616;
17648
17597
  --cds-link-inverse-hover: #0043ce;
17598
+ --cds-link-inverse-visited: #8a3ffc;
17649
17599
  --cds-link-primary: #78a9ff;
17650
17600
  --cds-link-primary-hover: #a6c8ff;
17651
17601
  --cds-link-secondary: #a6c8ff;
@@ -19596,7 +19546,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19596
19546
  border-radius: 1rem;
19597
19547
  margin: 0.25rem;
19598
19548
  cursor: default;
19599
- max-inline-size: 100%;
19549
+ max-inline-size: 13rem;
19600
19550
  min-block-size: var(--cds-layout-size-height-local);
19601
19551
  min-inline-size: 2rem;
19602
19552
  padding-inline: 0.5rem;
@@ -19636,28 +19586,28 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19636
19586
  .cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
19637
19587
  padding-inline-start: 0.5rem;
19638
19588
  }
19589
+ .cds--tag:not(.cds--tag--selectable) {
19590
+ border: 0;
19591
+ }
19639
19592
  .cds--tag:not(:first-child) {
19640
19593
  margin-inline-start: 0;
19641
19594
  }
19642
19595
 
19596
+ .cds--tag--operational > span,
19597
+ .cds--tag--selectable > span,
19643
19598
  .cds--tag__label {
19599
+ display: block;
19644
19600
  overflow: hidden;
19645
- max-inline-size: 100%;
19646
19601
  text-overflow: ellipsis;
19647
19602
  white-space: nowrap;
19648
19603
  }
19649
19604
 
19650
19605
  .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;
19606
+ outline: 2px solid var(--cds-focus, #0f62fe);
19607
+ outline-offset: 1px;
19657
19608
  }
19658
19609
 
19659
19610
  .cds--tag--filter {
19660
- cursor: pointer;
19661
19611
  padding-block-end: 0;
19662
19612
  padding-block-start: 0;
19663
19613
  padding-inline-end: 0;
@@ -19666,11 +19616,6 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19666
19616
  outline: none;
19667
19617
  }
19668
19618
 
19669
- .cds--interactive--tag-children {
19670
- display: inline-flex;
19671
- place-items: center;
19672
- }
19673
-
19674
19619
  .cds--tag--selectable {
19675
19620
  border: 1px solid var(--cds-border-inverse, #161616);
19676
19621
  background-color: var(--cds-layer);
@@ -19863,19 +19808,19 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
19863
19808
  background-color: var(--cds-background-inverse-hover, #474747);
19864
19809
  }
19865
19810
 
19866
- .cds--tag--outline:not(.cds--tag--operational) {
19811
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
19867
19812
  background-color: var(--cds-background, #ffffff);
19868
19813
  color: var(--cds-text-primary, #161616);
19869
19814
  outline: 1px solid var(--cds-background-inverse, #393939);
19870
19815
  outline-offset: -1px;
19871
19816
  }
19872
- .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
19817
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
19873
19818
  border: 1px solid var(--cds-background, #ffffff);
19874
19819
  }
19875
- .cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
19820
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {
19876
19821
  background-color: var(--cds-layer-hover);
19877
19822
  }
19878
- .cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover {
19823
+ .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {
19879
19824
  background-color: var(--cds-layer-hover);
19880
19825
  }
19881
19826
 
@@ -20072,7 +20017,48 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
20072
20017
  }
20073
20018
  }
20074
20019
 
20020
+ .cds--tag-label-tooltip {
20021
+ max-inline-size: -webkit-fill-available;
20022
+ }
20023
+
20024
+ .cds--tag__custom-icon + .cds--tag-label-tooltip {
20025
+ max-inline-size: 11rem;
20026
+ }
20027
+
20028
+ .cds--tag--filter .cds--tag__custom-icon + .cds--tag-label-tooltip {
20029
+ max-inline-size: 9.875rem;
20030
+ }
20031
+
20075
20032
  /* stylelint-enable */
20033
+ .cds--interactive--tag-children {
20034
+ display: inline-flex;
20035
+ max-inline-size: 12.5rem;
20036
+ place-items: center;
20037
+ }
20038
+
20039
+ .cds--tag--filter .cds--tag__custom-icon + span > .cds--interactive--tag-children {
20040
+ max-inline-size: 11.5rem;
20041
+ }
20042
+
20043
+ .cds--tag .cds--definition-term {
20044
+ -webkit-border-after: none;
20045
+ border-block-end: none;
20046
+ cursor: default;
20047
+ max-inline-size: 12rem;
20048
+ }
20049
+
20050
+ .cds--tag .cds--tag__custom-icon + span > .cds--definition-term {
20051
+ max-inline-size: 11rem;
20052
+ }
20053
+
20054
+ .cds--tag > .cds--popover-container {
20055
+ display: flex;
20056
+ }
20057
+
20058
+ .cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {
20059
+ pointer-events: none;
20060
+ }
20061
+
20076
20062
  .c4p--condition-builder__condition-wrapper * {
20077
20063
  font-size: var(--cds-body-01-font-size, 0.875rem);
20078
20064
  font-weight: var(--cds-body-01-font-weight, 400);
@@ -20080,7 +20066,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
20080
20066
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
20081
20067
  }
20082
20068
 
20083
- .c4p--condition-builder__item__content {
20069
+ .c4p--condition-builder__popover-content-wrapper {
20084
20070
  overflow: auto;
20085
20071
  min-width: 12rem;
20086
20072
  max-width: 20rem;
@@ -20611,7 +20597,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
20611
20597
  transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
20612
20598
  }
20613
20599
 
20614
- .c4p--condition-builder__connector-disabled {
20600
+ .c4p--condition-builder__connector--disabled {
20615
20601
  display: flex;
20616
20602
  min-width: 4rem;
20617
20603
  align-items: center;
@@ -20620,6 +20606,10 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
20620
20606
  padding-inline: 0.5rem;
20621
20607
  }
20622
20608
 
20609
+ .c4p--condition-builder__condition-wrapper > .c4p--condition-builder__condition-block:last-child > .c4p--condition-builder__groupConnector {
20610
+ margin-bottom: 0;
20611
+ }
20612
+
20623
20613
  .c4p--condition-builder {
20624
20614
  padding: 1.5rem;
20625
20615
  }
@@ -20670,6 +20660,11 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
20670
20660
  margin-top: 0.25rem;
20671
20661
  }
20672
20662
 
20663
+ .c4p--condition-builder__add-group,
20664
+ .c4p--condition-builder__group-separator {
20665
+ width: fit-content;
20666
+ }
20667
+
20673
20668
  /* stylelint-disable carbon/layout-token-use */
20674
20669
  /* stylelint-disable max-nesting-depth */
20675
20670
  .c4p--card__get-started {
@@ -21908,6 +21903,7 @@ em {
21908
21903
  --cds-link-inverse: #78a9ff;
21909
21904
  --cds-link-inverse-active: #f4f4f4;
21910
21905
  --cds-link-inverse-hover: #a6c8ff;
21906
+ --cds-link-inverse-visited: #be95ff;
21911
21907
  --cds-link-primary: #0f62fe;
21912
21908
  --cds-link-primary-hover: #0043ce;
21913
21909
  --cds-link-secondary: #0043ce;
@@ -22130,6 +22126,7 @@ em {
22130
22126
  --cds-link-inverse: #78a9ff;
22131
22127
  --cds-link-inverse-active: #f4f4f4;
22132
22128
  --cds-link-inverse-hover: #a6c8ff;
22129
+ --cds-link-inverse-visited: #be95ff;
22133
22130
  --cds-link-primary: #0f62fe;
22134
22131
  --cds-link-primary-hover: #0043ce;
22135
22132
  --cds-link-secondary: #0043ce;
@@ -22352,6 +22349,7 @@ em {
22352
22349
  --cds-link-inverse: #0f62fe;
22353
22350
  --cds-link-inverse-active: #161616;
22354
22351
  --cds-link-inverse-hover: #0043ce;
22352
+ --cds-link-inverse-visited: #8a3ffc;
22355
22353
  --cds-link-primary: #78a9ff;
22356
22354
  --cds-link-primary-hover: #a6c8ff;
22357
22355
  --cds-link-secondary: #a6c8ff;
@@ -22573,6 +22571,7 @@ em {
22573
22571
  --cds-link-inverse: #0f62fe;
22574
22572
  --cds-link-inverse-active: #161616;
22575
22573
  --cds-link-inverse-hover: #0043ce;
22574
+ --cds-link-inverse-visited: #8a3ffc;
22576
22575
  --cds-link-primary: #78a9ff;
22577
22576
  --cds-link-primary-hover: #a6c8ff;
22578
22577
  --cds-link-secondary: #a6c8ff;
@@ -22682,24 +22681,6 @@ em {
22682
22681
  --cds-tag-hover-warm-gray: #696363;
22683
22682
  }
22684
22683
 
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
22684
  .cds--accordion {
22704
22685
  --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
22686
  --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 +22704,19 @@ em {
22723
22704
  display: list-item;
22724
22705
  overflow: visible;
22725
22706
  border-block-start: 1px solid var(--cds-border-subtle);
22707
+ transition: border-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
22726
22708
  }
22727
22709
  .cds--accordion__item:last-child {
22728
22710
  border-block-end: 1px solid var(--cds-border-subtle);
22729
22711
  }
22730
22712
 
22713
+ .cds--accordion__item:not(.cds--accordion__item--active):hover, .cds--accordion__item:not(.cds--accordion__item--active):hover + .cds--accordion__item {
22714
+ border-block-start-color: var(--cds-layer-hover);
22715
+ }
22716
+ .cds--accordion__item:not(.cds--accordion__item--active):last-child:hover {
22717
+ border-block-end-color: var(--cds-layer-hover);
22718
+ }
22719
+
22731
22720
  .cds--accordion__heading {
22732
22721
  box-sizing: border-box;
22733
22722
  padding: 0;
@@ -22767,8 +22756,11 @@ em {
22767
22756
  }
22768
22757
  .cds--accordion__heading:hover {
22769
22758
  background-color: var(--cds-layer-hover);
22759
+ outline: none;
22770
22760
  }
22771
22761
  .cds--accordion__heading:focus {
22762
+ position: relative;
22763
+ z-index: 2;
22772
22764
  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
22765
  outline: none;
22774
22766
  }
@@ -22882,6 +22874,65 @@ li.cds--accordion__item--disabled:last-of-type {
22882
22874
  transform: rotate(-90deg) /*rtl:ignore*/;
22883
22875
  }
22884
22876
 
22877
+ .cds--accordion--flush .cds--accordion__item {
22878
+ position: relative;
22879
+ border-color: transparent;
22880
+ }
22881
+ .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 {
22882
+ border-color: transparent;
22883
+ }
22884
+ .cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
22885
+ position: absolute;
22886
+ display: block;
22887
+ block-size: 1px;
22888
+ content: "";
22889
+ inline-size: calc(100% - 1rem - 1rem);
22890
+ margin-inline-start: 1rem;
22891
+ transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
22892
+ }
22893
+ @media screen and (prefers-reduced-motion: reduce) {
22894
+ .cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
22895
+ transition: none;
22896
+ }
22897
+ }
22898
+ .cds--accordion--flush .cds--accordion__item::before {
22899
+ background: var(--cds-border-subtle);
22900
+ inset-block-start: -1px;
22901
+ }
22902
+ .cds--accordion--flush .cds--accordion__item:last-child::after {
22903
+ background: var(--cds-border-subtle);
22904
+ inset-block-end: -1px;
22905
+ }
22906
+
22907
+ .cds--accordion--flush .cds--accordion__heading:hover {
22908
+ position: relative;
22909
+ z-index: 1;
22910
+ }
22911
+ .cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
22912
+ position: absolute;
22913
+ display: block;
22914
+ background: var(--cds-layer-hover);
22915
+ block-size: 1px;
22916
+ content: "";
22917
+ inline-size: 100%;
22918
+ inset-inline-start: 0;
22919
+ transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
22920
+ }
22921
+ @media screen and (prefers-reduced-motion: reduce) {
22922
+ .cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
22923
+ transition: none;
22924
+ }
22925
+ }
22926
+ .cds--accordion--flush .cds--accordion__heading:hover::before {
22927
+ inset-block-start: -1px;
22928
+ }
22929
+ .cds--accordion--flush .cds--accordion__heading:hover::after {
22930
+ inset-block-end: -1px;
22931
+ }
22932
+ .cds--accordion--flush .cds--accordion__heading:hover:focus::after, .cds--accordion--flush .cds--accordion__heading:hover:focus::before {
22933
+ background: none;
22934
+ }
22935
+
22885
22936
  .cds--accordion.cds--skeleton .cds--accordion__heading,
22886
22937
  .cds--accordion.cds--skeleton .cds--accordion__button {
22887
22938
  cursor: default;
@@ -22898,7 +22949,8 @@ li.cds--accordion__item--disabled:last-of-type {
22898
22949
  outline: none;
22899
22950
  }
22900
22951
 
22901
- .cds--accordion.cds--skeleton .cds--accordion__heading:hover::before {
22952
+ .cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,
22953
+ .cds--accordion.cds--skeleton .cds--accordion__heading:hover {
22902
22954
  background-color: transparent;
22903
22955
  }
22904
22956
 
@@ -22916,6 +22968,10 @@ li.cds--accordion__item--disabled:last-of-type {
22916
22968
  margin-block-end: 0;
22917
22969
  }
22918
22970
 
22971
+ .cds--accordion.cds--skeleton .cds--accordion__title {
22972
+ margin-inline-start: 1rem;
22973
+ }
22974
+
22919
22975
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
22920
22976
  .cds--accordion__arrow,
22921
22977
  .cds--accordion__item--active .cds--accordion__arrow {
@@ -25389,6 +25445,26 @@ fieldset[disabled] .cds--form__helper-text {
25389
25445
  margin-block-start: -0.0625rem;
25390
25446
  }
25391
25447
 
25448
+ .cds--checkbox-group--horizontal {
25449
+ position: relative;
25450
+ display: flex;
25451
+ flex-flow: row wrap;
25452
+ justify-content: flex-start;
25453
+ }
25454
+ .cds--checkbox-group--horizontal .cds--form-item {
25455
+ flex: none;
25456
+ margin-block-end: 0;
25457
+ }
25458
+ .cds--checkbox-group--horizontal .cds--form-item:not(:last-of-type) {
25459
+ margin-inline-end: 1rem;
25460
+ }
25461
+ .cds--checkbox-group--horizontal .cds--checkbox-label-text {
25462
+ padding-inline-start: 0.5rem;
25463
+ }
25464
+ .cds--checkbox-group--horizontal .cds--label + .cds--form-item.cds--checkbox-wrapper {
25465
+ margin-block-start: 0;
25466
+ }
25467
+
25392
25468
  .cds--copy-btn {
25393
25469
  position: relative;
25394
25470
  display: flex;
@@ -27826,17 +27902,11 @@ fieldset[disabled] .cds--form__helper-text {
27826
27902
  outline-style: dotted;
27827
27903
  }
27828
27904
  }
27829
- .cds--menu-item svg {
27830
- color: var(--cds-icon-secondary, #525252);
27831
- }
27832
27905
 
27833
27906
  .cds--menu-item:hover {
27834
27907
  background-color: var(--cds-layer-hover);
27835
27908
  color: var(--cds-text-primary, #161616);
27836
27909
  }
27837
- .cds--menu-item:hover svg {
27838
- color: var(--cds-icon-primary, #161616);
27839
- }
27840
27910
 
27841
27911
  .cds--menu--xs .cds--menu-item {
27842
27912
  block-size: 1.5rem;
@@ -33888,13 +33958,15 @@ button.cds--dropdown-text:focus {
33888
33958
  }
33889
33959
 
33890
33960
  .cds--multi-select--filterable--input-focused,
33891
- .cds--multi-select .cds--list-box__field--wrapper--input-focused {
33961
+ .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
33962
+ .cds--multi-select.cds--multi-select--selected .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
33892
33963
  outline: 2px solid var(--cds-focus, #0f62fe);
33893
33964
  outline-offset: -2px;
33894
33965
  }
33895
33966
  @media screen and (prefers-contrast) {
33896
33967
  .cds--multi-select--filterable--input-focused,
33897
- .cds--multi-select .cds--list-box__field--wrapper--input-focused {
33968
+ .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
33969
+ .cds--multi-select.cds--multi-select--selected .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
33898
33970
  outline-style: dotted;
33899
33971
  }
33900
33972
  }
@@ -35342,6 +35414,11 @@ optgroup.cds--select-optgroup:disabled,
35342
35414
  position: relative;
35343
35415
  display: flex;
35344
35416
  inline-size: 100%;
35417
+ max-inline-size: 100%;
35418
+ }
35419
+
35420
+ .cds--text-area__wrapper--cols {
35421
+ inline-size: auto;
35345
35422
  }
35346
35423
 
35347
35424
  .cds--text-area__invalid-icon {
@@ -35760,6 +35837,22 @@ optgroup.cds--select-optgroup:disabled,
35760
35837
  inset-inline-end: 1rem;
35761
35838
  }
35762
35839
 
35840
+ .cds--text-input--fluid .cds--toggle-password-tooltip {
35841
+ outline: 2px solid transparent;
35842
+ outline-offset: -2px;
35843
+ position: absolute;
35844
+ block-size: 4rem;
35845
+ cursor: pointer;
35846
+ inline-size: 3rem;
35847
+ inset-block-start: 0;
35848
+ inset-inline-end: 0;
35849
+ transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
35850
+ }
35851
+
35852
+ .cds--text-input--fluid .cds--toggle-password-tooltip .cds--popover {
35853
+ inset-inline-start: 0;
35854
+ }
35855
+
35763
35856
  .cds--text-input--fluid .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
35764
35857
  block-size: 2rem;
35765
35858
  inline-size: 2rem;
@@ -36495,7 +36588,7 @@ optgroup.cds--select-optgroup:disabled,
36495
36588
  }
36496
36589
 
36497
36590
  .cds--modal-scroll-content > *:last-child {
36498
- padding-block-end: 1.5rem;
36591
+ margin-block-end: 1.5rem;
36499
36592
  }
36500
36593
 
36501
36594
  .cds--modal-footer {
@@ -37872,6 +37965,10 @@ optgroup.cds--select-optgroup:disabled,
37872
37965
  margin-inline-start: 1rem;
37873
37966
  }
37874
37967
 
37968
+ .cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text {
37969
+ margin-inline-end: 1rem;
37970
+ }
37971
+
37875
37972
  .cds--pagination__right .cds--pagination__text:empty {
37876
37973
  margin: 0;
37877
37974
  }
@@ -39118,7 +39215,6 @@ span.cds--pagination__text.cds--pagination__items-count {
39118
39215
  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
39119
39216
  }
39120
39217
  .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
39121
- inset-inline-end: 0;
39122
39218
  inset-inline-start: revert;
39123
39219
  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
39124
39220
  }
@@ -39140,7 +39236,6 @@ span.cds--pagination__text.cds--pagination__items-count {
39140
39236
  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
39141
39237
  }
39142
39238
  .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
39143
- inset-inline-start: 0;
39144
39239
  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
39145
39240
  }
39146
39241
 
@@ -39434,6 +39529,10 @@ span.cds--pagination__text.cds--pagination__items-count {
39434
39529
  inset-inline-start: 100%;
39435
39530
  }
39436
39531
 
39532
+ .cds--popover-container.cds--slider__thumb-wrapper {
39533
+ position: absolute;
39534
+ }
39535
+
39437
39536
  /* stylelint-disable */
39438
39537
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
39439
39538
  .cds--slider__thumb {
@@ -39517,8 +39616,8 @@ span.cds--pagination__text.cds--pagination__items-count {
39517
39616
  .cds--toggletip-content {
39518
39617
  --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
39519
39618
  --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);
39619
+ --cds-link-hover-text-color: var(--cds-link-inverse-hover, #a6c8ff);
39620
+ --cds-link-visited-text-color: var(--cds-link-inverse-visited, #be95ff);
39522
39621
  --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
39523
39622
  font-size: var(--cds-body-01-font-size, 0.875rem);
39524
39623
  font-weight: var(--cds-body-01-font-weight, 400);
@@ -40328,6 +40427,7 @@ span.cds--pagination__text.cds--pagination__items-count {
40328
40427
 
40329
40428
  .cds--structured-list-svg {
40330
40429
  display: inline-block;
40430
+ margin-block-start: 0.125rem;
40331
40431
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
40332
40432
  vertical-align: top;
40333
40433
  }
@@ -40341,6 +40441,11 @@ span.cds--pagination__text.cds--pagination__items-count {
40341
40441
  fill: transparent;
40342
40442
  }
40343
40443
 
40444
+ .cds--structured-list--selection .cds--structured-list-td:last-child {
40445
+ inline-size: 2rem;
40446
+ padding-inline-start: 0;
40447
+ }
40448
+
40344
40449
  .cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {
40345
40450
  inline-size: 8%;
40346
40451
  }
@@ -40394,6 +40499,16 @@ span.cds--pagination__text.cds--pagination__items-count {
40394
40499
  }
40395
40500
  }
40396
40501
 
40502
+ .cds--structured-list__icon {
40503
+ margin-block-start: 0.125rem;
40504
+ vertical-align: top;
40505
+ }
40506
+
40507
+ .cds--structured-list--selection .cds--structured-list-td:first-child:has(.cds--structured-list__icon) {
40508
+ inline-size: 2rem;
40509
+ padding-inline-end: 0;
40510
+ }
40511
+
40397
40512
  .cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list {
40398
40513
  display: grid;
40399
40514
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
@@ -40526,6 +40641,7 @@ span.cds--pagination__text.cds--pagination__items-count {
40526
40641
  inline-size: 3rem;
40527
40642
  }
40528
40643
  .cds--tabs .cds--tab--overflow-nav-button svg {
40644
+ z-index: 2;
40529
40645
  fill: var(--cds-icon-primary, #161616);
40530
40646
  }
40531
40647
  .cds--tabs .cds--tab--overflow-nav-button--next {
@@ -40555,14 +40671,14 @@ span.cds--pagination__text.cds--pagination__items-count {
40555
40671
  .cds--tabs .cds--tab--overflow-nav-button--previous::before {
40556
40672
  position: absolute;
40557
40673
  z-index: 1;
40558
- background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
40674
+ background: var(--cds-background, #ffffff);
40559
40675
  block-size: 100%;
40560
40676
  content: "";
40561
- inline-size: 0.5rem;
40562
- inset-inline-end: -0.5rem;
40677
+ inline-size: 2.5rem;
40678
+ inset-inline-end: 0;
40563
40679
  }
40564
40680
  .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));
40681
+ background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
40566
40682
  }
40567
40683
  .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
40568
40684
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
@@ -41247,6 +41363,7 @@ span.cds--pagination__text.cds--pagination__items-count {
41247
41363
  }
41248
41364
 
41249
41365
  .cds--tile--expandable.cds--tile--expandable--interactive {
41366
+ border: none;
41250
41367
  cursor: default;
41251
41368
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
41252
41369
  }
@@ -41369,6 +41486,15 @@ span.cds--pagination__text.cds--pagination__items-count {
41369
41486
  inset-inline-end: 2.5rem;
41370
41487
  }
41371
41488
 
41489
+ .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
41490
+ inset-inline-end: 1rem;
41491
+ transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
41492
+ }
41493
+
41494
+ .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug {
41495
+ inset-inline-end: 2.5rem;
41496
+ }
41497
+
41372
41498
  .cds--tile.cds--tile--clickable > .cds--slug {
41373
41499
  pointer-events: none;
41374
41500
  }
@@ -41409,7 +41535,8 @@ span.cds--pagination__text.cds--pagination__items-count {
41409
41535
  }
41410
41536
 
41411
41537
  .cds--tile--slug.cds--tile--selectable:focus,
41412
- .cds--tile--slug.cds--tile--clickable:focus {
41538
+ .cds--tile--slug.cds--tile--clickable:focus,
41539
+ .cds--tile-input:focus + .cds--tile--slug.cds--tile {
41413
41540
  outline-offset: -1px;
41414
41541
  }
41415
41542
 
@@ -41433,10 +41560,20 @@ span.cds--pagination__text.cds--pagination__items-count {
41433
41560
  .cds--tile--slug.cds--tile--selectable .cds--tile-content,
41434
41561
  .cds--tile--slug.cds--tile--clickable .cds--tile-content {
41435
41562
  position: relative;
41436
- z-index: 1;
41437
41563
  cursor: pointer;
41438
41564
  }
41439
41565
 
41566
+ .cds--tile--slug.cds--tile--selectable .cds--tile-content,
41567
+ .cds--tile--slug.cds--tile--clickable .cds--tile-content,
41568
+ .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
41569
+ .cds--tile--slug.cds--tile--is-selected .cds--slug {
41570
+ z-index: 1;
41571
+ }
41572
+
41573
+ .cds--tile--slug.cds--tile--selectable .cds--slug:has(> .cds--popover--open) {
41574
+ z-index: 2;
41575
+ }
41576
+
41440
41577
  .cds--tile--slug.cds--tile--selectable > .cds--slug,
41441
41578
  .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
41442
41579
  z-index: 1;