@carbon/charts 1.15.6 → 1.15.8

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 (130) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/{_baseEach-BxXSF0fB.mjs → _baseEach-Ch85zB0O.mjs} +2 -2
  3. package/dist/{_baseEach-BxXSF0fB.mjs.map → _baseEach-Ch85zB0O.mjs.map} +1 -1
  4. package/dist/{angle-utils-CGNQcrjg.mjs → angle-utils-GQFx3vKM.mjs} +2 -2
  5. package/dist/{angle-utils-CGNQcrjg.mjs.map → angle-utils-GQFx3vKM.mjs.map} +1 -1
  6. package/dist/axis-chart.d.ts +6 -6
  7. package/dist/chart.d.ts +6 -6
  8. package/dist/charts/alluvial.d.ts +4 -4
  9. package/dist/charts/area-stacked.d.ts +3 -3
  10. package/dist/charts/area.d.ts +3 -3
  11. package/dist/charts/bar-grouped.d.ts +3 -3
  12. package/dist/charts/bar-simple.d.ts +3 -3
  13. package/dist/charts/bar-stacked.d.ts +3 -3
  14. package/dist/charts/boxplot.d.ts +4 -4
  15. package/dist/charts/bubble.d.ts +3 -3
  16. package/dist/charts/bullet.d.ts +4 -4
  17. package/dist/charts/choropleth.d.ts +7 -7
  18. package/dist/charts/circle-pack.d.ts +4 -4
  19. package/dist/charts/combo.d.ts +3 -3
  20. package/dist/charts/donut.d.ts +3 -3
  21. package/dist/charts/gauge.d.ts +4 -4
  22. package/dist/charts/heatmap.d.ts +7 -7
  23. package/dist/charts/histogram.d.ts +4 -4
  24. package/dist/charts/index.d.ts +24 -24
  25. package/dist/charts/line.d.ts +3 -3
  26. package/dist/charts/lollipop.d.ts +3 -3
  27. package/dist/charts/meter.d.ts +4 -4
  28. package/dist/charts/pie.d.ts +4 -4
  29. package/dist/charts/radar.d.ts +4 -4
  30. package/dist/charts/scatter.d.ts +3 -3
  31. package/dist/charts/tree.d.ts +4 -4
  32. package/dist/charts/treemap.d.ts +4 -4
  33. package/dist/charts/wordcloud.d.ts +4 -4
  34. package/dist/{choropleth-DgRtqF2B.mjs → choropleth-DdBUe80H.mjs} +1273 -1273
  35. package/dist/choropleth-DdBUe80H.mjs.map +1 -0
  36. package/dist/{color-scale-utils-CbAVUUep.mjs → color-scale-utils-CiW9fERh.mjs} +55 -45
  37. package/dist/{color-scale-utils-CbAVUUep.mjs.map → color-scale-utils-CiW9fERh.mjs.map} +1 -1
  38. package/dist/components/axes/axis.d.ts +5 -5
  39. package/dist/components/axes/chart-clip.d.ts +2 -2
  40. package/dist/components/axes/grid-brush.d.ts +1 -1
  41. package/dist/components/axes/grid.d.ts +2 -2
  42. package/dist/components/axes/hover-axis.d.ts +1 -1
  43. package/dist/components/axes/ruler-binned.d.ts +1 -1
  44. package/dist/components/axes/ruler.d.ts +2 -2
  45. package/dist/components/axes/toolbar.d.ts +1 -1
  46. package/dist/components/axes/two-dimensional-axes.d.ts +2 -2
  47. package/dist/components/axes/zero-line.d.ts +1 -1
  48. package/dist/components/axes/zoom-bar.d.ts +3 -3
  49. package/dist/components/component.d.ts +3 -3
  50. package/dist/components/essentials/color-scale-legend.d.ts +2 -2
  51. package/dist/components/essentials/geo-projection.d.ts +1 -1
  52. package/dist/components/essentials/highlights.d.ts +3 -3
  53. package/dist/components/essentials/legend.d.ts +1 -1
  54. package/dist/components/essentials/modal.d.ts +1 -1
  55. package/dist/components/essentials/threshold.d.ts +3 -3
  56. package/dist/components/essentials/title-meter.d.ts +1 -1
  57. package/dist/components/essentials/title.d.ts +1 -1
  58. package/dist/components/essentials/tooltip.d.ts +3 -3
  59. package/dist/components/graphs/alluvial.d.ts +1 -1
  60. package/dist/components/graphs/area-stacked.d.ts +1 -1
  61. package/dist/components/graphs/area.d.ts +1 -1
  62. package/dist/components/graphs/bar-grouped.d.ts +2 -2
  63. package/dist/components/graphs/bar-simple.d.ts +1 -1
  64. package/dist/components/graphs/bar-stacked.d.ts +1 -1
  65. package/dist/components/graphs/boxplot.d.ts +1 -1
  66. package/dist/components/graphs/bubble.d.ts +3 -3
  67. package/dist/components/graphs/bullet.d.ts +1 -1
  68. package/dist/components/graphs/circle-pack.d.ts +1 -1
  69. package/dist/components/graphs/donut.d.ts +1 -1
  70. package/dist/components/graphs/gauge.d.ts +1 -1
  71. package/dist/components/graphs/heatmap.d.ts +1 -1
  72. package/dist/components/graphs/histogram.d.ts +1 -1
  73. package/dist/components/graphs/line.d.ts +1 -1
  74. package/dist/components/graphs/lollipop.d.ts +1 -1
  75. package/dist/components/graphs/meter.d.ts +1 -1
  76. package/dist/components/graphs/pie.d.ts +1 -1
  77. package/dist/components/graphs/radar.d.ts +1 -1
  78. package/dist/components/graphs/scatter-stacked.d.ts +1 -1
  79. package/dist/components/graphs/scatter.d.ts +2 -2
  80. package/dist/components/graphs/skeleton-lines.d.ts +1 -1
  81. package/dist/components/graphs/skeleton.d.ts +1 -1
  82. package/dist/components/graphs/tree.d.ts +1 -1
  83. package/dist/components/graphs/treemap.d.ts +1 -1
  84. package/dist/components/graphs/wordcloud.d.ts +2 -2
  85. package/dist/components/index.mjs +1 -1
  86. package/dist/components/layout/layout.d.ts +3 -3
  87. package/dist/configuration-non-customizable.d.ts +1 -1
  88. package/dist/configuration.d.ts +2 -2
  89. package/dist/demo/charts/index.d.ts +2 -2
  90. package/dist/demo/charts/step.d.ts +8 -8
  91. package/dist/demo/index.mjs +42 -42
  92. package/dist/demo/index.mjs.map +1 -1
  93. package/dist/demo/styles.css +585 -135
  94. package/dist/demo/styles.css.map +1 -1
  95. package/dist/demo/utils/stackblitz/angular.d.ts +1 -1
  96. package/dist/demo/utils/stackblitz/react.d.ts +1 -1
  97. package/dist/demo/utils/stackblitz/svelte.d.ts +1 -1
  98. package/dist/demo/utils/stackblitz/vanilla-js.d.ts +1 -1
  99. package/dist/demo/utils/stackblitz/vue.d.ts +1 -1
  100. package/dist/index.mjs +259 -266
  101. package/dist/index.mjs.map +1 -1
  102. package/dist/interfaces/axis-scales.d.ts +4 -4
  103. package/dist/interfaces/charts.d.ts +2 -2
  104. package/dist/interfaces/components.d.ts +2 -2
  105. package/dist/interfaces/services.d.ts +8 -8
  106. package/dist/model/cartesian-charts.d.ts +1 -1
  107. package/dist/model/circle-pack.d.ts +1 -1
  108. package/dist/model/heatmap.d.ts +1 -1
  109. package/dist/model/index.mjs +1 -1
  110. package/dist/model/model.d.ts +3 -3
  111. package/dist/services/color-scale-utils.d.ts +1 -1
  112. package/dist/services/curves.d.ts +18 -18
  113. package/dist/services/essentials/dom-utils.d.ts +2 -2
  114. package/dist/services/essentials/files.d.ts +1 -1
  115. package/dist/services/essentials/transitions.d.ts +1 -1
  116. package/dist/services/index.mjs +3 -3
  117. package/dist/services/scales-cartesian.d.ts +3 -3
  118. package/dist/services/service.d.ts +1 -1
  119. package/dist/services/time-series.d.ts +1 -1
  120. package/dist/services/zoom.d.ts +1 -1
  121. package/dist/tools.d.ts +1 -1
  122. package/dist/umd/bundle.umd.js +20 -20
  123. package/dist/umd/bundle.umd.js.map +1 -1
  124. package/dist/{wordcloud-DNFY5X97.mjs → wordcloud-DQKXuKDM.mjs} +3 -3
  125. package/dist/{wordcloud-DNFY5X97.mjs.map → wordcloud-DQKXuKDM.mjs.map} +1 -1
  126. package/dist/{zoom-DlSAWtwE.mjs → zoom-DyHfBf_y.mjs} +224 -192
  127. package/dist/zoom-DyHfBf_y.mjs.map +1 -0
  128. package/package.json +13 -13
  129. package/dist/choropleth-DgRtqF2B.mjs.map +0 -1
  130. package/dist/zoom-DlSAWtwE.mjs.map +0 -1
