@carbon/web-components 2.32.1 → 2.33.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 (283) hide show
  1. package/custom-elements.json +257 -6
  2. package/dist/{16-41ffb037.js → 16-017a2c27.js} +2 -2
  3. package/dist/{16-a4bb462e.js → 16-17aff615.js} +2 -2
  4. package/dist/{16-250e2a70.js → 16-4b3acb23.js} +2 -2
  5. package/dist/16-4b8b7f2e.js +79 -0
  6. package/dist/{16-acbb0130.js → 16-51aecc68.js} +2 -2
  7. package/dist/{16-0353e7e3.js → 16-580bd432.js} +2 -2
  8. package/dist/{16-dbe65920.js → 16-6e3e4eb0.js} +2 -2
  9. package/dist/16-7a283177.js +79 -0
  10. package/dist/{16-2363f096.js → 16-921e0a19.js} +2 -2
  11. package/dist/16-b6a9d0f4.js +79 -0
  12. package/dist/{16-9631190c.js → 16-e3856d30.js} +2 -2
  13. package/dist/{16-f4def175.js → 16-eefa1533.js} +2 -2
  14. package/dist/20-dd19ea71.js +79 -0
  15. package/dist/20-f62e5e6c.js +79 -0
  16. package/dist/accordion.min.js +16 -16
  17. package/dist/ai-label.min.js +5 -5
  18. package/dist/ai-skeleton.min.js +2 -2
  19. package/dist/badge-indicator.min.js +2 -2
  20. package/dist/breadcrumb.min.js +10 -10
  21. package/dist/button-441e5c2f.js +144 -0
  22. package/dist/button-set-94219189.js +79 -0
  23. package/dist/{button-skeleton-eb7300c7.js → button-skeleton-13d34921.js} +13 -13
  24. package/dist/button.min.js +2 -2
  25. package/dist/carbon-element-716e46b0.js +1 -1
  26. package/dist/chat-button.min.js +3 -3
  27. package/dist/checkbox-7a9a01a0.js +118 -0
  28. package/dist/{checkbox-skeleton-2bfc2d17.js → checkbox-skeleton-209de048.js} +16 -16
  29. package/dist/checkbox.min.js +2 -2
  30. package/dist/{class-map-287e73b5.js → class-map-710415c2.js} +2 -2
  31. package/dist/code-snippet.min.js +17 -17
  32. package/dist/collection-helpers-eb62fd34.js +1 -1
  33. package/dist/combo-box.min.js +9 -9
  34. package/dist/combo-button.min.js +5 -5
  35. package/dist/consume-cadfd67f.js +114 -0
  36. package/dist/content-switcher-item-5b8a2330.js +105 -0
  37. package/dist/content-switcher.min.js +2 -2
  38. package/dist/copy-button-f99d6bd0.js +94 -0
  39. package/dist/copy-button.min.js +2 -2
  40. package/dist/data-table.min.js +51 -51
  41. package/dist/date-picker.min.js +14 -14
  42. package/dist/{definition-tooltip-3f9c32e8.js → definition-tooltip-be4e4d61.js} +4 -4
  43. package/dist/defs-c5cfba1b.js +1 -1
  44. package/dist/directive-e2d48b9c.js +1 -1
  45. package/dist/dropdown-item-8a543d34.js +147 -0
  46. package/dist/dropdown.min.js +3 -3
  47. package/dist/feature-flags.min.js +79 -0
  48. package/dist/file-uploader.min.js +20 -20
  49. package/dist/floating-controller-92da0306.js +1 -1
  50. package/dist/floating-menu-31ead115.js +79 -0
  51. package/dist/floating-menu.min.js +2 -2
  52. package/dist/{focus-c9ba63ff.js → focus-e21d0f18.js} +2 -2
  53. package/dist/form-3c2e14c6.js +1 -1
  54. package/dist/form-group.min.js +7 -7
  55. package/dist/form.min.js +2 -2
  56. package/dist/grid.min.js +111 -0
  57. package/dist/heading.min.js +3 -3
  58. package/dist/host-listener-97e78474.js +1 -1
  59. package/dist/icon-button-5c890f11.js +93 -0
  60. package/dist/icon-button.min.js +2 -2
  61. package/dist/icon-indicator.min.js +2 -2
  62. package/dist/{if-defined-7fb4dd64.js → if-defined-013b742a.js} +3 -3
  63. package/dist/{if-non-empty-d0ff50a3.js → if-non-empty-feaf1d4c.js} +2 -2
  64. package/dist/inline-loading.min.js +7 -7
  65. package/dist/layer-3c687a36.js +79 -0
  66. package/dist/layer.min.js +2 -2
  67. package/dist/link-ca3c98ab.js +103 -0
  68. package/dist/link.min.js +2 -2
  69. package/dist/list.min.js +5 -5
  70. package/dist/lit-element-7f93799b.js +101 -0
  71. package/dist/loading-a3706dd6.js +79 -0
  72. package/dist/{loading-icon-f3d7d50c.js → loading-icon-65c24fae.js} +10 -10
  73. package/dist/loading.min.js +2 -2
  74. package/dist/menu-button.min.js +4 -4
  75. package/dist/menu-item-radio-group-32a066a7.js +131 -0
  76. package/dist/menu.min.js +2 -2
  77. package/dist/modal-label-d172677b.js +110 -0
  78. package/dist/modal.min.js +2 -2
  79. package/dist/multi-select.min.js +24 -24
  80. package/dist/notification.min.js +26 -26
  81. package/dist/number-input.min.js +34 -32
  82. package/dist/on-8707857f.js +1 -1
  83. package/dist/overflow-menu.min.js +8 -8
  84. package/dist/page-header.min.js +2 -2
  85. package/dist/pagination.min.js +19 -19
  86. package/dist/popover-content-6f347b82.js +94 -0
  87. package/dist/popover.min.js +2 -2
  88. package/dist/progress-bar.min.js +9 -9
  89. package/dist/progress-indicator.min.js +12 -12
  90. package/dist/{property-dd1c81a7.js → property-c70a07a2.js} +3 -3
  91. package/dist/query-602de8af.js +1 -1
  92. package/dist/query-assigned-elements-1bd68a6e.js +1 -1
  93. package/dist/radio-button-skeleton-e8c71f9b.js +118 -0
  94. package/dist/radio-button.min.js +2 -2
  95. package/dist/radio-group-manager-853a7e76.js +1 -1
  96. package/dist/search-9476f73d.js +108 -0
  97. package/dist/search.min.js +5 -5
  98. package/dist/{select-23298f17.js → select-50fa145d.js} +33 -33
  99. package/dist/select.min.js +5 -5
  100. package/dist/settings-37ba2900.js +79 -0
  101. package/dist/shape-indicator.min.js +3 -3
  102. package/dist/shared-enums-ccc90ee0.js +1 -1
  103. package/dist/side-panel.min.js +22 -22
  104. package/dist/skeleton-icon-5559709e.js +79 -0
  105. package/dist/skeleton-icon.min.js +2 -2
  106. package/dist/skeleton-placeholder-54360372.js +79 -0
  107. package/dist/skeleton-placeholder.min.js +2 -2
  108. package/dist/skeleton-text-37a275b8.js +79 -0
  109. package/dist/skeleton-text.min.js +2 -2
  110. package/dist/skip-to-content.min.js +4 -4
  111. package/dist/slider.min.js +139 -55
  112. package/dist/slug.min.js +5 -5
  113. package/dist/spread-5378d580.js +79 -0
  114. package/dist/stack.min.js +2 -2
  115. package/dist/{state-8793f01e.js → state-9418736a.js} +2 -2
  116. package/dist/structured-list.min.js +12 -12
  117. package/dist/tabs.min.js +25 -25
  118. package/dist/tag.min.js +33 -33
  119. package/dist/tearsheet.min.js +14 -14
  120. package/dist/text-input-cad89f77.js +140 -0
  121. package/dist/text-input.min.js +5 -5
  122. package/dist/textarea.min.js +26 -22
  123. package/dist/tile.min.js +24 -24
  124. package/dist/time-picker.min.js +21 -21
  125. package/dist/toggle-tip.min.js +2 -2
  126. package/dist/toggle.min.js +14 -14
  127. package/dist/toggletip-2538b5ef.js +124 -0
  128. package/dist/tooltip-content-32932ef2.js +81 -0
  129. package/dist/tooltip.min.js +2 -2
  130. package/dist/tree-view.min.js +30 -30
  131. package/dist/ui-shell.min.js +34 -34
  132. package/dist/validity-de6fe348.js +1 -1
  133. package/es/components/accordion/accordion-item.js +1 -1
  134. package/es/components/data-table/data-table.scss.js +1 -1
  135. package/es/components/feature-flags/index.d.ts +42 -0
  136. package/es/components/feature-flags/index.js +118 -0
  137. package/es/components/feature-flags/index.js.map +1 -0
  138. package/es/components/grid/column-hang.d.ts +19 -0
  139. package/es/components/grid/column-hang.js +43 -0
  140. package/es/components/grid/column-hang.js.map +1 -0
  141. package/es/components/grid/column-hang.scss.js +13 -0
  142. package/es/components/grid/column-hang.scss.js.map +1 -0
  143. package/es/components/grid/column.d.ts +35 -0
  144. package/es/components/grid/column.js +50 -0
  145. package/es/components/grid/column.js.map +1 -0
  146. package/es/components/grid/defs.d.ts +35 -0
  147. package/es/components/grid/defs.js +46 -0
  148. package/es/components/grid/defs.js.map +1 -0
  149. package/es/components/grid/grid-context.d.ts +9 -0
  150. package/es/components/grid/grid-context.js +13 -0
  151. package/es/components/grid/grid-context.js.map +1 -0
  152. package/es/components/grid/grid.d.ts +41 -0
  153. package/es/components/grid/grid.js +103 -0
  154. package/es/components/grid/grid.js.map +1 -0
  155. package/es/components/grid/grid.scss.js +13 -0
  156. package/es/components/grid/grid.scss.js.map +1 -0
  157. package/es/components/grid/index.d.ts +11 -0
  158. package/es/components/grid/index.js +11 -0
  159. package/es/components/grid/index.js.map +1 -0
  160. package/es/components/number-input/number-input.d.ts +24 -0
  161. package/es/components/number-input/number-input.js +65 -8
  162. package/es/components/number-input/number-input.js.map +1 -1
  163. package/es/components/number-input/number-input.scss.js +1 -1
  164. package/es/components/progress-bar/progress-bar.scss.js +1 -1
  165. package/es/components/slider/slider-input.d.ts +5 -1
  166. package/es/components/slider/slider-input.js +78 -30
  167. package/es/components/slider/slider-input.js.map +1 -1
  168. package/es/components/slider/slider-skeleton.d.ts +4 -0
  169. package/es/components/slider/slider-skeleton.js +65 -2
  170. package/es/components/slider/slider-skeleton.js.map +1 -1
  171. package/es/components/slider/slider.d.ts +33 -0
  172. package/es/components/slider/slider.js +453 -99
  173. package/es/components/slider/slider.js.map +1 -1
  174. package/es/components/slider/slider.scss.js +1 -1
  175. package/es/components/textarea/textarea.d.ts +25 -2
  176. package/es/components/textarea/textarea.js +100 -5
  177. package/es/components/textarea/textarea.js.map +1 -1
  178. package/es/components/textarea/textarea.scss.js +1 -1
  179. package/es/components/toggle/toggle.js +6 -1
  180. package/es/components/toggle/toggle.js.map +1 -1
  181. package/es/feature-flags/es/index.js +444 -0
  182. package/es/feature-flags/es/index.js.map +1 -0
  183. package/es-custom/components/accordion/accordion-item.js +1 -1
  184. package/es-custom/components/data-table/data-table.scss.js +1 -1
  185. package/es-custom/components/feature-flags/index.d.ts +42 -0
  186. package/es-custom/components/feature-flags/index.js +118 -0
  187. package/es-custom/components/feature-flags/index.js.map +1 -0
  188. package/es-custom/components/grid/column-hang.d.ts +19 -0
  189. package/es-custom/components/grid/column-hang.js +43 -0
  190. package/es-custom/components/grid/column-hang.js.map +1 -0
  191. package/es-custom/components/grid/column-hang.scss.js +13 -0
  192. package/es-custom/components/grid/column-hang.scss.js.map +1 -0
  193. package/es-custom/components/grid/column.d.ts +35 -0
  194. package/es-custom/components/grid/column.js +50 -0
  195. package/es-custom/components/grid/column.js.map +1 -0
  196. package/es-custom/components/grid/defs.d.ts +35 -0
  197. package/es-custom/components/grid/defs.js +46 -0
  198. package/es-custom/components/grid/defs.js.map +1 -0
  199. package/es-custom/components/grid/grid-context.d.ts +9 -0
  200. package/es-custom/components/grid/grid-context.js +13 -0
  201. package/es-custom/components/grid/grid-context.js.map +1 -0
  202. package/es-custom/components/grid/grid.d.ts +41 -0
  203. package/es-custom/components/grid/grid.js +103 -0
  204. package/es-custom/components/grid/grid.js.map +1 -0
  205. package/es-custom/components/grid/grid.scss.js +13 -0
  206. package/es-custom/components/grid/grid.scss.js.map +1 -0
  207. package/es-custom/components/grid/index.d.ts +11 -0
  208. package/es-custom/components/grid/index.js +11 -0
  209. package/es-custom/components/grid/index.js.map +1 -0
  210. package/es-custom/components/number-input/number-input.d.ts +24 -0
  211. package/es-custom/components/number-input/number-input.js +65 -8
  212. package/es-custom/components/number-input/number-input.js.map +1 -1
  213. package/es-custom/components/number-input/number-input.scss.js +1 -1
  214. package/es-custom/components/progress-bar/progress-bar.scss.js +1 -1
  215. package/es-custom/components/slider/slider-input.d.ts +5 -1
  216. package/es-custom/components/slider/slider-input.js +78 -30
  217. package/es-custom/components/slider/slider-input.js.map +1 -1
  218. package/es-custom/components/slider/slider-skeleton.d.ts +4 -0
  219. package/es-custom/components/slider/slider-skeleton.js +65 -2
  220. package/es-custom/components/slider/slider-skeleton.js.map +1 -1
  221. package/es-custom/components/slider/slider.d.ts +33 -0
  222. package/es-custom/components/slider/slider.js +453 -99
  223. package/es-custom/components/slider/slider.js.map +1 -1
  224. package/es-custom/components/slider/slider.scss.js +1 -1
  225. package/es-custom/components/textarea/textarea.d.ts +25 -2
  226. package/es-custom/components/textarea/textarea.js +100 -5
  227. package/es-custom/components/textarea/textarea.js.map +1 -1
  228. package/es-custom/components/textarea/textarea.scss.js +1 -1
  229. package/es-custom/components/toggle/toggle.js +6 -1
  230. package/es-custom/components/toggle/toggle.js.map +1 -1
  231. package/es-custom/feature-flags/es/index.js +444 -0
  232. package/es-custom/feature-flags/es/index.js.map +1 -0
  233. package/lib/components/feature-flags/index.d.ts +42 -0
  234. package/lib/components/grid/column-hang.d.ts +19 -0
  235. package/lib/components/grid/column.d.ts +35 -0
  236. package/lib/components/grid/defs.d.ts +35 -0
  237. package/lib/components/grid/defs.js +48 -0
  238. package/lib/components/grid/defs.js.map +1 -0
  239. package/lib/components/grid/grid-context.d.ts +9 -0
  240. package/lib/components/grid/grid.d.ts +41 -0
  241. package/lib/components/grid/index.d.ts +11 -0
  242. package/lib/components/number-input/number-input.d.ts +24 -0
  243. package/lib/components/slider/slider-input.d.ts +5 -1
  244. package/lib/components/slider/slider-skeleton.d.ts +4 -0
  245. package/lib/components/slider/slider.d.ts +33 -0
  246. package/lib/components/textarea/textarea.d.ts +25 -2
  247. package/package.json +4 -4
  248. package/scss/components/grid/column-hang.scss +15 -0
  249. package/scss/components/grid/grid-story.scss +96 -0
  250. package/scss/components/grid/grid.scss +59 -0
  251. package/scss/components/grid/mixin.scss +70 -0
  252. package/scss/components/number-input/number-input.scss +4 -0
  253. package/scss/components/slider/slider.scss +26 -0
  254. package/scss/components/textarea/textarea.scss +15 -2
  255. package/dist/16-a6ff8f82.js +0 -79
  256. package/dist/16-a9f5da53.js +0 -79
  257. package/dist/16-c0c2f9cc.js +0 -79
  258. package/dist/20-6f209450.js +0 -79
  259. package/dist/20-cf8682e7.js +0 -79
  260. package/dist/button-8a9ddb9f.js +0 -144
  261. package/dist/button-set-e143c49e.js +0 -79
  262. package/dist/checkbox-f024ef99.js +0 -118
  263. package/dist/content-switcher-item-c66114b8.js +0 -105
  264. package/dist/copy-button-a481f85e.js +0 -94
  265. package/dist/dropdown-item-61ac6300.js +0 -147
  266. package/dist/floating-menu-f19577a8.js +0 -79
  267. package/dist/icon-button-58819f57.js +0 -93
  268. package/dist/layer-602c2202.js +0 -79
  269. package/dist/link-76646b17.js +0 -103
  270. package/dist/loading-ae8e2f1b.js +0 -79
  271. package/dist/menu-item-radio-group-45e474cb.js +0 -168
  272. package/dist/modal-label-f93860bf.js +0 -110
  273. package/dist/popover-content-b41e9612.js +0 -94
  274. package/dist/radio-button-skeleton-0c69d51b.js +0 -118
  275. package/dist/search-0191f926.js +0 -108
  276. package/dist/settings-c3654bc7.js +0 -101
  277. package/dist/skeleton-icon-e81be97a.js +0 -79
  278. package/dist/skeleton-placeholder-13b648d8.js +0 -79
  279. package/dist/skeleton-text-ec2217a3.js +0 -79
  280. package/dist/spread-bbf12ceb.js +0 -79
  281. package/dist/text-input-404238e9.js +0 -140
  282. package/dist/toggletip-691cdd4c.js +0 -124
  283. package/dist/tooltip-content-8fc23961.js +0 -81
