carbon-components-angular 5.54.1 → 5.55.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 (151) hide show
  1. package/combobox/combobox.component.d.ts +7 -2
  2. package/docs/documentation/components/ComboBox.html +294 -211
  3. package/docs/documentation/coverage.html +3 -3
  4. package/docs/documentation/js/search/search_index.js +2 -2
  5. package/docs/documentation/modules/CodeSnippetModule/dependencies.svg +4 -4
  6. package/docs/documentation/modules/CodeSnippetModule.html +4 -4
  7. package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
  8. package/docs/documentation/modules/ComboBoxModule.html +4 -4
  9. package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +4 -4
  10. package/docs/documentation/modules/DatePickerInputModule.html +4 -4
  11. package/docs/documentation/modules/DatePickerModule/dependencies.svg +4 -4
  12. package/docs/documentation/modules/DatePickerModule.html +4 -4
  13. package/docs/documentation/modules/FileUploaderModule/dependencies.svg +34 -34
  14. package/docs/documentation/modules/FileUploaderModule.html +34 -34
  15. package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
  16. package/docs/documentation/modules/NFormsModule.html +4 -4
  17. package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
  18. package/docs/documentation/modules/NumberModule.html +4 -4
  19. package/docs/documentation/modules/RadioModule/dependencies.svg +57 -61
  20. package/docs/documentation/modules/RadioModule.html +57 -61
  21. package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
  22. package/docs/documentation/modules/SearchModule.html +4 -4
  23. package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
  24. package/docs/documentation/modules/SliderModule.html +4 -4
  25. package/docs/documentation/modules/StructuredListModule/dependencies.svg +66 -66
  26. package/docs/documentation/modules/StructuredListModule.html +66 -66
  27. package/docs/documentation/modules/TagModule/dependencies.svg +37 -37
  28. package/docs/documentation/modules/TagModule.html +37 -37
  29. package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
  30. package/docs/documentation/modules/ThemeModule.html +4 -4
  31. package/docs/documentation/modules/TimePickerModule/dependencies.svg +4 -4
  32. package/docs/documentation/modules/TimePickerModule.html +4 -4
  33. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +45 -49
  34. package/docs/documentation/modules/TimePickerSelectModule.html +45 -49
  35. package/docs/documentation/modules/ToggleModule/dependencies.svg +38 -42
  36. package/docs/documentation/modules/ToggleModule.html +38 -42
  37. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  38. package/docs/documentation/modules/ToggletipModule.html +4 -4
  39. package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
  40. package/docs/documentation/modules/TooltipModule.html +4 -4
  41. package/docs/documentation/modules/TreeviewModule/dependencies.svg +38 -38
  42. package/docs/documentation/modules/TreeviewModule.html +38 -38
  43. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  44. package/docs/documentation/modules/UIShellModule.html +4 -4
  45. package/docs/documentation.json +166 -125
  46. package/docs/storybook/combobox-combobox-stories.6da5780e.iframe.bundle.js +1 -0
  47. package/docs/storybook/iframe.html +2 -2
  48. package/docs/storybook/index.json +1 -1
  49. package/docs/storybook/main.css +886 -187
  50. package/docs/storybook/main.fd9128ab.iframe.bundle.js +1 -0
  51. package/docs/storybook/project.json +1 -1
  52. package/docs/storybook/{runtime~main.ba940694.iframe.bundle.js → runtime~main.d4ace00c.iframe.bundle.js} +1 -1
  53. package/docs/storybook/stories.json +1 -1
  54. package/esm2020/combobox/combobox.component.mjs +38 -14
  55. package/fesm2015/carbon-components-angular-combobox.mjs +37 -13
  56. package/fesm2015/carbon-components-angular-combobox.mjs.map +1 -1
  57. package/fesm2020/carbon-components-angular-combobox.mjs +37 -13
  58. package/fesm2020/carbon-components-angular-combobox.mjs.map +1 -1
  59. package/package.json +1 -1
  60. package/docs/storybook/IBMPlexMono-Italic-Cyrillic.woff +0 -0
  61. package/docs/storybook/IBMPlexMono-Italic-Latin1.woff +0 -0
  62. package/docs/storybook/IBMPlexMono-Italic-Latin2.woff +0 -0
  63. package/docs/storybook/IBMPlexMono-Italic-Latin3.woff +0 -0
  64. package/docs/storybook/IBMPlexMono-Italic-Pi.woff +0 -0
  65. package/docs/storybook/IBMPlexMono-Light-Cyrillic.woff +0 -0
  66. package/docs/storybook/IBMPlexMono-Light-Latin1.woff +0 -0
  67. package/docs/storybook/IBMPlexMono-Light-Latin2.woff +0 -0
  68. package/docs/storybook/IBMPlexMono-Light-Latin3.woff +0 -0
  69. package/docs/storybook/IBMPlexMono-Light-Pi.woff +0 -0
  70. package/docs/storybook/IBMPlexMono-LightItalic-Cyrillic.woff +0 -0
  71. package/docs/storybook/IBMPlexMono-LightItalic-Latin1.woff +0 -0
  72. package/docs/storybook/IBMPlexMono-LightItalic-Latin2.woff +0 -0
  73. package/docs/storybook/IBMPlexMono-LightItalic-Latin3.woff +0 -0
  74. package/docs/storybook/IBMPlexMono-LightItalic-Pi.woff +0 -0
  75. package/docs/storybook/IBMPlexMono-Regular-Cyrillic.woff +0 -0
  76. package/docs/storybook/IBMPlexMono-Regular-Latin1.woff +0 -0
  77. package/docs/storybook/IBMPlexMono-Regular-Latin2.woff +0 -0
  78. package/docs/storybook/IBMPlexMono-Regular-Latin3.woff +0 -0
  79. package/docs/storybook/IBMPlexMono-Regular-Pi.woff +0 -0
  80. package/docs/storybook/IBMPlexMono-SemiBold-Cyrillic.woff +0 -0
  81. package/docs/storybook/IBMPlexMono-SemiBold-Latin1.woff +0 -0
  82. package/docs/storybook/IBMPlexMono-SemiBold-Latin2.woff +0 -0
  83. package/docs/storybook/IBMPlexMono-SemiBold-Latin3.woff +0 -0
  84. package/docs/storybook/IBMPlexMono-SemiBold-Pi.woff +0 -0
  85. package/docs/storybook/IBMPlexMono-SemiBoldItalic-Cyrillic.woff +0 -0
  86. package/docs/storybook/IBMPlexMono-SemiBoldItalic-Latin1.woff +0 -0
  87. package/docs/storybook/IBMPlexMono-SemiBoldItalic-Latin2.woff +0 -0
  88. package/docs/storybook/IBMPlexMono-SemiBoldItalic-Latin3.woff +0 -0
  89. package/docs/storybook/IBMPlexMono-SemiBoldItalic-Pi.woff +0 -0
  90. package/docs/storybook/IBMPlexSans-Italic-Cyrillic.woff +0 -0
  91. package/docs/storybook/IBMPlexSans-Italic-Latin1.woff +0 -0
  92. package/docs/storybook/IBMPlexSans-Italic-Latin2.woff +0 -0
  93. package/docs/storybook/IBMPlexSans-Italic-Latin3.woff +0 -0
  94. package/docs/storybook/IBMPlexSans-Italic-Pi.woff +0 -0
  95. package/docs/storybook/IBMPlexSans-Light-Cyrillic.woff +0 -0
  96. package/docs/storybook/IBMPlexSans-Light-Latin1.woff +0 -0
  97. package/docs/storybook/IBMPlexSans-Light-Latin2.woff +0 -0
  98. package/docs/storybook/IBMPlexSans-Light-Latin3.woff +0 -0
  99. package/docs/storybook/IBMPlexSans-Light-Pi.woff +0 -0
  100. package/docs/storybook/IBMPlexSans-LightItalic-Cyrillic.woff +0 -0
  101. package/docs/storybook/IBMPlexSans-LightItalic-Latin1.woff +0 -0
  102. package/docs/storybook/IBMPlexSans-LightItalic-Latin2.woff +0 -0
  103. package/docs/storybook/IBMPlexSans-LightItalic-Latin3.woff +0 -0
  104. package/docs/storybook/IBMPlexSans-LightItalic-Pi.woff +0 -0
  105. package/docs/storybook/IBMPlexSans-Regular-Cyrillic.woff +0 -0
  106. package/docs/storybook/IBMPlexSans-Regular-Latin1.woff +0 -0
  107. package/docs/storybook/IBMPlexSans-Regular-Latin2.woff +0 -0
  108. package/docs/storybook/IBMPlexSans-Regular-Latin3.woff +0 -0
  109. package/docs/storybook/IBMPlexSans-Regular-Pi.woff +0 -0
  110. package/docs/storybook/IBMPlexSans-SemiBold-Cyrillic.woff +0 -0
  111. package/docs/storybook/IBMPlexSans-SemiBold-Latin1.woff +0 -0
  112. package/docs/storybook/IBMPlexSans-SemiBold-Latin2.woff +0 -0
  113. package/docs/storybook/IBMPlexSans-SemiBold-Latin3.woff +0 -0
  114. package/docs/storybook/IBMPlexSans-SemiBold-Pi.woff +0 -0
  115. package/docs/storybook/IBMPlexSans-SemiBoldItalic-Cyrillic.woff +0 -0
  116. package/docs/storybook/IBMPlexSans-SemiBoldItalic-Latin1.woff +0 -0
  117. package/docs/storybook/IBMPlexSans-SemiBoldItalic-Latin2.woff +0 -0
  118. package/docs/storybook/IBMPlexSans-SemiBoldItalic-Latin3.woff +0 -0
  119. package/docs/storybook/IBMPlexSans-SemiBoldItalic-Pi.woff +0 -0
  120. package/docs/storybook/IBMPlexSerif-Italic-Cyrillic.woff +0 -0
  121. package/docs/storybook/IBMPlexSerif-Italic-Latin1.woff +0 -0
  122. package/docs/storybook/IBMPlexSerif-Italic-Latin2.woff +0 -0
  123. package/docs/storybook/IBMPlexSerif-Italic-Latin3.woff +0 -0
  124. package/docs/storybook/IBMPlexSerif-Italic-Pi.woff +0 -0
  125. package/docs/storybook/IBMPlexSerif-Light-Cyrillic.woff +0 -0
  126. package/docs/storybook/IBMPlexSerif-Light-Latin1.woff +0 -0
  127. package/docs/storybook/IBMPlexSerif-Light-Latin2.woff +0 -0
  128. package/docs/storybook/IBMPlexSerif-Light-Latin3.woff +0 -0
  129. package/docs/storybook/IBMPlexSerif-Light-Pi.woff +0 -0
  130. package/docs/storybook/IBMPlexSerif-LightItalic-Cyrillic.woff +0 -0
  131. package/docs/storybook/IBMPlexSerif-LightItalic-Latin1.woff +0 -0
  132. package/docs/storybook/IBMPlexSerif-LightItalic-Latin2.woff +0 -0
  133. package/docs/storybook/IBMPlexSerif-LightItalic-Latin3.woff +0 -0
  134. package/docs/storybook/IBMPlexSerif-LightItalic-Pi.woff +0 -0
  135. package/docs/storybook/IBMPlexSerif-Regular-Cyrillic.woff +0 -0
  136. package/docs/storybook/IBMPlexSerif-Regular-Latin1.woff +0 -0
  137. package/docs/storybook/IBMPlexSerif-Regular-Latin2.woff +0 -0
  138. package/docs/storybook/IBMPlexSerif-Regular-Latin3.woff +0 -0
  139. package/docs/storybook/IBMPlexSerif-Regular-Pi.woff +0 -0
  140. package/docs/storybook/IBMPlexSerif-SemiBold-Cyrillic.woff +0 -0
  141. package/docs/storybook/IBMPlexSerif-SemiBold-Latin1.woff +0 -0
  142. package/docs/storybook/IBMPlexSerif-SemiBold-Latin2.woff +0 -0
  143. package/docs/storybook/IBMPlexSerif-SemiBold-Latin3.woff +0 -0
  144. package/docs/storybook/IBMPlexSerif-SemiBold-Pi.woff +0 -0
  145. package/docs/storybook/IBMPlexSerif-SemiBoldItalic-Cyrillic.woff +0 -0
  146. package/docs/storybook/IBMPlexSerif-SemiBoldItalic-Latin1.woff +0 -0
  147. package/docs/storybook/IBMPlexSerif-SemiBoldItalic-Latin2.woff +0 -0
  148. package/docs/storybook/IBMPlexSerif-SemiBoldItalic-Latin3.woff +0 -0
  149. package/docs/storybook/IBMPlexSerif-SemiBoldItalic-Pi.woff +0 -0
  150. package/docs/storybook/combobox-combobox-stories.632a96c1.iframe.bundle.js +0 -1
  151. package/docs/storybook/main.41f2a733.iframe.bundle.js +0 -1
@@ -84,6 +84,7 @@ video {
84
84
  border: 0;
85
85
  margin: 0;
86
86
  font: inherit;
87
+ font-feature-settings: "liga" 1;
87
88
  font-size: 100%;
88
89
  vertical-align: baseline;
89
90
  }
@@ -125,7 +126,6 @@ blockquote::before,
125
126
  blockquote::after,
126
127
  q::before,
127
128
  q::after {
128
- content: "";
129
129
  content: none;
130
130
  }