@@ -10075,10 +10075,13 @@ li.cds--accordion__item--disabled:last-of-type {
10075
10075
  }
10076
10076
 
10077
10077
  .cds--popover-container {
10078
- position: relative;
10079
10078
  display: inline-block;
10080
10079
  }
10081
10080
 
10081
+ .cds--popover-container:not(.cds--popover--auto-align) {
10082
+ position: relative;
10083
+ }
10084
+
10082
10085
  .cds--popover--high-contrast .cds--popover {
10083
10086
  --cds-popover-background-color: var(--cds-background-inverse, #393939);
10084
10087
  --cds-popover-text-color: var(--cds-text-inverse, #ffffff);
@@ -10150,7 +10153,8 @@ li.cds--accordion__item--disabled:last-of-type {
10150
10153
  display: block;
10151
10154
  }
10152
10155
 
10153
- .cds--popover-caret {
10156
+ .cds--popover-caret,
10157
+ .cds--popover--auto-align.cds--popover-caret {
10154
10158
  position: absolute;
10155
10159
  z-index: 6000;
10156
10160
  display: none;
@@ -10162,44 +10166,54 @@ li.cds--accordion__item--disabled:last-of-type {
10162
10166
  display: block;
10163
10167
  }
10164
10168
 
10169
+ .cds--popover--auto-align.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-content > .cds--popover-caret {
10170
+ display: block;
10171
+ }
10172
+
10165
10173
  .cds--popover--tab-tip > .cds--popover > .cds--popover-caret {
10166
10174
  display: none;
10167
10175
  }
10168
10176
 
10169
- .cds--popover--bottom > .cds--popover > .cds--popover-content {
10177
+ .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10170
10178
  inset-block-end: 0;
10171
10179
  inset-inline-start: 50%;
10172
10180
  transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));
10173
10181
  }
10174
10182
 
10175
- [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-content {
10183
+ [dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10176
10184
  transform: translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));
10177
10185
  }
10178
10186
 
10179
- .cds--popover--bottom-left > .cds--popover > .cds--popover-content {
10187
+ .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10188
+ .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10180
10189
  inset-block-end: 0;
10181
10190
  inset-inline-start: 0;
10182
10191
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
10183
10192
  }
10184
10193
 
10185
- [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-content {
10194
+ [dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10195
+ [dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10186
10196
  inset-inline-end: 0;
10187
10197
  inset-inline-start: initial;
10188
10198
  }
10189
10199
 
10190
- .cds--popover--bottom-right > .cds--popover > .cds--popover-content {
10200
+ .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10201
+ .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10191
10202
  inset-block-end: 0;
10192
10203
  inset-inline-end: 0;
10193
10204
  transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
10194
10205
  }
10195
10206
 
10196
- [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-content {
10207
+ [dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10208
+ [dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10197
10209
  inset-inline-start: 0;
10198
10210
  }
10199
10211
 
10200
10212
  .cds--popover--bottom > .cds--popover > .cds--popover-content::before,
10201
10213
  .cds--popover--bottom-left > .cds--popover > .cds--popover-content::before,
10202
- .cds--popover--bottom-right > .cds--popover > .cds--popover-content::before {
10214
+ .cds--popover--bottom-start > .cds--popover > .cds--popover-content::before,
10215
+ .cds--popover--bottom-right > .cds--popover > .cds--popover-content::before,
10216
+ .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {
10203
10217
  block-size: var(--cds-popover-offset, 0rem);
10204
10218
  inset-block-start: 0;
10205
10219
  inset-inline-end: 0;
@@ -10209,7 +10223,9 @@ li.cds--accordion__item--disabled:last-of-type {
10209
10223
 
10210
10224
  .cds--popover--bottom > .cds--popover > .cds--popover-caret,
10211
10225
  .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
10212
- .cds--popover--bottom-right > .cds--popover > .cds--popover-caret {
10226
+ .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,
10227
+ .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
10228
+ .cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
10213
10229
  block-size: var(--cds-popover-caret-height, 0.375rem);
10214
10230
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
10215
10231
  inline-size: var(--cds-popover-caret-width, 0.75rem);
@@ -10220,44 +10236,62 @@ li.cds--accordion__item--disabled:last-of-type {
10220
10236
 
10221
10237
  [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,
10222
10238
  [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
10223
- [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret {
10239
+ [dir=rtl] .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,
10240
+ [dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
10241
+ [dir=rtl] .cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
10224
10242
  transform: translate(50%, var(--cds-popover-offset, 0rem));
10225
10243
  }
10226
10244
 
10227
- .cds--popover--top > .cds--popover > .cds--popover-content {
10245
+ .cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10246
+ .cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10247
+ .cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10248
+ .cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10249
+ .cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
10250
+ block-size: var(--cds-popover-caret-height, 0.375rem);
10251
+ clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
10252
+ inline-size: var(--cds-popover-caret-width, 0.75rem);
10253
+ }
10254
+
10255
+ .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10228
10256
  inset-block-start: 0;
10229
10257
  inset-inline-start: 50%;
10230
10258
  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
10231
10259
  }
10232
10260
 
10233
- [dir=rtl] .cds--popover--top > .cds--popover > .cds--popover-content {
10261
+ [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10234
10262
  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
10235
10263
  }
10236
10264
 
10237
- .cds--popover--top-left > .cds--popover > .cds--popover-content {
10265
+ .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10266
+ .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10238
10267
  inset-block-start: 0;
10239
10268
  inset-inline-start: 0;
10240
10269
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
10241
10270
  }
10242
10271
 
10243
- [dir=rtl] .cds--popover--top-left > .cds--popover > .cds--popover-content {
10272
+ [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10273
+ [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10244
10274
  inset-inline-end: 0;
10245
10275
  inset-inline-start: initial;
10246
10276
  }
10247
10277
 
10248
- .cds--popover--top-right > .cds--popover > .cds--popover-content {
10278
+ .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10279
+ .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10249
10280
  inset-block-start: 0;
10250
10281
  inset-inline-end: 0;
10251
10282
  transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
10252
10283
  }
10253
10284
 
10254
- [dir=rtl] .cds--popover--top-right > .cds--popover > .cds--popover-content {
10285
+ [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10286
+ [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10255
10287
  inset-inline-start: 0;
10256
10288
  }
10257
10289
 
10258
10290
  .cds--popover--top > .cds--popover > .cds--popover-content::before,
10259
10291
  .cds--popover--top-left > .cds--popover > .cds--popover-content::before,
10260
- .cds--popover--top-right > .cds--popover > .cds--popover-content::before {
10292
+ .cds--popover--top-start > .cds--popover > .cds--popover-content::before,
10293
+ .cds--popover--top-right > .cds--popover > .cds--popover-content::before,
10294
+ .cds--popover--top-end > .cds--popover > .cds--popover-content::before {
10261
10295
  block-size: var(--cds-popover-offset, 0rem);
10262
10296
  inset-block-end: 0;
10263
10297
  inset-inline-end: 0;
@@ -10267,7 +10301,9 @@ li.cds--accordion__item--disabled:last-of-type {
10267
10301
 
10268
10302
  .cds--popover--top > .cds--popover > .cds--popover-caret,
10269
10303
  .cds--popover--top-left > .cds--popover > .cds--popover-caret,
10270
- .cds--popover--top-right > .cds--popover > .cds--popover-caret {
10304
+ .cds--popover--top-start > .cds--popover > .cds--popover-caret,
10305
+ .cds--popover--top-right > .cds--popover > .cds--popover-caret,
10306
+ .cds--popover--top-end > .cds--popover > .cds--popover-caret {
10271
10307
  block-size: var(--cds-popover-caret-height, 0.375rem);
10272
10308
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
10273
10309
  inline-size: var(--cds-popover-caret-width, 0.75rem);
@@ -10276,40 +10312,58 @@ li.cds--accordion__item--disabled:last-of-type {
10276
10312
  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
10277
10313
  }
10278
10314
 
10279
- [dir=rtl] .cds--popover--top > .cds--popover > .cds--popover-caret,
10280
- [dir=rtl] .cds--popover--top-left > .cds--popover > .cds--popover-caret,
10281
- [dir=rtl] .cds--popover--top-right > .cds--popover > .cds--popover-caret {
10315
+ [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10316
+ [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10317
+ [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10318
+ [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10319
+ [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
10282
10320
  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
10283
10321
  }
10284
10322
 
10285
- .cds--popover--right > .cds--popover > .cds--popover-content {
10323
+ .cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10324
+ .cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10325
+ .cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10326
+ .cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10327
+ .cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
10328
+ block-size: var(--cds-popover-caret-height, 0.375rem);
10329
+ clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
10330
+ inline-size: var(--cds-popover-caret-width, 0.75rem);
10331
+ }
10332
+
10333
+ .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10286
10334
  inset-block-start: 50%;
10287
10335
  inset-inline-start: 100%;
10288
10336
  transform: translate(var(--cds-popover-offset, 0rem), -50%);
10289
10337
  }
10290
10338
 
10291
- .cds--popover--right-top > .cds--popover > .cds--popover-content {
10339
+ .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10340
+ .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10292
10341
  inset-block-start: 50%;
10293
10342
  inset-inline-start: 100%;
10294
10343
  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));
10295
10344
  }
10296
10345
 
10297
- .cds--popover--right-bottom > .cds--popover > .cds--popover-content {
10346
+ .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10347
+ .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10298
10348
  inset-block-end: 50%;
10299
10349
  inset-inline-start: 100%;
10300
10350
  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
10301
10351
  }
10302
10352
 
10303
- [dir=rtl] .cds--popover--right > .cds--popover > .cds--popover-content,
10304
- [dir=rtl] .cds--popover--right-bottom > .cds--popover > .cds--popover-content,
10305
- [dir=rtl] .cds--popover--right-top > .cds--popover > .cds--popover-content {
10353
+ [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10354
+ [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10355
+ [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10356
+ [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10357
+ [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10306
10358
  inset-inline-end: 100%;
10307
10359
  inset-inline-start: initial;
10308
10360
  }
10309
10361
 
10310
10362
  .cds--popover--right > .cds--popover > .cds--popover-content::before,
10311
10363
  .cds--popover--right-top > .cds--popover > .cds--popover-content::before,
10312
- .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before {
10364
+ .cds--popover--right-start > .cds--popover > .cds--popover-content::before,
10365
+ .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,
10366
+ .cds--popover--right-end > .cds--popover > .cds--popover-content::before {
10313
10367
  inline-size: var(--cds-popover-offset, 0rem);
10314
10368
  inset-block-end: 0;
10315
10369
  inset-block-start: 0;
@@ -10317,9 +10371,11 @@ li.cds--accordion__item--disabled:last-of-type {
10317
10371
  transform: translateX(-100%);
10318
10372
  }
10319
10373
 
10320
- .cds--popover--right > .cds--popover > .cds--popover-caret,
10321
- .cds--popover--right-top > .cds--popover > .cds--popover-caret,
10322
- .cds--popover--right-bottom > .cds--popover > .cds--popover-caret {
10374
+ .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10375
+ .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10376
+ .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10377
+ .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10378
+ .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
10323
10379
  block-size: var(--cds-popover-caret-width, 0.75rem);
10324
10380
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
10325
10381
  inline-size: var(--cds-popover-caret-height, 0.375rem);
@@ -10328,41 +10384,59 @@ li.cds--accordion__item--disabled:last-of-type {
10328
10384
  transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
10329
10385
  }
10330
10386
 
10331
- [dir=rtl] .cds--popover--right > .cds--popover > .cds--popover-caret,
10332
- [dir=rtl] .cds--popover--right-top > .cds--popover > .cds--popover-caret,
10333
- [dir=rtl] .cds--popover--right-bottom > .cds--popover > .cds--popover-caret {
10387
+ [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10388
+ [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10389
+ [dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10390
+ [dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10391
+ [dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
10334
10392
  inset-inline-end: 100%;
10335
10393
  inset-inline-start: initial;
10336
10394
  }
10337
10395
 
10338
- .cds--popover--left > .cds--popover > .cds--popover-content {
10396
+ .cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10397
+ .cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10398
+ .cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10399
+ .cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10400
+ .cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
10401
+ block-size: var(--cds-popover-caret-width, 0.75rem);
10402
+ clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
10403
+ inline-size: var(--cds-popover-caret-height, 0.375rem);
10404
+ }
10405
+
10406
+ .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10339
10407
  inset-block-start: 50%;
10340
10408
  inset-inline-end: 100%;
10341
10409
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);
10342
10410
  }
10343
10411
 
10344
- .cds--popover--left-top > .cds--popover > .cds--popover-content {
10412
+ .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10413
+ .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10345
10414
  inset-block-start: 50%;
10346
10415
  inset-inline-end: 100%;
10347
10416
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));
10348
10417
  }
10349
10418
 
10350
- .cds--popover--left-bottom > .cds--popover > .cds--popover-content {
10419
+ .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10420
+ .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10351
10421
  inset-block-end: 50%;
10352
10422
  inset-inline-end: 100%;
10353
10423
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
10354
10424
  }
10355
10425
 
10356
- [dir=rtl] .cds--popover--left > .cds--popover > .cds--popover-content,
10357
- [dir=rtl] .cds--popover--left-bottom > .cds--popover > .cds--popover-content,
10358
- [dir=rtl] .cds--popover--left-top > .cds--popover > .cds--popover-content {
10426
+ [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10427
+ [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10428
+ [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10429
+ [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
10430
+ [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
10359
10431
  inset-inline-end: initial;
10360
10432
  inset-inline-start: 100%;
10361
10433
  }
10362
10434
 
10363
10435
  .cds--popover--left > .cds--popover > .cds--popover-content::before,
10364
10436
  .cds--popover--left-top > .cds--popover > .cds--popover-content::before,
10365
- .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before {
10437
+ .cds--popover--left-start > .cds--popover > .cds--popover-content::before,
10438
+ .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,
10439
+ .cds--popover--left-end > .cds--popover > .cds--popover-content::before {
10366
10440
  inline-size: var(--cds-popover-offset, 0rem);
10367
10441
  inset-block-end: 0;
10368
10442
  inset-block-start: 0;
@@ -10370,9 +10444,11 @@ li.cds--accordion__item--disabled:last-of-type {
10370
10444
  transform: translateX(100%);
10371
10445
  }
10372
10446
 
10373
- .cds--popover--left > .cds--popover > .cds--popover-caret,
10374
- .cds--popover--left-top > .cds--popover > .cds--popover-caret,
10375
- .cds--popover--left-bottom > .cds--popover > .cds--popover-caret {
10447
+ .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10448
+ .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10449
+ .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10450
+ .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10451
+ .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
10376
10452
  block-size: var(--cds-popover-caret-width, 0.75rem);
10377
10453
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
10378
10454
  inline-size: var(--cds-popover-caret-height, 0.375rem);
@@ -10381,13 +10457,25 @@ li.cds--accordion__item--disabled:last-of-type {
10381
10457
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
10382
10458
  }
10383
10459
 
10384
- [dir=rtl] .cds--popover--left > .cds--popover > .cds--popover-caret,
10385
- [dir=rtl] .cds--popover--left-top > .cds--popover > .cds--popover-caret,
10386
- [dir=rtl] .cds--popover--left-bottom > .cds--popover > .cds--popover-caret {
10460
+ [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10461
+ [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10462
+ [dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10463
+ [dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
10464
+ [dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
10387
10465
  inset-inline-end: initial;
10388
10466
  inset-inline-start: 100%;
10389
10467
  }
10390
10468
 
10469
+ .cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10470
+ .cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10471
+ .cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10472
+ .cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
10473
+ .cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
10474
+ block-size: var(--cds-popover-caret-width, 0.75rem);
10475
+ clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
10476
+ inline-size: var(--cds-popover-caret-height, 0.375rem);
10477
+ }
10478
+
10391
10479
  .cds--popover--tab-tip > .cds--popover > .cds--popover-content {
10392
10480
  border-radius: 0;
10393
10481
  }
@@ -11632,10 +11720,10 @@ a.cds--overflow-menu-options__btn::before {
11632
11720
  }
11633
11721
  }
11634
11722
  .cds--link:visited {
11635
- color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
11723
+ color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
11636
11724
  }
11637
11725
  .cds--link:visited:hover {
11638
- color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
11726
+ color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
11639
11727
  }
11640
11728
 
11641
11729
  .cds--link--disabled,
@@ -14037,29 +14125,30 @@ fieldset[disabled] .cds--form__helper-text {
14037
14125
  background-color: var(--cds-layer-hover);
14038
14126
  }
14039
14127
 
14040
- .cds--tag--disabled,
14128
+ .cds--tag--disabled:not(.cds--tag--operational),
14041
14129
  .cds--tag--filter.cds--tag--disabled,
14042
14130
  .cds--tag--interactive.cds--tag--disabled {
14043
14131
  background-color: var(--cds-layer);
14044
14132
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
14045
14133
  box-shadow: none;
14134
+ outline: none;
14046
14135
  }
14047
- .cds--tag--disabled.cds--tag--operational,
14136
+ .cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,
14048
14137
  .cds--tag--filter.cds--tag--disabled.cds--tag--operational,
14049
14138
  .cds--tag--interactive.cds--tag--disabled.cds--tag--operational {
14050
14139
  border: 1px solid var(--cds-layer);
14051
14140
  }
14052
- .cds--tag--disabled.cds--tag--operational:hover,
14141
+ .cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,
14053
14142
  .cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,
14054
14143
  .cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover {
14055
14144
  background-color: var(--cds-layer);
14056
14145
  }
14057
- .cds--tag--disabled .cds--tag__close-icon:hover,
14146
+ .cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,
14058
14147
  .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
14059
14148
  .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
14060
14149
  background-color: var(--cds-layer);
14061
14150
  }
14062
- .cds--tag--disabled:hover,
14151
+ .cds--tag--disabled:not(.cds--tag--operational):hover,
14063
14152
  .cds--tag--filter.cds--tag--disabled:hover,
14064
14153
  .cds--tag--interactive.cds--tag--disabled:hover {
14065
14154
  cursor: not-allowed;
@@ -15177,11 +15266,11 @@ fieldset[disabled] .cds--form__helper-text {
15177
15266
  }
15178
15267
 
15179
15268
  .cds--list-box__wrapper--slug:has(.cds--multi-select) .cds--list-box__menu-icon {
15180
- inset-inline-end: calc(0.75rem - 4px);
15269
+ inset-inline-end: 0.75rem;
15181
15270
  }
15182
15271
 
15183
15272
  .cds--list-box__wrapper--slug:has(.cds--dropdown) .cds--list-box__menu-icon {
15184
- inset-inline-end: calc(0.75rem - 4px);
15273
+ inset-inline-end: 0.75rem;
15185
15274
  }
15186
15275
 
15187
15276
  .cds--combo-box:hover {
@@ -15210,6 +15299,11 @@ fieldset[disabled] .cds--form__helper-text {
15210
15299
  }
15211
15300
  }
15212
15301
 
15302
+ .cds--list-box--expanded .cds--combo-box--input--focus.cds--text-input {
15303
+ outline-offset: -0.0625rem;
15304
+ outline-width: 0.0625rem;
15305
+ }
15306
+
15213
15307
  .cds--combo-box .cds--list-box__field,
15214
15308
  .cds--combo-box.cds--list-box[data-invalid] .cds--list-box__field,
15215
15309
  .cds--combo-box.cds--list-box--warning .cds--list-box__field,
@@ -16382,11 +16476,11 @@ fieldset[disabled] .cds--form__helper-text {
16382
16476
  color: var(--cds-text-primary, #161616);
16383
16477
  }
16384
16478
 
16385
- .cds--data-table tr:hover .cds--link {
16479
+ .cds--data-table tr + :not(.cds--popover-container):hover .cds--link {
16386
16480
  color: var(--cds-link-secondary, #0043ce);
16387
16481
  }
16388
16482
 
16389
- .cds--data-table tr:hover .cds--link--disabled {
16483
+ .cds--data-table tr + :not(.cds--popover-container):hover .cds--link--disabled {
16390
16484
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
16391
16485
  }
16392
16486
 
@@ -17027,7 +17121,7 @@ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expa
17027
17121
 
17028
17122
  .cds--data-table tbody tr.cds--data-table--slug-row:hover,
17029
17123
  tr.cds--data-table--slug-row:hover + .cds--expandable-row[data-child-row],
17030
- tr.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
17124
+ tr.cds--data-table--slug-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
17031
17125
  tr.cds--expandable-row--hover.cds--data-table--slug-row,
17032
17126
  tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--slug-row {
17033
17127
  background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
@@ -17755,8 +17849,9 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
17755
17849
  background-color: var(--cds-field-hover);
17756
17850
  }
17757
17851
 
17852
+ .cds--toolbar-action[aria-expanded=true],
17758
17853
  .cds--toolbar-action:hover[aria-expanded=true] {
17759
- background-color: var(--cds-layer);
17854
+ background-color: var(--cds-layer-02, #ffffff);
17760
17855
  }
17761
17856
 
17762
17857
  .cds--toolbar-action[disabled] {
@@ -17801,6 +17896,11 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
17801
17896
  max-inline-size: 1rem;
17802
17897
  }
17803
17898
 
17899
+ .cds--toolbar-action__menu,
17900
+ .cds--toolbar-action__menu.cds--overflow-menu-options::after {
17901
+ background-color: var(--cds-layer-02, #ffffff);
17902
+ }
17903
+
17804
17904
  .cds--toolbar-search-container-persistent {
17805
17905
  position: relative;
17806
17906
  block-size: 3rem;
@@ -19506,6 +19606,7 @@ th .cds--table-sort__flex {
19506
19606
 
19507
19607
  .cds--date-picker__input:disabled ~ .cds--date-picker__icon {
19508
19608
  cursor: not-allowed;
19609
+ fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
19509
19610
  }
19510
19611
 
19511
19612
  .cds--date-picker--range > .cds--date-picker-container:first-child {
@@ -19698,6 +19799,10 @@ th .cds--table-sort__flex {
19698
19799
  border-block-end-color: var(--cds-border-subtle);
19699
19800
  }
19700
19801
 
19802
+ .cds--dropdown--open .cds--list-box__field {
19803
+ outline: none;
19804
+ }
19805
+
19701
19806
  .cds--dropdown--invalid {
19702
19807
  outline: 2px solid var(--cds-support-error, #da1e28);
19703
19808
  outline-offset: -2px;
@@ -20796,13 +20901,17 @@ button.cds--dropdown-text:focus {
20796
20901
  }
20797
20902
  }
20798
20903
 
20904
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus:has(.cds--list-box--expanded) {
20905
+ outline-width: 0.0625rem;
20906
+ }
20907
+
20799
20908
  .cds--list-box__wrapper--fluid .cds--list-box__field:focus {
20800
20909
  outline: none;
20801
20910
  outline-offset: 0;
20802
20911
  }
20803
20912
 
20804
- .cds--list-box__wrapper--fluid :not(.cds--list-box--up) .cds--list-box__menu {
20805
- inset-block-start: calc(100% + 0.0625rem);
20913
+ .cds--list-box__wrapper--fluid:not(.cds--list-box--up) .cds--list-box__menu {
20914
+ inset-block-start: 100%;
20806
20915
  }
20807
20916
 
20808
20917
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
@@ -20883,7 +20992,7 @@ button.cds--dropdown-text:focus {
20883
20992
  border-color: transparent;
20884
20993
  }
20885
20994
 
20886
- .cds--list-box__wrapper--fluid .cds--list-box--up .cds--list-box__menu {
20995
+ .cds--list-box__wrapper--fluid.cds--list-box--up .cds--list-box__menu {
20887
20996
  inset-block-end: 4rem;
20888
20997
  }
20889
20998
 
@@ -20998,6 +21107,10 @@ button.cds--dropdown-text:focus {
20998
21107
  inset-inline-end: 1rem;
20999
21108
  }
21000
21109
 
21110
+ .cds--list-box__wrapper--fluid :not(.cds--list-box--up) .cds--combo-box .cds--list-box__menu {
21111
+ inset-block-start: calc(100% + 0.0625rem);
21112
+ }
21113
+
21001
21114
  .cds--date-picker--fluid {
21002
21115
  display: inline-flex;
21003
21116
  background: var(--cds-field);
@@ -21359,6 +21472,12 @@ button.cds--dropdown-text:focus {
21359
21472
  }
21360
21473
  }
21361
21474
 
21475
+ .cds--multi-select.cds--list-box--expanded .cds--list-box__field--wrapper:has(button[aria-activedescendant]:not([aria-activedescendant=""])),
21476
+ .cds--multi-select--filterable.cds--list-box--expanded:has(input[aria-activedescendant]:not([aria-activedescendant=""])) {
21477
+ outline-offset: -0.0625rem;
21478
+ outline-width: 0.0625rem;
21479
+ }
21480
+
21362
21481
  .cds--multi-select--filterable.cds--multi-select--selected .cds--text-input,
21363
21482
  .cds--multi-select.cds--multi-select--selected .cds--list-box__field {
21364
21483
  padding-inline-start: 0;
@@ -21433,6 +21552,26 @@ button.cds--dropdown-text:focus {
21433
21552
  align-items: baseline;
21434
21553
  }
21435
21554
 
21555
+ .cds--list-box__wrapper--fluid.cds--multi-select--filterable__wrapper:not(.cds--list-box--up) .cds--list-box__menu {
21556
+ inset-block-start: calc(100% + 0.0625rem);
21557
+ }
21558
+
21559
+ .cds--number__controls:hover .cds--number__control-btn::after {
21560
+ display: none;
21561
+ }
21562
+
21563
+ .cds--number__input-wrapper--slug .cds--number__rule-divider {
21564
+ display: none;
21565
+ }
21566
+
21567
+ .cds--number__input-wrapper--slug .cds--number__control-btn:hover {
21568
+ box-shadow: 0 -1px 0 var(--cds-ai-border-strong, #4589ff) inset;
21569
+ }
21570
+
21571
+ .cds--number__controls:focus-within .cds--number__control-btn::after {
21572
+ display: none;
21573
+ }
21574
+
21436
21575
  .cds--number {
21437
21576
  position: relative;
21438
21577
  display: flex;
@@ -21594,7 +21733,6 @@ button.cds--dropdown-text:focus {
21594
21733
  align-items: center;
21595
21734
  justify-content: center;
21596
21735
  block-size: 100%;
21597
- border-block-end: 0.0625rem solid var(--cds-border-strong);
21598
21736
  color: var(--cds-icon-primary, #161616);
21599
21737
  }
21600
21738
  .cds--number__control-btn *,
@@ -21621,6 +21759,7 @@ button.cds--dropdown-text:focus {
21621
21759
  }
21622
21760
  .cds--number__control-btn:hover {
21623
21761
  background-color: var(--cds-field-hover);
21762
+ box-shadow: 0 -1px 0 var(--cds-border-strong) inset;
21624
21763
  color: var(--cds-icon-primary, #161616);
21625
21764
  cursor: pointer;
21626
21765
  }
@@ -21643,20 +21782,27 @@ button.cds--dropdown-text:focus {
21643
21782
  }
21644
21783
 
21645
21784
  .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn {
21646
- border-block-end-color: var(--cds-focus, #0f62fe);
21647
- box-shadow: inset 0 2px var(--cds-focus, #0f62fe), inset 0 -1px var(--cds-focus, #0f62fe);
21785
+ border-width: 2px 0;
21786
+ border-style: solid;
21787
+ border-color: var(--cds-focus, #0f62fe);
21788
+ box-shadow: none;
21789
+ outline-offset: -2px;
21648
21790
  }
21649
21791
 
21650
- .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type {
21651
- box-shadow: inset 0 2px var(--cds-focus, #0f62fe), inset 0 -1px var(--cds-focus, #0f62fe), inset -2px 0 var(--cds-focus, #0f62fe);
21792
+ .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {
21793
+ box-shadow: -4px 0 0 -2px var(--cds-focus, #0f62fe) inset;
21652
21794
  }
21653
21795
 
21654
21796
  .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {
21655
- box-shadow: inset 0 2px var(--cds-support-error, #da1e28), inset 0 -1px var(--cds-support-error, #da1e28), inset -2px 0 var(--cds-support-error, #da1e28);
21797
+ box-shadow: -4px 0 0 -2px var(--cds-support-error, #da1e28) inset;
21656
21798
  }
21657
21799
 
21658
21800
  .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover {
21659
- box-shadow: inset 0 2px var(--cds-support-error, #da1e28), inset 0 -1px var(--cds-support-error, #da1e28);
21801
+ border-width: 2px 0;
21802
+ border-style: solid;
21803
+ border-color: var(--cds-support-error, #da1e28);
21804
+ box-shadow: none;
21805
+ outline-offset: -2px;
21660
21806
  }
21661
21807
 
21662
21808
  .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover {
@@ -21815,13 +21961,60 @@ button.cds--dropdown-text:focus {
21815
21961
  .cds--number__input-wrapper--slug .cds--slug {
21816
21962
  position: absolute;
21817
21963
  inset-block-start: 50%;
21818
- inset-inline-end: 5.5rem;
21964
+ inset-inline-end: 6rem;
21819
21965
  transform: translateY(-50%);
21820
21966
  }
21821
21967
 
21822
- .cds--number__input-wrapper--slug input[data-invalid] ~ .cds--slug,
21823
- .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug {
21824
- inset-inline-end: 7.5rem;
21968
+ .cds--number__input-wrapper--slug .cds--slug::before,
21969
+ .cds--number__input-wrapper--slug .cds--number__control-btn::before,
21970
+ .cds--number__input-wrapper--slug .cds--number__control-btn::after {
21971
+ position: absolute;
21972
+ background-color: var(--cds-border-subtle);
21973
+ block-size: 1rem;
21974
+ content: "";
21975
+ inline-size: 0.0625rem;
21976
+ }
21977
+
21978
+ .cds--number__input-wrapper--slug .cds--slug::before {
21979
+ display: none;
21980
+ inset-inline-start: -1rem;
21981
+ }
21982
+
21983
+ .cds--number__control-btn::after {
21984
+ display: block;
21985
+ inset-inline-end: 0;
21986
+ }
21987
+
21988
+ .cds--number__input-wrapper--slug .cds--number__control-btn::before {
21989
+ display: block;
21990
+ inset-inline-end: 2.5rem;
21991
+ }
21992
+
21993
+ .cds--number__input-wrapper--slug .cds--number__control-btn:focus::before {
21994
+ display: none;
21995
+ }
21996
+
21997
+ .cds--number__control-btn:hover::after,
21998
+ .cds--number__control-btn:hover::before {
21999
+ display: none;
22000
+ inset-inline-end: 0;
22001
+ }
22002
+
22003
+ .cds--number__input-wrapper:has(.cds--number__control-btn:hover) ~ .cds--number__input-wrapper--slug::after {
22004
+ display: none;
22005
+ }
22006
+
22007
+ .cds--number__control-btn:has(.up-icon)::after,
22008
+ .cds--number__control-btn:has(.up-icon)::before {
22009
+ display: none;
22010
+ }
22011
+
22012
+ .cds--number__input-wrapper--slug .cds--number__invalid {
22013
+ inset-inline-end: 9rem;
22014
+ }
22015
+
22016
+ .cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--slug::before {
22017
+ display: block;
21825
22018
  }
21826
22019
 
21827
22020
  .cds--number .cds--number__input-wrapper--slug input[data-invalid],
@@ -21833,11 +22026,7 @@ button.cds--dropdown-text:focus {
21833
22026
  .cds--number__input-wrapper--slug input[type=number]:disabled {
21834
22027
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
21835
22028
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
21836
- padding-inline-end: 7rem;
21837
- }
21838
-
21839
- .cds--number__input-wrapper--slug input[type=number]:not([data-invalid]):not(:has(~ .cds--slug--revert)) ~ .cds--number__controls .cds--number__control-btn {
21840
- border-block-end-color: var(--cds-ai-border-strong, #4589ff);
22029
+ padding-inline-end: 9.0625rem;
21841
22030
  }
21842
22031
 
21843
22032
  .cds--number.cds--skeleton {
@@ -22455,24 +22644,47 @@ optgroup.cds--select-optgroup:disabled,
22455
22644
  .cds--select--slug .cds--slug {
22456
22645
  position: absolute;
22457
22646
  inset-block-start: 50%;
22458
- inset-inline-end: 2.5rem;
22647
+ inset-inline-end: calc(2.5rem + 8px + 1px);
22648
+ margin-block-start: 0.03125rem;
22459
22649
  transform: translateY(-50%);
22460
22650
  }
22461
22651
 
22652
+ .cds--select--slug .cds--slug::after,
22653
+ .cds--select--slug .cds--slug::before {
22654
+ position: absolute;
22655
+ background-color: var(--cds-border-subtle-01, #c6c6c6);
22656
+ block-size: 1rem;
22657
+ content: "";
22658
+ inline-size: 0.0625rem;
22659
+ }
22660
+
22661
+ .cds--select--slug .cds--slug::before {
22662
+ display: none;
22663
+ inset-inline-start: calc(-0.5rem - 1px);
22664
+ }
22665
+
22666
+ .cds--select--slug .cds--slug::after {
22667
+ display: block;
22668
+ inset-inline-end: calc(-0.5rem - 1px);
22669
+ }
22670
+
22462
22671
  .cds--select--slug .cds--select-input:not(:has(~ .cds--slug--revert)) {
22463
22672
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
22464
22673
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
22465
22674
  padding-inline-end: 4rem;
22466
22675
  }
22467
22676
 
22468
- .cds--select--slug.cds--select--invalid .cds--select-input,
22469
- .cds--select--slug.cds--select--warning .cds--select-input {
22677
+ .cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:not(:has(~ .cds--slug--revert)) {
22470
22678
  padding-inline-end: 6rem;
22471
22679
  }
22472
22680
 
22473
- .cds--select--slug.cds--select--invalid .cds--slug,
22474
- .cds--select--slug.cds--select--warning .cds--slug {
22475
- inset-inline-end: 4rem;
22681
+ .cds--select--slug:has(.cds--select__invalid-icon) .cds--slug::before {
22682
+ display: block;
22683
+ }
22684
+
22685
+ .cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input ~ .cds--select__invalid-icon,
22686
+ .cds--select--slug .cds--select-input__wrapper .cds--select-input ~ .cds--select__invalid-icon {
22687
+ inset-inline-end: 5rem;
22476
22688
  }
22477
22689
 
22478
22690
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -23939,12 +24151,6 @@ optgroup.cds--select-optgroup:disabled,
23939
24151
  box-shadow: inset 0 -80px 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
23940
24152
  }
23941
24153
 
23942
- .cds--modal--slug .cds--slug {
23943
- position: absolute;
23944
- inset-block-start: 0;
23945
- inset-inline-end: 0;
23946
- }
23947
-
23948
24154
  .cds--modal--slug .cds--modal-content.cds--modal-scroll-content {
23949
24155
  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);
23950
24156
  }
@@ -23952,6 +24158,8 @@ optgroup.cds--select-optgroup:disabled,
23952
24158
  .cds--modal-header > .cds--slug:has(+ .cds--modal-close-button),
23953
24159
  .cds--modal-header > .cds--modal-close-button ~ .cds--slug,
23954
24160
  .cds--modal--slug .cds--modal-container-body > .cds--slug {
24161
+ position: absolute;
24162
+ inset-block-start: 0.625rem;
23955
24163
  inset-inline-end: 3rem;
23956
24164
  }
23957
24165
 
@@ -24817,6 +25025,12 @@ optgroup.cds--select-optgroup:disabled,
24817
25025
  opacity: 1;
24818
25026
  }
24819
25027
 
25028
+ .cds--actionable-notification--warning .cds--inline-notification__icon path[opacity="0"],
25029
+ .cds--actionable-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
25030
+ fill: #000000;
25031
+ opacity: 1;
25032
+ }
25033
+
24820
25034
  .cds--actionable-notification__details {
24821
25035
  display: flex;
24822
25036
  flex-grow: 1;
@@ -27103,7 +27317,8 @@ span.cds--pagination__text.cds--pagination__items-count {
27103
27317
  min-inline-size: 17.5rem;
27104
27318
  }
27105
27319
 
27106
- .cds--slug > .cds--toggletip > .cds--popover > .cds--popover-caret {
27320
+ .cds--slug > .cds--toggletip > .cds--popover > .cds--popover-caret,
27321
+ .cds--slug > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
27107
27322
  background: transparent;
27108
27323
  clip-path: none;
27109
27324
  }
@@ -27111,15 +27326,43 @@ span.cds--pagination__text.cds--pagination__items-count {
27111
27326
  .cds--slug > .cds--toggletip:is(.cds--popover--top,
27112
27327
  .cds--popover--top-right,
27113
27328
  .cds--popover--top-left,
27329
+ .cds--popover--top-end,
27330
+ .cds--popover--top-start,
27114
27331
  .cds--popover--bottom,
27115
27332
  .cds--popover--bottom-right,
27116
27333
  .cds--popover--bottom-left,
27334
+ .cds--popover--bottom-start,
27335
+ .cds--popover--bottom-end,
27117
27336
  .cds--popover--left,
27118
27337
  .cds--popover--left-top,
27119
27338
  .cds--popover--left-bottom,
27339
+ .cds--popover--left-start,
27340
+ .cds--popover--left-end,
27120
27341
  .cds--popover--right,
27121
27342
  .cds--popover--right-top,
27122
- .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::before {
27343
+ .cds--popover--right-bottom,
27344
+ .cds--popover--right-start,
27345
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
27346
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
27347
+ .cds--popover--top-right,
27348
+ .cds--popover--top-left,
27349
+ .cds--popover--top-end,
27350
+ .cds--popover--top-start,
27351
+ .cds--popover--bottom,
27352
+ .cds--popover--bottom-right,
27353
+ .cds--popover--bottom-left,
27354
+ .cds--popover--bottom-start,
27355
+ .cds--popover--bottom-end,
27356
+ .cds--popover--left,
27357
+ .cds--popover--left-top,
27358
+ .cds--popover--left-bottom,
27359
+ .cds--popover--left-start,
27360
+ .cds--popover--left-end,
27361
+ .cds--popover--right,
27362
+ .cds--popover--right-top,
27363
+ .cds--popover--right-bottom,
27364
+ .cds--popover--right-start,
27365
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
27123
27366
  position: absolute;
27124
27367
  display: block;
27125
27368
  border: 1px solid var(--cds-ai-border-start, rgba(166, 200, 255, 0.64));
@@ -27134,15 +27377,43 @@ span.cds--pagination__text.cds--pagination__items-count {
27134
27377
  .cds--slug > .cds--toggletip:is(.cds--popover--top,
27135
27378
  .cds--popover--top-right,
27136
27379
  .cds--popover--top-left,
27380
+ .cds--popover--top-end,
27381
+ .cds--popover--top-start,
27137
27382
  .cds--popover--bottom,
27138
27383
  .cds--popover--bottom-right,
27139
27384
  .cds--popover--bottom-left,
27385
+ .cds--popover--bottom-start,
27386
+ .cds--popover--bottom-end,
27140
27387
  .cds--popover--left,
27141
27388
  .cds--popover--left-top,
27142
27389
  .cds--popover--left-bottom,
27390
+ .cds--popover--left-start,
27391
+ .cds--popover--left-end,
27143
27392
  .cds--popover--right,
27144
27393
  .cds--popover--right-top,
27145
- .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after {
27394
+ .cds--popover--right-bottom,
27395
+ .cds--popover--right-start,
27396
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
27397
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
27398
+ .cds--popover--top-right,
27399
+ .cds--popover--top-left,
27400
+ .cds--popover--top-end,
27401
+ .cds--popover--top-start,
27402
+ .cds--popover--bottom,
27403
+ .cds--popover--bottom-right,
27404
+ .cds--popover--bottom-left,
27405
+ .cds--popover--bottom-start,
27406
+ .cds--popover--bottom-end,
27407
+ .cds--popover--left,
27408
+ .cds--popover--left-top,
27409
+ .cds--popover--left-bottom,
27410
+ .cds--popover--left-start,
27411
+ .cds--popover--left-end,
27412
+ .cds--popover--right,
27413
+ .cds--popover--right-top,
27414
+ .cds--popover--right-bottom,
27415
+ .cds--popover--right-start,
27416
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
27146
27417
  position: absolute;
27147
27418
  display: block;
27148
27419
  background: var(--cds-background, #ffffff);
@@ -27153,13 +27424,27 @@ span.cds--pagination__text.cds--pagination__items-count {
27153
27424
 
27154
27425
  .cds--slug > .cds--toggletip:is(.cds--popover--top,
27155
27426
  .cds--popover--top-right,
27156
- .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
27427
+ .cds--popover--top-left,
27428
+ .cds--popover--top-end,
27429
+ .cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
27430
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
27431
+ .cds--popover--top-right,
27432
+ .cds--popover--top-left,
27433
+ .cds--popover--top-end,
27434
+ .cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
27157
27435
  inset-block-end: 0.0625rem;
27158
27436
  transform: rotate(-135deg);
27159
27437
  }
27160
27438
  .cds--slug > .cds--toggletip:is(.cds--popover--top,
27161
27439
  .cds--popover--top-right,
27162
- .cds--popover--top-left) > .cds--popover > .cds--popover-caret::after {
27440
+ .cds--popover--top-left,
27441
+ .cds--popover--top-end,
27442
+ .cds--popover--top-start) > .cds--popover > .cds--popover-caret::after,
27443
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
27444
+ .cds--popover--top-right,
27445
+ .cds--popover--top-left,
27446
+ .cds--popover--top-end,
27447
+ .cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
27163
27448
  background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
27164
27449
  block-size: 0.125rem;
27165
27450
  border-end-end-radius: 50%;
@@ -27171,19 +27456,35 @@ span.cds--pagination__text.cds--pagination__items-count {
27171
27456
 
27172
27457
  .cds--slug > .cds--toggletip:is(.cds--popover--top,
27173
27458
  .cds--popover--top-right,
27174
- .cds--popover--top-left) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {
27459
+ .cds--popover--top-left,
27460
+ .cds--popover--top-end,
27461
+ .cds--popover--top-start) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {
27175
27462
  display: none;
27176
27463
  }
27177
27464
 
27178
27465
  .cds--slug > .cds--toggletip:is(.cds--popover--right,
27179
27466
  .cds--popover--right-bottom,
27180
- .cds--popover--right-top) > .cds--popover > .cds--popover-caret::before {
27467
+ .cds--popover--right-top,
27468
+ .cds--popover--right-start,
27469
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
27470
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
27471
+ .cds--popover--right-bottom,
27472
+ .cds--popover--right-top,
27473
+ .cds--popover--right-start,
27474
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
27181
27475
  inset-inline-start: 0.0625rem;
27182
27476
  transform: rotate(-45deg);
27183
27477
  }
27184
27478
  .cds--slug > .cds--toggletip:is(.cds--popover--right,
27185
27479
  .cds--popover--right-bottom,
27186
- .cds--popover--right-top) > .cds--popover > .cds--popover-caret::after {
27480
+ .cds--popover--right-top,
27481
+ .cds--popover--right-start,
27482
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
27483
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
27484
+ .cds--popover--right-bottom,
27485
+ .cds--popover--right-top,
27486
+ .cds--popover--right-start,
27487
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
27187
27488
  border-end-start-radius: 50%;
27188
27489
  border-start-start-radius: 50%;
27189
27490
  inset-block-start: -0.0625rem;
@@ -27192,13 +27493,27 @@ span.cds--pagination__text.cds--pagination__items-count {
27192
27493
 
27193
27494
  .cds--slug > .cds--toggletip:is(.cds--popover--bottom,
27194
27495
  .cds--popover--bottom-left,
27195
- .cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::before {
27496
+ .cds--popover--bottom-right,
27497
+ .cds--popover--bottom-start,
27498
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::before,
27499
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
27500
+ .cds--popover--bottom-left,
27501
+ .cds--popover--bottom-right,
27502
+ .cds--popover--bottom-start,
27503
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
27196
27504
  inset-block-start: 0.0625rem;
27197
27505
  transform: rotate(45deg);
27198
27506
  }
27199
27507
  .cds--slug > .cds--toggletip:is(.cds--popover--bottom,
27200
27508
  .cds--popover--bottom-left,
27201
- .cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::after {
27509
+ .cds--popover--bottom-right,
27510
+ .cds--popover--bottom-start,
27511
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::after,
27512
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
27513
+ .cds--popover--bottom-left,
27514
+ .cds--popover--bottom-right,
27515
+ .cds--popover--bottom-start,
27516
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
27202
27517
  block-size: 0.125rem;
27203
27518
  border-start-end-radius: 50%;
27204
27519
  border-start-start-radius: 50%;
@@ -27209,13 +27524,27 @@ span.cds--pagination__text.cds--pagination__items-count {
27209
27524
 
27210
27525
  .cds--slug > .cds--toggletip:is(.cds--popover--left,
27211
27526
  .cds--popover--left-bottom,
27212
- .cds--popover--left-top) > .cds--popover > .cds--popover-caret::before {
27527
+ .cds--popover--left-top,
27528
+ .cds--popover--left-start,
27529
+ .cds--popover--left-end) > .cds--popover > .cds--popover-caret::before,
27530
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
27531
+ .cds--popover--left-bottom,
27532
+ .cds--popover--left-top,
27533
+ .cds--popover--left-start,
27534
+ .cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
27213
27535
  inset-inline-end: 0.0625rem;
27214
27536
  transform: rotate(135deg);
27215
27537
  }
27216
27538
  .cds--slug > .cds--toggletip:is(.cds--popover--left,
27217
27539
  .cds--popover--left-bottom,
27218
- .cds--popover--left-top) > .cds--popover > .cds--popover-caret::after {
27540
+ .cds--popover--left-top,
27541
+ .cds--popover--left-start,
27542
+ .cds--popover--left-end) > .cds--popover > .cds--popover-caret::after,
27543
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
27544
+ .cds--popover--left-bottom,
27545
+ .cds--popover--left-top,
27546
+ .cds--popover--left-start,
27547
+ .cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
27219
27548
  border-end-end-radius: 50%;
27220
27549
  border-start-end-radius: 50%;
27221
27550
  inset-block-start: -0.0625rem;
@@ -27223,29 +27552,63 @@ span.cds--pagination__text.cds--pagination__items-count {
27223
27552
  }
27224
27553
 
27225
27554
  .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
27226
- .cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after {
27555
+ .cds--popover--right-bottom,
27556
+ .cds--popover--left-end,
27557
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
27558
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
27559
+ .cds--popover--right-bottom,
27560
+ .cds--popover--left-end,
27561
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
27227
27562
  background: transparent;
27228
27563
  }
27229
27564
 
27230
27565
  .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
27231
27566
  .cds--popover--right-bottom,
27567
+ .cds--popover--left-end,
27568
+ .cds--popover--right-end,
27569
+ .cds--popover--top,
27570
+ .cds--popover--top-right,
27571
+ .cds--popover--top-left,
27572
+ .cds--popover--top-end,
27573
+ .cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
27574
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
27575
+ .cds--popover--right-bottom,
27576
+ .cds--popover--left-end,
27577
+ .cds--popover--right-end,
27232
27578
  .cds--popover--top,
27233
27579
  .cds--popover--top-right,
27234
- .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
27580
+ .cds--popover--top-left,
27581
+ .cds--popover--top-end,
27582
+ .cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
27235
27583
  border-color: var(--cds-ai-popover-caret-bottom, #78a9ff);
27236
27584
  background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
27237
27585
  }
27238
27586
 
27239
27587
  .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
27240
27588
  .cds--popover--right-bottom,
27589
+ .cds--popover--left-end,
27590
+ .cds--popover--right-end,
27241
27591
  .cds--popover--top,
27242
27592
  .cds--popover--top-right,
27243
- .cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before {
27593
+ .cds--popover--top-left,
27594
+ .cds--popover--top-end,
27595
+ .cds--popover--top-start) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before,
27596
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
27597
+ .cds--popover--right-bottom,
27598
+ .cds--popover--left-end,
27599
+ .cds--popover--right-end,
27600
+ .cds--popover--top,
27601
+ .cds--popover--top-right,
27602
+ .cds--popover--top-left,
27603
+ .cds--popover--top-start,
27604
+ .cds--popover--top-end) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-content > .cds--popover-caret::before {
27244
27605
  background: var(--cds-ai-popover-caret-bottom-background-actions, #e9effa);
27245
27606
  }
27246
27607
 
27247
27608
  .cds--slug > .cds--toggletip:is(.cds--popover--left,
27248
- .cds--popover--right) > .cds--popover > .cds--popover-caret::before {
27609
+ .cds--popover--right) > .cds--popover > .cds--popover-caret::before,
27610
+ .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
27611
+ .cds--popover--right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
27249
27612
  border-color: var(--cds-ai-popover-caret-center, #a0c3ff);
27250
27613
  }
27251
27614
 
@@ -27530,7 +27893,6 @@ span.cds--pagination__text.cds--pagination__items-count {
27530
27893
 
27531
27894
  .cds--structured-list-svg {
27532
27895
  display: inline-block;
27533
- fill: transparent;
27534
27896
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
27535
27897
  vertical-align: top;
27536
27898
  }
@@ -27540,6 +27902,10 @@ span.cds--pagination__text.cds--pagination__items-count {
27540
27902
  fill: var(--cds-icon-primary, #161616);
27541
27903
  }
27542
27904
 
27905
+ .cds--structured-list-svg {
27906
+ fill: transparent;
27907
+ }
27908
+
27543
27909
  .cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {
27544
27910
  inline-size: 8%;
27545
27911
  }
@@ -27826,43 +28192,125 @@ span.cds--pagination__text.cds--pagination__items-count {
27826
28192
  }
27827
28193
  .cds--tabs.cds--tabs--contained .cds--tabs__nav-item {
27828
28194
  background-color: var(--cds-layer-accent);
27829
- }
27830
- .cds--tabs.cds--tabs--contained .cds--tabs__nav-item + .cds--tabs__nav-item {
27831
28195
  box-shadow: -0.0625rem 0 0 0 var(--cds-border-strong);
27832
28196
  margin-inline-start: 0;
27833
28197
  }
28198
+ .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected + div + .cds--tabs__nav-item {
28199
+ box-shadow: -0.0625rem 0 0 0 transparent;
28200
+ }
27834
28201
  .cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
27835
28202
  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
27836
28203
  }
27837
- .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
27838
- background-color: inherit;
28204
+ .cds--tabs.cds--tabs--dismissable .cds--tabs__nav-link {
28205
+ padding-inline-end: 2.5rem;
27839
28206
  }
27840
- .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg {
27841
- padding: 0.25rem;
27842
- margin: -0.25rem;
27843
- block-size: 24px;
27844
- inline-size: 24px;
28207
+ .cds--tabs.cds--tabs--dismissable.cds--tabs--contained .cds--tabs__nav-link {
28208
+ padding-inline-end: calc(3rem - 1px);
27845
28209
  }
27846
- .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
27847
- background-color: var(--cds-layer-accent-hover);
28210
+ .cds--tabs .cds--tabs__nav-item--close {
28211
+ position: relative;
28212
+ display: flex;
28213
+ align-items: center;
28214
+ inset-inline-start: calc(-0.75rem - 1px);
28215
+ margin-inline-start: calc(-1.5rem + 1px);
28216
+ }
28217
+ .cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item--close--hidden {
28218
+ position: absolute;
28219
+ overflow: hidden;
28220
+ padding: 0;
28221
+ border: 0;
28222
+ margin: -1px;
28223
+ block-size: 1px;
28224
+ clip: rect(0, 0, 0, 0);
28225
+ inline-size: 1px;
28226
+ visibility: inherit;
28227
+ white-space: nowrap;
28228
+ position: static;
28229
+ inline-size: 0.1875rem;
28230
+ }
28231
+ .cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tabs__nav-item--close--hidden {
28232
+ display: none;
27848
28233
  }
27849
- .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled).cds--tabs__nav-item--selected .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
28234
+ .cds--tabs .cds--tabs__nav-item--close-icon {
28235
+ box-sizing: border-box;
28236
+ padding: 0;
28237
+ border: 0;
28238
+ margin: 0;
28239
+ font-family: inherit;
28240
+ font-size: 100%;
28241
+ vertical-align: baseline;
28242
+ display: inline-block;
28243
+ padding: 0;
28244
+ border: 0;
28245
+ appearance: none;
28246
+ background: none;
28247
+ cursor: pointer;
28248
+ text-align: start;
28249
+ inline-size: 100%;
28250
+ block-size: 1.5rem;
28251
+ inline-size: 1.5rem;
28252
+ padding-block: 0.25rem;
28253
+ padding-inline: 0.25rem;
28254
+ pointer-events: auto;
28255
+ }
28256
+ .cds--tabs .cds--tabs__nav-item--close-icon *,
28257
+ .cds--tabs .cds--tabs__nav-item--close-icon *::before,
28258
+ .cds--tabs .cds--tabs__nav-item--close-icon *::after {
28259
+ box-sizing: inherit;
28260
+ }
28261
+ .cds--tabs .cds--tabs__nav-item--close-icon::-moz-focus-inner {
28262
+ border: 0;
28263
+ }
28264
+ .cds--tabs .cds--tabs__nav-item--close-icon svg {
28265
+ block-size: 1rem;
28266
+ fill: var(--cds-text-secondary, #525252);
28267
+ inline-size: 1rem;
28268
+ }
28269
+ .cds--tabs .cds--tabs__nav-item--close-icon svg:hover {
28270
+ fill: var(--cds-text-primary, #161616);
28271
+ }
28272
+ .cds--tabs .cds--tabs__nav-item--close-icon:hover {
27850
28273
  background-color: var(--cds-layer-hover);
27851
28274
  }
27852
- .cds--tabs .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
27853
- background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
28275
+ .cds--tabs .cds--tabs__nav-item--close-icon:focus, .cds--tabs .cds--tabs__nav-item--close-icon:active {
28276
+ outline: 2px solid var(--cds-focus, #0f62fe);
28277
+ outline-offset: -2px;
28278
+ }
28279
+ @media screen and (prefers-contrast) {
28280
+ .cds--tabs .cds--tabs__nav-item--close-icon:focus, .cds--tabs .cds--tabs__nav-item--close-icon:active {
28281
+ outline-style: dotted;
28282
+ }
28283
+ }
28284
+ .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon svg {
28285
+ fill: var(--cds-text-primary, #161616);
28286
+ }
28287
+ .cds--tabs .cds--tabs__nav-item--close-icon--selected svg {
28288
+ fill: var(--cds-text-primary, #161616);
28289
+ }
28290
+ .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled,
28291
+ .cds--tabs .cds--tabs__nav-item--close-icon--disabled,
28292
+ .cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover {
28293
+ background-color: inherit;
28294
+ cursor: not-allowed;
28295
+ }
28296
+ .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled svg,
28297
+ .cds--tabs .cds--tabs__nav-item--close-icon--disabled svg,
28298
+ .cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover svg {
28299
+ fill: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
28300
+ }
28301
+ .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled:focus, .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled:active,
28302
+ .cds--tabs .cds--tabs__nav-item--close-icon--disabled:focus,
28303
+ .cds--tabs .cds--tabs__nav-item--close-icon--disabled:active,
28304
+ .cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover:focus,
28305
+ .cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover:active {
28306
+ outline: 2px solid transparent;
28307
+ outline-offset: -2px;
27854
28308
  }
27855
28309
  .cds--tabs .cds--tabs__nav-item--icon {
27856
28310
  display: flex;
27857
28311
  align-items: center;
27858
28312
  padding-inline-start: 0.5rem;
27859
28313
  }
27860
- .cds--tabs .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
27861
- padding: 0.25rem;
27862
- margin: -0.25rem;
27863
- line-height: 0;
27864
- pointer-events: auto;
27865
- }
27866
28314
  .cds--tabs .cds--tabs__nav-item--icon-left {
27867
28315
  display: flex;
27868
28316
  align-items: center;
@@ -29143,7 +29591,8 @@ span.cds--pagination__text.cds--pagination__items-count {
29143
29591
  will-change: margin-left;
29144
29592
  }
29145
29593
 
29146
- .cds--header ~ .cds--content {
29594
+ .cds--header ~ .cds--content,
29595
+ div:has(.cds--header) ~ .cds--content {
29147
29596
  margin-block-start: 3rem;
29148
29597
  }
29149
29598
 
@@ -29595,8 +30044,8 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
29595
30044
  inset-block-start: 0;
29596
30045
  inset-inline-start: 0;
29597
30046
  max-inline-size: 16rem;
29598
- transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);
29599
- will-change: width;
30047
+ transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
30048
+ will-change: inline-size;
29600
30049
  }
29601
30050
 
29602
30051
  .cds--side-nav--ux {
@@ -30159,7 +30608,8 @@ a.cds--side-nav__link--current::before {
30159
30608
  will-change: margin-left;
30160
30609
  }
30161
30610
 
30162
- .cds--header ~ .cds--content {
30611
+ .cds--header ~ .cds--content,
30612
+ div:has(.cds--header) ~ .cds--content {
30163
30613
  margin-block-start: 3rem;
30164
30614
  }
30165
30615
 
@@ -30611,8 +31061,8 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
30611
31061
  inset-block-start: 0;
30612
31062
  inset-inline-start: 0;
30613
31063
  max-inline-size: 16rem;
30614
- transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);
30615
- will-change: width;
31064
+ transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
31065
+ will-change: inline-size;
30616
31066
  }
30617
31067
 
30618
31068
  .cds--side-nav--ux {