package/es-custom/components/number-input/number-input.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from 'lit';
9
9
 
10
- var styles = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-custom-layer:var(--cds-custom-layer-01,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-01,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-01,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-01,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-01,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-01,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-01,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-01,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-01,#a8a8a8);--cds-custom-field:var(--cds-custom-field-01,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-01,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-00,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-01,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-01,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-custom-layer:var(--cds-custom-layer-02,#fff);--cds-custom-layer-active:var(--cds-custom-layer-active-02,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-02,#f4f4f4);--cds-custom-layer-hover:var(--cds-custom-layer-hover-02,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-02,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-02,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-02,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-02,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-02,#a8a8a8);--cds-custom-field:var(--cds-custom-field-02,#fff);--cds-custom-field-hover:var(--cds-custom-field-hover-02,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-01,#c6c6c6);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-02,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-02,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-custom-layer:var(--cds-custom-layer-03,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-03,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-03,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-03,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-03,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-03,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-03,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-03,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-03,#a8a8a8);--cds-custom-field:var(--cds-custom-field-03,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-03,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-02,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-03,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-03,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-custom-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-custom-field) inset;-webkit-text-fill-color:var(--cds-custom-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.cds-custom--label{color:var(--cds-custom-text-secondary,#525252);display:inline-block;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-custom-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-custom-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-custom-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-custom-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-custom-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-custom-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement{display:none;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--number__controls:hover .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--decorator .cds-custom--number__rule-divider,.cds-custom--number__input-wrapper--slug .cds-custom--number__rule-divider{display:none}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:hover,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:hover{box-shadow:0 -1px 0 var(--cds-custom-ai-border-strong,#4589ff) inset}.cds-custom--number__controls:focus-within .cds-custom--number__control-btn:after{display:none}.cds-custom--number{display:flex;flex-direction:column;inline-size:100%;position:relative}.cds-custom--number html{font-size:100%}.cds-custom--number body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--number code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--number strong{font-weight:600}.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text]{padding-inline-end:8rem}.cds-custom--number input[type=number],.cds-custom--number input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--cds-custom-field);block-size:2.5rem;border:0;border-block-end:.0625rem solid var(--cds-custom-border-strong);border-radius:0;box-sizing:border-box;color:var(--cds-custom-text-primary,#161616);display:inline-flex;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);font-weight:400;inline-size:100%;letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);min-inline-size:9.375rem;outline:2px solid transparent;outline-offset:-2px;padding-inline:1rem 6rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--number input[type=number]:focus,.cds-custom--number input[type=text]:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number input[type=number]:focus,.cds-custom--number input[type=text]:focus{outline-style:dotted}}.cds-custom--number input[type=number]:disabled~.cds-custom--number__controls,.cds-custom--number input[type=text]:disabled~.cds-custom--number__controls{cursor:not-allowed;pointer-events:none}.cds-custom--number input[type=number]:disabled~.cds-custom--number__controls svg,.cds-custom--number input[type=text]:disabled~.cds-custom--number__controls svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--number input[type=number]::-ms-clear,.cds-custom--number input[type=text]::-ms-clear{display:none}.cds-custom--number input[type=number]::-webkit-inner-spin-button,.cds-custom--number input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cds-custom--number input[type=number][data-invalid],.cds-custom--number input[type=text][data-invalid]{padding-inline-end:8rem}.cds-custom--number--lg.cds-custom--number input[type=number],.cds-custom--number--lg.cds-custom--number input[type=text]{padding-inline-end:7rem}.cds-custom--number--lg.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--lg.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--lg.cds-custom--number input[type=number][data-invalid],.cds-custom--number--lg.cds-custom--number input[type=text][data-invalid]{padding-inline-end:9rem}.cds-custom--number--sm.cds-custom--number input[type=number],.cds-custom--number--sm.cds-custom--number input[type=text]{padding-inline-end:5rem}.cds-custom--number--sm.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--sm.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--sm.cds-custom--number input[type=number][data-invalid],.cds-custom--number--sm.cds-custom--number input[type=text][data-invalid]{padding-inline-end:7rem}.cds-custom--number input[type=number]:disabled,.cds-custom--number input[type=text]:disabled{background-color:var(--cds-custom-field);border-block-end-color:transparent;color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--number__input-wrapper{align-items:center;display:flex;position:relative}.cds-custom--number__controls{align-items:center;block-size:100%;display:flex;flex-direction:row;inline-size:5rem;inset-block-start:50%;inset-inline-end:0;justify-content:center;position:absolute;transform:translateY(-50%)}.cds-custom--number__controls html{font-size:100%}.cds-custom--number__controls body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--number__controls code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--number__controls strong{font-weight:600}.cds-custom--number__control-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;block-size:100%;border:0;box-sizing:border-box;color:var(--cds-custom-icon-primary,#161616);cursor:pointer;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;inline-size:100%;justify-content:center;margin:0;padding:0;position:relative;text-align:start;vertical-align:baseline}.cds-custom--number__control-btn *,.cds-custom--number__control-btn :after,.cds-custom--number__control-btn :before{box-sizing:inherit}.cds-custom--number__control-btn::-moz-focus-inner{border:0}.cds-custom--number__control-btn svg{fill:currentColor}.cds-custom--number__control-btn:focus{color:var(--cds-custom-icon-primary,#161616);outline:1px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px;outline-width:2px}@media screen and (prefers-contrast){.cds-custom--number__control-btn:focus{outline-style:dotted}}.cds-custom--number__control-btn:hover{background-color:var(--cds-custom-field-hover);box-shadow:0 -1px 0 var(--cds-custom-border-strong) inset;color:var(--cds-custom-icon-primary,#161616);cursor:pointer}.cds-custom--number__control-btn:disabled{border-block-end-color:transparent;color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--number__control-btn.down-icon{order:1}.cds-custom--number__control-btn.up-icon{order:2}.cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end-color:var(--cds-custom-support-error,#da1e28)}.cds-custom--number input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn{border-color:var(--cds-custom-focus,#0f62fe);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds-custom--number input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-custom-focus,#0f62fe) inset}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-custom-support-error,#da1e28) inset}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover{border-color:var(--cds-custom-support-error,#da1e28);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover{outline-style:dotted}}.cds-custom--number__rule-divider{background-color:var(--cds-custom-border-subtle);block-size:1rem;inline-size:.0625rem;position:absolute;z-index:6000}.cds-custom--number__rule-divider:first-of-type{order:0}.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:transparent;inset-inline-start:0}.cds-custom--number__invalid+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:var(--cds-custom-border-subtle)}.cds-custom--number--light .cds-custom--number__invalid+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number--light .cds-custom--number__rule-divider{background-color:var(--cds-custom-border-subtle-02,#e0e0e0)}.cds-custom--number input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number input[type=text]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:transparent}.cds-custom--number input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider,.cds-custom--number input[type=text]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider{background-color:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--number__control-btn:focus~.cds-custom--number__rule-divider{background-color:transparent}.cds-custom--number__invalid{position:absolute;fill:var(--cds-custom-support-error,#da1e28);inset-inline-end:6rem}.cds-custom--number--lg .cds-custom--number__invalid{inset-inline-end:7rem}.cds-custom--number--sm .cds-custom--number__invalid{inset-inline-end:5rem}.cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:5rem;position:absolute}.cds-custom--number--lg .cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:6rem}.cds-custom--number--sm .cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:4rem}.cds-custom--number__control-btn.down-icon:focus~.cds-custom--number__rule-divider,.cds-custom--number__control-btn.down-icon:hover~.cds-custom--number__rule-divider,.cds-custom--number__control-btn.up-icon:focus+.cds-custom--number__rule-divider,.cds-custom--number__control-btn.up-icon:hover+.cds-custom--number__rule-divider{background-color:transparent}.cds-custom--number__invalid--warning{fill:var(--cds-custom-support-warning,#f1c21b)}.cds-custom--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--number--lg input[type=number],.cds-custom--number--lg input[type=text]{block-size:3rem}.cds-custom--number--lg .cds-custom--number__controls{inline-size:6rem}.cds-custom--number--lg .cds-custom--number__control-btn{inline-size:3rem}.cds-custom--number--sm input[type=number],.cds-custom--number--sm input[type=text]{block-size:2rem}.cds-custom--number--sm .cds-custom--number__controls{inline-size:4rem}.cds-custom--number--sm .cds-custom--number__control-btn{inline-size:2rem}.cds-custom--number--nolabel .cds-custom--label+.cds-custom--form__helper-text{margin-block-start:0}.cds-custom--number--nosteppers input[type=number],.cds-custom--number--nosteppers input[type=text]{padding-inline-end:0}.cds-custom--number--nosteppers .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--nosteppers .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--nosteppers input[type=number][data-invalid],.cds-custom--number--nosteppers input[type=text][data-invalid]{padding-inline-end:3rem}.cds-custom--number--nosteppers .cds-custom--number__invalid{inset-inline-end:1rem}.cds-custom--number--readonly input[type=number],.cds-custom--number--readonly input[type=text]{background:transparent;border-block-end-color:var(--cds-custom-border-subtle)}.cds-custom--number--readonly .cds-custom--number__control-btn{color:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25));pointer-events:none}.cds-custom--number--readonly .cds-custom--number__control-btn:hover{background-color:transparent;cursor:pointer}.cds-custom--number--readonly input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number--readonly input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover{outline:none}.cds-custom--number--readonly .cds-custom--number__controls:hover .cds-custom--number__rule-divider:not(:first-of-type){background-color:var(--cds-custom-border-subtle)}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label,.cds-custom--number__input-wrapper--slug .cds-custom--slug{inset-block-start:50%;inset-inline-end:6rem;position:absolute;transform:translateY(-50%)}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug:before{background-color:var(--cds-custom-border-subtle);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug:before{display:none;inset-inline-start:-1rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label--revert:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:-.5rem}.cds-custom--number__control-btn:after{display:block;inset-inline-end:0}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:before{display:block;inset-inline-end:2.5rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:focus:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:focus:before{display:none}.cds-custom--number__control-btn:hover:after,.cds-custom--number__control-btn:hover:before{display:none;inset-inline-end:0}.cds-custom--number__input-wrapper:has(.cds-custom--number__control-btn:hover)~.cds-custom--number__input-wrapper--decorator:after,.cds-custom--number__input-wrapper:has(.cds-custom--number__control-btn:hover)~.cds-custom--number__input-wrapper--slug:after{display:none}.cds-custom--number__control-btn:has(.up-icon):after,.cds-custom--number__control-btn:has(.up-icon):before{display:none}.cds-custom--number__input-wrapper--decorator .cds-custom--number__invalid,.cds-custom--number__input-wrapper--slug .cds-custom--number__invalid{inset-inline-end:9rem}.cds-custom--number__input-wrapper--decorator:has(.cds-custom--number__invalid) .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug:has(.cds-custom--number__invalid) .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug:has(.cds-custom--number__invalid) .cds-custom--slug:before{display:block}.cds-custom--number .cds-custom--number__input-wrapper--decorator input[data-invalid],.cds-custom--number .cds-custom--number__input-wrapper--decorator.cds-custom--number__input-wrapper--warning input,.cds-custom--number .cds-custom--number__input-wrapper--slug input[data-invalid],.cds-custom--number .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning input{padding-inline-end:9rem}.cds-custom--number__input-wrapper--decorator input[type=number]:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--decorator input[type=text]:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=number]:disabled,.cds-custom--number__input-wrapper--slug input[type=number]:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=number]:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--number__input-wrapper--slug input[type=text]:disabled,.cds-custom--number__input-wrapper--slug input[type=text]:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=text]:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-custom-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-custom-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-custom-ai-border-strong,#4589ff);padding-inline-end:9.0625rem}.cds-custom--number.cds-custom--skeleton{background:var(--cds-custom-skeleton-background,#e8e8e8);border:none;box-shadow:none;inline-size:100%;padding:0;pointer-events:none;position:relative}.cds-custom--number.cds-custom--skeleton:active,.cds-custom--number.cds-custom--skeleton:focus,.cds-custom--number.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--number.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--number.cds-custom--skeleton:before{animation:none}}.cds-custom--number.cds-custom--skeleton input[type=number],.cds-custom--number.cds-custom--skeleton input[type=text]{display:none}.cds-custom--number.cds-custom--skeleton.cds-custom--number--sm{block-size:2rem}.cds-custom--number.cds-custom--skeleton.cds-custom--number--md{block-size:2.5rem}.cds-custom--number.cds-custom--skeleton.cds-custom--number--lg{block-size:3rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--number__control-btn:focus,.cds-custom--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.cds-custom--number__control-btn{outline:1px solid transparent}}:host(cds-custom-number-input),:host(cds-custom-number-input-skeleton){inline-size:100%;outline:none}:host(cds-custom-number-input) .cds-custom--form-requirement[hidden],:host(cds-custom-number-input-skeleton) .cds-custom--form-requirement[hidden]{display:none}.cds-custom--number .cds-custom--number__invalid~input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number__invalid~.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:var(--cds-custom-border-subtle)}.cds-custom--number--readonly .cds-custom--number__controls .cds-custom--number__control-btn{border-block-end:0}:host(cds-custom-number-input) ::slotted(cds-custom-ai-label),:host(cds-custom-number-input) ::slotted(cds-custom-slug){inset-block-start:50%;inset-inline-end:5.5rem;position:absolute}:host(cds-custom-number-input) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-number-input) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-number-input) .cds-custom--number[data-invalid] ::slotted(cds-custom-ai-label),:host(cds-custom-number-input) .cds-custom--number[data-invalid] ::slotted(cds-custom-slug),:host(cds-custom-number-input[invalid]) ::slotted(cds-custom-ai-label),:host(cds-custom-number-input[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-number-input[warn]) ::slotted(cds-custom-ai-label),:host(cds-custom-number-input[warn]) ::slotted(cds-custom-slug){inset-inline-end:7.5rem}:host(cds-custom-number-input) .up-icon:after,:host(cds-custom-number-input) .up-icon:before{display:none}"]);
10
+ var styles = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-custom-layer:var(--cds-custom-layer-01,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-01,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-01,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-01,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-01,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-01,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-01,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-01,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-01,#a8a8a8);--cds-custom-field:var(--cds-custom-field-01,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-01,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-00,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-01,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-01,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-custom-layer:var(--cds-custom-layer-02,#fff);--cds-custom-layer-active:var(--cds-custom-layer-active-02,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-02,#f4f4f4);--cds-custom-layer-hover:var(--cds-custom-layer-hover-02,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-02,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-02,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-02,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-02,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-02,#a8a8a8);--cds-custom-field:var(--cds-custom-field-02,#fff);--cds-custom-field-hover:var(--cds-custom-field-hover-02,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-01,#c6c6c6);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-02,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-02,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-custom-layer:var(--cds-custom-layer-03,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-03,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-03,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-03,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-03,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-03,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-03,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-03,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-03,#a8a8a8);--cds-custom-field:var(--cds-custom-field-03,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-03,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-02,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-03,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-03,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-custom-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-custom-field) inset;-webkit-text-fill-color:var(--cds-custom-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.cds-custom--label{color:var(--cds-custom-text-secondary,#525252);display:inline-block;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-custom-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-custom-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-custom-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-custom-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-custom-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-custom-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement{display:none;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--number__controls:hover .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--decorator .cds-custom--number__rule-divider,.cds-custom--number__input-wrapper--slug .cds-custom--number__rule-divider{display:none}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:hover,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:hover{box-shadow:0 -1px 0 var(--cds-custom-ai-border-strong,#4589ff) inset}.cds-custom--number__controls:focus-within .cds-custom--number__control-btn:after{display:none}.cds-custom--number{display:flex;flex-direction:column;inline-size:100%;position:relative}.cds-custom--number html{font-size:100%}.cds-custom--number body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--number code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--number strong{font-weight:600}.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text]{padding-inline-end:8rem}.cds-custom--number input[type=number],.cds-custom--number input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--cds-custom-field);block-size:2.5rem;border:0;border-block-end:.0625rem solid var(--cds-custom-border-strong);border-radius:0;box-sizing:border-box;color:var(--cds-custom-text-primary,#161616);display:inline-flex;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);font-weight:400;inline-size:100%;letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);min-inline-size:9.375rem;outline:2px solid transparent;outline-offset:-2px;padding-inline:1rem 6rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--number input[type=number]:focus,.cds-custom--number input[type=text]:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number input[type=number]:focus,.cds-custom--number input[type=text]:focus{outline-style:dotted}}.cds-custom--number input[type=number]:disabled~.cds-custom--number__controls,.cds-custom--number input[type=text]:disabled~.cds-custom--number__controls{cursor:not-allowed;pointer-events:none}.cds-custom--number input[type=number]:disabled~.cds-custom--number__controls svg,.cds-custom--number input[type=text]:disabled~.cds-custom--number__controls svg{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--number input[type=number]::-ms-clear,.cds-custom--number input[type=text]::-ms-clear{display:none}.cds-custom--number input[type=number]::-webkit-inner-spin-button,.cds-custom--number input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.cds-custom--number input[type=number][data-invalid],.cds-custom--number input[type=text][data-invalid]{padding-inline-end:8rem}.cds-custom--number--lg.cds-custom--number input[type=number],.cds-custom--number--lg.cds-custom--number input[type=text]{padding-inline-end:7rem}.cds-custom--number--lg.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--lg.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--lg.cds-custom--number input[type=number][data-invalid],.cds-custom--number--lg.cds-custom--number input[type=text][data-invalid]{padding-inline-end:9rem}.cds-custom--number--sm.cds-custom--number input[type=number],.cds-custom--number--sm.cds-custom--number input[type=text]{padding-inline-end:5rem}.cds-custom--number--sm.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--sm.cds-custom--number .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--sm.cds-custom--number input[type=number][data-invalid],.cds-custom--number--sm.cds-custom--number input[type=text][data-invalid]{padding-inline-end:7rem}.cds-custom--number input[type=number]:disabled,.cds-custom--number input[type=text]:disabled{background-color:var(--cds-custom-field);border-block-end-color:transparent;color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--number__input-wrapper{align-items:center;display:flex;position:relative}.cds-custom--number__controls{align-items:center;block-size:100%;display:flex;flex-direction:row;inline-size:5rem;inset-block-start:50%;inset-inline-end:0;justify-content:center;position:absolute;transform:translateY(-50%)}.cds-custom--number__controls html{font-size:100%}.cds-custom--number__controls body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--number__controls code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--number__controls strong{font-weight:600}.cds-custom--number__control-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;block-size:100%;border:0;box-sizing:border-box;color:var(--cds-custom-icon-primary,#161616);cursor:pointer;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;inline-size:100%;justify-content:center;margin:0;padding:0;position:relative;text-align:start;vertical-align:baseline}.cds-custom--number__control-btn *,.cds-custom--number__control-btn :after,.cds-custom--number__control-btn :before{box-sizing:inherit}.cds-custom--number__control-btn::-moz-focus-inner{border:0}.cds-custom--number__control-btn svg{fill:currentColor}.cds-custom--number__control-btn:focus{color:var(--cds-custom-icon-primary,#161616);outline:1px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px;outline-width:2px}@media screen and (prefers-contrast){.cds-custom--number__control-btn:focus{outline-style:dotted}}.cds-custom--number__control-btn:hover{background-color:var(--cds-custom-field-hover);box-shadow:0 -1px 0 var(--cds-custom-border-strong) inset;color:var(--cds-custom-icon-primary,#161616);cursor:pointer}.cds-custom--number__control-btn:disabled{border-block-end-color:transparent;color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--number__control-btn.down-icon{order:1}.cds-custom--number__control-btn.up-icon{order:2}.cds-custom--number input[type=number][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number input[type=text][data-invalid]~.cds-custom--number__controls .cds-custom--number__control-btn{border-block-end-color:var(--cds-custom-support-error,#da1e28)}.cds-custom--number input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn,.cds-custom--number input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn{border-color:var(--cds-custom-focus,#0f62fe);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds-custom--number input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-custom-focus,#0f62fe) inset}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:last-of-type:hover{box-shadow:-4px 0 0 -2px var(--cds-custom-support-error,#da1e28) inset}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:hover{border-color:var(--cds-custom-support-error,#da1e28);border-style:solid;border-width:2px 0;box-shadow:none;outline-offset:-2px}.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--number input[type=number][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover,.cds-custom--number input[type=text][data-invalid]:not(:focus)~.cds-custom--number__controls .cds-custom--number__control-btn:focus:hover{outline-style:dotted}}.cds-custom--number__rule-divider{background-color:var(--cds-custom-border-subtle);block-size:1rem;inline-size:.0625rem;position:absolute;z-index:6000}.cds-custom--number__rule-divider:first-of-type{order:0}.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:transparent;inset-inline-start:0}.cds-custom--number__invalid+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:var(--cds-custom-border-subtle)}.cds-custom--number--light .cds-custom--number__invalid+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number--light .cds-custom--number__rule-divider{background-color:var(--cds-custom-border-subtle-02,#e0e0e0)}.cds-custom--number input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number input[type=text]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:transparent}.cds-custom--number input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider,.cds-custom--number input[type=text]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider{background-color:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--number__control-btn:focus~.cds-custom--number__rule-divider{background-color:transparent}.cds-custom--number__invalid{position:absolute;fill:var(--cds-custom-support-error,#da1e28);inset-inline-end:6rem}.cds-custom--number--lg .cds-custom--number__invalid{inset-inline-end:7rem}.cds-custom--number--sm .cds-custom--number__invalid{inset-inline-end:5rem}.cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:5rem;position:absolute}.cds-custom--number--lg .cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:6rem}.cds-custom--number--sm .cds-custom--number__invalid+.cds-custom--number__rule-divider{inset-inline-end:4rem}.cds-custom--number__control-btn.down-icon:focus~.cds-custom--number__rule-divider,.cds-custom--number__control-btn.down-icon:hover~.cds-custom--number__rule-divider,.cds-custom--number__control-btn.up-icon:focus+.cds-custom--number__rule-divider,.cds-custom--number__control-btn.up-icon:hover+.cds-custom--number__rule-divider{background-color:transparent}.cds-custom--number__invalid--warning{fill:var(--cds-custom-support-warning,#f1c21b)}.cds-custom--number__invalid--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--number--lg input[type=number],.cds-custom--number--lg input[type=text]{block-size:3rem}.cds-custom--number--lg .cds-custom--number__controls{inline-size:6rem}.cds-custom--number--lg .cds-custom--number__control-btn{inline-size:3rem}.cds-custom--number--sm input[type=number],.cds-custom--number--sm input[type=text]{block-size:2rem}.cds-custom--number--sm .cds-custom--number__controls{inline-size:4rem}.cds-custom--number--sm .cds-custom--number__control-btn{inline-size:2rem}.cds-custom--number--nolabel .cds-custom--label+.cds-custom--form__helper-text{margin-block-start:0}.cds-custom--number--nosteppers input[type=number],.cds-custom--number--nosteppers input[type=text]{padding-inline-end:0}.cds-custom--number--nosteppers .cds-custom--number__input-wrapper--warning input[type=number],.cds-custom--number--nosteppers .cds-custom--number__input-wrapper--warning input[type=text],.cds-custom--number--nosteppers input[type=number][data-invalid],.cds-custom--number--nosteppers input[type=text][data-invalid]{padding-inline-end:3rem}.cds-custom--number--nosteppers .cds-custom--number__invalid{inset-inline-end:1rem}.cds-custom--number--readonly input[type=number],.cds-custom--number--readonly input[type=text]{background:transparent;border-block-end-color:var(--cds-custom-border-subtle)}.cds-custom--number--readonly .cds-custom--number__control-btn{color:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25));pointer-events:none}.cds-custom--number--readonly .cds-custom--number__control-btn:hover{background-color:transparent;cursor:pointer}.cds-custom--number--readonly input[type=number]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover,.cds-custom--number--readonly input[type=text]:focus~.cds-custom--number__controls .cds-custom--number__control-btn:hover{outline:none}.cds-custom--number--readonly .cds-custom--number__controls:hover .cds-custom--number__rule-divider:not(:first-of-type){background-color:var(--cds-custom-border-subtle)}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>*,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label,.cds-custom--number__input-wrapper--slug .cds-custom--slug{inset-block-start:50%;inset-inline-end:6rem;position:absolute;transform:translateY(-50%)}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:after,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug:before{background-color:var(--cds-custom-border-subtle);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug:before{display:none;inset-inline-start:-1rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert:before,.cds-custom--number__input-wrapper--slug .cds-custom--ai-label--revert:before,.cds-custom--number__input-wrapper--slug .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:-.5rem}.cds-custom--number__control-btn:after{display:block;inset-inline-end:0}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:before{display:block;inset-inline-end:2.5rem}.cds-custom--number__input-wrapper--decorator .cds-custom--number__control-btn:focus:before,.cds-custom--number__input-wrapper--slug .cds-custom--number__control-btn:focus:before{display:none}.cds-custom--number__control-btn:hover:after,.cds-custom--number__control-btn:hover:before{display:none;inset-inline-end:0}.cds-custom--number__input-wrapper:has(.cds-custom--number__control-btn:hover)~.cds-custom--number__input-wrapper--decorator:after,.cds-custom--number__input-wrapper:has(.cds-custom--number__control-btn:hover)~.cds-custom--number__input-wrapper--slug:after{display:none}.cds-custom--number__control-btn:has(.up-icon):after,.cds-custom--number__control-btn:has(.up-icon):before{display:none}.cds-custom--number__input-wrapper--decorator .cds-custom--number__invalid,.cds-custom--number__input-wrapper--slug .cds-custom--number__invalid{inset-inline-end:9rem}.cds-custom--number__input-wrapper--decorator:has(.cds-custom--number__invalid) .cds-custom--number__input-inner-wrapper--decorator>:before,.cds-custom--number__input-wrapper--slug:has(.cds-custom--number__invalid) .cds-custom--ai-label:before,.cds-custom--number__input-wrapper--slug:has(.cds-custom--number__invalid) .cds-custom--slug:before{display:block}.cds-custom--number .cds-custom--number__input-wrapper--decorator input[data-invalid],.cds-custom--number .cds-custom--number__input-wrapper--decorator.cds-custom--number__input-wrapper--warning input,.cds-custom--number .cds-custom--number__input-wrapper--slug input[data-invalid],.cds-custom--number .cds-custom--number__input-wrapper--slug.cds-custom--number__input-wrapper--warning input{padding-inline-end:9rem}.cds-custom--number__input-wrapper--decorator input[type=number]:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--decorator input[type=text]:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--number__input-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=number]:disabled,.cds-custom--number__input-wrapper--slug input[type=number]:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=number]:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--number__input-wrapper--slug input[type=text]:disabled,.cds-custom--number__input-wrapper--slug input[type=text]:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--number__input-wrapper--slug input[type=text]:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-custom-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-custom-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-custom-ai-border-strong,#4589ff);padding-inline-end:9.0625rem}.cds-custom--number.cds-custom--skeleton{background:var(--cds-custom-skeleton-background,#e8e8e8);border:none;box-shadow:none;inline-size:100%;padding:0;pointer-events:none;position:relative}.cds-custom--number.cds-custom--skeleton:active,.cds-custom--number.cds-custom--skeleton:focus,.cds-custom--number.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--number.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--number.cds-custom--skeleton:before{animation:none}}.cds-custom--number.cds-custom--skeleton input[type=number],.cds-custom--number.cds-custom--skeleton input[type=text]{display:none}.cds-custom--number.cds-custom--skeleton.cds-custom--number--sm{block-size:2rem}.cds-custom--number.cds-custom--skeleton.cds-custom--number--md{block-size:2.5rem}.cds-custom--number.cds-custom--skeleton.cds-custom--number--lg{block-size:3rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--number__control-btn:focus,.cds-custom--number__control-btn:hover{color:Highlight;outline:1px solid Highlight}.cds-custom--number__control-btn{outline:1px solid transparent}}:host(cds-custom-number-input),:host(cds-custom-number-input-skeleton){inline-size:100%;outline:none}:host(cds-custom-number-input) .cds-custom--form-requirement[hidden],:host(cds-custom-number-input-skeleton) .cds-custom--form-requirement[hidden]{display:none}.cds-custom--number .cds-custom--number__invalid~input[type=number]:disabled+.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type,.cds-custom--number__invalid~.cds-custom--number__controls .cds-custom--number__rule-divider:first-of-type{background-color:var(--cds-custom-border-subtle)}.cds-custom--number--readonly .cds-custom--number__controls .cds-custom--number__control-btn{border-block-end:0}:host(cds-custom-number-input) ::slotted(cds-custom-ai-label),:host(cds-custom-number-input) ::slotted(cds-custom-slug){inset-block-start:50%;inset-inline-end:5.5rem;position:absolute}:host(cds-custom-number-input) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-number-input) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-number-input) .cds-custom--number[data-invalid] ::slotted(cds-custom-ai-label),:host(cds-custom-number-input) .cds-custom--number[data-invalid] ::slotted(cds-custom-slug),:host(cds-custom-number-input[invalid]) ::slotted(cds-custom-ai-label),:host(cds-custom-number-input[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-number-input[warn]) ::slotted(cds-custom-ai-label),:host(cds-custom-number-input[warn]) ::slotted(cds-custom-slug){inset-inline-end:7.5rem}:host(cds-custom-number-input) .up-icon:after,:host(cds-custom-number-input) .up-icon:before{display:none}:host(cds-custom-number-input[ai-label]) input{background-image:linear-gradient(0deg,var(--cds-custom-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-custom-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-custom-ai-border-strong,#4589ff)}"]);
11
11
 
12
12
  export { styles as default };
13
13
  //# sourceMappingURL=number-input.scss.js.map
package/es-custom/components/progress-bar/progress-bar.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from 'lit';
9
9
 
10
- var styles = css([".cds-custom--layer-one,:root{--cds-custom-layer:var(--cds-custom-layer-01,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-01,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-01,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-01,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-01,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-01,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-01,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-01,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-01,#a8a8a8);--cds-custom-field:var(--cds-custom-field-01,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-01,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-00,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-01,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-01,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-custom-layer:var(--cds-custom-layer-02,#fff);--cds-custom-layer-active:var(--cds-custom-layer-active-02,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-02,#f4f4f4);--cds-custom-layer-hover:var(--cds-custom-layer-hover-02,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-02,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-02,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-02,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-02,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-02,#a8a8a8);--cds-custom-field:var(--cds-custom-field-02,#fff);--cds-custom-field-hover:var(--cds-custom-field-hover-02,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-01,#c6c6c6);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-02,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-02,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-custom-layer:var(--cds-custom-layer-03,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-03,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-03,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-03,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-03,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-03,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-03,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-03,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-03,#a8a8a8);--cds-custom-field:var(--cds-custom-field-03,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-03,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-02,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-03,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-03,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-custom-layer-background)}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--progress-bar{--cds-custom-layout-density-padding-inline-local:clamp(var(--cds-custom-layout-density-padding-inline-min),var(--cds-custom-layout-density-padding-inline,var(--cds-custom-layout-density-padding-inline-normal)),var(--cds-custom-layout-density-padding-inline-max))}.cds-custom--progress-bar__label{color:var(--cds-custom-text-primary,#161616);display:flex;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);justify-content:space-between;letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);margin-block-end:.5rem;min-inline-size:3rem}.cds-custom--progress-bar__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--progress-bar__track{background-color:var(--cds-custom-layer);block-size:.5rem;inline-size:100%;min-inline-size:3rem;position:relative}.cds-custom--progress-bar--big .cds-custom--progress-bar__track{block-size:.5rem}.cds-custom--progress-bar--small .cds-custom--progress-bar__track{block-size:.25rem}.cds-custom--progress-bar__bar{background-color:currentColor;block-size:100%;color:var(--cds-custom-interactive,#0f62fe);display:block;inline-size:100%;transform:scaleX(0);transform-origin:0 center;transition:transform .11s cubic-bezier(.2,0,.38,.9)}[dir=rtl] .cds-custom--progress-bar__bar{transform-origin:100% center}.cds-custom--progress-bar--indeterminate .cds-custom--progress-bar__track:after{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:cds-custom--progress-bar-indeterminate;animation-timing-function:linear;background-image:linear-gradient(90deg,var(--cds-custom-interactive,#0f62fe) 12.5%,transparent 12.5%);background-position-x:0;background-size:200% 100%;content:\"\";inset:0;position:absolute}[dir=rtl] .cds-custom--progress-bar--indeterminate .cds-custom--progress-bar__track:after{animation-name:cds-custom--progress-bar-indeterminate-rtl}.cds-custom--progress-bar__helper-text{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-helper-text-01-line-height,1.33333);margin-block-start:.5rem}.cds-custom--progress-bar__status-icon{flex-shrink:0;margin-inline-start:var(--cds-custom-layout-density-padding-inline-local)}.cds-custom--progress-bar--finished .cds-custom--progress-bar__bar,.cds-custom--progress-bar--finished .cds-custom--progress-bar__status-icon{color:var(--cds-custom-support-success,#24a148)}.cds-custom--progress-bar--error .cds-custom--progress-bar__bar,.cds-custom--progress-bar--error .cds-custom--progress-bar__helper-text,.cds-custom--progress-bar--error .cds-custom--progress-bar__status-icon{color:var(--cds-custom-support-error,#da1e28)}.cds-custom--progress-bar--error .cds-custom--progress-bar__bar,.cds-custom--progress-bar--finished .cds-custom--progress-bar__bar{transform:scaleX(1)}.cds-custom--progress-bar--error.cds-custom--progress-bar--inline .cds-custom--progress-bar__track,.cds-custom--progress-bar--finished.cds-custom--progress-bar--inline .cds-custom--progress-bar__track{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--progress-bar--error.cds-custom--progress-bar--inline .cds-custom--progress-bar__label,.cds-custom--progress-bar--finished.cds-custom--progress-bar--inline .cds-custom--progress-bar__label{flex-shrink:1;justify-content:flex-start;margin-inline-end:0}@keyframes cds-custom--progress-bar-indeterminate{0%{background-position-x:25%}80%,to{background-position-x:-105%}}@keyframes cds-custom--progress-bar-indeterminate-rtl{0%{background-position-x:-105%}80%,to{background-position-x:25%}}.cds-custom--progress-bar--inline{align-items:center;display:flex}.cds-custom--progress-bar--inline .cds-custom--progress-bar__label{flex-shrink:0;margin-block-end:0;margin-inline-end:var(--cds-custom-layout-density-padding-inline-local)}.cds-custom--progress-bar--inline .cds-custom--progress-bar__track{flex-basis:0;flex-grow:1}.cds-custom--progress-bar--inline .cds-custom--progress-bar__helper-text{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--progress-bar--indented .cds-custom--progress-bar__helper-text,.cds-custom--progress-bar--indented .cds-custom--progress-bar__label{padding-inline:var(--cds-custom-layout-density-padding-inline-local)}"]);
10
+ var styles = css([".cds-custom--layer-one,:root{--cds-custom-layer:var(--cds-custom-layer-01,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-01,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-01,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-01,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-01,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-01,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-01,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-01,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-01,#a8a8a8);--cds-custom-field:var(--cds-custom-field-01,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-01,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-00,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-01,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-01,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-custom-layer:var(--cds-custom-layer-02,#fff);--cds-custom-layer-active:var(--cds-custom-layer-active-02,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-02,#f4f4f4);--cds-custom-layer-hover:var(--cds-custom-layer-hover-02,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-02,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-02,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-02,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-02,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-02,#a8a8a8);--cds-custom-field:var(--cds-custom-field-02,#fff);--cds-custom-field-hover:var(--cds-custom-field-hover-02,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-01,#c6c6c6);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-02,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-02,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-custom-layer:var(--cds-custom-layer-03,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-03,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-03,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-03,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-03,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-03,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-03,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-03,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-03,#a8a8a8);--cds-custom-field:var(--cds-custom-field-03,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-03,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-02,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-03,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-03,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-custom-layer-background)}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--progress-bar{--cds-custom-layout-density-padding-inline-local:clamp(var(--cds-custom-layout-density-padding-inline-min),var(--cds-custom-layout-density-padding-inline,var(--cds-custom-layout-density-padding-inline-normal)),var(--cds-custom-layout-density-padding-inline-max))}.cds-custom--progress-bar__label{color:var(--cds-custom-text-primary,#161616);display:flex;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);justify-content:space-between;letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);margin-block-end:.5rem;min-inline-size:3rem}.cds-custom--progress-bar__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--progress-bar__track{background-color:var(--cds-custom-layer);block-size:.5rem;inline-size:100%;min-inline-size:3rem;position:relative}.cds-custom--progress-bar--big .cds-custom--progress-bar__track{block-size:.5rem}.cds-custom--progress-bar--small .cds-custom--progress-bar__track{block-size:.25rem}.cds-custom--progress-bar__bar{background-color:currentColor;block-size:100%;color:var(--cds-custom-interactive,#0f62fe);display:block;inline-size:100%;transform:scaleX(0);transform-origin:0 center;transition:transform .11s cubic-bezier(.2,0,.38,.9)}[dir=rtl] .cds-custom--progress-bar__bar{transform-origin:100% center}.cds-custom--progress-bar--indeterminate .cds-custom--progress-bar__track:after{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:cds-custom--progress-bar-indeterminate;animation-timing-function:linear;background-image:linear-gradient(90deg,var(--cds-custom-interactive,#0f62fe) 12.5%,transparent 12.5%);background-position-x:0;background-size:200% 100%;content:\"\";inset:0;position:absolute}[dir=rtl] .cds-custom--progress-bar--indeterminate .cds-custom--progress-bar__track:after{animation-name:cds-custom--progress-bar-indeterminate-rtl}.cds-custom--progress-bar__helper-text{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-helper-text-01-line-height,1.33333);margin-block-start:.5rem}.cds-custom--progress-bar__status-icon{flex-shrink:0;margin-inline-start:var(--cds-custom-layout-density-padding-inline-local)}.cds-custom--progress-bar--finished .cds-custom--progress-bar__bar,.cds-custom--progress-bar--finished .cds-custom--progress-bar__status-icon{color:var(--cds-custom-support-success,#24a148)}.cds-custom--progress-bar--error .cds-custom--progress-bar__bar,.cds-custom--progress-bar--error .cds-custom--progress-bar__helper-text,.cds-custom--progress-bar--error .cds-custom--progress-bar__status-icon{color:var(--cds-custom-support-error,#da1e28)}.cds-custom--progress-bar--error .cds-custom--progress-bar__bar,.cds-custom--progress-bar--finished .cds-custom--progress-bar__bar{transform:scaleX(1)}.cds-custom--progress-bar--error.cds-custom--progress-bar--inline .cds-custom--progress-bar__track,.cds-custom--progress-bar--finished.cds-custom--progress-bar--inline .cds-custom--progress-bar__track{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--progress-bar--error.cds-custom--progress-bar--inline .cds-custom--progress-bar__label,.cds-custom--progress-bar--finished.cds-custom--progress-bar--inline .cds-custom--progress-bar__label{flex-shrink:1;justify-content:flex-start;margin-inline-end:0}@keyframes cds-custom--progress-bar-indeterminate{0%{background-position-x:25%}80%,to{background-position-x:-105%}}@keyframes cds-custom--progress-bar-indeterminate-rtl{0%{background-position-x:-105%}80%,to{background-position-x:25%}}.cds-custom--progress-bar--inline{align-items:center;display:flex}.cds-custom--progress-bar--inline .cds-custom--progress-bar__label{flex-shrink:0;margin-block-end:0;margin-inline-end:var(--cds-custom-layout-density-padding-inline-local)}.cds-custom--progress-bar--inline .cds-custom--progress-bar__track{flex-basis:0;flex-grow:1}.cds-custom--progress-bar--inline .cds-custom--progress-bar__helper-text{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--progress-bar--indented .cds-custom--progress-bar__helper-text,.cds-custom--progress-bar--indented .cds-custom--progress-bar__label{padding-inline:var(--cds-custom-layout-density-padding-inline-local)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--progress-bar__track{background-color:Canvas;forced-color-adjust:none;outline:2px solid transparent;outline-offset:-2px}.cds-custom--progress-bar__bar{background-color:CanvasText}}"]);
11
11
 
12
12
  export { styles as default };
13
13
  //# sourceMappingURL=progress-bar.scss.js.map
package/es-custom/components/slider/slider-input.d.ts CHANGED
@@ -382,6 +382,10 @@ declare class CDSSliderInput extends CDSSliderInput_base {
382
382
  * true to specify if the control should display warn icon and text.
383
383
  */
384
384
  warn: boolean;
385
+ /**
386
+ * true to specify if the control should display warn icon and text.
387
+ */
388
+ hideTextInput: boolean;
385
389
  /**
386
390
  * The maximum value.
387
391
  */
@@ -404,7 +408,7 @@ declare class CDSSliderInput extends CDSSliderInput_base {
404
408
  /**
405
409
  * The value.
406
410
  */
407
- value: number;
411
+ value: any;
408
412
  /**
409
413
  * true` if the input should be readonly.
410
414
  */
package/es-custom/components/slider/slider-input.js CHANGED
@@ -56,6 +56,10 @@ let CDSSliderInput = class CDSSliderInput extends FocusMixin(LitElement) {
56
56
  * true to specify if the control should display warn icon and text.
57
57
  */
58
58
  this.warn = false;
59
+ /**
60
+ * true to specify if the control should display warn icon and text.
61
+ */
62
+ this.hideTextInput = false;
59
63
  /**
60
64
  * The type of the `<input>`.
61
65
  */
@@ -69,26 +73,63 @@ let CDSSliderInput = class CDSSliderInput extends FocusMixin(LitElement) {
69
73
  * Handles `change` event to fire a normalized custom event.
70
74
  */
71
75
  _handleChange({ target }) {
72
- this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
73
- bubbles: true,
74
- composed: true,
75
- detail: {
76
- value: Number(target.value),
77
- },
78
- }));
76
+ const min = Number(this.min);
77
+ const max = Number(this.max);
78
+ const intermediate = this.value;
79
+ const newValue = target.value;
80
+ const newValueNumber = Number(newValue);
81
+ if (newValueNumber >= min && newValueNumber <= max && newValue !== '') {
82
+ this.value = newValueNumber;
83
+ this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
84
+ bubbles: true,
85
+ composed: true,
86
+ detail: {
87
+ value: this.value,
88
+ intermediate,
89
+ },
90
+ }));
91
+ }
92
+ else {
93
+ this.invalid = newValue === '';
94
+ this.warn =
95
+ (newValueNumber < min || newValueNumber > max) && newValue !== '';
96
+ const intermediate = this.value;
97
+ if (newValue !== '') {
98
+ this.value = newValueNumber < min ? min : max;
99
+ }
100
+ else {
101
+ this.value = '';
102
+ }
103
+ this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
104
+ bubbles: true,
105
+ composed: true,
106
+ detail: {
107
+ value: this.value,
108
+ intermediate,
109
+ },
110
+ }));
111
+ }
79
112
  }