131
131
  table {
@@ -214,7 +214,7 @@ em {
214
214
  font-family: "IBM Plex Mono";
215
215
  font-style: normal;
216
216
  font-weight: 300;
217
- src: url('IBMPlexMono-Light-Cyrillic.woff2') format("woff2"), url('IBMPlexMono-Light-Cyrillic.woff') format("woff");
217
+ src: url('IBMPlexMono-Light-Cyrillic.woff2') format("woff2");
218
218
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
219
219
  }
220
220
  @font-face {
@@ -222,7 +222,7 @@ em {
222
222
  font-family: "IBM Plex Mono";
223
223
  font-style: normal;
224
224
  font-weight: 300;
225
- src: url('IBMPlexMono-Light-Pi.woff2') format("woff2"), url('IBMPlexMono-Light-Pi.woff') format("woff");
225
+ src: url('IBMPlexMono-Light-Pi.woff2') format("woff2");
226
226
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
227
227
  }
228
228
  @font-face {
@@ -230,7 +230,7 @@ em {
230
230
  font-family: "IBM Plex Mono";
231
231
  font-style: normal;
232
232
  font-weight: 300;
233
- src: url('IBMPlexMono-Light-Latin3.woff2') format("woff2"), url('IBMPlexMono-Light-Latin3.woff') format("woff");
233
+ src: url('IBMPlexMono-Light-Latin3.woff2') format("woff2");
234
234
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
235
235
  }
236
236
  @font-face {
@@ -238,7 +238,7 @@ em {
238
238
  font-family: "IBM Plex Mono";
239
239
  font-style: normal;
240
240
  font-weight: 300;
241
- src: url('IBMPlexMono-Light-Latin2.woff2') format("woff2"), url('IBMPlexMono-Light-Latin2.woff') format("woff");
241
+ src: url('IBMPlexMono-Light-Latin2.woff2') format("woff2");
242
242
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
243
243
  }
244
244
  @font-face {
@@ -246,7 +246,7 @@ em {
246
246
  font-family: "IBM Plex Mono";
247
247
  font-style: normal;
248
248
  font-weight: 300;
249
- src: url('IBMPlexMono-Light-Latin1.woff2') format("woff2"), url('IBMPlexMono-Light-Latin1.woff') format("woff");
249
+ src: url('IBMPlexMono-Light-Latin1.woff2') format("woff2");
250
250
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
251
251
  }
252
252
  @font-face {
@@ -254,7 +254,7 @@ em {
254
254
  font-family: "IBM Plex Mono";
255
255
  font-style: italic;
256
256
  font-weight: 300;
257
- src: url('IBMPlexMono-LightItalic-Cyrillic.woff2') format("woff2"), url('IBMPlexMono-LightItalic-Cyrillic.woff') format("woff");
257
+ src: url('IBMPlexMono-LightItalic-Cyrillic.woff2') format("woff2");
258
258
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
259
259
  }
260
260
  @font-face {
@@ -262,7 +262,7 @@ em {
262
262
  font-family: "IBM Plex Mono";
263
263
  font-style: italic;
264
264
  font-weight: 300;
265
- src: url('IBMPlexMono-LightItalic-Pi.woff2') format("woff2"), url('IBMPlexMono-LightItalic-Pi.woff') format("woff");
265
+ src: url('IBMPlexMono-LightItalic-Pi.woff2') format("woff2");
266
266
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
267
267
  }
268
268
  @font-face {
@@ -270,7 +270,7 @@ em {
270
270
  font-family: "IBM Plex Mono";
271
271
  font-style: italic;
272
272
  font-weight: 300;
273
- src: url('IBMPlexMono-LightItalic-Latin3.woff2') format("woff2"), url('IBMPlexMono-LightItalic-Latin3.woff') format("woff");
273
+ src: url('IBMPlexMono-LightItalic-Latin3.woff2') format("woff2");
274
274
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
275
275
  }
276
276
  @font-face {
@@ -278,7 +278,7 @@ em {
278
278
  font-family: "IBM Plex Mono";
279
279
  font-style: italic;
280
280
  font-weight: 300;
281
- src: url('IBMPlexMono-LightItalic-Latin2.woff2') format("woff2"), url('IBMPlexMono-LightItalic-Latin2.woff') format("woff");
281
+ src: url('IBMPlexMono-LightItalic-Latin2.woff2') format("woff2");
282
282
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
283
283
  }
284
284
  @font-face {
@@ -286,7 +286,7 @@ em {
286
286
  font-family: "IBM Plex Mono";
287
287
  font-style: italic;
288
288
  font-weight: 300;
289
- src: url('IBMPlexMono-LightItalic-Latin1.woff2') format("woff2"), url('IBMPlexMono-LightItalic-Latin1.woff') format("woff");
289
+ src: url('IBMPlexMono-LightItalic-Latin1.woff2') format("woff2");
290
290
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
291
291
  }
292
292
  @font-face {
@@ -294,7 +294,7 @@ em {
294
294
  font-family: "IBM Plex Mono";
295
295
  font-style: normal;
296
296
  font-weight: 400;
297
- src: url('IBMPlexMono-Regular-Cyrillic.woff2') format("woff2"), url('IBMPlexMono-Regular-Cyrillic.woff') format("woff");
297
+ src: url('IBMPlexMono-Regular-Cyrillic.woff2') format("woff2");
298
298
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
299
299
  }
300
300
  @font-face {
@@ -302,7 +302,7 @@ em {
302
302
  font-family: "IBM Plex Mono";
303
303
  font-style: normal;
304
304
  font-weight: 400;
305
- src: url('IBMPlexMono-Regular-Pi.woff2') format("woff2"), url('IBMPlexMono-Regular-Pi.woff') format("woff");
305
+ src: url('IBMPlexMono-Regular-Pi.woff2') format("woff2");
306
306
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
307
307
  }
308
308
  @font-face {
@@ -310,7 +310,7 @@ em {
310
310
  font-family: "IBM Plex Mono";
311
311
  font-style: normal;
312
312
  font-weight: 400;
313
- src: url('IBMPlexMono-Regular-Latin3.woff2') format("woff2"), url('IBMPlexMono-Regular-Latin3.woff') format("woff");
313
+ src: url('IBMPlexMono-Regular-Latin3.woff2') format("woff2");
314
314
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
315
315
  }
316
316
  @font-face {
@@ -318,7 +318,7 @@ em {
318
318
  font-family: "IBM Plex Mono";
319
319
  font-style: normal;
320
320
  font-weight: 400;
321
- src: url('IBMPlexMono-Regular-Latin2.woff2') format("woff2"), url('IBMPlexMono-Regular-Latin2.woff') format("woff");
321
+ src: url('IBMPlexMono-Regular-Latin2.woff2') format("woff2");
322
322
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
323
323
  }
324
324
  @font-face {
@@ -326,7 +326,7 @@ em {
326
326
  font-family: "IBM Plex Mono";
327
327
  font-style: normal;
328
328
  font-weight: 400;
329
- src: url('IBMPlexMono-Regular-Latin1.woff2') format("woff2"), url('IBMPlexMono-Regular-Latin1.woff') format("woff");
329
+ src: url('IBMPlexMono-Regular-Latin1.woff2') format("woff2");
330
330
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
331
331
  }
332
332
  @font-face {
@@ -334,7 +334,7 @@ em {
334
334
  font-family: "IBM Plex Mono";
335
335
  font-style: italic;
336
336
  font-weight: 400;
337
- src: url('IBMPlexMono-Italic-Cyrillic.woff2') format("woff2"), url('IBMPlexMono-Italic-Cyrillic.woff') format("woff");
337
+ src: url('IBMPlexMono-Italic-Cyrillic.woff2') format("woff2");
338
338
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
339
339
  }
340
340
  @font-face {
@@ -342,7 +342,7 @@ em {
342
342
  font-family: "IBM Plex Mono";
343
343
  font-style: italic;
344
344
  font-weight: 400;
345
- src: url('IBMPlexMono-Italic-Pi.woff2') format("woff2"), url('IBMPlexMono-Italic-Pi.woff') format("woff");
345
+ src: url('IBMPlexMono-Italic-Pi.woff2') format("woff2");
346
346
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
347
347
  }
348
348
  @font-face {
@@ -350,7 +350,7 @@ em {
350
350
  font-family: "IBM Plex Mono";
351
351
  font-style: italic;
352
352
  font-weight: 400;
353
- src: url('IBMPlexMono-Italic-Latin3.woff2') format("woff2"), url('IBMPlexMono-Italic-Latin3.woff') format("woff");
353
+ src: url('IBMPlexMono-Italic-Latin3.woff2') format("woff2");
354
354
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
355
355
  }
356
356
  @font-face {
@@ -358,7 +358,7 @@ em {
358
358
  font-family: "IBM Plex Mono";
359
359
  font-style: italic;
360
360
  font-weight: 400;
361
- src: url('IBMPlexMono-Italic-Latin2.woff2') format("woff2"), url('IBMPlexMono-Italic-Latin2.woff') format("woff");
361
+ src: url('IBMPlexMono-Italic-Latin2.woff2') format("woff2");
362
362
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
363
363
  }
364
364
  @font-face {
@@ -366,7 +366,7 @@ em {
366
366
  font-family: "IBM Plex Mono";
367
367
  font-style: italic;
368
368
  font-weight: 400;
369
- src: url('IBMPlexMono-Italic-Latin1.woff2') format("woff2"), url('IBMPlexMono-Italic-Latin1.woff') format("woff");
369
+ src: url('IBMPlexMono-Italic-Latin1.woff2') format("woff2");
370
370
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
371
371
  }
372
372
  @font-face {
@@ -374,7 +374,7 @@ em {
374
374
  font-family: "IBM Plex Mono";
375
375
  font-style: normal;
376
376
  font-weight: 600;
377
- src: url('IBMPlexMono-SemiBold-Cyrillic.woff2') format("woff2"), url('IBMPlexMono-SemiBold-Cyrillic.woff') format("woff");
377
+ src: url('IBMPlexMono-SemiBold-Cyrillic.woff2') format("woff2");
378
378
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
379
379
  }
380
380
  @font-face {
@@ -382,7 +382,7 @@ em {
382
382
  font-family: "IBM Plex Mono";
383
383
  font-style: normal;
384
384
  font-weight: 600;
385
- src: url('IBMPlexMono-SemiBold-Pi.woff2') format("woff2"), url('IBMPlexMono-SemiBold-Pi.woff') format("woff");
385
+ src: url('IBMPlexMono-SemiBold-Pi.woff2') format("woff2");
386
386
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
387
387
  }
388
388
  @font-face {
@@ -390,7 +390,7 @@ em {
390
390
  font-family: "IBM Plex Mono";
391
391
  font-style: normal;
392
392
  font-weight: 600;
393
- src: url('IBMPlexMono-SemiBold-Latin3.woff2') format("woff2"), url('IBMPlexMono-SemiBold-Latin3.woff') format("woff");
393
+ src: url('IBMPlexMono-SemiBold-Latin3.woff2') format("woff2");
394
394
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
395
395
  }
396
396
  @font-face {
@@ -398,7 +398,7 @@ em {
398
398
  font-family: "IBM Plex Mono";
399
399
  font-style: normal;
400
400
  font-weight: 600;
401
- src: url('IBMPlexMono-SemiBold-Latin2.woff2') format("woff2"), url('IBMPlexMono-SemiBold-Latin2.woff') format("woff");
401
+ src: url('IBMPlexMono-SemiBold-Latin2.woff2') format("woff2");
402
402
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
403
403
  }
404
404
  @font-face {
@@ -406,7 +406,7 @@ em {
406
406
  font-family: "IBM Plex Mono";
407
407
  font-style: normal;
408
408
  font-weight: 600;
409
- src: url('IBMPlexMono-SemiBold-Latin1.woff2') format("woff2"), url('IBMPlexMono-SemiBold-Latin1.woff') format("woff");
409
+ src: url('IBMPlexMono-SemiBold-Latin1.woff2') format("woff2");
410
410
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
411
411
  }
412
412
  @font-face {
@@ -414,7 +414,7 @@ em {
414
414
  font-family: "IBM Plex Mono";
415
415
  font-style: italic;
416
416
  font-weight: 600;
417
- src: url('IBMPlexMono-SemiBoldItalic-Cyrillic.woff2') format("woff2"), url('IBMPlexMono-SemiBoldItalic-Cyrillic.woff') format("woff");
417
+ src: url('IBMPlexMono-SemiBoldItalic-Cyrillic.woff2') format("woff2");
418
418
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
419
419
  }
420
420
  @font-face {
@@ -422,7 +422,7 @@ em {
422
422
  font-family: "IBM Plex Mono";
423
423
  font-style: italic;
424
424
  font-weight: 600;
425
- src: url('IBMPlexMono-SemiBoldItalic-Pi.woff2') format("woff2"), url('IBMPlexMono-SemiBoldItalic-Pi.woff') format("woff");
425
+ src: url('IBMPlexMono-SemiBoldItalic-Pi.woff2') format("woff2");
426
426
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
427
427
  }
428
428
  @font-face {
@@ -430,7 +430,7 @@ em {
430
430
  font-family: "IBM Plex Mono";
431
431
  font-style: italic;
432
432
  font-weight: 600;
433
- src: url('IBMPlexMono-SemiBoldItalic-Latin3.woff2') format("woff2"), url('IBMPlexMono-SemiBoldItalic-Latin3.woff') format("woff");
433
+ src: url('IBMPlexMono-SemiBoldItalic-Latin3.woff2') format("woff2");
434
434
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
435
435
  }
436
436
  @font-face {
@@ -438,7 +438,7 @@ em {
438
438
  font-family: "IBM Plex Mono";
439
439
  font-style: italic;
440
440
  font-weight: 600;
441
- src: url('IBMPlexMono-SemiBoldItalic-Latin2.woff2') format("woff2"), url('IBMPlexMono-SemiBoldItalic-Latin2.woff') format("woff");
441
+ src: url('IBMPlexMono-SemiBoldItalic-Latin2.woff2') format("woff2");
442
442
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
443
443
  }
444
444
  @font-face {
@@ -446,7 +446,7 @@ em {
446
446
  font-family: "IBM Plex Mono";
447
447
  font-style: italic;
448
448
  font-weight: 600;
449
- src: url('IBMPlexMono-SemiBoldItalic-Latin1.woff2') format("woff2"), url('IBMPlexMono-SemiBoldItalic-Latin1.woff') format("woff");
449
+ src: url('IBMPlexMono-SemiBoldItalic-Latin1.woff2') format("woff2");
450
450
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
451
451
  }
452
452
  @font-face {
@@ -454,7 +454,7 @@ em {
454
454
  font-family: "IBM Plex Sans";
455
455
  font-style: normal;
456
456
  font-weight: 300;
457
- src: url('IBMPlexSans-Light-Cyrillic.woff2') format("woff2"), url('IBMPlexSans-Light-Cyrillic.woff') format("woff");
457
+ src: url('IBMPlexSans-Light-Cyrillic.woff2') format("woff2");
458
458
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
459
459
  }
460
460
  @font-face {
@@ -462,7 +462,7 @@ em {
462
462
  font-family: "IBM Plex Sans";
463
463
  font-style: normal;
464
464
  font-weight: 300;
465
- src: url('IBMPlexSans-Light-Pi.woff2') format("woff2"), url('IBMPlexSans-Light-Pi.woff') format("woff");
465
+ src: url('IBMPlexSans-Light-Pi.woff2') format("woff2");
466
466
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
467
467
  }
468
468
  @font-face {
@@ -470,7 +470,7 @@ em {
470
470
  font-family: "IBM Plex Sans";
471
471
  font-style: normal;
472
472
  font-weight: 300;
473
- src: url('IBMPlexSans-Light-Latin3.woff2') format("woff2"), url('IBMPlexSans-Light-Latin3.woff') format("woff");
473
+ src: url('IBMPlexSans-Light-Latin3.woff2') format("woff2");
474
474
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
475
475
  }
476
476
  @font-face {
@@ -478,7 +478,7 @@ em {
478
478
  font-family: "IBM Plex Sans";
479
479
  font-style: normal;
480
480
  font-weight: 300;
481
- src: url('IBMPlexSans-Light-Latin2.woff2') format("woff2"), url('IBMPlexSans-Light-Latin2.woff') format("woff");
481
+ src: url('IBMPlexSans-Light-Latin2.woff2') format("woff2");
482
482
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
483
483
  }
484
484
  @font-face {
@@ -486,7 +486,7 @@ em {
486
486
  font-family: "IBM Plex Sans";
487
487
  font-style: normal;
488
488
  font-weight: 300;
489
- src: url('IBMPlexSans-Light-Latin1.woff2') format("woff2"), url('IBMPlexSans-Light-Latin1.woff') format("woff");
489
+ src: url('IBMPlexSans-Light-Latin1.woff2') format("woff2");
490
490
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
491
491
  }
492
492
  @font-face {
@@ -494,7 +494,7 @@ em {
494
494
  font-family: "IBM Plex Sans";
495
495
  font-style: italic;
496
496
  font-weight: 300;
497
- src: url('IBMPlexSans-LightItalic-Cyrillic.woff2') format("woff2"), url('IBMPlexSans-LightItalic-Cyrillic.woff') format("woff");
497
+ src: url('IBMPlexSans-LightItalic-Cyrillic.woff2') format("woff2");
498
498
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
499
499
  }
500
500
  @font-face {
@@ -502,7 +502,7 @@ em {
502
502
  font-family: "IBM Plex Sans";
503
503
  font-style: italic;
504
504
  font-weight: 300;
505
- src: url('IBMPlexSans-LightItalic-Pi.woff2') format("woff2"), url('IBMPlexSans-LightItalic-Pi.woff') format("woff");
505
+ src: url('IBMPlexSans-LightItalic-Pi.woff2') format("woff2");
506
506
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
507
507
  }
508
508
  @font-face {
@@ -510,7 +510,7 @@ em {
510
510
  font-family: "IBM Plex Sans";
511
511
  font-style: italic;
512
512
  font-weight: 300;
513
- src: url('IBMPlexSans-LightItalic-Latin3.woff2') format("woff2"), url('IBMPlexSans-LightItalic-Latin3.woff') format("woff");
513
+ src: url('IBMPlexSans-LightItalic-Latin3.woff2') format("woff2");
514
514
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
515
515
  }
516
516
  @font-face {
@@ -518,7 +518,7 @@ em {
518
518
  font-family: "IBM Plex Sans";
519
519
  font-style: italic;
520
520
  font-weight: 300;
521
- src: url('IBMPlexSans-LightItalic-Latin2.woff2') format("woff2"), url('IBMPlexSans-LightItalic-Latin2.woff') format("woff");
521
+ src: url('IBMPlexSans-LightItalic-Latin2.woff2') format("woff2");
522
522
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
523
523
  }
524
524
  @font-face {
@@ -526,7 +526,7 @@ em {
526
526
  font-family: "IBM Plex Sans";
527
527
  font-style: italic;
528
528
  font-weight: 300;
529
- src: url('IBMPlexSans-LightItalic-Latin1.woff2') format("woff2"), url('IBMPlexSans-LightItalic-Latin1.woff') format("woff");
529
+ src: url('IBMPlexSans-LightItalic-Latin1.woff2') format("woff2");
530
530
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
531
531
  }
532
532
  @font-face {
@@ -534,7 +534,7 @@ em {
534
534
  font-family: "IBM Plex Sans";
535
535
  font-style: normal;
536
536
  font-weight: 400;
537
- src: url('IBMPlexSans-Regular-Cyrillic.woff2') format("woff2"), url('IBMPlexSans-Regular-Cyrillic.woff') format("woff");
537
+ src: url('IBMPlexSans-Regular-Cyrillic.woff2') format("woff2");
538
538
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
539
539
  }
540
540
  @font-face {
@@ -542,7 +542,7 @@ em {
542
542
  font-family: "IBM Plex Sans";
543
543
  font-style: normal;
544
544
  font-weight: 400;
545
- src: url('IBMPlexSans-Regular-Pi.woff2') format("woff2"), url('IBMPlexSans-Regular-Pi.woff') format("woff");
545
+ src: url('IBMPlexSans-Regular-Pi.woff2') format("woff2");
546
546
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
547
547
  }
548
548
  @font-face {
@@ -550,7 +550,7 @@ em {
550
550
  font-family: "IBM Plex Sans";
551
551
  font-style: normal;
552
552
  font-weight: 400;
553
- src: url('IBMPlexSans-Regular-Latin3.woff2') format("woff2"), url('IBMPlexSans-Regular-Latin3.woff') format("woff");
553
+ src: url('IBMPlexSans-Regular-Latin3.woff2') format("woff2");
554
554
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
555
555
  }
556
556
  @font-face {
@@ -558,7 +558,7 @@ em {
558
558
  font-family: "IBM Plex Sans";
559
559
  font-style: normal;
560
560
  font-weight: 400;
561
- src: url('IBMPlexSans-Regular-Latin2.woff2') format("woff2"), url('IBMPlexSans-Regular-Latin2.woff') format("woff");
561
+ src: url('IBMPlexSans-Regular-Latin2.woff2') format("woff2");
562
562
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
563
563
  }
564
564
  @font-face {
@@ -566,7 +566,7 @@ em {
566
566
  font-family: "IBM Plex Sans";
567
567
  font-style: normal;
568
568
  font-weight: 400;
569
- src: url('IBMPlexSans-Regular-Latin1.woff2') format("woff2"), url('IBMPlexSans-Regular-Latin1.woff') format("woff");
569
+ src: url('IBMPlexSans-Regular-Latin1.woff2') format("woff2");
570
570
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
571
571
  }
572
572
  @font-face {
@@ -574,7 +574,7 @@ em {
574
574
  font-family: "IBM Plex Sans";
575
575
  font-style: italic;
576
576
  font-weight: 400;
577
- src: url('IBMPlexSans-Italic-Cyrillic.woff2') format("woff2"), url('IBMPlexSans-Italic-Cyrillic.woff') format("woff");
577
+ src: url('IBMPlexSans-Italic-Cyrillic.woff2') format("woff2");
578
578
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
579
579
  }
580
580
  @font-face {
@@ -582,7 +582,7 @@ em {
582
582
  font-family: "IBM Plex Sans";
583
583
  font-style: italic;
584
584
  font-weight: 400;
585
- src: url('IBMPlexSans-Italic-Pi.woff2') format("woff2"), url('IBMPlexSans-Italic-Pi.woff') format("woff");
585
+ src: url('IBMPlexSans-Italic-Pi.woff2') format("woff2");
586
586
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
587
587
  }
588
588
  @font-face {
@@ -590,7 +590,7 @@ em {
590
590
  font-family: "IBM Plex Sans";
591
591
  font-style: italic;
592
592
  font-weight: 400;
593
- src: url('IBMPlexSans-Italic-Latin3.woff2') format("woff2"), url('IBMPlexSans-Italic-Latin3.woff') format("woff");
593
+ src: url('IBMPlexSans-Italic-Latin3.woff2') format("woff2");
594
594
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
595
595
  }
596
596
  @font-face {
@@ -598,7 +598,7 @@ em {
598
598
  font-family: "IBM Plex Sans";
599
599
  font-style: italic;
600
600
  font-weight: 400;
601
- src: url('IBMPlexSans-Italic-Latin2.woff2') format("woff2"), url('IBMPlexSans-Italic-Latin2.woff') format("woff");
601
+ src: url('IBMPlexSans-Italic-Latin2.woff2') format("woff2");
602
602
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
603
603
  }
604
604
  @font-face {
@@ -606,7 +606,7 @@ em {
606
606
  font-family: "IBM Plex Sans";
607
607
  font-style: italic;
608
608
  font-weight: 400;
609
- src: url('IBMPlexSans-Italic-Latin1.woff2') format("woff2"), url('IBMPlexSans-Italic-Latin1.woff') format("woff");
609
+ src: url('IBMPlexSans-Italic-Latin1.woff2') format("woff2");
610
610
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
611
611
  }
612
612
  @font-face {
@@ -614,7 +614,7 @@ em {
614
614
  font-family: "IBM Plex Sans";
615
615
  font-style: normal;
616
616
  font-weight: 600;
617
- src: url('IBMPlexSans-SemiBold-Cyrillic.woff2') format("woff2"), url('IBMPlexSans-SemiBold-Cyrillic.woff') format("woff");
617
+ src: url('IBMPlexSans-SemiBold-Cyrillic.woff2') format("woff2");
618
618
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
619
619
  }
620
620
  @font-face {
@@ -622,7 +622,7 @@ em {
622
622
  font-family: "IBM Plex Sans";
623
623
  font-style: normal;
624
624
  font-weight: 600;
625
- src: url('IBMPlexSans-SemiBold-Pi.woff2') format("woff2"), url('IBMPlexSans-SemiBold-Pi.woff') format("woff");
625
+ src: url('IBMPlexSans-SemiBold-Pi.woff2') format("woff2");
626
626
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
627
627
  }
628
628
  @font-face {
@@ -630,7 +630,7 @@ em {
630
630
  font-family: "IBM Plex Sans";
631
631
  font-style: normal;
632
632
  font-weight: 600;
633
- src: url('IBMPlexSans-SemiBold-Latin3.woff2') format("woff2"), url('IBMPlexSans-SemiBold-Latin3.woff') format("woff");
633
+ src: url('IBMPlexSans-SemiBold-Latin3.woff2') format("woff2");
634
634
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
635
635
  }
636
636
  @font-face {
@@ -638,7 +638,7 @@ em {
638
638
  font-family: "IBM Plex Sans";
639
639
  font-style: normal;
640
640
  font-weight: 600;
641
- src: url('IBMPlexSans-SemiBold-Latin2.woff2') format("woff2"), url('IBMPlexSans-SemiBold-Latin2.woff') format("woff");
641
+ src: url('IBMPlexSans-SemiBold-Latin2.woff2') format("woff2");
642
642
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
643
643
  }
644
644
  @font-face {
@@ -646,7 +646,7 @@ em {
646
646
  font-family: "IBM Plex Sans";
647
647
  font-style: normal;
648
648
  font-weight: 600;
649
- src: url('IBMPlexSans-SemiBold-Latin1.woff2') format("woff2"), url('IBMPlexSans-SemiBold-Latin1.woff') format("woff");
649
+ src: url('IBMPlexSans-SemiBold-Latin1.woff2') format("woff2");
650
650
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
651
651
  }
652
652
  @font-face {
@@ -654,7 +654,7 @@ em {
654
654
  font-family: "IBM Plex Sans";
655
655
  font-style: italic;
656
656
  font-weight: 600;
657
- src: url('IBMPlexSans-SemiBoldItalic-Cyrillic.woff2') format("woff2"), url('IBMPlexSans-SemiBoldItalic-Cyrillic.woff') format("woff");
657
+ src: url('IBMPlexSans-SemiBoldItalic-Cyrillic.woff2') format("woff2");
658
658
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
659
659
  }
660
660
  @font-face {
@@ -662,7 +662,7 @@ em {
662
662
  font-family: "IBM Plex Sans";
663
663
  font-style: italic;
664
664
  font-weight: 600;
665
- src: url('IBMPlexSans-SemiBoldItalic-Pi.woff2') format("woff2"), url('IBMPlexSans-SemiBoldItalic-Pi.woff') format("woff");
665
+ src: url('IBMPlexSans-SemiBoldItalic-Pi.woff2') format("woff2");
666
666
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
667
667
  }
668
668
  @font-face {
@@ -670,7 +670,7 @@ em {
670
670
  font-family: "IBM Plex Sans";
671
671
  font-style: italic;
672
672
  font-weight: 600;
673
- src: url('IBMPlexSans-SemiBoldItalic-Latin3.woff2') format("woff2"), url('IBMPlexSans-SemiBoldItalic-Latin3.woff') format("woff");
673
+ src: url('IBMPlexSans-SemiBoldItalic-Latin3.woff2') format("woff2");
674
674
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
675
675
  }
676
676
  @font-face {
@@ -678,7 +678,7 @@ em {
678
678
  font-family: "IBM Plex Sans";
679
679
  font-style: italic;
680
680
  font-weight: 600;
681
- src: url('IBMPlexSans-SemiBoldItalic-Latin2.woff2') format("woff2"), url('IBMPlexSans-SemiBoldItalic-Latin2.woff') format("woff");
681
+ src: url('IBMPlexSans-SemiBoldItalic-Latin2.woff2') format("woff2");
682
682
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
683
683
  }
684
684
  @font-face {
@@ -686,7 +686,7 @@ em {
686
686
  font-family: "IBM Plex Sans";
687
687
  font-style: italic;
688
688
  font-weight: 600;
689
- src: url('IBMPlexSans-SemiBoldItalic-Latin1.woff2') format("woff2"), url('IBMPlexSans-SemiBoldItalic-Latin1.woff') format("woff");
689
+ src: url('IBMPlexSans-SemiBoldItalic-Latin1.woff2') format("woff2");
690
690
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
691
691
  }
692
692
  @font-face {
@@ -694,7 +694,7 @@ em {
694
694
  font-family: "IBM Plex Serif";
695
695
  font-style: normal;
696
696
  font-weight: 300;
697
- src: url('IBMPlexSerif-Light-Cyrillic.woff2') format("woff2"), url('IBMPlexSerif-Light-Cyrillic.woff') format("woff");
697
+ src: url('IBMPlexSerif-Light-Cyrillic.woff2') format("woff2");
698
698
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
699
699
  }
700
700
  @font-face {
@@ -702,7 +702,7 @@ em {
702
702
  font-family: "IBM Plex Serif";
703
703
  font-style: normal;
704
704
  font-weight: 300;
705
- src: url('IBMPlexSerif-Light-Pi.woff2') format("woff2"), url('IBMPlexSerif-Light-Pi.woff') format("woff");
705
+ src: url('IBMPlexSerif-Light-Pi.woff2') format("woff2");
706
706
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
707
707
  }
708
708
  @font-face {
@@ -710,7 +710,7 @@ em {
710
710
  font-family: "IBM Plex Serif";
711
711
  font-style: normal;
712
712
  font-weight: 300;
713
- src: url('IBMPlexSerif-Light-Latin3.woff2') format("woff2"), url('IBMPlexSerif-Light-Latin3.woff') format("woff");
713
+ src: url('IBMPlexSerif-Light-Latin3.woff2') format("woff2");
714
714
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
715
715
  }
716
716
  @font-face {
@@ -718,7 +718,7 @@ em {
718
718
  font-family: "IBM Plex Serif";
719
719
  font-style: normal;
720
720
  font-weight: 300;
721
- src: url('IBMPlexSerif-Light-Latin2.woff2') format("woff2"), url('IBMPlexSerif-Light-Latin2.woff') format("woff");
721
+ src: url('IBMPlexSerif-Light-Latin2.woff2') format("woff2");
722
722
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
723
723
  }
724
724
  @font-face {
@@ -726,7 +726,7 @@ em {
726
726
  font-family: "IBM Plex Serif";
727
727
  font-style: normal;
728
728
  font-weight: 300;
729
- src: url('IBMPlexSerif-Light-Latin1.woff2') format("woff2"), url('IBMPlexSerif-Light-Latin1.woff') format("woff");
729
+ src: url('IBMPlexSerif-Light-Latin1.woff2') format("woff2");
730
730
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
731
731
  }
732
732
  @font-face {
@@ -734,7 +734,7 @@ em {
734
734
  font-family: "IBM Plex Serif";
735
735
  font-style: italic;
736
736
  font-weight: 300;
737
- src: url('IBMPlexSerif-LightItalic-Cyrillic.woff2') format("woff2"), url('IBMPlexSerif-LightItalic-Cyrillic.woff') format("woff");
737
+ src: url('IBMPlexSerif-LightItalic-Cyrillic.woff2') format("woff2");
738
738
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
739
739
  }
740
740
  @font-face {
@@ -742,7 +742,7 @@ em {
742
742
  font-family: "IBM Plex Serif";
743
743
  font-style: italic;
744
744
  font-weight: 300;
745
- src: url('IBMPlexSerif-LightItalic-Pi.woff2') format("woff2"), url('IBMPlexSerif-LightItalic-Pi.woff') format("woff");
745
+ src: url('IBMPlexSerif-LightItalic-Pi.woff2') format("woff2");
746
746
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
747
747
  }
748
748
  @font-face {
@@ -750,7 +750,7 @@ em {
750
750
  font-family: "IBM Plex Serif";
751
751
  font-style: italic;
752
752
  font-weight: 300;
753
- src: url('IBMPlexSerif-LightItalic-Latin3.woff2') format("woff2"), url('IBMPlexSerif-LightItalic-Latin3.woff') format("woff");
753
+ src: url('IBMPlexSerif-LightItalic-Latin3.woff2') format("woff2");
754
754
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
755
755
  }
756
756
  @font-face {
@@ -758,7 +758,7 @@ em {
758
758
  font-family: "IBM Plex Serif";
759
759
  font-style: italic;
760
760
  font-weight: 300;
761
- src: url('IBMPlexSerif-LightItalic-Latin2.woff2') format("woff2"), url('IBMPlexSerif-LightItalic-Latin2.woff') format("woff");
761
+ src: url('IBMPlexSerif-LightItalic-Latin2.woff2') format("woff2");
762
762
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
763
763
  }
764
764
  @font-face {
@@ -766,7 +766,7 @@ em {
766
766
  font-family: "IBM Plex Serif";
767
767
  font-style: italic;
768
768
  font-weight: 300;
769
- src: url('IBMPlexSerif-LightItalic-Latin1.woff2') format("woff2"), url('IBMPlexSerif-LightItalic-Latin1.woff') format("woff");
769
+ src: url('IBMPlexSerif-LightItalic-Latin1.woff2') format("woff2");
770
770
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
771
771
  }
772
772
  @font-face {
@@ -774,7 +774,7 @@ em {
774
774
  font-family: "IBM Plex Serif";
775
775
  font-style: normal;
776
776
  font-weight: 400;
777
- src: url('IBMPlexSerif-Regular-Cyrillic.woff2') format("woff2"), url('IBMPlexSerif-Regular-Cyrillic.woff') format("woff");
777
+ src: url('IBMPlexSerif-Regular-Cyrillic.woff2') format("woff2");
778
778
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
779
779
  }
780
780
  @font-face {
@@ -782,7 +782,7 @@ em {
782
782
  font-family: "IBM Plex Serif";
783
783
  font-style: normal;
784
784
  font-weight: 400;
785
- src: url('IBMPlexSerif-Regular-Pi.woff2') format("woff2"), url('IBMPlexSerif-Regular-Pi.woff') format("woff");
785
+ src: url('IBMPlexSerif-Regular-Pi.woff2') format("woff2");
786
786
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
787
787
  }
788
788
  @font-face {
@@ -790,7 +790,7 @@ em {
790
790
  font-family: "IBM Plex Serif";
791
791
  font-style: normal;
792
792
  font-weight: 400;
793
- src: url('IBMPlexSerif-Regular-Latin3.woff2') format("woff2"), url('IBMPlexSerif-Regular-Latin3.woff') format("woff");
793
+ src: url('IBMPlexSerif-Regular-Latin3.woff2') format("woff2");
794
794
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
795
795
  }
796
796
  @font-face {
@@ -798,7 +798,7 @@ em {
798
798
  font-family: "IBM Plex Serif";
799
799
  font-style: normal;
800
800
  font-weight: 400;
801
- src: url('IBMPlexSerif-Regular-Latin2.woff2') format("woff2"), url('IBMPlexSerif-Regular-Latin2.woff') format("woff");
801
+ src: url('IBMPlexSerif-Regular-Latin2.woff2') format("woff2");
802
802
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
803
803
  }
804
804
  @font-face {
@@ -806,7 +806,7 @@ em {
806
806
  font-family: "IBM Plex Serif";
807
807
  font-style: normal;
808
808
  font-weight: 400;
809
- src: url('IBMPlexSerif-Regular-Latin1.woff2') format("woff2"), url('IBMPlexSerif-Regular-Latin1.woff') format("woff");
809
+ src: url('IBMPlexSerif-Regular-Latin1.woff2') format("woff2");
810
810
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
811
811
  }
812
812
  @font-face {
@@ -814,7 +814,7 @@ em {
814
814
  font-family: "IBM Plex Serif";
815
815
  font-style: italic;
816
816
  font-weight: 400;
817
- src: url('IBMPlexSerif-Italic-Cyrillic.woff2') format("woff2"), url('IBMPlexSerif-Italic-Cyrillic.woff') format("woff");
817
+ src: url('IBMPlexSerif-Italic-Cyrillic.woff2') format("woff2");
818
818
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
819
819
  }
820
820
  @font-face {
@@ -822,7 +822,7 @@ em {
822
822
  font-family: "IBM Plex Serif";
823
823
  font-style: italic;
824
824
  font-weight: 400;
825
- src: url('IBMPlexSerif-Italic-Pi.woff2') format("woff2"), url('IBMPlexSerif-Italic-Pi.woff') format("woff");
825
+ src: url('IBMPlexSerif-Italic-Pi.woff2') format("woff2");
826
826
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
827
827
  }
828
828
  @font-face {
@@ -830,7 +830,7 @@ em {
830
830
  font-family: "IBM Plex Serif";
831
831
  font-style: italic;
832
832
  font-weight: 400;
833
- src: url('IBMPlexSerif-Italic-Latin3.woff2') format("woff2"), url('IBMPlexSerif-Italic-Latin3.woff') format("woff");
833
+ src: url('IBMPlexSerif-Italic-Latin3.woff2') format("woff2");
834
834
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
835
835
  }
836
836
  @font-face {
@@ -838,7 +838,7 @@ em {
838
838
  font-family: "IBM Plex Serif";
839
839
  font-style: italic;
840
840
  font-weight: 400;
841
- src: url('IBMPlexSerif-Italic-Latin2.woff2') format("woff2"), url('IBMPlexSerif-Italic-Latin2.woff') format("woff");
841
+ src: url('IBMPlexSerif-Italic-Latin2.woff2') format("woff2");
842
842
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
843
843
  }
844
844
  @font-face {
@@ -846,7 +846,7 @@ em {
846
846
  font-family: "IBM Plex Serif";
847
847
  font-style: italic;
848
848
  font-weight: 400;
849
- src: url('IBMPlexSerif-Italic-Latin1.woff2') format("woff2"), url('IBMPlexSerif-Italic-Latin1.woff') format("woff");
849
+ src: url('IBMPlexSerif-Italic-Latin1.woff2') format("woff2");
850
850
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
851
851
  }
852
852
  @font-face {
@@ -854,7 +854,7 @@ em {
854
854
  font-family: "IBM Plex Serif";
855
855
  font-style: normal;
856
856
  font-weight: 600;
857
- src: url('IBMPlexSerif-SemiBold-Cyrillic.woff2') format("woff2"), url('IBMPlexSerif-SemiBold-Cyrillic.woff') format("woff");
857
+ src: url('IBMPlexSerif-SemiBold-Cyrillic.woff2') format("woff2");
858
858
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
859
859
  }
860
860
  @font-face {
@@ -862,7 +862,7 @@ em {
862
862
  font-family: "IBM Plex Serif";
863
863
  font-style: normal;
864
864
  font-weight: 600;
865
- src: url('IBMPlexSerif-SemiBold-Pi.woff2') format("woff2"), url('IBMPlexSerif-SemiBold-Pi.woff') format("woff");
865
+ src: url('IBMPlexSerif-SemiBold-Pi.woff2') format("woff2");
866
866
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
867
867
  }
868
868
  @font-face {
@@ -870,7 +870,7 @@ em {
870
870
  font-family: "IBM Plex Serif";
871
871
  font-style: normal;
872
872
  font-weight: 600;
873
- src: url('IBMPlexSerif-SemiBold-Latin3.woff2') format("woff2"), url('IBMPlexSerif-SemiBold-Latin3.woff') format("woff");
873
+ src: url('IBMPlexSerif-SemiBold-Latin3.woff2') format("woff2");
874
874
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
875
875
  }
876
876
  @font-face {
@@ -878,7 +878,7 @@ em {
878
878
  font-family: "IBM Plex Serif";
879
879
  font-style: normal;
880
880
  font-weight: 600;
881
- src: url('IBMPlexSerif-SemiBold-Latin2.woff2') format("woff2"), url('IBMPlexSerif-SemiBold-Latin2.woff') format("woff");
881
+ src: url('IBMPlexSerif-SemiBold-Latin2.woff2') format("woff2");
882
882
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
883
883
  }
884
884
  @font-face {
@@ -886,7 +886,7 @@ em {
886
886
  font-family: "IBM Plex Serif";
887
887
  font-style: normal;
888
888
  font-weight: 600;
889
- src: url('IBMPlexSerif-SemiBold-Latin1.woff2') format("woff2"), url('IBMPlexSerif-SemiBold-Latin1.woff') format("woff");
889
+ src: url('IBMPlexSerif-SemiBold-Latin1.woff2') format("woff2");
890
890
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
891
891
  }
892
892
  @font-face {
@@ -894,7 +894,7 @@ em {
894
894
  font-family: "IBM Plex Serif";
895
895
  font-style: italic;
896
896
  font-weight: 600;
897
- src: url('IBMPlexSerif-SemiBoldItalic-Cyrillic.woff2') format("woff2"), url('IBMPlexSerif-SemiBoldItalic-Cyrillic.woff') format("woff");
897
+ src: url('IBMPlexSerif-SemiBoldItalic-Cyrillic.woff2') format("woff2");
898
898
  unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
899
899
  }
900
900
  @font-face {
@@ -902,7 +902,7 @@ em {
902
902
  font-family: "IBM Plex Serif";
903
903
  font-style: italic;
904
904
  font-weight: 600;
905
- src: url('IBMPlexSerif-SemiBoldItalic-Pi.woff2') format("woff2"), url('IBMPlexSerif-SemiBoldItalic-Pi.woff') format("woff");
905
+ src: url('IBMPlexSerif-SemiBoldItalic-Pi.woff2') format("woff2");
906
906
  unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
907
907
  }
908
908
  @font-face {
@@ -910,7 +910,7 @@ em {
910
910
  font-family: "IBM Plex Serif";
911
911
  font-style: italic;
912
912
  font-weight: 600;
913
- src: url('IBMPlexSerif-SemiBoldItalic-Latin3.woff2') format("woff2"), url('IBMPlexSerif-SemiBoldItalic-Latin3.woff') format("woff");
913
+ src: url('IBMPlexSerif-SemiBoldItalic-Latin3.woff2') format("woff2");
914
914
  unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
915
915
  }
916
916
  @font-face {
@@ -918,7 +918,7 @@ em {
918
918
  font-family: "IBM Plex Serif";
919
919
  font-style: italic;
920
920
  font-weight: 600;
921
- src: url('IBMPlexSerif-SemiBoldItalic-Latin2.woff2') format("woff2"), url('IBMPlexSerif-SemiBoldItalic-Latin2.woff') format("woff");
921
+ src: url('IBMPlexSerif-SemiBoldItalic-Latin2.woff2') format("woff2");
922
922
  unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
923
923
  }
924
924
  @font-face {
@@ -926,7 +926,7 @@ em {
926
926
  font-family: "IBM Plex Serif";
927
927
  font-style: italic;
928
928
  font-weight: 600;
929
- src: url('IBMPlexSerif-SemiBoldItalic-Latin1.woff2') format("woff2"), url('IBMPlexSerif-SemiBoldItalic-Latin1.woff') format("woff");
929
+ src: url('IBMPlexSerif-SemiBoldItalic-Latin1.woff2') format("woff2");
930
930
  unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
931
931
  }
932
932
  :root {
@@ -3382,7 +3382,6 @@ em {
3382
3382
  font-family: inherit;
3383
3383
  font-size: 100%;
3384
3384
  vertical-align: baseline;
3385
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
3386
3385
  }
3387
3386
  .cds--accordion *,
3388
3387
  .cds--accordion *::before,
@@ -3425,7 +3424,6 @@ em {
3425
3424
  cursor: pointer;
3426
3425
  text-align: start;
3427
3426
  inline-size: 100%;
3428
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
3429
3427
  }
3430
3428
  .cds--accordion__heading *,
3431
3429
  .cds--accordion__heading *::before,
@@ -3479,7 +3477,6 @@ li.cds--accordion__item--disabled:last-of-type {
3479
3477
  outline: 2px solid transparent;
3480
3478
  outline-offset: -2px;
3481
3479
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
3482
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
3483
3480
  }
3484
3481
  .cds--accordion__arrow {
3485
3482
  flex: 0 0 1rem;
@@ -3493,7 +3490,6 @@ li.cds--accordion__item--disabled:last-of-type {
3493
3490
  font-weight: var(--cds-body-01-font-weight, 400);
3494
3491
  line-height: var(--cds-body-01-line-height, 1.42857);
3495
3492
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
3496
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
3497
3493
  }
3498
3494
  .cds--accordion__title {
3499
3495
  z-index: 1;
@@ -3502,11 +3498,12 @@ li.cds--accordion__item--disabled:last-of-type {
3502
3498
  text-align: start;
3503
3499
  }
3504
3500
  .cds--accordion__wrapper {
3501
+ display: none;
3505
3502
  overflow: hidden;
3506
3503
  padding: 0;
3507
3504
  max-block-size: 0;
3508
3505
  opacity: 0;
3509
- transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9);
3506
+ transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9) allow-discrete;
3510
3507
  writing-mode: horizontal-tb;
3511
3508
  }
3512
3509
  .cds--accordion__content {
@@ -3550,6 +3547,7 @@ li.cds--accordion__item--disabled:last-of-type {
3550
3547
  overflow: visible;
3551
3548
  }
3552
3549
  .cds--accordion__item--active > .cds--accordion__wrapper {
3550
+ display: block;
3553
3551
  overflow: visible;
3554
3552
  max-block-size: -moz-fit-content;
3555
3553
  max-block-size: fit-content;
@@ -3561,6 +3559,18 @@ li.cds--accordion__item--disabled:last-of-type {
3561
3559
  fill: var(--cds-icon-primary, #161616);
3562
3560
  transform: rotate(-90deg) /*rtl:ignore*/;
3563
3561
  }
3562
+ /** starting style also not supported widely
3563
+ * https://caniuse.com/mdn-css_at-rules_starting-style
3564
+ */
3565
+ /* Needs to be after the previous accordion__item--active rule
3566
+ to take effect, as the specificity is the same */
3567
+ @starting-style {
3568
+ .cds--accordion__item--active > .cds--accordion__wrapper {
3569
+ padding: 0;
3570
+ max-block-size: 0;
3571
+ opacity: 0;
3572
+ }
3573
+ }
3564
3574
  .cds--accordion--flush .cds--accordion__item {
3565
3575
  position: relative;
3566
3576
  border-color: transparent;
@@ -3747,8 +3757,8 @@ li.cds--accordion__item--disabled:last-of-type {
3747
3757
  --cds-popover-background-color: var(--cds-background-inverse, #393939);
3748
3758
  --cds-popover-text-color: var(--cds-text-inverse, #ffffff);
3749
3759
  }
3750
- .cds--popover--drop-shadow .cds--popover {
3751
- --cds-popover-drop-shadow: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
3760
+ .cds--popover--drop-shadow .cds--popover > .cds--popover-content {
3761
+ filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
3752
3762
  }
3753
3763
  .cds--popover--caret {
3754
3764
  --cds-popover-offset: 0.625rem;
@@ -3859,7 +3869,7 @@ li.cds--accordion__item--disabled:last-of-type {
3859
3869
  .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {
3860
3870
  block-size: var(--cds-popover-offset, 0rem);
3861
3871
  inset-block-start: 0;
3862
- inset-inline: 0 0;
3872
+ inset-inline: 0;
3863
3873
  transform: translateY(-100%);
3864
3874
  }
3865
3875
  .cds--popover--bottom > .cds--popover > .cds--popover-caret,
@@ -3926,7 +3936,7 @@ li.cds--accordion__item--disabled:last-of-type {
3926
3936
  .cds--popover--top-end > .cds--popover > .cds--popover-content::before {
3927
3937
  block-size: var(--cds-popover-offset, 0rem);
3928
3938
  inset-block-end: 0;
3929
- inset-inline: 0 0;
3939
+ inset-inline: 0;
3930
3940
  transform: translateY(100%);
3931
3941
  }
3932
3942
  .cds--popover--top > .cds--popover > .cds--popover-caret,
@@ -3988,7 +3998,7 @@ li.cds--accordion__item--disabled:last-of-type {
3988
3998
  .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,
3989
3999
  .cds--popover--right-end > .cds--popover > .cds--popover-content::before {
3990
4000
  inline-size: var(--cds-popover-offset, 0rem);
3991
- inset-block: 0 0;
4001
+ inset-block: 0;
3992
4002
  inset-inline-start: 0;
3993
4003
  transform: translateX(-100%);
3994
4004
  }
@@ -4052,7 +4062,7 @@ li.cds--accordion__item--disabled:last-of-type {
4052
4062
  .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,
4053
4063
  .cds--popover--left-end > .cds--popover > .cds--popover-content::before {
4054
4064
  inline-size: var(--cds-popover-offset, 0rem);
4055
- inset-block: 0 0;
4065
+ inset-block: 0;
4056
4066
  inset-inline-end: 0;
4057
4067
  transform: translateX(100%);
4058
4068
  }
@@ -4599,6 +4609,7 @@ li.cds--accordion__item--disabled:last-of-type {
4599
4609
  block-size: 100%;
4600
4610
  content: "";
4601
4611
  inline-size: 100%;
4612
+ inset-inline-start: 0;
4602
4613
  will-change: transform-origin, transform, opacity;
4603
4614
  }
4604
4615
  @media (prefers-reduced-motion: reduce) {
@@ -4743,12 +4754,15 @@ li.cds--accordion__item--disabled:last-of-type {
4743
4754
  justify-content: space-between;
4744
4755
  column-gap: 1rem;
4745
4756
  }
4757
+ .cds--ai-label,
4746
4758
  .cds--slug {
4747
4759
  display: flex;
4748
4760
  }
4761
+ .cds--ai-label:has(> .cds--popover--open),
4749
4762
  .cds--slug:has(> .cds--popover--open) {
4750
4763
  z-index: 2;
4751
4764
  }
4765
+ .cds--ai-label .cds--ai-label__button,
4752
4766
  .cds--slug .cds--slug__button {
4753
4767
  position: relative;
4754
4768
  display: flex;
@@ -4761,48 +4775,57 @@ li.cds--accordion__item--disabled:last-of-type {
4761
4775
  outline: none;
4762
4776
  transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), background 70ms cubic-bezier(0, 0, 0.38, 0.9);
4763
4777
  }
4778
+ .cds--ai-label .cds--ai-label__button--mini,
4764
4779
  .cds--slug .cds--slug__button--mini {
4765
4780
  height: 1rem;
4766
4781
  width: 1rem;
4767
4782
  font-size: 0.5625rem;
4768
4783
  line-height: 0.75rem;
4769
4784
  }
4785
+ .cds--ai-label .cds--ai-label__button--2xs,
4770
4786
  .cds--slug .cds--slug__button--2xs {
4771
4787
  height: 1.25rem;
4772
4788
  width: 1.25rem;
4773
4789
  font-size: 0.75rem;
4774
4790
  line-height: 1rem;
4775
4791
  }
4792
+ .cds--ai-label .cds--ai-label__button--xs,
4776
4793
  .cds--slug .cds--slug__button--xs {
4777
4794
  height: 1.5rem;
4778
4795
  width: 1.5rem;
4779
4796
  font-size: 0.75rem;
4780
4797
  line-height: 1rem;
4781
4798
  }
4799
+ .cds--ai-label .cds--ai-label__button--sm,
4782
4800
  .cds--slug .cds--slug__button--sm {
4783
4801
  height: 2rem;
4784
4802
  width: 2rem;
4785
4803
  font-size: 1rem;
4786
4804
  line-height: 1.3125rem;
4787
4805
  }
4806
+ .cds--ai-label .cds--ai-label__button--md,
4788
4807
  .cds--slug .cds--slug__button--md {
4789
4808
  height: 2.5rem;
4790
4809
  width: 2.5rem;
4791
4810
  font-size: 1rem;
4792
4811
  line-height: 1.3125rem;
4793
4812
  }
4813
+ .cds--ai-label .cds--ai-label__button--lg,
4794
4814
  .cds--slug .cds--slug__button--lg {
4795
4815
  height: 3rem;
4796
4816
  width: 3rem;
4797
4817
  font-size: 1rem;
4798
4818
  line-height: 1.3125rem;
4799
4819
  }
4820
+ .cds--ai-label .cds--ai-label__button--xl,
4800
4821
  .cds--slug .cds--slug__button--xl {
4801
4822
  height: 4rem;
4802
4823
  width: 4rem;
4803
4824
  font-size: 1.25rem;
4804
4825
  line-height: 1.625rem;
4805
4826
  }
4827
+ .cds--ai-label__button--mini::after,
4828
+ .cds--ai-label__button--2xs::after,
4806
4829
  .cds--slug__button--mini::after,
4807
4830
  .cds--slug__button--2xs::after {
4808
4831
  position: absolute;
@@ -4811,27 +4834,34 @@ li.cds--accordion__item--disabled:last-of-type {
4811
4834
  content: "";
4812
4835
  inline-size: 24px;
4813
4836
  }
4837
+ .cds--ai-label .cds--ai-label__button:focus,
4814
4838
  .cds--slug .cds--slug__button:focus {
4815
4839
  border: 1px solid var(--cds-focus, #0f62fe);
4816
4840
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
4817
4841
  }
4842
+ .cds--ai-label .cds--ai-label__button:hover,
4818
4843
  .cds--slug .cds--slug__button:hover {
4819
4844
  background: var(--cds-border-inverse, #161616);
4820
4845
  color: var(--cds-text-inverse, #ffffff);
4821
4846
  }
4847
+ .cds--ai-label .cds--ai-label__button:hover:active,
4822
4848
  .cds--slug .cds--slug__button:hover:active {
4823
4849
  background: var(--cds-border-inverse, #161616);
4824
4850
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-focus-inset, #ffffff);
4825
4851
  color: var(--cds-text-inverse, #ffffff);
4826
4852
  }
4853
+ .cds--ai-label .cds--ai-label__button.cds--ai-label__button--mini:hover:active,
4854
+ .cds--ai-label .cds--ai-label__button.cds--ai-label__button--2xs:hover:active,
4827
4855
  .cds--slug .cds--slug__button.cds--slug__button--mini:hover:active,
4828
4856
  .cds--slug .cds--slug__button.cds--slug__button--2xs:hover:active {
4829
4857
  box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
4830
4858
  }
4859
+ .cds--ai-label__text,
4831
4860
  .cds--slug__text {
4832
4861
  position: relative;
4833
4862
  z-index: 1;
4834
4863
  }
4864
+ .cds--ai-label .cds--ai-label__button--inline,
4835
4865
  .cds--slug .cds--slug__button--inline {
4836
4866
  border: 1px solid transparent;
4837
4867
  border-radius: 0.0625rem;
@@ -4843,13 +4873,17 @@ li.cds--accordion__item--disabled:last-of-type {
4843
4873
  line-height: initial;
4844
4874
  padding-inline: 0.25rem;
4845
4875
  }
4876
+ .cds--ai-label__button--inline::before,
4846
4877
  .cds--slug__button--inline::before {
4847
4878
  display: none;
4848
4879
  }
4880
+ .cds--ai-label .cds--ai-label__button--inline:focus,
4849
4881
  .cds--slug .cds--slug__button--inline:focus {
4850
4882
  border-color: var(--cds-focus, #0f62fe);
4851
4883
  box-shadow: none;
4852
4884
  }
4885
+ .cds--ai-label .cds--ai-label__button--inline:hover,
4886
+ .cds--ai-label .cds--ai-label__button--inline:hover:active,
4853
4887
  .cds--slug .cds--slug__button--inline:hover,
4854
4888
  .cds--slug .cds--slug__button--inline:hover:active {
4855
4889
  border-color: var(--cds-icon-secondary, #525252);
@@ -4857,19 +4891,25 @@ li.cds--accordion__item--disabled:last-of-type {
4857
4891
  box-shadow: none;
4858
4892
  color: var(--cds-text-secondary, #525252);
4859
4893
  }
4894
+ .cds--ai-label .cds--ai-label__button--inline:focus:hover,
4860
4895
  .cds--slug .cds--slug__button--inline:focus:hover {
4861
4896
  border-color: var(--cds-focus, #0f62fe);
4862
4897
  }
4898
+ .cds--ai-label .cds--ai-label__button--inline:hover .cds--ai-label__text::before,
4863
4899
  .cds--slug .cds--slug__button--inline:hover .cds--slug__text::before {
4864
4900
  background: var(--cds-icon-secondary, #525252);
4865
4901
  }
4902
+ .cds--ai-label__button--inline .cds--ai-label__text,
4866
4903
  .cds--slug__button--inline .cds--slug__text {
4867
4904
  padding-inline-start: 0.5rem;
4868
4905
  }
4906
+ .cds--ai-label__button--inline.cds--ai-label__button--lg .cds--ai-label__text,
4907
+ .cds--ai-label__button--inline.cds--ai-label__button--xl .cds--ai-label__text,
4869
4908
  .cds--slug__button--inline.cds--slug__button--lg .cds--slug__text,
4870
4909
  .cds--slug__button--inline.cds--slug__button--xl .cds--slug__text {
4871
4910
  padding-inline-start: 0.75rem;
4872
4911
  }
4912
+ .cds--ai-label__button--inline .cds--ai-label__text::before,
4873
4913
  .cds--slug__button--inline .cds--slug__text::before {
4874
4914
  position: absolute;
4875
4915
  display: inline-block;
@@ -4883,11 +4923,21 @@ li.cds--accordion__item--disabled:last-of-type {
4883
4923
  transform: translateY(-50%);
4884
4924
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
4885
4925
  }
4926
+ .cds--ai-label__button--lg .cds--ai-label__text::before,
4927
+ .cds--ai-label__button--xl .cds--ai-label__text::before,
4886
4928
  .cds--slug__button--lg .cds--slug__text::before,
4887
4929
  .cds--slug__button--xl .cds--slug__text::before {
4888
4930
  block-size: 0.5rem;
4889
4931
  inline-size: 0.5rem;
4890
4932
  }
4933
+ .cds--ai-label__button--inline.cds--ai-label__button--mini,
4934
+ .cds--ai-label__button--inline.cds--ai-label__button--mini .cds--ai-label__additional-text,
4935
+ .cds--ai-label__button--inline.cds--ai-label__button--2xs,
4936
+ .cds--ai-label__button--inline.cds--ai-label__button--2xs .cds--ai-label__additional-text,
4937
+ .cds--ai-label__button--inline.cds--ai-label__button--xs,
4938
+ .cds--ai-label__button--inline.cds--ai-label__button--xs .cds--ai-label__additional-text,
4939
+ .cds--ai-label__button--inline.cds--ai-label__button--sm,
4940
+ .cds--ai-label__button--inline.cds--ai-label__button--sm .cds--ai-label__additional-text,
4891
4941
  .cds--slug__button--inline.cds--slug__button--mini,
4892
4942
  .cds--slug__button--inline.cds--slug__button--mini .cds--slug__additional-text,
4893
4943
  .cds--slug__button--inline.cds--slug__button--2xs,
@@ -4898,15 +4948,19 @@ li.cds--accordion__item--disabled:last-of-type {
4898
4948
  .cds--slug__button--inline.cds--slug__button--sm .cds--slug__additional-text {
4899
4949
  font-size: 0.75rem;
4900
4950
  }
4951
+ .cds--ai-label__button--inline.cds--ai-label__button--lg,
4952
+ .cds--ai-label__button--inline.cds--ai-label__button--xl,
4901
4953
  .cds--slug__button--inline.cds--slug__button--lg,
4902
4954
  .cds--slug__button--inline.cds--slug__button--xl {
4903
4955
  font-size: 1rem;
4904
4956
  }
4957
+ .cds--ai-label .cds--ai-label__button--inline-with-content,
4905
4958
  .cds--slug .cds--slug__button--inline-with-content {
4906
4959
  border: 1px solid var(--cds-border-inverse, #161616);
4907
4960
  padding-block: 0.125rem;
4908
4961
  padding-inline: 0.5rem;
4909
4962
  }
4963
+ .cds--ai-label__button--inline-with-content .cds--ai-label__additional-text,
4910
4964
  .cds--slug__button--inline-with-content .cds--slug__additional-text {
4911
4965
  font-size: var(--cds-body-compact-02-font-size, 1rem);
4912
4966
  font-weight: var(--cds-body-compact-02-font-weight, 400);
@@ -4914,13 +4968,17 @@ li.cds--accordion__item--disabled:last-of-type {
4914
4968
  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
4915
4969
  padding-inline-start: 0.25rem;
4916
4970
  }
4971
+ .cds--ai-label__button--inline.cds--ai-label__button--md .cds--ai-label__additional-text,
4917
4972
  .cds--slug__button--inline.cds--slug__button--md .cds--slug__additional-text {
4918
4973
  font-size: 0.875rem;
4919
4974
  }
4975
+ .cds--ai-label .cds--ai-label__button--inline-with-content:focus,
4976
+ .cds--ai-label .cds--ai-label__button--inline-with-content:hover:focus,
4920
4977
  .cds--slug .cds--slug__button--inline-with-content:focus,
4921
4978
  .cds--slug .cds--slug__button--inline-with-content:hover:focus {
4922
4979
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
4923
4980
  }
4981
+ .cds--ai-label .cds--ai-label-content,
4924
4982
  .cds--slug .cds--slug-content {
4925
4983
  background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
4926
4984
  border: 1px solid transparent;
@@ -4929,11 +4987,53 @@ li.cds--accordion__item--disabled:last-of-type {
4929
4987
  color: var(--cds-text-primary, #161616);
4930
4988
  min-inline-size: 17.5rem;
4931
4989
  }
4990
+ .cds--ai-label > .cds--toggletip > .cds--popover > .cds--popover-caret,
4991
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
4932
4992
  .cds--slug > .cds--toggletip > .cds--popover > .cds--popover-caret,
4933
4993
  .cds--slug > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
4934
4994
  background: transparent;
4935
4995
  clip-path: none;
4936
4996
  }
4997
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--top,
4998
+ .cds--popover--top-right,
4999
+ .cds--popover--top-left,
5000
+ .cds--popover--top-end,
5001
+ .cds--popover--top-start,
5002
+ .cds--popover--bottom,
5003
+ .cds--popover--bottom-right,
5004
+ .cds--popover--bottom-left,
5005
+ .cds--popover--bottom-start,
5006
+ .cds--popover--bottom-end,
5007
+ .cds--popover--left,
5008
+ .cds--popover--left-top,
5009
+ .cds--popover--left-bottom,
5010
+ .cds--popover--left-start,
5011
+ .cds--popover--left-end,
5012
+ .cds--popover--right,
5013
+ .cds--popover--right-top,
5014
+ .cds--popover--right-bottom,
5015
+ .cds--popover--right-start,
5016
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
5017
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
5018
+ .cds--popover--top-right,
5019
+ .cds--popover--top-left,
5020
+ .cds--popover--top-end,
5021
+ .cds--popover--top-start,
5022
+ .cds--popover--bottom,
5023
+ .cds--popover--bottom-right,
5024
+ .cds--popover--bottom-left,
5025
+ .cds--popover--bottom-start,
5026
+ .cds--popover--bottom-end,
5027
+ .cds--popover--left,
5028
+ .cds--popover--left-top,
5029
+ .cds--popover--left-bottom,
5030
+ .cds--popover--left-start,
5031
+ .cds--popover--left-end,
5032
+ .cds--popover--right,
5033
+ .cds--popover--right-top,
5034
+ .cds--popover--right-bottom,
5035
+ .cds--popover--right-start,
5036
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
4937
5037
  .cds--slug > .cds--toggletip:is(.cds--popover--top,
4938
5038
  .cds--popover--top-right,
4939
5039
  .cds--popover--top-left,
@@ -4984,6 +5084,46 @@ li.cds--accordion__item--disabled:last-of-type {
4984
5084
  inline-size: 0.75rem;
4985
5085
  transform: rotate(45deg);
4986
5086
  }
5087
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--top,
5088
+ .cds--popover--top-right,
5089
+ .cds--popover--top-left,
5090
+ .cds--popover--top-end,
5091
+ .cds--popover--top-start,
5092
+ .cds--popover--bottom,
5093
+ .cds--popover--bottom-right,
5094
+ .cds--popover--bottom-left,
5095
+ .cds--popover--bottom-start,
5096
+ .cds--popover--bottom-end,
5097
+ .cds--popover--left,
5098
+ .cds--popover--left-top,
5099
+ .cds--popover--left-bottom,
5100
+ .cds--popover--left-start,
5101
+ .cds--popover--left-end,
5102
+ .cds--popover--right,
5103
+ .cds--popover--right-top,
5104
+ .cds--popover--right-bottom,
5105
+ .cds--popover--right-start,
5106
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
5107
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
5108
+ .cds--popover--top-right,
5109
+ .cds--popover--top-left,
5110
+ .cds--popover--top-end,
5111
+ .cds--popover--top-start,
5112
+ .cds--popover--bottom,
5113
+ .cds--popover--bottom-right,
5114
+ .cds--popover--bottom-left,
5115
+ .cds--popover--bottom-start,
5116
+ .cds--popover--bottom-end,
5117
+ .cds--popover--left,
5118
+ .cds--popover--left-top,
5119
+ .cds--popover--left-bottom,
5120
+ .cds--popover--left-start,
5121
+ .cds--popover--left-end,
5122
+ .cds--popover--right,
5123
+ .cds--popover--right-top,
5124
+ .cds--popover--right-bottom,
5125
+ .cds--popover--right-start,
5126
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
4987
5127
  .cds--slug > .cds--toggletip:is(.cds--popover--top,
4988
5128
  .cds--popover--top-right,
4989
5129
  .cds--popover--top-left,
@@ -5031,6 +5171,16 @@ li.cds--accordion__item--disabled:last-of-type {
5031
5171
  content: "";
5032
5172
  inline-size: 0.125rem;
5033
5173
  }
5174
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--top,
5175
+ .cds--popover--top-right,
5176
+ .cds--popover--top-left,
5177
+ .cds--popover--top-end,
5178
+ .cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
5179
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
5180
+ .cds--popover--top-right,
5181
+ .cds--popover--top-left,
5182
+ .cds--popover--top-end,
5183
+ .cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
5034
5184
  .cds--slug > .cds--toggletip:is(.cds--popover--top,
5035
5185
  .cds--popover--top-right,
5036
5186
  .cds--popover--top-left,
@@ -5044,6 +5194,16 @@ li.cds--accordion__item--disabled:last-of-type {
5044
5194
  inset-block-end: 0.0625rem;
5045
5195
  transform: rotate(-135deg);
5046
5196
  }
5197
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--top,
5198
+ .cds--popover--top-right,
5199
+ .cds--popover--top-left,
5200
+ .cds--popover--top-end,
5201
+ .cds--popover--top-start) > .cds--popover > .cds--popover-caret::after,
5202
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
5203
+ .cds--popover--top-right,
5204
+ .cds--popover--top-left,
5205
+ .cds--popover--top-end,
5206
+ .cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
5047
5207
  .cds--slug > .cds--toggletip:is(.cds--popover--top,
5048
5208
  .cds--popover--top-right,
5049
5209
  .cds--popover--top-left,
@@ -5062,6 +5222,11 @@ li.cds--accordion__item--disabled:last-of-type {
5062
5222
  inset-block-start: -0.125rem;
5063
5223
  inset-inline-start: -0.0625rem;
5064
5224
  }
5225
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--top,
5226
+ .cds--popover--top-right,
5227
+ .cds--popover--top-left,
5228
+ .cds--popover--top-end,
5229
+ .cds--popover--top-start) > .cds--popover > .cds--ai-label-content--with-actions + .cds--popover-caret::after,
5065
5230
  .cds--slug > .cds--toggletip:is(.cds--popover--top,
5066
5231
  .cds--popover--top-right,
5067
5232
  .cds--popover--top-left,
@@ -5069,6 +5234,16 @@ li.cds--accordion__item--disabled:last-of-type {
5069
5234
  .cds--popover--top-start) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {
5070
5235
  display: none;
5071
5236
  }
5237
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--right,
5238
+ .cds--popover--right-bottom,
5239
+ .cds--popover--right-top,
5240
+ .cds--popover--right-start,
5241
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
5242
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
5243
+ .cds--popover--right-bottom,
5244
+ .cds--popover--right-top,
5245
+ .cds--popover--right-start,
5246
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
5072
5247
  .cds--slug > .cds--toggletip:is(.cds--popover--right,
5073
5248
  .cds--popover--right-bottom,
5074
5249
  .cds--popover--right-top,
@@ -5082,6 +5257,16 @@ li.cds--accordion__item--disabled:last-of-type {
5082
5257
  inset-inline-start: 0.0625rem;
5083
5258
  transform: rotate(-45deg);
5084
5259
  }
5260
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--right,
5261
+ .cds--popover--right-bottom,
5262
+ .cds--popover--right-top,
5263
+ .cds--popover--right-start,
5264
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
5265
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
5266
+ .cds--popover--right-bottom,
5267
+ .cds--popover--right-top,
5268
+ .cds--popover--right-start,
5269
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
5085
5270
  .cds--slug > .cds--toggletip:is(.cds--popover--right,
5086
5271
  .cds--popover--right-bottom,
5087
5272
  .cds--popover--right-top,
@@ -5097,6 +5282,16 @@ li.cds--accordion__item--disabled:last-of-type {
5097
5282
  inset-block-start: -0.0625rem;
5098
5283
  inset-inline-start: 0.375rem;
5099
5284
  }
5285
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--bottom,
5286
+ .cds--popover--bottom-left,
5287
+ .cds--popover--bottom-right,
5288
+ .cds--popover--bottom-start,
5289
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::before,
5290
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
5291
+ .cds--popover--bottom-left,
5292
+ .cds--popover--bottom-right,
5293
+ .cds--popover--bottom-start,
5294
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
5100
5295
  .cds--slug > .cds--toggletip:is(.cds--popover--bottom,
5101
5296
  .cds--popover--bottom-left,
5102
5297
  .cds--popover--bottom-right,
@@ -5110,6 +5305,16 @@ li.cds--accordion__item--disabled:last-of-type {
5110
5305
  inset-block-start: 0.0625rem;
5111
5306
  transform: rotate(45deg);
5112
5307
  }
5308
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--bottom,
5309
+ .cds--popover--bottom-left,
5310
+ .cds--popover--bottom-right,
5311
+ .cds--popover--bottom-start,
5312
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::after,
5313
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
5314
+ .cds--popover--bottom-left,
5315
+ .cds--popover--bottom-right,
5316
+ .cds--popover--bottom-start,
5317
+ .cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
5113
5318
  .cds--slug > .cds--toggletip:is(.cds--popover--bottom,
5114
5319
  .cds--popover--bottom-left,
5115
5320
  .cds--popover--bottom-right,
@@ -5127,6 +5332,16 @@ li.cds--accordion__item--disabled:last-of-type {
5127
5332
  inset-block-end: -0.15625rem;
5128
5333
  inset-inline-start: -0.0625rem;
5129
5334
  }
5335
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--left,
5336
+ .cds--popover--left-bottom,
5337
+ .cds--popover--left-top,
5338
+ .cds--popover--left-start,
5339
+ .cds--popover--left-end) > .cds--popover > .cds--popover-caret::before,
5340
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
5341
+ .cds--popover--left-bottom,
5342
+ .cds--popover--left-top,
5343
+ .cds--popover--left-start,
5344
+ .cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
5130
5345
  .cds--slug > .cds--toggletip:is(.cds--popover--left,
5131
5346
  .cds--popover--left-bottom,
5132
5347
  .cds--popover--left-top,
@@ -5140,6 +5355,16 @@ li.cds--accordion__item--disabled:last-of-type {
5140
5355
  inset-inline-end: 0.0625rem;
5141
5356
  transform: rotate(135deg);
5142
5357
  }
5358
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--left,
5359
+ .cds--popover--left-bottom,
5360
+ .cds--popover--left-top,
5361
+ .cds--popover--left-start,
5362
+ .cds--popover--left-end) > .cds--popover > .cds--popover-caret::after,
5363
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
5364
+ .cds--popover--left-bottom,
5365
+ .cds--popover--left-top,
5366
+ .cds--popover--left-start,
5367
+ .cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
5143
5368
  .cds--slug > .cds--toggletip:is(.cds--popover--left,
5144
5369
  .cds--popover--left-bottom,
5145
5370
  .cds--popover--left-top,
@@ -5155,6 +5380,14 @@ li.cds--accordion__item--disabled:last-of-type {
5155
5380
  inset-block-start: -0.0625rem;
5156
5381
  inset-inline-start: -0.125rem;
5157
5382
  }
5383
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--left-bottom,
5384
+ .cds--popover--right-bottom,
5385
+ .cds--popover--left-end,
5386
+ .cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
5387
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
5388
+ .cds--popover--right-bottom,
5389
+ .cds--popover--left-end,
5390
+ .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
5158
5391
  .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
5159
5392
  .cds--popover--right-bottom,
5160
5393
  .cds--popover--left-end,
@@ -5165,6 +5398,24 @@ li.cds--accordion__item--disabled:last-of-type {
5165
5398
  .cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
5166
5399
  background: transparent;
5167
5400
  }
5401
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--left-bottom,
5402
+ .cds--popover--right-bottom,
5403
+ .cds--popover--left-end,
5404
+ .cds--popover--right-end,
5405
+ .cds--popover--top,
5406
+ .cds--popover--top-right,
5407
+ .cds--popover--top-left,
5408
+ .cds--popover--top-end,
5409
+ .cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
5410
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
5411
+ .cds--popover--right-bottom,
5412
+ .cds--popover--left-end,
5413
+ .cds--popover--right-end,
5414
+ .cds--popover--top,
5415
+ .cds--popover--top-right,
5416
+ .cds--popover--top-left,
5417
+ .cds--popover--top-end,
5418
+ .cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
5168
5419
  .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
5169
5420
  .cds--popover--right-bottom,
5170
5421
  .cds--popover--left-end,
@@ -5186,6 +5437,24 @@ li.cds--accordion__item--disabled:last-of-type {
5186
5437
  border-color: var(--cds-ai-popover-caret-bottom, #78a9ff);
5187
5438
  background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
5188
5439
  }
5440
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--left-bottom,
5441
+ .cds--popover--right-bottom,
5442
+ .cds--popover--left-end,
5443
+ .cds--popover--right-end,
5444
+ .cds--popover--top,
5445
+ .cds--popover--top-right,
5446
+ .cds--popover--top-left,
5447
+ .cds--popover--top-end,
5448
+ .cds--popover--top-start) > .cds--popover:has(.cds--ai-label-content--with-actions) > .cds--popover-caret::before,
5449
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
5450
+ .cds--popover--right-bottom,
5451
+ .cds--popover--left-end,
5452
+ .cds--popover--right-end,
5453
+ .cds--popover--top,
5454
+ .cds--popover--top-right,
5455
+ .cds--popover--top-left,
5456
+ .cds--popover--top-start,
5457
+ .cds--popover--top-end) > .cds--popover:has(.cds--ai-label-content--with-actions) > .cds--popover-content > .cds--popover-caret::before,
5189
5458
  .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
5190
5459
  .cds--popover--right-bottom,
5191
5460
  .cds--popover--left-end,
@@ -5206,19 +5475,26 @@ li.cds--accordion__item--disabled:last-of-type {
5206
5475
  .cds--popover--top-end) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-content > .cds--popover-caret::before {
5207
5476
  background: var(--cds-ai-popover-caret-bottom-background-actions, #e9effa);
5208
5477
  }
5478
+ .cds--ai-label > .cds--toggletip:is(.cds--popover--left,
5479
+ .cds--popover--right) > .cds--popover > .cds--popover-caret::before,
5480
+ .cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
5481
+ .cds--popover--right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
5209
5482
  .cds--slug > .cds--toggletip:is(.cds--popover--left,
5210
5483
  .cds--popover--right) > .cds--popover > .cds--popover-caret::before,
5211
5484
  .cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
5212
5485
  .cds--popover--right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
5213
5486
  border-color: var(--cds-ai-popover-caret-center, #a0c3ff);
5214
5487
  }
5488
+ .cds--ai-label .cds--toggletip-content,
5215
5489
  .cds--slug .cds--toggletip-content {
5216
5490
  padding-block: 1.5rem 5rem;
5217
5491
  padding-inline: 1.5rem;
5218
5492
  }
5493
+ .cds--ai-label .cds--ai-label-content .cds--toggletip-content,
5219
5494
  .cds--slug .cds--slug-content .cds--toggletip-content {
5220
5495
  max-inline-size: 20rem;
5221
5496
  }
5497
+ .cds--ai-label .cds--ai-label-actions,
5222
5498
  .cds--slug .cds--slug-actions {
5223
5499
  position: absolute;
5224
5500
  justify-content: flex-end;
@@ -5232,21 +5508,26 @@ li.cds--accordion__item--disabled:last-of-type {
5232
5508
  inset-block-end: 0;
5233
5509
  inset-inline-end: 0;
5234
5510
  }
5511
+ .cds--ai-label .cds--ai-label-actions .cds--btn:focus,
5235
5512
  .cds--slug .cds--slug-actions .cds--btn:focus {
5236
5513
  border-color: var(--cds-focus, #0f62fe);
5237
5514
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);
5238
5515
  }
5516
+ .cds--ai-label .cds--ai-label-actions .cds--btn--primary,
5239
5517
  .cds--slug .cds--slug-actions .cds--btn--primary {
5240
5518
  order: 1;
5241
5519
  border-end-end-radius: 0.4375rem;
5242
5520
  }
5521
+ .cds--ai-label.cds--ai-label--revert,
5243
5522
  .cds--slug.cds--slug--revert {
5244
5523
  transform: translate(0.5rem, -50%);
5245
5524
  }
5525
+ .cds--ai-label--revert .cds--btn--icon-only,
5246
5526
  .cds--slug--revert .cds--btn--icon-only {
5247
5527
  align-items: center;
5248
5528
  padding-block-start: 0;
5249
5529
  }
5530
+ .cds--ai-label--revert .cds--btn--icon-only svg,
5250
5531
  .cds--slug--revert .cds--btn--icon-only svg {
5251
5532
  margin: 0;
5252
5533
  }
@@ -5788,6 +6069,7 @@ a.cds--overflow-menu-options__btn::before {
5788
6069
  block-size: 100%;
5789
6070
  content: "";
5790
6071
  inline-size: 100%;
6072
+ inset-inline-start: 0;
5791
6073
  will-change: transform-origin, transform, opacity;
5792
6074
  }
5793
6075
  @media (prefers-reduced-motion: reduce) {
@@ -5797,7 +6079,7 @@ a.cds--overflow-menu-options__btn::before {
5797
6079
  }
5798
6080
  .cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
5799
6081
  min-block-size: 1.125rem;
5800
- padding-inline: 0 0;
6082
+ padding-inline: 0;
5801
6083
  }
5802
6084
  .cds--link {
5803
6085
  box-sizing: border-box;
@@ -6107,6 +6389,7 @@ textarea:-webkit-autofill:focus {
6107
6389
  block-size: 100%;
6108
6390
  content: "";
6109
6391
  inline-size: 100%;
6392
+ inset-inline-start: 0;
6110
6393
  will-change: transform-origin, transform, opacity;
6111
6394
  }
6112
6395
  @media (prefers-reduced-motion: reduce) {
@@ -6406,6 +6689,7 @@ fieldset[disabled] .cds--form__helper-text {
6406
6689
  .cds--checkbox__validation-msg {
6407
6690
  display: none;
6408
6691
  align-items: flex-start;
6692
+ inline-size: 100%;
6409
6693
  margin-block-start: 0.25rem;
6410
6694
  }
6411
6695
  .cds--checkbox__invalid-icon {
@@ -6489,6 +6773,7 @@ fieldset[disabled] .cds--form__helper-text {
6489
6773
  block-size: 100%;
6490
6774
  content: "";
6491
6775
  inline-size: 100%;
6776
+ inset-inline-start: 0;
6492
6777
  will-change: transform-origin, transform, opacity;
6493
6778
  }
6494
6779
  @media (prefers-reduced-motion: reduce) {
@@ -6508,14 +6793,29 @@ fieldset[disabled] .cds--form__helper-text {
6508
6793
  [dir=rtl] .cds--checkbox-label[data-contained-checkbox-state=true]::after {
6509
6794
  transform: scale(1.2) rotate3d(0.5, 1, 0, 158deg);
6510
6795
  }
6796
+ .cds--checkbox-group--decorator legend.cds--label,
6797
+ .cds--checkbox-wrapper--decorator .cds--checkbox-label-text {
6798
+ display: flex;
6799
+ }
6511
6800
  .cds--checkbox-group--slug legend.cds--label,
6512
6801
  .cds--checkbox-wrapper--slug .cds--checkbox-label-text {
6513
6802
  display: flex;
6514
6803
  }
6804
+ .cds--checkbox-group--decorator legend.cds--label .cds--checkbox-group-inner--decorator > *,
6805
+ .cds--checkbox-wrapper--decorator .cds--checkbox-label-text .cds--checkbox-wrapper-inner--decorator > * {
6806
+ margin-inline-start: 0.5rem;
6807
+ }
6808
+ .cds--checkbox-group--slug legend.cds--label .cds--ai-label,
6809
+ .cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--ai-label,
6515
6810
  .cds--checkbox-group--slug legend.cds--label .cds--slug,
6516
6811
  .cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug {
6517
6812
  margin-inline-start: 0.5rem;
6518
6813
  }
6814
+ .cds--checkbox-wrapper--decorator .cds--checkbox-label-text .cds--ai-label__button--inline {
6815
+ line-height: inherit;
6816
+ margin-block-start: -0.0625rem;
6817
+ }
6818
+ .cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--ai-label__button--inline,
6519
6819
  .cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug__button--inline {
6520
6820
  line-height: inherit;
6521
6821
  margin-block-start: -0.0625rem;
@@ -7167,6 +7467,7 @@ fieldset[disabled] .cds--form__helper-text {
7167
7467
  block-size: 100%;
7168
7468
  content: "";
7169
7469
  inline-size: 100%;
7470
+ inset-inline-start: 0;
7170
7471
  will-change: transform-origin, transform, opacity;
7171
7472
  }
7172
7473
  @media (prefers-reduced-motion: reduce) {
@@ -7186,7 +7487,6 @@ fieldset[disabled] .cds--form__helper-text {
7186
7487
  .cds--snippet--single.cds--skeleton .cds--snippet-container {
7187
7488
  padding-block-end: 0;
7188
7489
  }
7189
- /* stylelint-disable */
7190
7490
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
7191
7491
  .cds--snippet__icon {
7192
7492
  fill: ButtonText;
@@ -7204,7 +7504,6 @@ fieldset[disabled] .cds--form__helper-text {
7204
7504
  outline: 1px solid transparent;
7205
7505
  }
7206
7506
  }
7207
- /* stylelint-enable */
7208
7507
  .cds--text-input {
7209
7508
  --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)));
7210
7509
  --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));
@@ -7456,8 +7755,8 @@ fieldset[disabled] .cds--form__helper-text {
7456
7755
  inset-inline-start: 50%;
7457
7756
  }
7458
7757
  .cds--text-input--password__visibility::before {
7459
- border-width: 0 0.25rem 0.3125rem 0.25rem;
7460
- border-color: transparent transparent var(--cds-background-inverse, #393939) transparent;
7758
+ border-width: 0 0.25rem 0.3125rem;
7759
+ border-color: transparent transparent var(--cds-background-inverse, #393939);
7461
7760
  inset-block-end: -0.5rem;
7462
7761
  transform: translate(-50%, 100%);
7463
7762
  }
@@ -7611,6 +7910,7 @@ fieldset[disabled] .cds--form__helper-text {
7611
7910
  block-size: 100%;
7612
7911
  content: "";
7613
7912
  inline-size: 100%;
7913
+ inset-inline-start: 0;
7614
7914
  will-change: transform-origin, transform, opacity;
7615
7915
  }
7616
7916
  @media (prefers-reduced-motion: reduce) {
@@ -7740,25 +8040,44 @@ fieldset[disabled] .cds--form__helper-text {
7740
8040
  background: transparent;
7741
8041
  border-block-end-color: var(--cds-border-subtle);
7742
8042
  }
8043
+ .cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator > *,
8044
+ .cds--text-input__field-wrapper .cds--ai-label,
7743
8045
  .cds--text-input__field-wrapper .cds--slug {
7744
8046
  position: absolute;
7745
8047
  inset-block-start: 50%;
7746
8048
  inset-inline-end: 1rem;
7747
8049
  transform: translateY(-50%);
7748
8050
  }
7749
- .cds--text-input__field-wrapper--slug .cds--text-input:not(:has(~ .cds--slug--revert)) {
8051
+ .cds--text-input__field-wrapper--decorator .cds--text-input:has(~ .cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),
8052
+ .cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
8053
+ .cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
7750
8054
  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%);
7751
8055
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
8056
+ }
8057
+ .cds--text-input__field-wrapper--decorator .cds--text-input:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
8058
+ .cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--ai-label),
8059
+ .cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--slug) {
7752
8060
  padding-inline-end: 2.5rem;
7753
8061
  }
8062
+ .cds--text-input--invalid:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
8063
+ .cds--text-input--warning:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
8064
+ .cds--text-input--invalid:has(~ .cds--ai-label),
8065
+ .cds--text-input--warning:has(~ .cds--ai-label),
7754
8066
  .cds--text-input--invalid:has(~ .cds--slug),
7755
8067
  .cds--text-input--warning:has(~ .cds--slug) {
7756
8068
  padding-inline-end: 4rem;
7757
8069
  }
8070
+ .cds--text-input--invalid ~ .cds--text-input__field-inner-wrapper--decorator > *,
8071
+ .cds--text-input--warning ~ .cds--text-input__field-inner-wrapper--decorator > *,
8072
+ .cds--text-input--invalid ~ .cds--ai-label,
8073
+ .cds--text-input--warning ~ .cds--ai-label,
7758
8074
  .cds--text-input--invalid ~ .cds--slug,
7759
8075
  .cds--text-input--warning ~ .cds--slug {
7760
8076
  inset-inline-end: 2.5rem;
7761
8077
  }
8078
+ .cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label)) > * {
8079
+ block-size: 1rem;
8080
+ }
7762
8081
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
7763
8082
  .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,
7764
8083
  .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {
@@ -8034,6 +8353,9 @@ fieldset[disabled] .cds--form__helper-text {
8034
8353
  .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
8035
8354
  background-color: var(--cds-background-inverse-hover, #474747);
8036
8355
  }
8356
+ .cds--multi-select--readonly .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
8357
+ background-color: transparent;
8358
+ }
8037
8359
  .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
8038
8360
  background-color: var(--cds-background, #ffffff);
8039
8361
  color: var(--cds-text-primary, #161616);
@@ -8178,6 +8500,7 @@ fieldset[disabled] .cds--form__helper-text {
8178
8500
  block-size: 100%;
8179
8501
  content: "";
8180
8502
  inline-size: 100%;
8503
+ inset-inline-start: 0;
8181
8504
  will-change: transform-origin, transform, opacity;
8182
8505
  }
8183
8506
  @media (prefers-reduced-motion: reduce) {
@@ -8201,17 +8524,28 @@ fieldset[disabled] .cds--form__helper-text {
8201
8524
  }
8202
8525
  }
8203
8526
  }
8527
+ .cds--tag .cds--ai-label .cds--ai-label__button--inline,
8204
8528
  .cds--tag .cds--slug .cds--slug__button--inline {
8205
8529
  color: currentColor;
8206
8530
  margin-inline-start: 0.0625rem;
8207
8531
  }
8532
+ .cds--tag .cds--ai-label .cds--ai-label__button--inline .cds--ai-label__text::before,
8208
8533
  .cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text::before {
8209
8534
  background-color: currentColor;
8210
8535
  }
8536
+ .cds--tag .cds--ai-label .cds--ai-label__button--inline:hover,
8211
8537
  .cds--tag .cds--slug .cds--slug__button--inline:hover {
8212
8538
  border-color: currentColor;
8213
8539
  }
8214
- /* stylelint-disable */
8540
+ .cds--tag--filter .cds--tag__decorator > *,
8541
+ .cds--tag--filter .cds--ai-label,
8542
+ .cds--tag--filter .cds--slug {
8543
+ min-inline-size: 2.00875rem;
8544
+ }
8545
+ .cds--tag .cds--tag__decorator:not(:has(.cds--ai-label)) {
8546
+ block-size: 1rem;
8547
+ text-align: center;
8548
+ }
8215
8549
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
8216
8550
  .cds--tag {
8217
8551
  outline: 1px solid transparent;
@@ -8238,7 +8572,6 @@ fieldset[disabled] .cds--form__helper-text {
8238
8572
  .cds--tag--filter .cds--tag__custom-icon + .cds--tag-label-tooltip {
8239
8573
  max-inline-size: 9.875rem;
8240
8574
  }
8241
- /* stylelint-enable */
8242
8575
  .cds--interactive--tag-children {
8243
8576
  display: inline-flex;
8244
8577
  max-inline-size: 12.5rem;
@@ -8261,6 +8594,9 @@ fieldset[disabled] .cds--form__helper-text {
8261
8594
  .cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {
8262
8595
  pointer-events: none;
8263
8596
  }
8597
+ .cds--list-box__wrapper {
8598
+ display: block;
8599
+ }
8264
8600
  .cds--list-box__wrapper--inline {
8265
8601
  display: inline-grid;
8266
8602
  align-items: center;
@@ -8315,6 +8651,9 @@ fieldset[disabled] .cds--form__helper-text {
8315
8651
  .cds--list-box:hover {
8316
8652
  background-color: var(--cds-field-hover);
8317
8653
  }
8654
+ .cds--multi-select.cds--multi-select--readonly.cds--list-box {
8655
+ cursor: default;
8656
+ }
8318
8657
  .cds--list-box--lg {
8319
8658
  block-size: 3rem;
8320
8659
  max-block-size: 3rem;
@@ -8708,7 +9047,7 @@ fieldset[disabled] .cds--form__helper-text {
8708
9047
  display: none;
8709
9048
  background-color: var(--cds-layer);
8710
9049
  inline-size: 100%;
8711
- inset-inline: 0 0;
9050
+ inset-inline: 0;
8712
9051
  overflow-y: auto;
8713
9052
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
8714
9053
  }
@@ -8973,6 +9312,8 @@ fieldset[disabled] .cds--form__helper-text {
8973
9312
  min-inline-size: 0;
8974
9313
  text-overflow: ellipsis;
8975
9314
  }
9315
+ .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *,
9316
+ .cds--list-box__wrapper--slug .cds--ai-label,
8976
9317
  .cds--list-box__wrapper--slug .cds--slug {
8977
9318
  position: absolute;
8978
9319
  inset-block-start: 50%;
@@ -8980,6 +9321,10 @@ fieldset[disabled] .cds--form__helper-text {
8980
9321
  margin-block-start: 0.03125rem;
8981
9322
  transform: translateY(-50%);
8982
9323
  }
9324
+ .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::after,
9325
+ .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
9326
+ .cds--list-box__wrapper--slug .cds--ai-label::after,
9327
+ .cds--list-box__wrapper--slug .cds--ai-label::before,
8983
9328
  .cds--list-box__wrapper--slug .cds--slug::after,
8984
9329
  .cds--list-box__wrapper--slug .cds--slug::before {
8985
9330
  position: absolute;
@@ -8988,55 +9333,91 @@ fieldset[disabled] .cds--form__helper-text {
8988
9333
  content: "";
8989
9334
  inline-size: 0.0625rem;
8990
9335
  }
9336
+ .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
9337
+ .cds--list-box__wrapper--slug .cds--ai-label::before,
8991
9338
  .cds--list-box__wrapper--slug .cds--slug::before {
8992
9339
  display: none;
8993
9340
  inset-inline-start: -0.5625rem;
8994
9341
  }
9342
+ .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::after,
9343
+ .cds--list-box__wrapper--slug .cds--ai-label::after,
8995
9344
  .cds--list-box__wrapper--slug .cds--slug::after {
8996
9345
  display: block;
9346
+ inset-block-start: 0;
8997
9347
  inset-inline-end: -0.5625rem;
8998
9348
  }
9349
+ .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::after,
9350
+ .cds--list-box__wrapper--slug .cds--ai-label--revert::after,
8999
9351
  .cds--list-box__wrapper--slug .cds--slug--revert::after {
9000
9352
  inset-block-start: 0.5rem;
9001
9353
  inset-inline-end: -0.0625rem;
9002
9354
  }
9003
- .cds--list-box__wrapper--slug .cds--list-box:not(:has(.cds--slug--revert)) {
9355
+ .cds--list-box__wrapper--decorator .cds--list-box:has(.cds--list-box__inner-wrapper--decorator .cds--ai-label):not(:has(.cds--list-box__inner-wrapper--decorator .cds--ai-label--revert)),
9356
+ .cds--list-box__wrapper--slug .cds--list-box:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
9357
+ .cds--list-box__wrapper--slug .cds--list-box:has(.cds--slug):not(:has(.cds--slug--revert)) {
9004
9358
  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%);
9005
9359
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
9006
9360
  }
9361
+ .cds--list-box__wrapper--decorator .cds--list-box input[role=combobox],
9007
9362
  .cds--list-box__wrapper--slug .cds--list-box input[role=combobox] {
9008
9363
  border-block-end-color: transparent;
9009
9364
  }
9365
+ .cds--list-box__wrapper--decorator .cds--list-box__field,
9366
+ .cds--list-box__wrapper--decorator .cds--text-input--empty,
9010
9367
  .cds--list-box__wrapper--slug .cds--list-box__field,
9011
9368
  .cds--list-box__wrapper--slug .cds--text-input--empty {
9012
9369
  padding-inline-end: 4rem;
9013
9370
  }
9371
+ .cds--list-box__wrapper--decorator .cds--text-input:not(.cds--text-input--empty),
9014
9372
  .cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
9015
9373
  padding-inline-end: 6rem;
9016
9374
  }
9375
+ .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
9376
+ .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__field,
9377
+ .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input--empty,
9378
+ .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field,
9017
9379
  .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
9018
9380
  .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__field,
9019
9381
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input--empty,
9020
9382
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field {
9021
9383
  padding-inline-end: 6rem;
9022
9384
  }
9385
+ .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
9386
+ .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
9023
9387
  .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
9024
9388
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
9025
9389
  padding-inline-end: 8.8125rem;
9026
9390
  }
9391
+ .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
9392
+ .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
9393
+ .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning,
9027
9394
  .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
9028
9395
  .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
9029
9396
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning {
9030
9397
  inset-inline-end: 5.1875rem;
9031
9398
  }
9399
+ .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] > *::before,
9400
+ .cds--list-box__wrapper--decorator .cds--list-box--warning > *::before,
9401
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label::before,
9402
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label::before,
9403
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label::before,
9404
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label::before,
9032
9405
  .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,
9033
9406
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {
9034
9407
  display: block;
9035
9408
  }
9409
+ .cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
9410
+ .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
9411
+ .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
9412
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
9413
+ .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
9414
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
9036
9415
  .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
9037
9416
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
9038
9417
  inset-inline-end: calc(4rem + 18px);
9039
9418
  }
9419
+ .cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
9420
+ .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
9040
9421
  .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
9041
9422
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon {
9042
9423
  inset-inline-end: 7.25rem;
@@ -9080,9 +9461,11 @@ fieldset[disabled] .cds--form__helper-text {
9080
9461
  inline-size: 0.0625rem;
9081
9462
  margin-inline-end: 2.0625rem;
9082
9463
  }
9464
+ .cds--list-box__wrapper--decorator:has(.cds--multi-select) .cds--list-box__menu-icon,
9083
9465
  .cds--list-box__wrapper--slug:has(.cds--multi-select) .cds--list-box__menu-icon {
9084
9466
  inset-inline-end: 0.75rem;
9085
9467
  }
9468
+ .cds--list-box__wrapper--decorator:has(.cds--dropdown) .cds--list-box__menu-icon,
9086
9469
  .cds--list-box__wrapper--slug:has(.cds--dropdown) .cds--list-box__menu-icon {
9087
9470
  inset-inline-end: 0.75rem;
9088
9471
  }
@@ -9477,7 +9860,7 @@ fieldset[disabled] .cds--form__helper-text {
9477
9860
  block-size: 1px;
9478
9861
  content: "";
9479
9862
  inset-block-end: 0;
9480
- inset-inline: 0 0;
9863
+ inset-inline: 0;
9481
9864
  }
9482
9865
  .cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {
9483
9866
  inset-inline: var(--cds-layout-density-padding-inline-local) var(--cds-layout-density-padding-inline-local);
@@ -9516,7 +9899,7 @@ fieldset[disabled] .cds--form__helper-text {
9516
9899
  display: flex;
9517
9900
  justify-content: flex-end;
9518
9901
  inset-block-start: 0;
9519
- inset-inline: 0 0;
9902
+ inset-inline: 0;
9520
9903
  pointer-events: none;
9521
9904
  }
9522
9905
  .cds--contained-list__action > *,
@@ -9984,6 +10367,7 @@ fieldset[disabled] .cds--form__helper-text {
9984
10367
  block-size: 100%;
9985
10368
  content: "";
9986
10369
  inline-size: 100%;
10370
+ inset-inline-start: 0;
9987
10371
  will-change: transform-origin, transform, opacity;
9988
10372
  }
9989
10373
  @media (prefers-reduced-motion: reduce) {
@@ -10022,14 +10406,22 @@ fieldset[disabled] .cds--form__helper-text {
10022
10406
  .cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance {
10023
10407
  margin-inline: 0.5rem 0;
10024
10408
  }
10409
+ .cds--radio-button-group--decorator legend.cds--label,
10410
+ .cds--radio-button-wrapper--decorator .cds--radio-button__label-text,
10025
10411
  .cds--radio-button-group--slug legend.cds--label,
10026
10412
  .cds--radio-button-wrapper--slug .cds--radio-button__label-text {
10027
10413
  display: flex;
10028
10414
  }
10415
+ .cds--radio-button-group--decorator legend.cds--label .cds--radio-button-group-inner--decorator > *,
10416
+ .cds--radio-button-wrapper--decorator .cds--radio-button__label-text .cds--radio-button-wrapper-inner--decorator > *,
10417
+ .cds--radio-button-group--slug legend.cds--label .cds--ai-label,
10418
+ .cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--ai-label,
10029
10419
  .cds--radio-button-group--slug legend.cds--label .cds--slug,
10030
10420
  .cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug {
10031
10421
  margin-inline-start: 0.5rem;
10032
10422
  }
10423
+ .cds--radio-button-wrapper--decorator .cds--radio-button__label-text .cds--ai-label__button--inline,
10424
+ .cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--ai-label__button--inline,
10033
10425
  .cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug__button--inline {
10034
10426
  line-height: inherit;
10035
10427
  margin-block-start: -0.0625rem;
@@ -10177,7 +10569,7 @@ fieldset[disabled] .cds--form__helper-text {
10177
10569
  }
10178
10570
  .cds--data-table td,
10179
10571
  .cds--data-table tbody th {
10180
- border-block-end: 1px solid var(--cds-border-subtle);
10572
+ border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
10181
10573
  border-block-start: 1px solid var(--cds-layer);
10182
10574
  color: var(--cds-text-secondary, #525252);
10183
10575
  padding-inline: 1rem 1rem;
@@ -10186,6 +10578,14 @@ fieldset[disabled] .cds--form__helper-text {
10186
10578
  .cds--data-table tbody th + td:first-of-type {
10187
10579
  padding-inline-start: 0.75rem;
10188
10580
  }
10581
+ .cds--layer-two .cds--data-table td,
10582
+ .cds--layer-two .cds--data-table tbody th {
10583
+ border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
10584
+ }
10585
+ .cds--layer-three .cds--data-table td,
10586
+ .cds--layer-three .cds--data-table tbody th {
10587
+ border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
10588
+ }
10189
10589
  @supports (-moz-appearance: none) {
10190
10590
  .cds--data-table td {
10191
10591
  background-clip: padding-box;
@@ -10247,7 +10647,7 @@ fieldset[disabled] .cds--form__helper-text {
10247
10647
  .cds--data-table--xs td.cds--table-column-menu,
10248
10648
  .cds--data-table--sm td.cds--table-column-menu {
10249
10649
  block-size: 1.5rem;
10250
- padding-block: 0 0;
10650
+ padding-block: 0;
10251
10651
  }
10252
10652
  .cds--data-table--sm td.cds--table-column-menu {
10253
10653
  block-size: 2rem;
@@ -10400,7 +10800,7 @@ tr.cds--data-table--selected:last-of-type td {
10400
10800
  }
10401
10801
  .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
10402
10802
  .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
10403
- padding-block: 0 0;
10803
+ padding-block: 0;
10404
10804
  }
10405
10805
  .cds--data-table.cds--data-table--xs .cds--table-column-checkbox .cds--checkbox-label {
10406
10806
  block-size: 1.4375rem;
@@ -10561,7 +10961,7 @@ tr.cds--data-table--selected:last-of-type td {
10561
10961
  .cds--data-table--sticky-header tbody::-webkit-scrollbar {
10562
10962
  display: none;
10563
10963
  }
10564
- @-moz-document url-prefix() {
10964
+ @document url-prefix() {
10565
10965
  .cds--data-table--sticky-header thead,
10566
10966
  .cds--data-table--sticky-header tbody {
10567
10967
  scrollbar-width: none;
@@ -10686,11 +11086,13 @@ tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-
10686
11086
  .cds--data-table thead th:has(> .cds--table-header-label--slug) {
10687
11087
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
10688
11088
  }
11089
+ .cds--table-column-slug .cds--ai-label,
10689
11090
  .cds--table-column-slug .cds--slug {
10690
11091
  position: absolute;
10691
11092
  z-index: 2;
10692
11093
  transform: translateY(-50%);
10693
11094
  }
11095
+ .cds--data-table--xl .cds--table-column-slug .cds--ai-label,
10694
11096
  .cds--data-table--xl .cds--table-column-slug .cds--slug {
10695
11097
  transform: translateY(1px);
10696
11098
  }
@@ -10698,6 +11100,7 @@ th .cds--table-header-label.cds--table-header-label--slug {
10698
11100
  display: flex;
10699
11101
  align-items: center;
10700
11102
  }
11103
+ th .cds--table-header-label.cds--table-header-label--slug .cds--ai-label,
10701
11104
  th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
10702
11105
  margin-inline-start: auto;
10703
11106
  }
@@ -11035,6 +11438,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
11035
11438
  block-size: 100%;
11036
11439
  content: "";
11037
11440
  inline-size: 100%;
11441
+ inset-inline-start: 0;
11038
11442
  will-change: transform-origin, transform, opacity;
11039
11443
  }
11040
11444
  @media (prefers-reduced-motion: reduce) {
@@ -11120,9 +11524,6 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
11120
11524
  transform: translate3d(0, 0, 0);
11121
11525
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
11122
11526
  }
11123
- .cds--batch-actions ~ .cds--toolbar-content {
11124
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
11125
- }
11126
11527
  .cds--toolbar-content .cds--search .cds--search-input {
11127
11528
  padding: 0 3rem;
11128
11529
  background-color: transparent;
@@ -11403,7 +11804,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
11403
11804
  background-color: var(--cds-background-brand, #0f62fe);
11404
11805
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
11405
11806
  inset-block-end: 0;
11406
- inset-inline: 0 0;
11807
+ inset-inline: 0;
11407
11808
  opacity: 0;
11408
11809
  pointer-events: none;
11409
11810
  transform: translate3d(0, 48px, 0);
@@ -11593,7 +11994,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
11593
11994
  .cds--table-toolbar--sm .cds--btn--primary {
11594
11995
  block-size: 2rem;
11595
11996
  min-block-size: auto;
11596
- padding-block: 0.375rem 0.375rem;
11997
+ padding-block: 0.375rem;
11597
11998
  }
11598
11999
  .cds--table-toolbar--sm .cds--btn--primary.cds--batch-summary__cancel::before {
11599
12000
  inset-block-start: 0.5rem;
@@ -11620,7 +12021,7 @@ tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] {
11620
12021
  tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {
11621
12022
  border: 0;
11622
12023
  background-color: var(--cds-layer-hover);
11623
- padding-block: 0 0;
12024
+ padding-block: 0;
11624
12025
  transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
11625
12026
  }
11626
12027
  tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td .cds--child-row-inner-container {
@@ -11697,7 +12098,13 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
11697
12098
  border-block-end: 1px solid transparent;
11698
12099
  }
11699
12100
  .cds--data-table td.cds--table-expand {
11700
- border-block-end: 1px solid var(--cds-border-subtle);
12101
+ border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
12102
+ }
12103
+ .cds--layer-two .cds--data-table td.cds--table-expand {
12104
+ border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
12105
+ }
12106
+ .cds--layer-three .cds--data-table td.cds--table-expand {
12107
+ border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
11701
12108
  }
11702
12109
  .cds--data-table th.cds--table-expand + .cds--table-column-checkbox,
11703
12110
  .cds--data-table td.cds--table-expand + .cds--table-column-checkbox {
@@ -11930,6 +12337,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
11930
12337
  block-size: 100%;
11931
12338
  content: "";
11932
12339
  inline-size: 100%;
12340
+ inset-inline-start: 0;
11933
12341
  will-change: transform-origin, transform, opacity;
11934
12342
  }
11935
12343
  @media (prefers-reduced-motion: reduce) {
@@ -11977,6 +12385,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
11977
12385
  block-size: 100%;
11978
12386
  content: "";
11979
12387
  inline-size: 100%;
12388
+ inset-inline-start: 0;
11980
12389
  will-change: transform-origin, transform, opacity;
11981
12390
  }
11982
12391
  @media (prefers-reduced-motion: reduce) {
@@ -12007,6 +12416,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
12007
12416
  block-size: 100%;
12008
12417
  content: "";
12009
12418
  inline-size: 100%;
12419
+ inset-inline-start: 0;
12010
12420
  will-change: transform-origin, transform, opacity;
12011
12421
  }
12012
12422
  @media (prefers-reduced-motion: reduce) {
@@ -12096,7 +12506,7 @@ th .cds--table-sort__flex {
12096
12506
  }
12097
12507
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label,
12098
12508
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label {
12099
- padding-block: 0 0;
12509
+ padding-block: 0;
12100
12510
  }
12101
12511
  .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {
12102
12512
  padding-block: 0.4375rem 0.4375rem;
@@ -12185,6 +12595,7 @@ th .cds--table-sort__flex {
12185
12595
  .cds--table-sort__header--slug .cds--table-sort__icon-unsorted {
12186
12596
  margin-inline: auto 0.5rem;
12187
12597
  }
12598
+ .cds--table-sort__header--slug .cds--ai-label,
12188
12599
  .cds--table-sort__header--slug .cds--slug {
12189
12600
  margin-inline-end: 0.5rem;
12190
12601
  }
@@ -12837,13 +13248,20 @@ th .cds--table-sort__flex {
12837
13248
  .cds--date-picker--range .cds--date-picker__input {
12838
13249
  inline-size: 8.96875rem;
12839
13250
  }
13251
+ .cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator > *,
13252
+ .cds--date-picker-input__wrapper--slug .cds--ai-label,
12840
13253
  .cds--date-picker-input__wrapper--slug .cds--slug {
12841
13254
  position: absolute;
12842
13255
  inset-block-start: 50%;
12843
13256
  inset-inline-end: 2.5rem;
12844
13257
  transform: translateY(-50%);
12845
13258
  }
12846
- .cds--date-picker-input__wrapper--slug .cds--date-picker__input:not(:has(~ .cds--slug--revert)) {
13259
+ .cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator:not(:has(.cds--ai-label)) > * {
13260
+ block-size: 1rem;
13261
+ }
13262
+ .cds--date-picker-input__wrapper--decorator .cds--date-picker__input:has(~ .cds--date-picker-input-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--date-picker-input-inner-wrapper--decorator .cds--ai-label--revert)),
13263
+ .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
13264
+ .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
12847
13265
  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%);
12848
13266
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
12849
13267
  padding-inline-end: 4rem;
@@ -12882,6 +13300,7 @@ th .cds--table-sort__flex {
12882
13300
  block-size: 100%;
12883
13301
  content: "";
12884
13302
  inline-size: 100%;
13303
+ inset-inline-start: 0;
12885
13304
  will-change: transform-origin, transform, opacity;
12886
13305
  }
12887
13306
  @media (prefers-reduced-motion: reduce) {
@@ -12916,6 +13335,7 @@ th .cds--table-sort__flex {
12916
13335
  block-size: 100%;
12917
13336
  content: "";
12918
13337
  inline-size: 100%;
13338
+ inset-inline-start: 0;
12919
13339
  will-change: transform-origin, transform, opacity;
12920
13340
  }
12921
13341
  @media (prefers-reduced-motion: reduce) {
@@ -12932,7 +13352,10 @@ th .cds--table-sort__flex {
12932
13352
  display: inline-grid;
12933
13353
  align-items: center;
12934
13354
  grid-gap: 0 1.5rem;
12935
- grid-template: auto auto/auto min-content;
13355
+ grid-template: auto/auto min-content;
13356
+ }
13357
+ .cds--dropdown__wrapper--inline:has(.cds--label.cds--visually-hidden) {
13358
+ grid-template: auto/auto;
12936
13359
  }
12937
13360
  .cds--dropdown__wrapper--inline .cds--label {
12938
13361
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
@@ -13337,6 +13760,7 @@ button.cds--dropdown-text:focus {
13337
13760
  block-size: 100%;
13338
13761
  content: "";
13339
13762
  inline-size: 100%;
13763
+ inset-inline-start: 0;
13340
13764
  will-change: transform-origin, transform, opacity;
13341
13765
  }
13342
13766
  @media (prefers-reduced-motion: reduce) {
@@ -13685,7 +14109,7 @@ button.cds--dropdown-text:focus {
13685
14109
  inline-size: -webkit-fill-available;
13686
14110
  padding-inline-start: 1rem;
13687
14111
  }
13688
- @-moz-document url-prefix() {
14112
+ @document url-prefix() {
13689
14113
  .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
13690
14114
  inline-size: -moz-available;
13691
14115
  }
@@ -13693,7 +14117,7 @@ button.cds--dropdown-text:focus {
13693
14117
  .cds--file__selected-file .cds--file-filename-tooltip {
13694
14118
  inline-size: -webkit-fill-available;
13695
14119
  }
13696
- @-moz-document url-prefix() {
14120
+ @document url-prefix() {
13697
14121
  .cds--file__selected-file .cds--file-filename-tooltip {
13698
14122
  inline-size: -moz-available;
13699
14123
  }
@@ -13715,7 +14139,7 @@ button.cds--dropdown-text:focus {
13715
14139
  text-overflow: ellipsis;
13716
14140
  white-space: nowrap;
13717
14141
  }
13718
- @-moz-document url-prefix() {
14142
+ @document url-prefix() {
13719
14143
  .cds--file__selected-file .cds--file-filename-button {
13720
14144
  inline-size: -moz-available;
13721
14145
  }
@@ -13909,7 +14333,6 @@ button.cds--dropdown-text:focus {
13909
14333
  outline: 2px solid var(--cds-focus, #0f62fe);
13910
14334
  outline-offset: -2px;
13911
14335
  }
13912
- /* stylelint-disable */
13913
14336
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
13914
14337
  .cds--file__selected-file {
13915
14338
  outline: 1px solid transparent;
@@ -13920,7 +14343,6 @@ button.cds--dropdown-text:focus {
13920
14343
  fill: ButtonText;
13921
14344
  }
13922
14345
  }
13923
- /* stylelint-enable */
13924
14346
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper {
13925
14347
  position: relative;
13926
14348
  background: var(--cds-field);
@@ -14074,6 +14496,12 @@ button.cds--dropdown-text:focus {
14074
14496
  border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
14075
14497
  }
14076
14498
  .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field {
14499
+ position: relative;
14500
+ padding: 0;
14501
+ border: none;
14502
+ background: var(--cds-skeleton-background, #e8e8e8);
14503
+ box-shadow: none;
14504
+ pointer-events: none;
14077
14505
  position: absolute;
14078
14506
  padding: 0;
14079
14507
  block-size: 0.5rem;
@@ -14081,37 +14509,97 @@ button.cds--dropdown-text:focus {
14081
14509
  inset-block-start: 2.25rem;
14082
14510
  inset-inline-start: 1rem;
14083
14511
  }
14512
+ .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:hover, .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:focus, .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:active {
14513
+ border: none;
14514
+ cursor: default;
14515
+ outline: none;
14516
+ }
14517
+ .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field::before {
14518
+ position: absolute;
14519
+ animation: 3000ms ease-in-out cds--skeleton infinite;
14520
+ background: var(--cds-skeleton-element, #c6c6c6);
14521
+ block-size: 100%;
14522
+ content: "";
14523
+ inline-size: 100%;
14524
+ inset-inline-start: 0;
14525
+ will-change: transform-origin, transform, opacity;
14526
+ }
14527
+ @media (prefers-reduced-motion: reduce) {
14528
+ .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field::before {
14529
+ animation: none;
14530
+ }
14531
+ }
14084
14532
  .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {
14533
+ position: relative;
14534
+ padding: 0;
14535
+ border: none;
14536
+ background: var(--cds-skeleton-background, #e8e8e8);
14537
+ box-shadow: none;
14538
+ pointer-events: none;
14085
14539
  position: absolute;
14086
14540
  block-size: 0.5rem;
14087
14541
  inline-size: 25%;
14088
14542
  inset-block-start: 1rem;
14089
14543
  inset-inline-start: 1rem;
14090
14544
  }
14091
- .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field,
14092
- .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {
14093
- animation: 3000ms ease-in-out skeleton infinite;
14545
+ .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:hover, .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:focus, .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:active {
14546
+ border: none;
14547
+ cursor: default;
14548
+ outline: none;
14549
+ }
14550
+ .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label::before {
14551
+ position: absolute;
14552
+ animation: 3000ms ease-in-out cds--skeleton infinite;
14094
14553
  background: var(--cds-skeleton-element, #c6c6c6);
14554
+ block-size: 100%;
14555
+ content: "";
14556
+ inline-size: 100%;
14557
+ inset-inline-start: 0;
14558
+ will-change: transform-origin, transform, opacity;
14095
14559
  }
14560
+ @media (prefers-reduced-motion: reduce) {
14561
+ .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label::before {
14562
+ animation: none;
14563
+ }
14564
+ }
14565
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *,
14566
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--ai-label,
14096
14567
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--slug {
14097
14568
  inset-block-start: 2.625rem;
14098
14569
  }
14570
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__wrapper--decorator-inner > *,
14571
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__wrapper--decorator-inner > *,
14572
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label,
14573
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--ai-label,
14574
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label,
14575
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--ai-label,
14099
14576
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug,
14100
14577
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug {
14101
14578
  inset-inline-end: 2.5rem;
14102
14579
  }
14580
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning button.cds--list-box__field,
14581
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] button.cds--list-box__field,
14103
14582
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning button.cds--list-box__field,
14104
14583
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] button.cds--list-box__field {
14105
14584
  padding-inline-end: 4rem;
14106
14585
  }
14586
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
14587
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator.cds--list-box__wrapper--fluid--invalid .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty),
14107
14588
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
14108
14589
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug.cds--list-box__wrapper--fluid--invalid .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty) {
14109
14590
  padding-inline-end: 5.5rem;
14110
14591
  }
14592
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--list-box__wrapper--decorator-inner > *,
14593
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--list-box__wrapper--decorator-inner > *,
14594
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--ai-label,
14595
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--ai-label,
14596
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--ai-label,
14597
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--ai-label,
14111
14598
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--slug,
14112
14599
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--slug {
14113
14600
  inset-inline-end: 4rem;
14114
14601
  }
14602
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--text-input:not(.cds--text-input--empty),
14115
14603
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
14116
14604
  padding-inline-end: 6rem;
14117
14605
  }
@@ -14133,6 +14621,10 @@ button.cds--dropdown-text:focus {
14133
14621
  .cds--list-box__wrapper--fluid:has(.cds--dropdown) .cds--list-box__menu-icon {
14134
14622
  inset-inline-end: 0.75rem;
14135
14623
  }
14624
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__wrapper--decorator-inner > *::before,
14625
+ .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__wrapper--decorator-inner > *::before,
14626
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label::before,
14627
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label::before,
14136
14628
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,
14137
14629
  .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {
14138
14630
  display: none;
@@ -14391,14 +14883,17 @@ button.cds--dropdown-text:focus {
14391
14883
  .cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker--range > .cds--date-picker-container:last-child .cds--date-picker__input {
14392
14884
  border-inline-start-color: var(--cds-border-subtle);
14393
14885
  }
14886
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--ai-label,
14394
14887
  .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--slug {
14395
14888
  inset-block-start: 2.6875rem;
14396
14889
  }
14397
- .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:not(:has(.cds--slug--revert)) {
14890
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
14891
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
14398
14892
  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%);
14399
14893
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
14400
14894
  }
14401
- .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:not(:has(.cds--slug--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid) {
14895
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid),
14896
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid) {
14402
14897
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
14403
14898
  }
14404
14899
  .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
@@ -14523,7 +15018,7 @@ button.cds--dropdown-text:focus {
14523
15018
  cursor: default;
14524
15019
  }
14525
15020
  .cds--multi-select.cds--multi-select--readonly .cds--tag--filter {
14526
- box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
15021
+ box-shadow: 0 0 0 1px var(--cds-border-subtle);
14527
15022
  }
14528
15023
  .cds--multi-select.cds--multi-select--readonly .cds--tag--filter svg {
14529
15024
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
@@ -14554,9 +15049,11 @@ button.cds--dropdown-text:focus {
14554
15049
  .cds--number__controls:hover .cds--number__control-btn::after {
14555
15050
  display: none;
14556
15051
  }
15052
+ .cds--number__input-wrapper--decorator .cds--number__rule-divider,
14557
15053
  .cds--number__input-wrapper--slug .cds--number__rule-divider {
14558
15054
  display: none;
14559
15055
  }
15056
+ .cds--number__input-wrapper--decorator .cds--number__control-btn:hover,
14560
15057
  .cds--number__input-wrapper--slug .cds--number__control-btn:hover {
14561
15058
  box-shadow: 0 -1px 0 var(--cds-ai-border-strong, #4589ff) inset;
14562
15059
  }
@@ -14900,12 +15397,21 @@ button.cds--dropdown-text:focus {
14900
15397
  .cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type) {
14901
15398
  background-color: var(--cds-border-subtle);
14902
15399
  }
15400
+ .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *,
15401
+ .cds--number__input-wrapper--slug .cds--ai-label,
14903
15402
  .cds--number__input-wrapper--slug .cds--slug {
14904
15403
  position: absolute;
14905
15404
  inset-block-start: 50%;
14906
15405
  inset-inline-end: 6rem;
14907
15406
  transform: translateY(-50%);
14908
15407
  }
15408
+ .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator:not(:has(.cds--ai-label)) > * {
15409
+ block-size: 1rem;
15410
+ }
15411
+ .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *::before,
15412
+ .cds--number__input-wrapper--decorator .cds--number__control-btn::before,
15413
+ .cds--number__input-wrapper--decorator .cds--number__control-btn::after,
15414
+ .cds--number__input-wrapper--slug .cds--ai-label::before,
14909
15415
  .cds--number__input-wrapper--slug .cds--slug::before,
14910
15416
  .cds--number__input-wrapper--slug .cds--number__control-btn::before,
14911
15417
  .cds--number__input-wrapper--slug .cds--number__control-btn::after {
@@ -14915,6 +15421,8 @@ button.cds--dropdown-text:focus {
14915
15421
  content: "";
14916
15422
  inline-size: 0.0625rem;
14917
15423
  }
15424
+ .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *::before,
15425
+ .cds--number__input-wrapper--slug .cds--ai-label::before,
14918
15426
  .cds--number__input-wrapper--slug .cds--slug::before {
14919
15427
  display: none;
14920
15428
  inset-inline-start: -1rem;
@@ -14923,10 +15431,12 @@ button.cds--dropdown-text:focus {
14923
15431
  display: block;
14924
15432
  inset-inline-end: 0;
14925
15433
  }
15434
+ .cds--number__input-wrapper--decorator .cds--number__control-btn::before,
14926
15435
  .cds--number__input-wrapper--slug .cds--number__control-btn::before {
14927
15436
  display: block;
14928
15437
  inset-inline-end: 2.5rem;
14929
15438
  }
15439
+ .cds--number__input-wrapper--decorator .cds--number__control-btn:focus::before,
14930
15440
  .cds--number__input-wrapper--slug .cds--number__control-btn:focus::before {
14931
15441
  display: none;
14932
15442
  }
@@ -14935,6 +15445,7 @@ button.cds--dropdown-text:focus {
14935
15445
  display: none;
14936
15446
  inset-inline-end: 0;
14937
15447
  }
15448
+ .cds--number__input-wrapper:has(.cds--number__control-btn:hover) ~ .cds--number__input-wrapper--decorator::after,
14938
15449
  .cds--number__input-wrapper:has(.cds--number__control-btn:hover) ~ .cds--number__input-wrapper--slug::after {
14939
15450
  display: none;
14940
15451
  }
@@ -14942,17 +15453,25 @@ button.cds--dropdown-text:focus {
14942
15453
  .cds--number__control-btn:has(.up-icon)::before {
14943
15454
  display: none;
14944
15455
  }
15456
+ .cds--number__input-wrapper--decorator .cds--number__invalid,
14945
15457
  .cds--number__input-wrapper--slug .cds--number__invalid {
14946
15458
  inset-inline-end: 9rem;
14947
15459
  }
15460
+ .cds--number__input-wrapper--decorator:has(.cds--number__invalid) .cds--number__input-inner-wrapper--decorator > *::before,
15461
+ .cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label::before,
15462
+ .cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label::before,
14948
15463
  .cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--slug::before {
14949
15464
  display: block;
14950
15465
  }
15466
+ .cds--number .cds--number__input-wrapper--decorator input[data-invalid],
15467
+ .cds--number .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,
14951
15468
  .cds--number .cds--number__input-wrapper--slug input[data-invalid],
14952
15469
  .cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {
14953
15470
  padding-inline-end: 9rem;
14954
15471
  }
14955
- .cds--number__input-wrapper--slug input[type=number]:not(:has(~ .cds--slug--revert)),
15472
+ .cds--number__input-wrapper--decorator input[type=number]:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),
15473
+ .cds--number__input-wrapper--slug input[type=number]:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
15474
+ .cds--number__input-wrapper--slug input[type=number]:has(~ .cds--slug):not(:has(~ .cds--slug--revert)),
14956
15475
  .cds--number__input-wrapper--slug input[type=number]:disabled {
14957
15476
  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%);
14958
15477
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
@@ -14965,7 +15484,6 @@ button.cds--dropdown-text:focus {
14965
15484
  background: var(--cds-skeleton-background, #e8e8e8);
14966
15485
  box-shadow: none;
14967
15486
  pointer-events: none;
14968
- block-size: 2.5rem;
14969
15487
  inline-size: 100%;
14970
15488
  }
14971
15489
  .cds--number.cds--skeleton:hover, .cds--number.cds--skeleton:focus, .cds--number.cds--skeleton:active {
@@ -14980,6 +15498,7 @@ button.cds--dropdown-text:focus {
14980
15498
  block-size: 100%;
14981
15499
  content: "";
14982
15500
  inline-size: 100%;
15501
+ inset-inline-start: 0;
14983
15502
  will-change: transform-origin, transform, opacity;
14984
15503
  }
14985
15504
  @media (prefers-reduced-motion: reduce) {
@@ -14990,7 +15509,15 @@ button.cds--dropdown-text:focus {
14990
15509
  .cds--number.cds--skeleton input[type=number] {
14991
15510
  display: none;
14992
15511
  }
14993
- /* stylelint-disable */
15512
+ .cds--number.cds--skeleton.cds--number--sm {
15513
+ block-size: 2rem;
15514
+ }
15515
+ .cds--number.cds--skeleton.cds--number--md {
15516
+ block-size: 2.5rem;
15517
+ }
15518
+ .cds--number.cds--skeleton.cds--number--lg {
15519
+ block-size: 3rem;
15520
+ }
14994
15521
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
14995
15522
  .cds--number__control-btn:hover,
14996
15523
  .cds--number__control-btn:focus {
@@ -15008,7 +15535,6 @@ button.cds--dropdown-text:focus {
15008
15535
  fill: ButtonText;
15009
15536
  }
15010
15537
  }
15011
- /* stylelint-enable */
15012
15538
  .cds--number-input--fluid {
15013
15539
  position: relative;
15014
15540
  background: var(--cds-field);
@@ -15160,19 +15686,30 @@ button.cds--dropdown-text:focus {
15160
15686
  .cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=number]:disabled {
15161
15687
  background-color: transparent;
15162
15688
  }
15689
+ .cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *,
15690
+ .cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label,
15163
15691
  .cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug {
15164
15692
  inset-block-start: 2.6875rem;
15165
15693
  }
15694
+ .cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *,
15695
+ .cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning .cds--number__input-inner-wrapper--decorator > *,
15696
+ .cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--ai-label,
15697
+ .cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--ai-label,
15166
15698
  .cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--slug,
15167
15699
  .cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug {
15168
15700
  inset-inline-end: 5.5rem;
15169
15701
  }
15702
+ .cds--number-input--fluid .cds--number__input-wrapper--decorator input,
15703
+ .cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator input[data-invalid],
15704
+ .cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,
15170
15705
  .cds--number-input--fluid .cds--number__input-wrapper--slug input,
15171
15706
  .cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug input[data-invalid],
15172
15707
  .cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {
15173
15708
  padding-inline-end: 7.5rem;
15174
15709
  }
15175
- .cds--number-input--fluid .cds--number__input-wrapper--slug:not(:has(.cds--slug--revert)) {
15710
+ .cds--number-input--fluid .cds--number__input-wrapper--decorator:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
15711
+ .cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
15712
+ .cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) {
15176
15713
  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%);
15177
15714
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
15178
15715
  }
@@ -15307,7 +15844,7 @@ button.cds--dropdown-text:focus {
15307
15844
  .cds--select-input::-ms-expand {
15308
15845
  display: none;
15309
15846
  }
15310
- @-moz-document url-prefix() {
15847
+ @document url-prefix() {
15311
15848
  .cds--select-input:-moz-focusring, .cds--select-input::-moz-focus-inner {
15312
15849
  background-image: none;
15313
15850
  color: transparent;
@@ -15476,6 +16013,7 @@ optgroup.cds--select-optgroup:disabled,
15476
16013
  block-size: 100%;
15477
16014
  content: "";
15478
16015
  inline-size: 100%;
16016
+ inset-inline-start: 0;
15479
16017
  will-change: transform-origin, transform, opacity;
15480
16018
  }
15481
16019
  @media (prefers-reduced-motion: reduce) {
@@ -15486,6 +16024,7 @@ optgroup.cds--select-optgroup:disabled,
15486
16024
  .cds--select.cds--skeleton .cds--select-input {
15487
16025
  display: none;
15488
16026
  }
16027
+ .cds--select--slug .cds--ai-label,
15489
16028
  .cds--select--slug .cds--slug {
15490
16029
  position: absolute;
15491
16030
  inset-block-start: 50%;
@@ -15493,6 +16032,8 @@ optgroup.cds--select-optgroup:disabled,
15493
16032
  margin-block-start: 0.03125rem;
15494
16033
  transform: translateY(-50%);
15495
16034
  }
16035
+ .cds--select--slug .cds--ai-label::after,
16036
+ .cds--select--slug .cds--ai-label::before,
15496
16037
  .cds--select--slug .cds--slug::after,
15497
16038
  .cds--select--slug .cds--slug::before {
15498
16039
  position: absolute;
@@ -15501,26 +16042,32 @@ optgroup.cds--select-optgroup:disabled,
15501
16042
  content: "";
15502
16043
  inline-size: 0.0625rem;
15503
16044
  }
16045
+ .cds--select--slug .cds--ai-label::before,
15504
16046
  .cds--select--slug .cds--slug::before {
15505
16047
  display: none;
15506
16048
  inset-inline-start: calc(-0.5rem - 1px);
15507
16049
  }
16050
+ .cds--select--slug .cds--ai-label::after,
15508
16051
  .cds--select--slug .cds--slug::after {
15509
16052
  display: block;
15510
16053
  inset-inline-end: calc(-0.5rem - 1px);
15511
16054
  }
16055
+ .cds--select--slug .cds--ai-label--revert::after,
15512
16056
  .cds--select--slug .cds--slug--revert::after {
15513
16057
  inset-block-start: 0.5rem;
15514
16058
  inset-inline-end: -0.0625rem;
15515
16059
  }
15516
- .cds--select--slug .cds--select-input:not(:has(~ .cds--slug--revert)) {
16060
+ .cds--select--slug .cds--select-input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
16061
+ .cds--select--slug .cds--select-input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
15517
16062
  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%);
15518
16063
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
15519
16064
  padding-inline-end: 4rem;
15520
16065
  }
15521
- .cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:not(:has(~ .cds--slug--revert)) {
16066
+ .cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
16067
+ .cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
15522
16068
  padding-inline-end: 6rem;
15523
16069
  }
16070
+ .cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label::before,
15524
16071
  .cds--select--slug:has(.cds--select__invalid-icon) .cds--slug::before {
15525
16072
  display: block;
15526
16073
  }
@@ -15653,6 +16200,7 @@ optgroup.cds--select-optgroup:disabled,
15653
16200
  .cds--select--fluid .cds--select--disabled .cds--toggletip-button svg {
15654
16201
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
15655
16202
  }
16203
+ .cds--select--fluid .cds--select--slug .cds--ai-label,
15656
16204
  .cds--select--fluid .cds--select--slug .cds--slug {
15657
16205
  inset-block-start: 2.625rem;
15658
16206
  inset-inline-end: 2.5rem;
@@ -15660,6 +16208,7 @@ optgroup.cds--select-optgroup:disabled,
15660
16208
  .cds--select--fluid .cds--select--slug .cds--select-input {
15661
16209
  padding-inline-end: 4rem;
15662
16210
  }
16211
+ .cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label::before,
15663
16212
  .cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--slug::before {
15664
16213
  display: none;
15665
16214
  }
@@ -15767,29 +16316,49 @@ optgroup.cds--select-optgroup:disabled,
15767
16316
  background: transparent;
15768
16317
  border-block-end-color: var(--cds-border-subtle);
15769
16318
  }
16319
+ .cds--text-area__wrapper--decorator .cds--text-area__inner-wrapper--decorator > *,
16320
+ .cds--text-area__wrapper--slug .cds--ai-label,
15770
16321
  .cds--text-area__wrapper--slug .cds--slug {
15771
16322
  position: absolute;
15772
16323
  inset-block-start: 0.75rem;
15773
16324
  inset-inline-end: 1rem;
15774
16325
  }
16326
+ .cds--text-area__wrapper--decorator .cds--ai-label.cds--ai-label--revert,
16327
+ .cds--text-area__wrapper--slug .cds--ai-label.cds--ai-label--revert,
15775
16328
  .cds--text-area__wrapper--slug .cds--slug.cds--slug--revert {
15776
16329
  inset-block-start: 0.25rem;
15777
16330
  inset-inline-end: 0.5rem;
15778
16331
  transform: translate(0);
15779
16332
  }
15780
- .cds--text-area__wrapper--slug .cds--text-area:not(:has(~ .cds--slug--revert)) {
16333
+ .cds--text-area__wrapper--decorator .cds--text-area:has(~ .cds--text-area__inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--text-area__inner-wrapper--decorator .cds--ai-label--revert)),
16334
+ .cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
16335
+ .cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
15781
16336
  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%);
15782
16337
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
16338
+ }
16339
+ .cds--text-area__wrapper--decorator .cds--text-area:has(~ .cds--text-area__inner-wrapper--decorator > *),
16340
+ .cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--ai-label),
16341
+ .cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--slug) {
15783
16342
  padding-inline-end: 2.5rem;
15784
16343
  }
16344
+ .cds--text-area--invalid:has(~ .cds--text-area__inner-wrapper--decorator > *),
16345
+ .cds--text-area--warn:has(~ .cds--text-area__inner-wrapper--decorator > *),
16346
+ .cds--text-area--invalid:has(~ .cds--ai-label),
16347
+ .cds--text-area--warn:has(~ .cds--ai-label),
15785
16348
  .cds--text-area--invalid:has(~ .cds--slug),
15786
16349
  .cds--text-area--warn:has(~ .cds--slug) {
15787
16350
  padding-inline-end: 4rem;
15788
16351
  }
16352
+ .cds--text-area--invalid ~ .cds--text-area__inner-wrapper--decorator > *,
16353
+ .cds--text-area--warn ~ .cds--text-area__inner-wrapper--decorator > *,
16354
+ .cds--text-area--invalid ~ .cds--ai-label,
16355
+ .cds--text-area--warn ~ .cds--ai-label,
15789
16356
  .cds--text-area--invalid ~ .cds--slug,
15790
16357
  .cds--text-area--warn ~ .cds--slug {
15791
16358
  inset-inline-end: 2.5rem;
15792
16359
  }
16360
+ .cds--text-area--invalid ~ .cds--ai-label.cds--ai-label--revert,
16361
+ .cds--text-area--warn ~ .cds--ai-label.cds--ai-label--revert,
15793
16362
  .cds--text-area--invalid ~ .cds--slug.cds--slug--revert,
15794
16363
  .cds--text-area--warn ~ .cds--slug.cds--slug--revert {
15795
16364
  inset-inline-end: 2rem;
@@ -15816,6 +16385,7 @@ optgroup.cds--select-optgroup:disabled,
15816
16385
  block-size: 100%;
15817
16386
  content: "";
15818
16387
  inline-size: 100%;
16388
+ inset-inline-start: 0;
15819
16389
  will-change: transform-origin, transform, opacity;
15820
16390
  }
15821
16391
  @media (prefers-reduced-motion: reduce) {
@@ -15967,14 +16537,21 @@ optgroup.cds--select-optgroup:disabled,
15967
16537
  block-size: 4rem;
15968
16538
  inline-size: 80%;
15969
16539
  }
15970
- .cds--text-area--fluid .cds--text-area__wrapper--slug:not(:has(~ .cds--slug--revert)) {
16540
+ .cds--text-area--fluid .cds--text-area__wrapper--decorator:has(.cds--text-area__inner-wrapper--decorator .cds--ai-label):not(:has(.cds--text-area__inner-wrapper--decorator .cds--ai-label--revert)),
16541
+ .cds--text-area--fluid .cds--text-area__wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
16542
+ .cds--text-area--fluid .cds--text-area__wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) {
15971
16543
  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%);
15972
16544
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
15973
16545
  }
16546
+ .cds--text-area--fluid .cds--text-area__wrapper--decorator .cds--text-area--invalid ~ .cds--text-area__inner-wrapper--decorator > *,
16547
+ .cds--text-area--fluid .cds--text-area__wrapper--decorator .cds--text-area--warn ~ .cds--text-area__inner-wrapper--decorator > *,
16548
+ .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid ~ .cds--ai-label,
16549
+ .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--warn ~ .cds--ai-label,
15974
16550
  .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid ~ .cds--slug,
15975
16551
  .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--warn ~ .cds--slug {
15976
16552
  inset-inline-end: 1rem;
15977
16553
  }
16554
+ .cds--text-area--fluid .cds--text-area__wrapper--decorator .cds--text-area--invalid,
15978
16555
  .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid {
15979
16556
  border-block-end-color: transparent;
15980
16557
  }
@@ -16121,13 +16698,22 @@ optgroup.cds--select-optgroup:disabled,
16121
16698
  inset-block-start: 2.25rem;
16122
16699
  inset-inline-start: 1rem;
16123
16700
  }
16701
+ .cds--text-input--fluid .cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator > *,
16702
+ .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--ai-label,
16124
16703
  .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--slug {
16125
16704
  inset-block-start: 2.625rem;
16126
16705
  }
16706
+ .cds--text-input--fluid .cds--text-input--invalid ~ .cds--text-input__field-inner-wrapper--decorator > *,
16707
+ .cds--text-input--fluid .cds--text-input--warning ~ .cds--text-input__field-inner-wrapper--decorator > *,
16708
+ .cds--text-input--fluid .cds--text-input--invalid ~ .cds--ai-label,
16709
+ .cds--text-input--fluid .cds--text-input--warning ~ .cds--ai-label,
16127
16710
  .cds--text-input--fluid .cds--text-input--invalid ~ .cds--slug,
16128
16711
  .cds--text-input--fluid .cds--text-input--warning ~ .cds--slug {
16129
16712
  inset-inline-end: 1rem;
16130
16713
  }
16714
+ .cds--text-input--fluid .cds--text-input__field-wrapper--decorator .cds--text-input,
16715
+ .cds--text-input--fluid .cds--text-input__field-wrapper--decorator .cds--text-input--invalid,
16716
+ .cds--text-input--fluid .cds--text-input__field-wrapper--decorator .cds--text-input--warning,
16131
16717
  .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input,
16132
16718
  .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--invalid,
16133
16719
  .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--warning {
@@ -16157,6 +16743,11 @@ optgroup.cds--select-optgroup:disabled,
16157
16743
  opacity: 1;
16158
16744
  transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
16159
16745
  }
16746
+ .cds--select--readonly .cds--select-input__wrapper::before {
16747
+ background-color: var(--cds-border-subtle) !important; /* stylelint-disable-line declaration-no-important */
16748
+ opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
16749
+ transition: none;
16750
+ }
16160
16751
  .cds--time-picker--fluid__wrapper .cds--select-input__wrapper::after {
16161
16752
  inset-inline-end: 0;
16162
16753
  }
@@ -16732,6 +17323,8 @@ optgroup.cds--select-optgroup:disabled,
16732
17323
  margin: 0;
16733
17324
  block-size: 4rem;
16734
17325
  max-inline-size: none;
17326
+ }
17327
+ .cds--modal-footer .cds--btn:not(.cds--skeleton) {
16735
17328
  padding-block: 0.875rem 2rem;
16736
17329
  }
16737
17330
  .cds--modal-footer--three-button .cds--btn {
@@ -16779,22 +17372,32 @@ optgroup.cds--select-optgroup:disabled,
16779
17372
  padding: 0;
16780
17373
  margin: 0;
16781
17374
  }
16782
- .cds--modal--slug.cds--modal {
17375
+ .cds--modal--slug.cds--modal,
17376
+ .cds--modal--decorator:has(.cds--ai-label).cds--modal {
16783
17377
  background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
16784
17378
  }
16785
- .cds--modal--slug .cds--modal-container {
17379
+ .cds--modal--slug .cds--modal-container,
17380
+ .cds--modal--decorator:has(.cds--ai-label) .cds--modal-container {
16786
17381
  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
16787
17382
  border: 1px solid transparent;
16788
17383
  background-color: var(--cds-layer);
16789
17384
  box-shadow: inset 0 -80px 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));
16790
17385
  }
16791
- .cds--modal--slug .cds--modal-container:has(.cds--modal-footer) {
17386
+ .cds--modal--slug .cds--modal-container:has(.cds--modal-footer),
17387
+ .cds--modal--decorator:has(.cds--ai-label) .cds--modal-container:has(.cds--modal-footer) {
16792
17388
  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) calc(0% + 64px), var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
16793
17389
  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));
16794
17390
  }
16795
- .cds--modal--slug .cds--modal-content.cds--modal-scroll-content {
17391
+ .cds--modal--slug .cds--modal-content.cds--modal-scroll-content,
17392
+ .cds--modal--decorator .cds--modal-content.cds--modal-scroll-content {
16796
17393
  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);
16797
17394
  }
17395
+ .cds--modal-header > .cds--modal--inner__decorator:has(+ .cds--modal-close-button) > *,
17396
+ .cds--modal-header > .cds--modal-close-button ~ .cds--modal--inner__decorator > *,
17397
+ .cds--modal--decorator .cds--modal-container-body > .cds--modal--inner__decorator > *,
17398
+ .cds--modal-header > .cds--ai-label:has(+ .cds--modal-close-button),
17399
+ .cds--modal-header > .cds--modal-close-button ~ .cds--ai-label,
17400
+ .cds--modal--slug .cds--modal-container-body > .cds--ai-label,
16798
17401
  .cds--modal-header > .cds--slug:has(+ .cds--modal-close-button),
16799
17402
  .cds--modal-header > .cds--modal-close-button ~ .cds--slug,
16800
17403
  .cds--modal--slug .cds--modal-container-body > .cds--slug {
@@ -16802,11 +17405,16 @@ optgroup.cds--select-optgroup:disabled,
16802
17405
  inset-block-start: 0.625rem;
16803
17406
  inset-inline-end: 3rem;
16804
17407
  }
16805
- .cds--modal--slug .cds--modal-content--overflow-indicator::before,
16806
- .cds--modal--slug .cds--modal-content--overflow-indicator {
17408
+ .cds--modal-header > .cds--modal--inner__decorator:not(:has(.cds--ai-label)) > * {
17409
+ inset-block-start: 1rem;
17410
+ }
17411
+ .cds--modal-header > .cds--modal--inner__decorator:has(.cds--ai-label--revert) > * {
17412
+ inset-block-start: 1.475rem;
17413
+ }
17414
+ .cds--modal--decorator .cds--modal-content--overflow-indicator::before,
17415
+ .cds--modal--decorator .cds--modal-content--overflow-indicator {
16807
17416
  display: none;
16808
17417
  }
16809
- /* stylelint-disable no-duplicate-selectors */
16810
17418
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
16811
17419
  .cds--modal-close__icon {
16812
17420
  fill: ButtonText;
@@ -16818,7 +17426,6 @@ optgroup.cds--select-optgroup:disabled,
16818
17426
  outline: 1px solid Highlight;
16819
17427
  }
16820
17428
  }
16821
- /* stylelint-enable no-duplicate-selectors */
16822
17429
  .cds--inline-notification {
16823
17430
  position: relative;
16824
17431
  display: flex;
@@ -17116,7 +17723,6 @@ optgroup.cds--select-optgroup:disabled,
17116
17723
  .cds--inline-notification--low-contrast .cds--inline-notification__close-button .cds--inline-notification__close-icon {
17117
17724
  fill: var(--cds-icon-primary, #161616);
17118
17725
  }
17119
- /* stylelint-disable */
17120
17726
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
17121
17727
  .cds--inline-notification {
17122
17728
  outline: 1px solid transparent;
@@ -17139,7 +17745,6 @@ optgroup.cds--select-optgroup:disabled,
17139
17745
  fill: ButtonText;
17140
17746
  }
17141
17747
  }
17142
- /* stylelint-enable */
17143
17748
  .cds--toast-notification {
17144
17749
  display: flex;
17145
17750
  block-size: auto;
@@ -17363,7 +17968,6 @@ optgroup.cds--select-optgroup:disabled,
17363
17968
  .cds--toast-notification--low-contrast .cds--toast-notification__caption {
17364
17969
  color: var(--cds-text-primary, #161616);
17365
17970
  }
17366
- /* stylelint-disable */
17367
17971
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
17368
17972
  .cds--toast-notification {
17369
17973
  outline: 1px solid transparent;
@@ -17385,7 +17989,6 @@ optgroup.cds--select-optgroup:disabled,
17385
17989
  fill: ButtonText;
17386
17990
  }
17387
17991
  }
17388
- /* stylelint-enable */
17389
17992
  .cds--actionable-notification {
17390
17993
  position: relative;
17391
17994
  display: flex;
@@ -17789,7 +18392,6 @@ optgroup.cds--select-optgroup:disabled,
17789
18392
  .cds--actionable-notification--low-contrast .cds--actionable-notification__close-button .cds--actionable-notification__close-icon {
17790
18393
  fill: var(--cds-icon-primary, #161616);
17791
18394
  }
17792
- /* stylelint-disable */
17793
18395
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
17794
18396
  .cds--actionable-notification {
17795
18397
  outline: 1px solid transparent;
@@ -17809,7 +18411,6 @@ optgroup.cds--select-optgroup:disabled,
17809
18411
  fill: ButtonText;
17810
18412
  }
17811
18413
  }
17812
- /* stylelint-enable */
17813
18414
  .cds--data-table-container + .cds--pagination {
17814
18415
  border-block-start: 0;
17815
18416
  }
@@ -18354,7 +18955,7 @@ span.cds--pagination__text.cds--pagination__items-count {
18354
18955
  max-block-size: var(--cds-layout-size-height-local);
18355
18956
  text-indent: calc(50% - 4.5px);
18356
18957
  }
18357
- @-moz-document url-prefix() {
18958
+ @document url-prefix() {
18358
18959
  .cds--pagination-nav__page--select {
18359
18960
  text-indent: 0;
18360
18961
  }
@@ -18801,6 +19402,7 @@ span.cds--pagination__text.cds--pagination__items-count {
18801
19402
  block-size: 100%;
18802
19403
  content: "";
18803
19404
  inline-size: 100%;
19405
+ inset-inline-start: 0;
18804
19406
  will-change: transform-origin, transform, opacity;
18805
19407
  }
18806
19408
  @media (prefers-reduced-motion: reduce) {
@@ -18886,6 +19488,7 @@ span.cds--pagination__text.cds--pagination__items-count {
18886
19488
  block-size: 100%;
18887
19489
  content: "";
18888
19490
  inline-size: 100%;
19491
+ inset-inline-start: 0;
18889
19492
  will-change: transform-origin, transform, opacity;
18890
19493
  }
18891
19494
  @media (prefers-reduced-motion: reduce) {
@@ -18915,6 +19518,7 @@ span.cds--pagination__text.cds--pagination__items-count {
18915
19518
  block-size: 100%;
18916
19519
  content: "";
18917
19520
  inline-size: 100%;
19521
+ inset-inline-start: 0;
18918
19522
  will-change: transform-origin, transform, opacity;
18919
19523
  }
18920
19524
  @media (prefers-reduced-motion: reduce) {
@@ -18945,6 +19549,7 @@ span.cds--pagination__text.cds--pagination__items-count {
18945
19549
  block-size: 100%;
18946
19550
  content: "";
18947
19551
  inline-size: 100%;
19552
+ inset-inline-start: 0;
18948
19553
  will-change: transform-origin, transform, opacity;
18949
19554
  }
18950
19555
  @media (prefers-reduced-motion: reduce) {
@@ -19242,17 +19847,33 @@ span.cds--pagination__text.cds--pagination__items-count {
19242
19847
  }
19243
19848
  .cds--slider--disabled .cds--slider__thumb:hover {
19244
19849
  cursor: not-allowed;
19245
- transform: translate(-50%, -50%);
19850
+ transform: none;
19246
19851
  }
19247
19852
  .cds--slider--disabled .cds--slider__thumb:focus {
19248
19853
  background-color: var(--cds-border-disabled, #c6c6c6);
19249
19854
  box-shadow: none;
19250
19855
  outline: none;
19251
- transform: translate(-50%, -50%);
19856
+ transform: none;
19252
19857
  }
19253
19858
  .cds--slider--disabled .cds--slider__thumb:active {
19254
19859
  background: var(--cds-border-disabled, #c6c6c6);
19255
- transform: translate(-50%, -50%);
19860
+ box-shadow: none;
19861
+ transform: none;
19862
+ }
19863
+ .cds--slider--disabled .cds--slider__thumb--lower,
19864
+ .cds--slider--disabled .cds--slider__thumb--upper {
19865
+ background-color: transparent;
19866
+ }
19867
+ .cds--slider--disabled .cds--slider__thumb--lower:active, .cds--slider--disabled .cds--slider__thumb--lower:hover, .cds--slider--disabled .cds--slider__thumb--lower:focus,
19868
+ .cds--slider--disabled .cds--slider__thumb--upper:active,
19869
+ .cds--slider--disabled .cds--slider__thumb--upper:hover,
19870
+ .cds--slider--disabled .cds--slider__thumb--upper:focus {
19871
+ background-color: transparent;
19872
+ transform: none;
19873
+ }
19874
+ .cds--slider--disabled .cds--slider__thumb--lower .cds--slider__thumb-icon,
19875
+ .cds--slider--disabled .cds--slider__thumb--upper .cds--slider__thumb-icon {
19876
+ fill: var(--cds-border-disabled, #c6c6c6);
19256
19877
  }
19257
19878
  .cds--slider--disabled .cds--slider__track,
19258
19879
  .cds--slider--disabled .cds--slider__filled-track,
@@ -19314,6 +19935,7 @@ span.cds--pagination__text.cds--pagination__items-count {
19314
19935
  block-size: 100%;
19315
19936
  content: "";
19316
19937
  inline-size: 100%;
19938
+ inset-inline-start: 0;
19317
19939
  will-change: transform-origin, transform, opacity;
19318
19940
  }
19319
19941
  @media (prefers-reduced-motion: reduce) {
@@ -19341,7 +19963,6 @@ span.cds--pagination__text.cds--pagination__items-count {
19341
19963
  .cds--popover-container.cds--slider__thumb-wrapper {
19342
19964
  position: absolute;
19343
19965
  }
19344
- /* stylelint-disable */
19345
19966
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
19346
19967
  .cds--slider__thumb {
19347
19968
  outline: 1px solid transparent;
@@ -19358,7 +19979,6 @@ span.cds--pagination__text.cds--pagination__items-count {
19358
19979
  outline: 1px solid transparent;
19359
19980
  }
19360
19981
  }
19361
- /* stylelint-enable */
19362
19982
  .cds--stack-horizontal {
19363
19983
  display: inline-grid;
19364
19984
  column-gap: var(--cds-stack-gap, 0);
@@ -19604,6 +20224,7 @@ span.cds--pagination__text.cds--pagination__items-count {
19604
20224
  block-size: 100%;
19605
20225
  content: "";
19606
20226
  inline-size: 100%;
20227
+ inset-inline-start: 0;
19607
20228
  will-change: transform-origin, transform, opacity;
19608
20229
  }
19609
20230
  @media (prefers-reduced-motion: reduce) {
@@ -19791,6 +20412,12 @@ span.cds--pagination__text.cds--pagination__items-count {
19791
20412
  outline-style: dotted;
19792
20413
  }
19793
20414
  }
20415
+ .cds--tabs .cds--tab--overflow-nav-button:hover {
20416
+ background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
20417
+ }
20418
+ .cds--tabs .cds--tab--overflow-nav-button:active {
20419
+ background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
20420
+ }
19794
20421
  .cds--tabs .cds--tab--overflow-nav-button--hidden {
19795
20422
  display: none;
19796
20423
  }
@@ -19799,13 +20426,22 @@ span.cds--pagination__text.cds--pagination__items-count {
19799
20426
  background-color: var(--cds-layer-accent);
19800
20427
  inline-size: 3rem;
19801
20428
  }
20429
+ .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button:hover {
20430
+ background-color: var(--cds-layer-accent-hover);
20431
+ }
20432
+ .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button:active {
20433
+ background-color: var(--cds-layer-accent-active);
20434
+ }
19802
20435
  .cds--tabs .cds--tab--overflow-nav-button svg {
19803
20436
  z-index: 2;
19804
20437
  fill: var(--cds-icon-primary, #161616);
19805
20438
  }
20439
+ .cds--tabs .cds--tab--overflow-nav-button svg:active, .cds--tabs .cds--tab--overflow-nav-button svg:hover {
20440
+ fill: var(--cds-icon-primary, #161616);
20441
+ }
19806
20442
  .cds--tabs .cds--tab--overflow-nav-button--next {
19807
- position: absolute;
19808
- inset-block: 0 0;
20443
+ position: relative;
20444
+ inset-block: 0;
19809
20445
  inset-inline-end: 0;
19810
20446
  }
19811
20447
  .cds--tabs .cds--tab--overflow-nav-button--next::before {
@@ -19823,9 +20459,9 @@ span.cds--pagination__text.cds--pagination__items-count {
19823
20459
  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
19824
20460
  }
19825
20461
  .cds--tabs .cds--tab--overflow-nav-button--previous {
19826
- position: absolute;
20462
+ position: relative;
19827
20463
  z-index: 1;
19828
- inset-block: 0 0;
20464
+ inset-block: 0;
19829
20465
  inset-inline-start: 0;
19830
20466
  }
19831
20467
  .cds--tabs .cds--tab--overflow-nav-button--previous::before {
@@ -20105,6 +20741,9 @@ span.cds--pagination__text.cds--pagination__items-count {
20105
20741
  .cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
20106
20742
  overflow-x: visible;
20107
20743
  }
20744
+ .cds--tabs .cds--tabs__nav-item--icon-only {
20745
+ margin-inline-end: 0.0625rem;
20746
+ }
20108
20747
  .cds--tabs .cds--tabs__nav-item--icon-only, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {
20109
20748
  display: flex;
20110
20749
  align-items: center;
@@ -20302,6 +20941,7 @@ span.cds--pagination__text.cds--pagination__items-count {
20302
20941
  block-size: 100%;
20303
20942
  content: "";
20304
20943
  inline-size: 100%;
20944
+ inset-inline-start: 0;
20305
20945
  will-change: transform-origin, transform, opacity;
20306
20946
  }
20307
20947
  @media (prefers-reduced-motion: reduce) {
@@ -20656,34 +21296,52 @@ span.cds--pagination__text.cds--pagination__items-count {
20656
21296
  .cds--tile--disabled .cds--tile__checkmark svg {
20657
21297
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
20658
21298
  }
21299
+ .cds--tile > .cds--tile--inner-decorator > *,
21300
+ .cds--tile--expandable > div > .cds--tile--inner-decorator > *,
21301
+ .cds--tile > .cds--ai-label,
21302
+ .cds--tile--expandable > div > .cds--ai-label,
20659
21303
  .cds--tile > .cds--slug,
20660
21304
  .cds--tile--expandable > div > .cds--slug,
20661
- .cds--tile--clickable .cds--tile--slug-icon {
21305
+ .cds--tile--clickable .cds--tile--ai-label-icon {
20662
21306
  position: absolute;
20663
21307
  inset-block-start: 1rem;
20664
21308
  inset-inline-end: 1rem;
20665
21309
  }
21310
+ .cds--tile.cds--tile--selectable > .cds--tile--inner-decorator > *,
21311
+ .cds--tile.cds--tile--selectable > .cds--ai-label,
20666
21312
  .cds--tile.cds--tile--selectable > .cds--slug {
20667
21313
  inset-inline-end: 2.5rem;
20668
21314
  }
21315
+ .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--tile--inner-decorator > *,
21316
+ .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--ai-label,
20669
21317
  .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
20670
21318
  inset-inline-end: 1rem;
20671
21319
  transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
20672
21320
  }
21321
+ .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--tile--inner-decorator > *,
21322
+ .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--ai-label,
20673
21323
  .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug {
20674
21324
  inset-inline-end: 2.5rem;
20675
21325
  }
21326
+ .cds--tile.cds--tile--clickable > .cds--tile--inner-decorator > *,
21327
+ .cds--tile.cds--tile--clickable > .cds--ai-label,
20676
21328
  .cds--tile.cds--tile--clickable > .cds--slug {
20677
21329
  pointer-events: none;
20678
21330
  }
21331
+ .cds--tile--decorator:has(.cds--tile--ai-label-icon).cds--tile,
21332
+ .cds--tile--decorator:has(.cds--ai-label).cds--tile,
20679
21333
  .cds--tile--slug.cds--tile {
20680
21334
  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
20681
21335
  border: 1px solid transparent;
20682
21336
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 8px 0 var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
20683
21337
  }
21338
+ .cds--tile--decorator:has(.cds--ai-label).cds--tile--expandable:hover,
20684
21339
  .cds--tile--slug.cds--tile--expandable:hover {
20685
21340
  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
20686
21341
  }
21342
+ .cds--tile--decorator.cds--tile--selectable::before,
21343
+ .cds--tile--decorator.cds--tile--selectable::after,
21344
+ .cds--tile--decorator.cds--tile--clickable::before,
20687
21345
  .cds--tile--slug.cds--tile--selectable::before,
20688
21346
  .cds--tile--slug.cds--tile--selectable::after,
20689
21347
  .cds--tile--slug.cds--tile--clickable::before {
@@ -20697,66 +21355,96 @@ span.cds--pagination__text.cds--pagination__items-count {
20697
21355
  opacity: 0;
20698
21356
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
20699
21357
  }
21358
+ .cds--tile--decorator:has(.cds--ai-label).cds--tile--selectable::before,
21359
+ .cds--tile--decorator:has(.cds--ai-label).cds--tile--clickable::before,
20700
21360
  .cds--tile--slug.cds--tile--selectable::before,
20701
21361
  .cds--tile--slug.cds--tile--clickable::before {
20702
21362
  background: linear-gradient(to top, 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%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
20703
21363
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
20704
21364
  }
21365
+ .cds--tile--decorator.cds--tile--selectable:hover::before,
21366
+ .cds--tile--decorator.cds--tile--clickable:hover::before,
20705
21367
  .cds--tile--slug.cds--tile--selectable:hover::before,
20706
21368
  .cds--tile--slug.cds--tile--clickable:hover::before {
20707
21369
  opacity: 1;
20708
21370
  }
21371
+ .cds--tile--decorator.cds--tile--selectable:focus,
21372
+ .cds--tile--decorator.cds--tile--clickable:focus,
21373
+ .cds--tile-input:focus + .cds--tile--decorator.cds--tile,
20709
21374
  .cds--tile--slug.cds--tile--selectable:focus,
20710
21375
  .cds--tile--slug.cds--tile--clickable:focus,
20711
21376
  .cds--tile-input:focus + .cds--tile--slug.cds--tile {
20712
21377
  outline-offset: -1px;
20713
21378
  }
21379
+ .cds--tile--decorator:has(.cds--tile--inner-decorator .cds--ai-label).cds--tile--selectable::after,
20714
21380
  .cds--tile--slug.cds--tile--selectable::after {
20715
21381
  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-border-inverse, #161616), var(--cds-border-inverse, #161616)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
20716
21382
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 8px 0 var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
20717
21383
  }
21384
+ .cds--tile--decorator.cds--tile--selectable:hover::after,
20718
21385
  .cds--tile--slug.cds--tile--selectable:hover::after {
20719
21386
  opacity: 0;
20720
21387
  }
21388
+ .cds--tile--decorator.cds--tile--is-selected::after,
20721
21389
  .cds--tile--slug.cds--tile--is-selected::after {
20722
21390
  opacity: 1;
20723
21391
  }
21392
+ .cds--tile--decorator:has(.cds--tile--inner-decorator).cds--tile--is-selected,
20724
21393
  .cds--tile--slug.cds--tile--is-selected {
20725
21394
  border-color: var(--cds-border-inverse, #161616);
20726
21395
  }
21396
+ .cds--tile--decorator.cds--tile--selectable .cds--tile-content,
21397
+ .cds--tile--decorator.cds--tile--clickable .cds--tile-content,
20727
21398
  .cds--tile--slug.cds--tile--selectable .cds--tile-content,
20728
21399
  .cds--tile--slug.cds--tile--clickable .cds--tile-content {
20729
21400
  position: relative;
20730
21401
  cursor: pointer;
20731
21402
  }
21403
+ .cds--tile--decorator.cds--tile--selectable .cds--tile-content,
21404
+ .cds--tile--decorator.cds--tile--clickable .cds--tile-content,
21405
+ .cds--tile--decorator.cds--tile--selectable > .cds--tile__checkmark,
21406
+ .cds--tile--decorator.cds--tile--is-selected .cds--tile--inner-decorator > *,
20732
21407
  .cds--tile--slug.cds--tile--selectable .cds--tile-content,
20733
21408
  .cds--tile--slug.cds--tile--clickable .cds--tile-content,
20734
21409
  .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
21410
+ .cds--tile--slug.cds--tile--is-selected .cds--ai-label,
20735
21411
  .cds--tile--slug.cds--tile--is-selected .cds--slug {
20736
21412
  z-index: 1;
20737
21413
  }
21414
+ .cds--tile--decorator.cds--tile--selectable .cds--tile--inner-decorator > *:has(> .cds--popover--open),
21415
+ .cds--tile--slug.cds--tile--selectable .cds--ai-label:has(> .cds--popover--open),
20738
21416
  .cds--tile--slug.cds--tile--selectable .cds--slug:has(> .cds--popover--open) {
20739
21417
  z-index: 2;
20740
21418
  }
21419
+ .cds--tile--decorator.cds--tile--selectable > .cds--tile--inner-decorator > *,
21420
+ .cds--tile--decorator.cds--tile--selectable > .cds--tile__checkmark,
21421
+ .cds--tile--slug.cds--tile--selectable > .cds--ai-label,
20741
21422
  .cds--tile--slug.cds--tile--selectable > .cds--slug,
20742
21423
  .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
20743
21424
  z-index: 1;
20744
21425
  }
21426
+ .cds--tile--expandable:has(.cds--tile--inner-decorator > * > .cds--popover--open),
21427
+ .cds--tile--expandable:has(.cds--ai-label > .cds--popover--open),
20745
21428
  .cds--tile--expandable:has(.cds--slug > .cds--popover--open) {
20746
21429
  overflow: visible;
20747
21430
  }
20748
- .cds--tile--clickable .cds--tile--slug-icon rect {
21431
+ .cds--tile--clickable .cds--tile--ai-label-icon rect {
20749
21432
  stroke: var(--cds-icon-primary, #161616);
20750
21433
  }
20751
- .cds--tile--clickable .cds--tile--slug-icon path {
21434
+ .cds--tile--clickable .cds--tile--ai-label-icon path {
20752
21435
  fill: var(--cds-icon-primary, #161616);
20753
21436
  }
21437
+ .cds--tile--decorator-rounded,
21438
+ .cds--tile--decorator-rounded.cds--tile--selectable::before,
21439
+ .cds--tile--decorator-rounded.cds--tile--selectable::after,
21440
+ .cds--tile--decorator-rounded.cds--tile--clickable::before,
20754
21441
  .cds--tile--slug-rounded,
20755
21442
  .cds--tile--slug-rounded.cds--tile--selectable::before,
20756
21443
  .cds--tile--slug-rounded.cds--tile--selectable::after,
20757
21444
  .cds--tile--slug-rounded.cds--tile--clickable::before {
20758
21445
  border-radius: 0.5rem;
20759
21446
  }
21447
+ .cds--tile--decorator-rounded .cds--tile__chevron,
20760
21448
  .cds--tile--slug-rounded .cds--tile__chevron {
20761
21449
  border-end-end-radius: 0.5rem;
20762
21450
  }
@@ -20914,9 +21602,16 @@ span.cds--pagination__text.cds--pagination__items-count {
20914
21602
  transition: none;
20915
21603
  }
20916
21604
  }
20917
- .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
20918
- .cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch {
20919
- box-shadow: 0 0 0 1px var(--cds-focus-inset, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe);
21605
+ .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch::after,
21606
+ .cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch::after {
21607
+ display: block;
21608
+ border: 2px solid var(--cds-focus, #0f62fe);
21609
+ border-radius: 1rem;
21610
+ block-size: calc(100% + 0.375rem);
21611
+ content: "";
21612
+ inline-size: calc(100% + 0.375rem);
21613
+ margin-block-start: -0.1875rem;
21614
+ margin-inline-start: -0.1875rem;
20920
21615
  }
20921
21616
  .cds--toggle__switch--checked {
20922
21617
  background-color: var(--cds-support-success, #24a148);
@@ -21055,6 +21750,7 @@ span.cds--pagination__text.cds--pagination__items-count {
21055
21750
  block-size: 100%;
21056
21751
  content: "";
21057
21752
  inline-size: 100%;
21753
+ inset-inline-start: 0;
21058
21754
  will-change: transform-origin, transform, opacity;
21059
21755
  }
21060
21756
  @media (prefers-reduced-motion: reduce) {
@@ -21094,6 +21790,9 @@ span.cds--pagination__text.cds--pagination__items-count {
21094
21790
  .cds--tree-node:hover {
21095
21791
  cursor: pointer;
21096
21792
  }
21793
+ .cds--tree-node--hidden {
21794
+ display: none;
21795
+ }
21097
21796
  .cds--tree-node__children {
21098
21797
  box-sizing: border-box;
21099
21798
  padding: 0;
@@ -21280,7 +21979,7 @@ div:has(.cds--header) ~ .cds--content {
21280
21979
  block-size: 3rem;
21281
21980
  border-block-end: 1px solid var(--cds-border-subtle);
21282
21981
  inset-block-start: 0;
21283
- inset-inline: 0 0;
21982
+ inset-inline: 0;
21284
21983
  }
21285
21984
  .cds--header *,
21286
21985
  .cds--header *::before,
@@ -21649,7 +22348,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
21649
22348
  background-color: var(--cds-background, #ffffff);
21650
22349
  color: var(--cds-text-secondary, #525252);
21651
22350
  inline-size: 3rem;
21652
- inset-block: 0 0;
22351
+ inset-block: 0;
21653
22352
  inset-inline-start: 0;
21654
22353
  max-inline-size: 16rem;
21655
22354
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -21852,7 +22551,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
21852
22551
  background-color: var(--cds-border-interactive, #0f62fe);
21853
22552
  content: "";
21854
22553
  inline-size: 3px;
21855
- inset-block: 0 0;
22554
+ inset-block: 0;
21856
22555
  inset-inline-start: 0;
21857
22556
  }
21858
22557
  .cds--side-nav__item--active .cds--side-nav__submenu-title {
@@ -21961,7 +22660,7 @@ a.cds--side-nav__link--current::before {
21961
22660
  background-color: var(--cds-border-interactive, #0f62fe);
21962
22661
  content: "";
21963
22662
  inline-size: 3px;
21964
- inset-block: 0 0;
22663
+ inset-block: 0;
21965
22664
  inset-inline-start: 0;
21966
22665
  }
21967
22666
  .cds--side-nav__icon {
@@ -22174,7 +22873,7 @@ div:has(.cds--header) ~ .cds--content {
22174
22873
  block-size: 3rem;
22175
22874
  border-block-end: 1px solid var(--cds-border-subtle);
22176
22875
  inset-block-start: 0;
22177
- inset-inline: 0 0;
22876
+ inset-inline: 0;
22178
22877
  }
22179
22878
  .cds--header *,
22180
22879
  .cds--header *::before,
@@ -22543,7 +23242,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
22543
23242
  background-color: var(--cds-background, #ffffff);
22544
23243
  color: var(--cds-text-secondary, #525252);
22545
23244
  inline-size: 3rem;
22546
- inset-block: 0 0;
23245
+ inset-block: 0;
22547
23246
  inset-inline-start: 0;
22548
23247
  max-inline-size: 16rem;
22549
23248
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -22746,7 +23445,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
22746
23445
  background-color: var(--cds-border-interactive, #0f62fe);
22747
23446
  content: "";
22748
23447
  inline-size: 3px;
22749
- inset-block: 0 0;
23448
+ inset-block: 0;
22750
23449
  inset-inline-start: 0;
22751
23450
  }
22752
23451
  .cds--side-nav__item--active .cds--side-nav__submenu-title {
@@ -22855,7 +23554,7 @@ a.cds--side-nav__link--current::before {
22855
23554
  background-color: var(--cds-border-interactive, #0f62fe);
22856
23555
  content: "";
22857
23556
  inline-size: 3px;
22858
- inset-block: 0 0;
23557
+ inset-block: 0;
22859
23558
  inset-inline-start: 0;
22860
23559
  }
22861
23560
  .cds--side-nav__icon {