80
113
  /**
81
114
  * Handles `input` event to fire a normalized custom event.
82
115
  */
83
116
  _handleInput({ target }) {
84
- this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
85
- bubbles: true,
86
- composed: true,
87
- detail: {
88
- value: Number(target.value),
89
- intermediate: true,
90
- },
91
- }));
117
+ const newValue = target.value;
118
+ if (newValue) {
119
+ this.value = Number(newValue);
120
+ this.invalid = false;
121
+ if (this.value >= Number(this.min) && this.value <= Number(this.max)) {
122
+ this.warn = false;
123
+ this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
124
+ bubbles: true,
125
+ composed: true,
126
+ detail: {
127
+ value: this.value,
128
+ intermediate: true,
129
+ },
130
+ }));
131
+ }
132
+ }
92
133
  }
93
134
  /**
94
135
  * The maximum value.
@@ -124,7 +165,7 @@ let CDSSliderInput = class CDSSliderInput extends FocusMixin(LitElement) {
124
165
  this.requestUpdate('step', oldStep);
125
166
  }
126
167
  render() {
127
- const { disabled, max, min, readonly, step, type, value, invalid, warn, _handleChange: handleChange, _handleInput: handleInput, } = this;
168
+ const { disabled, hideTextInput, max, min, readonly, step, type, value, invalid, warn, _handleChange: handleChange, _handleInput: handleInput, } = this;
128
169
  const classes = classMap({
129
170
  [`${prefix}--text-input`]: true,
130
171
  [`${prefix}--slider-text-input`]: true,
@@ -138,20 +179,24 @@ let CDSSliderInput = class CDSSliderInput extends FocusMixin(LitElement) {
138
179
  class: `${prefix}--slider__invalid-icon ${prefix}--slider__invalid-icon--warning`,
139
180
  });
140
181
  return html `
141
- <input
142
- ?disabled="${disabled}"
143
- ?data-invalid="${invalid}"
144
- type="${ifDefined(type)}"
145
- class="${classes}"
146
- max="${max}"
147
- min="${min}"
148
- ?readonly="${ifDefined(readonly)}"
149
- step="${step}"
150
- .value="${value}"
151
- @change="${handleChange}"
152
- @input="${handleInput}" />
153
- ${invalid ? html `${invalidIcon}` : null}
154
- ${warn ? html `${warnIcon}` : null}
182
+ ${!hideTextInput
183
+ ? html `
184
+ <input
185
+ ?disabled="${disabled}"
186
+ ?data-invalid="${invalid}"
187
+ type="${ifDefined(type)}"
188
+ class="${classes}"
189
+ max="${max}"
190
+ min="${min}"
191
+ ?readonly="${ifDefined(readonly)}"
192
+ step="${step}"
193
+ .value="${value}"
194
+ @change="${handleChange}"
195
+ @input="${handleInput}" />
196
+ ${invalid ? html `${invalidIcon}` : null}
197
+ ${warn ? html `${warnIcon}` : null}
198
+ `
199
+ : null}
155
200
  `;
156
201
  }
157
202
  /**
@@ -178,6 +223,9 @@ __decorate([
178
223
  __decorate([
179
224
  property({ type: Boolean, reflect: true })
180
225
  ], CDSSliderInput.prototype, "warn", void 0);
226
+ __decorate([
227
+ property({ type: Boolean })
228
+ ], CDSSliderInput.prototype, "hideTextInput", void 0);
181
229
  __decorate([
182
230
  property({ type: Number, reflect: true })
183
231
  ], CDSSliderInput.prototype, "max", null);
package/es-custom/components/slider/slider-input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"slider-input.js","sources":["../../../src/components/slider/slider-input.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
1
+ {"version":3,"file":"slider-input.js","sources":["../../../src/components/slider/slider-input.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
package/es-custom/components/slider/slider-skeleton.d.ts CHANGED
@@ -9,6 +9,10 @@ import { LitElement } from 'lit';
9
9
  * Skeleton of slider.
10
10
  */
11
11
  declare class CDSSliderSkeleton extends LitElement {
12
+ /**
13
+ * `Turn the slider into a range slider.
14
+ */
15
+ twoHandles: boolean;
12
16
  render(): import("lit-html").TemplateResult<1>;
13
17
  static styles: any;
14
18
  }
package/es-custom/components/slider/slider-skeleton.js CHANGED
@@ -7,6 +7,8 @@
7
7
 
8
8
  import { __decorate } from 'tslib';
9
9
  import { LitElement, html } from 'lit';
10
+ import { classMap } from 'lit/directives/class-map.js';
11
+ import { property } from 'lit/decorators.js';
10
12
  import { prefix } from '../../globals/settings.js';
11
13
  import styles from './slider.scss.js';
12
14
  import { carbonElement } from '../../globals/decorators/carbon-element.js';
@@ -21,15 +23,73 @@ import { carbonElement } from '../../globals/decorators/carbon-element.js';
21
23
  * Skeleton of slider.
22
24
  */
23
25
  let CDSSliderSkeleton = class CDSSliderSkeleton extends LitElement {
26
+ constructor() {
27
+ super(...arguments);
28
+ /**
29
+ * `Turn the slider into a range slider.
30
+ */
31
+ this.twoHandles = false;
32
+ }
24
33
  render() {
34
+ const { twoHandles } = this;
35
+ const containerClasses = classMap({
36
+ [`${prefix}--slider-container`]: true,
37
+ [`${prefix}--skeleton`]: true,
38
+ [`${prefix}--slider-container--two-handles`]: twoHandles,
39
+ });
40
+ const lowerThumbClasses = classMap({
41
+ [`${prefix}--slider__thumb`]: true,
42
+ [`${prefix}--slider__thumb--lower`]: twoHandles,
43
+ });
44
+ const upperThumbClasses = classMap({
45
+ [`${prefix}--slider__thumb`]: true,
46
+ [`${prefix}--slider__thumb--upper`]: twoHandles,
47
+ });
48
+ const lowerThumbWrapperClasses = classMap({
49
+ [`${prefix}--slider__thumb-wrapper`]: true,
50
+ [`${prefix}--slider__thumb-wrapper--lower`]: twoHandles,
51
+ });
52
+ const upperThumbWrapperClasses = classMap({
53
+ [`${prefix}--slider__thumb-wrapper`]: true,
54
+ [`${prefix}--slider__thumb-wrapper--upper`]: twoHandles,
55
+ });
25
56
  return html `
26
57
  <span class="${prefix}--label ${prefix}--skeleton"></span>
27
- <div class="${prefix}--slider-container ${prefix}--skeleton">
58
+ <div class="${containerClasses}">
28
59
  <span class="${prefix}--slider__range-label"></span>
29
60
  <div class="${prefix}--slider">
30
61
  <div class="${prefix}--slider__track"></div>
31
62
  <div class="${prefix}--slider__filled-track"></div>
32
- <div class="${prefix}--slider__thumb"></div>
63
+ ${twoHandles
64
+ ? html `
65
+ <div class="${lowerThumbWrapperClasses}">
66
+ <div class="${lowerThumbClasses}">
67
+ <svg
68
+ xmlns="http://www.w3.org/2000/svg"
69
+ viewBox="0 0 16 24"
70
+ class="${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower">
71
+ <path
72
+ d="M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"></path>
73
+ <path fill="none" d="M-4 0h24v24H-4z"></path>
74
+ </svg>
75
+ </div>
76
+ </div>
77
+ `
78
+ : html ` <div class="${lowerThumbClasses}"></div> `}
79
+ ${twoHandles
80
+ ? html ` <div class="${upperThumbWrapperClasses}">
81
+ <div class="${upperThumbClasses}">
82
+ <svg
83
+ xmlns="http://www.w3.org/2000/svg"
84
+ viewBox="0 0 16 24"
85
+ class="${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper">
86
+ <path
87
+ d="M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"></path>
88
+ <path fill="none" d="M-4 0h24v24H-4z"></path>
89
+ </svg>
90
+ </div>
91
+ </div>`
92
+ : undefined}
33
93
  </div>
34
94
  <span class="${prefix}--slider__range-label"></span>
35
95
  </div>
@@ -37,6 +97,9 @@ let CDSSliderSkeleton = class CDSSliderSkeleton extends LitElement {
37
97
  }
38
98
  };
39
99
  CDSSliderSkeleton.styles = styles;
100
+ __decorate([
101
+ property({ type: Boolean, reflect: true })
102
+ ], CDSSliderSkeleton.prototype, "twoHandles", void 0);
40
103
  CDSSliderSkeleton = __decorate([
41
104
  carbonElement(`${prefix}-slider-skeleton`)
42
105
  ], CDSSliderSkeleton);
package/es-custom/components/slider/slider-skeleton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"slider-skeleton.js","sources":["../../../src/components/slider/slider-skeleton.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;AAAA;;;;;AAKG;AAOH;;AAEG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;IACxC,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA,CAAA;AACM,mBAAA,EAAA,MAAM,WAAW,MAAM,CAAA;AACxB,kBAAA,EAAA,MAAM,sBAAsB,MAAM,CAAA;uBAC/B,MAAM,CAAA;sBACP,MAAM,CAAA;wBACJ,MAAM,CAAA;wBACN,MAAM,CAAA;wBACN,MAAM,CAAA;;uBAEP,MAAM,CAAA;;KAExB,CAAC;KACH;;AAEM,iBAAM,CAAA,MAAA,GAAG,MAAH,CAAU;AAhBnB,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB,CAAC;AACrC,CAAA,EAAA,iBAAiB,CAiBtB,CAAA;AAED,0BAAe,iBAAiB;;;;"}
1
+ {"version":3,"file":"slider-skeleton.js","sources":["../../../src/components/slider/slider-skeleton.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;AAEG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;AAA1C,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;KAqEpB;IAnEC,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC5B,MAAM,gBAAgB,GAAG,QAAQ,CAAC;AAChC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAoB,kBAAA,CAAA,GAAG,IAAI;AACrC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAY,UAAA,CAAA,GAAG,IAAI;AAC7B,YAAA,CAAC,CAAG,EAAA,MAAM,CAAiC,+BAAA,CAAA,GAAG,UAAU;AACzD,SAAA,CAAC,CAAC;QACH,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AACjC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAiB,eAAA,CAAA,GAAG,IAAI;AAClC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAwB,sBAAA,CAAA,GAAG,UAAU;AAChD,SAAA,CAAC,CAAC;QACH,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AACjC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAiB,eAAA,CAAA,GAAG,IAAI;AAClC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAwB,sBAAA,CAAA,GAAG,UAAU;AAChD,SAAA,CAAC,CAAC;QACH,MAAM,wBAAwB,GAAG,QAAQ,CAAC;AACxC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAyB,uBAAA,CAAA,GAAG,IAAI;AAC1C,YAAA,CAAC,CAAG,EAAA,MAAM,CAAgC,8BAAA,CAAA,GAAG,UAAU;AACxD,SAAA,CAAC,CAAC;QACH,MAAM,wBAAwB,GAAG,QAAQ,CAAC;AACxC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAyB,uBAAA,CAAA,GAAG,IAAI;AAC1C,YAAA,CAAC,CAAG,EAAA,MAAM,CAAgC,8BAAA,CAAA,GAAG,UAAU;AACxD,SAAA,CAAC,CAAC;AACH,QAAA,OAAO,IAAI,CAAA,CAAA;AACM,mBAAA,EAAA,MAAM,WAAW,MAAM,CAAA;oBACxB,gBAAgB,CAAA;uBACb,MAAM,CAAA;sBACP,MAAM,CAAA;wBACJ,MAAM,CAAA;wBACN,MAAM,CAAA;YAClB,UAAU;cACR,IAAI,CAAA,CAAA;8BACY,wBAAwB,CAAA;gCACtB,iBAAiB,CAAA;;;;AAIlB,6BAAA,EAAA,MAAM,wBAAwB,MAAM,CAAA;;;;;;;AAOpD,cAAA,CAAA;AACH,cAAE,IAAI,CAAA,CAAA,aAAA,EAAgB,iBAAiB,CAAW,SAAA,CAAA,CAAA;YAClD,UAAU;AACV,cAAE,IAAI,CAAA,CAAA,aAAA,EAAgB,wBAAwB,CAAA;8BAC5B,iBAAiB,CAAA;;;;AAIlB,2BAAA,EAAA,MAAM,wBAAwB,MAAM,CAAA;;;;;;AAM5C,oBAAA,CAAA;AACT,cAAE,SAAS,CAAA;;uBAEA,MAAM,CAAA;;KAExB,CAAC;KACH;;AAEM,iBAAM,CAAA,MAAA,GAAG,MAAH,CAAU;AApEvB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACxB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AALf,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB,CAAC;AACrC,CAAA,EAAA,iBAAiB,CA0EtB,CAAA;AAED,0BAAe,iBAAiB;;;;"}