@carbon/web-components 2.53.0 → 2.54.0-rc.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 (463) hide show
  1. package/custom-elements.json +769 -106
  2. package/es/components/ai-label/ai-label.scss.js +1 -1
  3. package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
  4. package/es/components/button/button.scss.js +1 -1
  5. package/es/components/checkbox/checkbox.scss.js +1 -1
  6. package/es/components/code-snippet/code-snippet.scss.js +1 -1
  7. package/es/components/combo-box/combo-box.scss.js +1 -1
  8. package/es/components/combo-button/combo-button.scss.js +1 -1
  9. package/es/components/contained-list/contained-list.scss.js +1 -1
  10. package/es/components/content-switcher/content-switcher.scss.js +1 -1
  11. package/es/components/copy-button/copy-button.scss.js +1 -1
  12. package/es/components/data-table/data-table.scss.js +1 -1
  13. package/es/components/data-table/table-toolbar-search.d.ts +3 -3
  14. package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
  15. package/es/components/data-table/table-toolbar-search.js +2 -3
  16. package/es/components/data-table/table-toolbar-search.js.map +1 -1
  17. package/es/components/date-picker/date-picker.d.ts +4 -0
  18. package/es/components/date-picker/date-picker.d.ts.map +1 -1
  19. package/es/components/date-picker/date-picker.js +5 -1
  20. package/es/components/date-picker/date-picker.js.map +1 -1
  21. package/es/components/date-picker/date-picker.scss.js +1 -1
  22. package/es/components/date-picker/fix-events-plugin.d.ts.map +1 -1
  23. package/es/components/date-picker/fix-events-plugin.js +0 -6
  24. package/es/components/date-picker/fix-events-plugin.js.map +1 -1
  25. package/es/components/date-picker/range-plugin.d.ts +2 -8
  26. package/es/components/date-picker/range-plugin.d.ts.map +1 -1
  27. package/es/components/date-picker/range-plugin.js +3 -9
  28. package/es/components/date-picker/range-plugin.js.map +1 -1
  29. package/es/components/dialog/dialog.scss.js +1 -1
  30. package/es/components/dropdown/dropdown.scss.js +1 -1
  31. package/es/components/feature-flags/index.js +1 -1
  32. package/es/components/file-uploader/file-uploader.scss.js +1 -1
  33. package/es/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts +18 -0
  34. package/es/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts.map +1 -0
  35. package/es/components/fluid-combo-box/fluid-combo-box-skeleton.js +45 -0
  36. package/es/components/fluid-combo-box/fluid-combo-box-skeleton.js.map +1 -0
  37. package/es/components/fluid-combo-box/fluid-combo-box.d.ts +23 -0
  38. package/es/components/fluid-combo-box/fluid-combo-box.d.ts.map +1 -0
  39. package/es/components/fluid-combo-box/fluid-combo-box.js +53 -0
  40. package/es/components/fluid-combo-box/fluid-combo-box.js.map +1 -0
  41. package/es/components/fluid-combo-box/fluid-combo-box.scss.js +14 -0
  42. package/es/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -0
  43. package/es/components/fluid-combo-box/index.d.ts +9 -0
  44. package/es/components/fluid-combo-box/index.d.ts.map +1 -0
  45. package/es/components/fluid-combo-box/index.js +9 -0
  46. package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  47. package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  48. package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  49. package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  50. package/es/components/fluid-password-input/fluid-password-input.scss.js.map +1 -1
  51. package/es/components/fluid-search/fluid-search.scss.js +1 -1
  52. package/es/components/fluid-select/fluid-select.scss.js +1 -1
  53. package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  54. package/es/components/fluid-textarea/fluid-textarea.scss.js +1 -1
  55. package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  56. package/es/components/form/form-item.scss.js +1 -1
  57. package/es/components/form/form.scss.js +1 -1
  58. package/es/components/form-group/form-group.scss.js +1 -1
  59. package/es/components/grid/column-hang.scss.js +1 -1
  60. package/es/components/grid/grid.d.ts +5 -0
  61. package/es/components/grid/grid.d.ts.map +1 -1
  62. package/es/components/grid/grid.js +11 -1
  63. package/es/components/grid/grid.js.map +1 -1
  64. package/es/components/grid/grid.scss.js +1 -1
  65. package/es/components/grid/grid.scss.js.map +1 -1
  66. package/es/components/menu/menu-item.d.ts +1 -0
  67. package/es/components/menu/menu-item.d.ts.map +1 -1
  68. package/es/components/menu/menu-item.js +5 -0
  69. package/es/components/menu/menu-item.js.map +1 -1
  70. package/es/components/menu/menu-item.scss.js +1 -1
  71. package/es/components/menu/menu-item.scss.js.map +1 -1
  72. package/es/components/menu-button/menu-button.d.ts.map +1 -1
  73. package/es/components/menu-button/menu-button.js +0 -1
  74. package/es/components/menu-button/menu-button.js.map +1 -1
  75. package/es/components/menu-button/menu-button.scss.js +1 -1
  76. package/es/components/modal/modal.scss.js +1 -1
  77. package/es/components/multi-select/multi-select.d.ts +38 -4
  78. package/es/components/multi-select/multi-select.d.ts.map +1 -1
  79. package/es/components/multi-select/multi-select.js +30 -27
  80. package/es/components/multi-select/multi-select.js.map +1 -1
  81. package/es/components/multi-select/multi-select.scss.js +1 -1
  82. package/es/components/notification/actionable-notification.scss.js +1 -1
  83. package/es/components/notification/inline-notification.scss.js +1 -1
  84. package/es/components/notification/toast-notification.scss.js +1 -1
  85. package/es/components/number-input/number-input.scss.js +1 -1
  86. package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
  87. package/es/components/page-header/page-header.scss.js +1 -1
  88. package/es/components/pagination/defs.d.ts +25 -0
  89. package/es/components/pagination/defs.d.ts.map +1 -1
  90. package/es/components/pagination/defs.js +27 -1
  91. package/es/components/pagination/defs.js.map +1 -1
  92. package/es/components/pagination/pagination.d.ts +9 -1
  93. package/es/components/pagination/pagination.d.ts.map +1 -1
  94. package/es/components/pagination/pagination.js +7 -2
  95. package/es/components/pagination/pagination.js.map +1 -1
  96. package/es/components/pagination/pagination.scss.js +1 -1
  97. package/es/components/pagination/pagination.scss.js.map +1 -1
  98. package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
  99. package/es/components/password-input/defs.d.ts +5 -1
  100. package/es/components/password-input/defs.d.ts.map +1 -1
  101. package/es/components/password-input/defs.js +4 -0
  102. package/es/components/password-input/defs.js.map +1 -1
  103. package/es/components/password-input/password-input.d.ts +1 -1
  104. package/es/components/password-input/password-input.d.ts.map +1 -1
  105. package/es/components/password-input/password-input.js +14 -14
  106. package/es/components/password-input/password-input.js.map +1 -1
  107. package/es/components/password-input/password-input.scss.js +1 -1
  108. package/es/components/password-input/password-input.scss.js.map +1 -1
  109. package/es/components/popover/popover.scss.js +1 -1
  110. package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
  111. package/es/components/radio-button/radio-button.scss.js +1 -1
  112. package/es/components/search/defs.d.ts +28 -0
  113. package/es/components/search/defs.d.ts.map +1 -0
  114. package/es/components/search/defs.js +40 -0
  115. package/es/components/search/defs.js.map +1 -0
  116. package/es/components/search/search-skeleton.d.ts +4 -4
  117. package/es/components/search/search-skeleton.d.ts.map +1 -1
  118. package/es/components/search/search-skeleton.js +9 -9
  119. package/es/components/search/search-skeleton.js.map +1 -1
  120. package/es/components/search/search.d.ts +4 -3
  121. package/es/components/search/search.d.ts.map +1 -1
  122. package/es/components/search/search.js +3 -5
  123. package/es/components/search/search.js.map +1 -1
  124. package/es/components/search/search.scss.js +1 -1
  125. package/es/components/search/search.scss.js.map +1 -1
  126. package/es/components/select/select.d.ts +1 -1
  127. package/es/components/select/select.d.ts.map +1 -1
  128. package/es/components/select/select.js +1 -4
  129. package/es/components/select/select.js.map +1 -1
  130. package/es/components/select/select.scss.js +1 -1
  131. package/es/components/select/select.scss.js.map +1 -1
  132. package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
  133. package/es/components/slider/slider.d.ts.map +1 -1
  134. package/es/components/slider/slider.js +2 -2
  135. package/es/components/slider/slider.js.map +1 -1
  136. package/es/components/slider/slider.scss.js +1 -1
  137. package/es/components/slug/slug.scss.js +1 -1
  138. package/es/components/tabs/stories/tabs-wrapper.d.ts +53 -0
  139. package/es/components/tabs/stories/tabs-wrapper.d.ts.map +1 -0
  140. package/es/components/tabs/stories/tabs-wrapper.js +129 -0
  141. package/es/components/tabs/stories/tabs-wrapper.js.map +1 -0
  142. package/es/components/tabs/tab.d.ts +23 -0
  143. package/es/components/tabs/tab.d.ts.map +1 -1
  144. package/es/components/tabs/tab.js +59 -3
  145. package/es/components/tabs/tab.js.map +1 -1
  146. package/es/components/tabs/tabs.d.ts +14 -0
  147. package/es/components/tabs/tabs.d.ts.map +1 -1
  148. package/es/components/tabs/tabs.js +74 -25
  149. package/es/components/tabs/tabs.js.map +1 -1
  150. package/es/components/tabs/tabs.scss.js +1 -1
  151. package/es/components/tabs/tabs.scss.js.map +1 -1
  152. package/es/components/tag/tag.scss.js +1 -1
  153. package/es/components/text-input/defs.d.ts +5 -1
  154. package/es/components/text-input/defs.d.ts.map +1 -1
  155. package/es/components/text-input/defs.js +4 -0
  156. package/es/components/text-input/defs.js.map +1 -1
  157. package/es/components/text-input/text-input-skeleton.d.ts +5 -0
  158. package/es/components/text-input/text-input-skeleton.d.ts.map +1 -1
  159. package/es/components/text-input/text-input-skeleton.js +10 -3
  160. package/es/components/text-input/text-input-skeleton.js.map +1 -1
  161. package/es/components/text-input/text-input.d.ts +2 -2
  162. package/es/components/text-input/text-input.d.ts.map +1 -1
  163. package/es/components/text-input/text-input.js +15 -11
  164. package/es/components/text-input/text-input.js.map +1 -1
  165. package/es/components/text-input/text-input.scss.js +1 -1
  166. package/es/components/text-input/text-input.scss.js.map +1 -1
  167. package/es/components/textarea/textarea.scss.js +1 -1
  168. package/es/components/tile/tile.scss.js +1 -1
  169. package/es/components/time-picker/time-picker.scss.js +1 -1
  170. package/es/components/toggle-tip/toggletip.scss.js +1 -1
  171. package/es/components/tooltip/tooltip.scss.js +1 -1
  172. package/es/components/tooltip/tooltip.scss.js.map +1 -1
  173. package/es/components/tree-view/tree-view.scss.js +1 -1
  174. package/es/components/ui-shell/header.scss.js +1 -1
  175. package/es/index.js +1 -1
  176. package/es/node_modules/flatpickr/dist/esm/index.js +1516 -0
  177. package/es/node_modules/flatpickr/dist/esm/index.js.map +1 -0
  178. package/es/node_modules/flatpickr/dist/esm/l10n/default.js +99 -0
  179. package/es/node_modules/flatpickr/dist/esm/l10n/default.js.map +1 -0
  180. package/es/node_modules/flatpickr/dist/esm/plugins/rangePlugin.js +130 -0
  181. package/es/node_modules/flatpickr/dist/esm/plugins/rangePlugin.js.map +1 -0
  182. package/es/node_modules/flatpickr/dist/esm/types/options.js +90 -0
  183. package/es/node_modules/flatpickr/dist/esm/types/options.js.map +1 -0
  184. package/es/node_modules/flatpickr/dist/esm/utils/dates.js +118 -0
  185. package/es/node_modules/flatpickr/dist/esm/utils/dates.js.map +1 -0
  186. package/es/node_modules/flatpickr/dist/esm/utils/dom.js +52 -0
  187. package/es/node_modules/flatpickr/dist/esm/utils/dom.js.map +1 -0
  188. package/es/node_modules/flatpickr/dist/esm/utils/formatting.js +181 -0
  189. package/es/node_modules/flatpickr/dist/esm/utils/formatting.js.map +1 -0
  190. package/es/node_modules/flatpickr/dist/esm/utils/index.js +33 -0
  191. package/es/node_modules/flatpickr/dist/esm/utils/index.js.map +1 -0
  192. package/es/node_modules/flatpickr/dist/esm/utils/polyfills.js +26 -0
  193. package/es/node_modules/flatpickr/dist/esm/utils/polyfills.js.map +1 -0
  194. package/es/packages/feature-flags/es/index.js.map +1 -0
  195. package/es-custom/components/ai-label/ai-label.scss.js +1 -1
  196. package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
  197. package/es-custom/components/button/button.scss.js +1 -1
  198. package/es-custom/components/checkbox/checkbox.scss.js +1 -1
  199. package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
  200. package/es-custom/components/combo-box/combo-box.scss.js +1 -1
  201. package/es-custom/components/combo-button/combo-button.scss.js +1 -1
  202. package/es-custom/components/contained-list/contained-list.scss.js +1 -1
  203. package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
  204. package/es-custom/components/copy-button/copy-button.scss.js +1 -1
  205. package/es-custom/components/data-table/data-table.scss.js +1 -1
  206. package/es-custom/components/data-table/table-toolbar-search.d.ts +3 -3
  207. package/es-custom/components/data-table/table-toolbar-search.d.ts.map +1 -1
  208. package/es-custom/components/data-table/table-toolbar-search.js +2 -3
  209. package/es-custom/components/data-table/table-toolbar-search.js.map +1 -1
  210. package/es-custom/components/date-picker/date-picker.d.ts +4 -0
  211. package/es-custom/components/date-picker/date-picker.d.ts.map +1 -1
  212. package/es-custom/components/date-picker/date-picker.js +5 -1
  213. package/es-custom/components/date-picker/date-picker.js.map +1 -1
  214. package/es-custom/components/date-picker/date-picker.scss.js +1 -1
  215. package/es-custom/components/date-picker/fix-events-plugin.d.ts.map +1 -1
  216. package/es-custom/components/date-picker/fix-events-plugin.js +0 -6
  217. package/es-custom/components/date-picker/fix-events-plugin.js.map +1 -1
  218. package/es-custom/components/date-picker/range-plugin.d.ts +2 -8
  219. package/es-custom/components/date-picker/range-plugin.d.ts.map +1 -1
  220. package/es-custom/components/date-picker/range-plugin.js +3 -9
  221. package/es-custom/components/date-picker/range-plugin.js.map +1 -1
  222. package/es-custom/components/dialog/dialog.scss.js +1 -1
  223. package/es-custom/components/dropdown/dropdown.scss.js +1 -1
  224. package/es-custom/components/feature-flags/index.js +1 -1
  225. package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
  226. package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts +18 -0
  227. package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts.map +1 -0
  228. package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.js +45 -0
  229. package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.js.map +1 -0
  230. package/es-custom/components/fluid-combo-box/fluid-combo-box.d.ts +23 -0
  231. package/es-custom/components/fluid-combo-box/fluid-combo-box.d.ts.map +1 -0
  232. package/es-custom/components/fluid-combo-box/fluid-combo-box.js +53 -0
  233. package/es-custom/components/fluid-combo-box/fluid-combo-box.js.map +1 -0
  234. package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +14 -0
  235. package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -0
  236. package/es-custom/components/fluid-combo-box/index.d.ts +9 -0
  237. package/es-custom/components/fluid-combo-box/index.d.ts.map +1 -0
  238. package/es-custom/components/fluid-combo-box/index.js +9 -0
  239. package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  240. package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  241. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  242. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  243. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js.map +1 -1
  244. package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
  245. package/es-custom/components/fluid-select/fluid-select.scss.js +1 -1
  246. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  247. package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +1 -1
  248. package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  249. package/es-custom/components/form/form-item.scss.js +1 -1
  250. package/es-custom/components/form/form.scss.js +1 -1
  251. package/es-custom/components/form-group/form-group.scss.js +1 -1
  252. package/es-custom/components/grid/column-hang.scss.js +1 -1
  253. package/es-custom/components/grid/grid.d.ts +5 -0
  254. package/es-custom/components/grid/grid.d.ts.map +1 -1
  255. package/es-custom/components/grid/grid.js +11 -1
  256. package/es-custom/components/grid/grid.js.map +1 -1
  257. package/es-custom/components/grid/grid.scss.js +1 -1
  258. package/es-custom/components/grid/grid.scss.js.map +1 -1
  259. package/es-custom/components/menu/menu-item.d.ts +1 -0
  260. package/es-custom/components/menu/menu-item.d.ts.map +1 -1
  261. package/es-custom/components/menu/menu-item.js +5 -0
  262. package/es-custom/components/menu/menu-item.js.map +1 -1
  263. package/es-custom/components/menu/menu-item.scss.js +1 -1
  264. package/es-custom/components/menu/menu-item.scss.js.map +1 -1
  265. package/es-custom/components/menu-button/menu-button.d.ts.map +1 -1
  266. package/es-custom/components/menu-button/menu-button.js +0 -1
  267. package/es-custom/components/menu-button/menu-button.js.map +1 -1
  268. package/es-custom/components/menu-button/menu-button.scss.js +1 -1
  269. package/es-custom/components/modal/modal.scss.js +1 -1
  270. package/es-custom/components/multi-select/multi-select.d.ts +38 -4
  271. package/es-custom/components/multi-select/multi-select.d.ts.map +1 -1
  272. package/es-custom/components/multi-select/multi-select.js +30 -27
  273. package/es-custom/components/multi-select/multi-select.js.map +1 -1
  274. package/es-custom/components/multi-select/multi-select.scss.js +1 -1
  275. package/es-custom/components/notification/actionable-notification.scss.js +1 -1
  276. package/es-custom/components/notification/inline-notification.scss.js +1 -1
  277. package/es-custom/components/notification/toast-notification.scss.js +1 -1
  278. package/es-custom/components/number-input/number-input.scss.js +1 -1
  279. package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
  280. package/es-custom/components/page-header/page-header.scss.js +1 -1
  281. package/es-custom/components/pagination/defs.d.ts +25 -0
  282. package/es-custom/components/pagination/defs.d.ts.map +1 -1
  283. package/es-custom/components/pagination/defs.js +27 -1
  284. package/es-custom/components/pagination/defs.js.map +1 -1
  285. package/es-custom/components/pagination/pagination.d.ts +9 -1
  286. package/es-custom/components/pagination/pagination.d.ts.map +1 -1
  287. package/es-custom/components/pagination/pagination.js +7 -2
  288. package/es-custom/components/pagination/pagination.js.map +1 -1
  289. package/es-custom/components/pagination/pagination.scss.js +1 -1
  290. package/es-custom/components/pagination/pagination.scss.js.map +1 -1
  291. package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
  292. package/es-custom/components/password-input/defs.d.ts +5 -1
  293. package/es-custom/components/password-input/defs.d.ts.map +1 -1
  294. package/es-custom/components/password-input/defs.js +4 -0
  295. package/es-custom/components/password-input/defs.js.map +1 -1
  296. package/es-custom/components/password-input/password-input.d.ts +1 -1
  297. package/es-custom/components/password-input/password-input.d.ts.map +1 -1
  298. package/es-custom/components/password-input/password-input.js +14 -14
  299. package/es-custom/components/password-input/password-input.js.map +1 -1
  300. package/es-custom/components/password-input/password-input.scss.js +1 -1
  301. package/es-custom/components/password-input/password-input.scss.js.map +1 -1
  302. package/es-custom/components/popover/popover.scss.js +1 -1
  303. package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
  304. package/es-custom/components/radio-button/radio-button.scss.js +1 -1
  305. package/es-custom/components/search/defs.d.ts +28 -0
  306. package/es-custom/components/search/defs.d.ts.map +1 -0
  307. package/es-custom/components/search/defs.js +40 -0
  308. package/es-custom/components/search/defs.js.map +1 -0
  309. package/es-custom/components/search/search-skeleton.d.ts +4 -4
  310. package/es-custom/components/search/search-skeleton.d.ts.map +1 -1
  311. package/es-custom/components/search/search-skeleton.js +9 -9
  312. package/es-custom/components/search/search-skeleton.js.map +1 -1
  313. package/es-custom/components/search/search.d.ts +4 -3
  314. package/es-custom/components/search/search.d.ts.map +1 -1
  315. package/es-custom/components/search/search.js +3 -5
  316. package/es-custom/components/search/search.js.map +1 -1
  317. package/es-custom/components/search/search.scss.js +1 -1
  318. package/es-custom/components/search/search.scss.js.map +1 -1
  319. package/es-custom/components/select/select.d.ts +1 -1
  320. package/es-custom/components/select/select.d.ts.map +1 -1
  321. package/es-custom/components/select/select.js +1 -4
  322. package/es-custom/components/select/select.js.map +1 -1
  323. package/es-custom/components/select/select.scss.js +1 -1
  324. package/es-custom/components/select/select.scss.js.map +1 -1
  325. package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
  326. package/es-custom/components/slider/slider.d.ts.map +1 -1
  327. package/es-custom/components/slider/slider.js +2 -2
  328. package/es-custom/components/slider/slider.js.map +1 -1
  329. package/es-custom/components/slider/slider.scss.js +1 -1
  330. package/es-custom/components/slug/slug.scss.js +1 -1
  331. package/es-custom/components/tabs/stories/tabs-wrapper.d.ts +53 -0
  332. package/es-custom/components/tabs/stories/tabs-wrapper.d.ts.map +1 -0
  333. package/es-custom/components/tabs/stories/tabs-wrapper.js +129 -0
  334. package/es-custom/components/tabs/stories/tabs-wrapper.js.map +1 -0
  335. package/es-custom/components/tabs/tab.d.ts +23 -0
  336. package/es-custom/components/tabs/tab.d.ts.map +1 -1
  337. package/es-custom/components/tabs/tab.js +59 -3
  338. package/es-custom/components/tabs/tab.js.map +1 -1
  339. package/es-custom/components/tabs/tabs.d.ts +14 -0
  340. package/es-custom/components/tabs/tabs.d.ts.map +1 -1
  341. package/es-custom/components/tabs/tabs.js +74 -25
  342. package/es-custom/components/tabs/tabs.js.map +1 -1
  343. package/es-custom/components/tabs/tabs.scss.js +1 -1
  344. package/es-custom/components/tabs/tabs.scss.js.map +1 -1
  345. package/es-custom/components/tag/tag.scss.js +1 -1
  346. package/es-custom/components/text-input/defs.d.ts +5 -1
  347. package/es-custom/components/text-input/defs.d.ts.map +1 -1
  348. package/es-custom/components/text-input/defs.js +4 -0
  349. package/es-custom/components/text-input/defs.js.map +1 -1
  350. package/es-custom/components/text-input/text-input-skeleton.d.ts +5 -0
  351. package/es-custom/components/text-input/text-input-skeleton.d.ts.map +1 -1
  352. package/es-custom/components/text-input/text-input-skeleton.js +10 -3
  353. package/es-custom/components/text-input/text-input-skeleton.js.map +1 -1
  354. package/es-custom/components/text-input/text-input.d.ts +2 -2
  355. package/es-custom/components/text-input/text-input.d.ts.map +1 -1
  356. package/es-custom/components/text-input/text-input.js +15 -11
  357. package/es-custom/components/text-input/text-input.js.map +1 -1
  358. package/es-custom/components/text-input/text-input.scss.js +1 -1
  359. package/es-custom/components/text-input/text-input.scss.js.map +1 -1
  360. package/es-custom/components/textarea/textarea.scss.js +1 -1
  361. package/es-custom/components/tile/tile.scss.js +1 -1
  362. package/es-custom/components/time-picker/time-picker.scss.js +1 -1
  363. package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
  364. package/es-custom/components/tooltip/tooltip.scss.js +1 -1
  365. package/es-custom/components/tooltip/tooltip.scss.js.map +1 -1
  366. package/es-custom/components/tree-view/tree-view.scss.js +1 -1
  367. package/es-custom/components/ui-shell/header.scss.js +1 -1
  368. package/es-custom/index.js +1 -1
  369. package/es-custom/node_modules/flatpickr/dist/esm/index.js +1516 -0
  370. package/es-custom/node_modules/flatpickr/dist/esm/index.js.map +1 -0
  371. package/es-custom/node_modules/flatpickr/dist/esm/l10n/default.js +99 -0
  372. package/es-custom/node_modules/flatpickr/dist/esm/l10n/default.js.map +1 -0
  373. package/es-custom/node_modules/flatpickr/dist/esm/plugins/rangePlugin.js +130 -0
  374. package/es-custom/node_modules/flatpickr/dist/esm/plugins/rangePlugin.js.map +1 -0
  375. package/es-custom/node_modules/flatpickr/dist/esm/types/options.js +90 -0
  376. package/es-custom/node_modules/flatpickr/dist/esm/types/options.js.map +1 -0
  377. package/es-custom/node_modules/flatpickr/dist/esm/utils/dates.js +118 -0
  378. package/es-custom/node_modules/flatpickr/dist/esm/utils/dates.js.map +1 -0
  379. package/es-custom/node_modules/flatpickr/dist/esm/utils/dom.js +52 -0
  380. package/es-custom/node_modules/flatpickr/dist/esm/utils/dom.js.map +1 -0
  381. package/es-custom/node_modules/flatpickr/dist/esm/utils/formatting.js +181 -0
  382. package/es-custom/node_modules/flatpickr/dist/esm/utils/formatting.js.map +1 -0
  383. package/es-custom/node_modules/flatpickr/dist/esm/utils/index.js +33 -0
  384. package/es-custom/node_modules/flatpickr/dist/esm/utils/index.js.map +1 -0
  385. package/es-custom/node_modules/flatpickr/dist/esm/utils/polyfills.js +26 -0
  386. package/es-custom/node_modules/flatpickr/dist/esm/utils/polyfills.js.map +1 -0
  387. package/es-custom/packages/feature-flags/es/index.js.map +1 -0
  388. package/lib/components/data-table/table-toolbar-search.d.ts +3 -3
  389. package/lib/components/data-table/table-toolbar-search.d.ts.map +1 -1
  390. package/lib/components/date-picker/date-picker.d.ts +4 -0
  391. package/lib/components/date-picker/date-picker.d.ts.map +1 -1
  392. package/lib/components/date-picker/fix-events-plugin.d.ts.map +1 -1
  393. package/lib/components/date-picker/range-plugin.d.ts +2 -8
  394. package/lib/components/date-picker/range-plugin.d.ts.map +1 -1
  395. package/lib/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts +18 -0
  396. package/lib/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts.map +1 -0
  397. package/lib/components/fluid-combo-box/fluid-combo-box.d.ts +23 -0
  398. package/lib/components/fluid-combo-box/fluid-combo-box.d.ts.map +1 -0
  399. package/lib/components/fluid-combo-box/index.d.ts +9 -0
  400. package/lib/components/fluid-combo-box/index.d.ts.map +1 -0
  401. package/lib/components/grid/grid.d.ts +5 -0
  402. package/lib/components/grid/grid.d.ts.map +1 -1
  403. package/lib/components/menu/menu-item.d.ts +1 -0
  404. package/lib/components/menu/menu-item.d.ts.map +1 -1
  405. package/lib/components/menu-button/menu-button.d.ts.map +1 -1
  406. package/lib/components/multi-select/multi-select.d.ts +38 -4
  407. package/lib/components/multi-select/multi-select.d.ts.map +1 -1
  408. package/lib/components/pagination/defs.d.ts +25 -0
  409. package/lib/components/pagination/defs.d.ts.map +1 -1
  410. package/lib/components/pagination/defs.js +27 -0
  411. package/lib/components/pagination/defs.js.map +1 -1
  412. package/lib/components/pagination/pagination.d.ts +9 -1
  413. package/lib/components/pagination/pagination.d.ts.map +1 -1
  414. package/lib/components/password-input/defs.d.ts +5 -1
  415. package/lib/components/password-input/defs.d.ts.map +1 -1
  416. package/lib/components/password-input/defs.js +4 -0
  417. package/lib/components/password-input/defs.js.map +1 -1
  418. package/lib/components/password-input/password-input.d.ts +1 -1
  419. package/lib/components/password-input/password-input.d.ts.map +1 -1
  420. package/lib/components/search/defs.d.ts +28 -0
  421. package/lib/components/search/defs.d.ts.map +1 -0
  422. package/lib/components/search/defs.js +41 -0
  423. package/lib/components/search/defs.js.map +1 -0
  424. package/lib/components/search/search-skeleton.d.ts +4 -4
  425. package/lib/components/search/search-skeleton.d.ts.map +1 -1
  426. package/lib/components/search/search.d.ts +4 -3
  427. package/lib/components/search/search.d.ts.map +1 -1
  428. package/lib/components/select/select.d.ts +1 -1
  429. package/lib/components/select/select.d.ts.map +1 -1
  430. package/lib/components/slider/slider.d.ts.map +1 -1
  431. package/lib/components/tabs/stories/tabs-wrapper.d.ts +53 -0
  432. package/lib/components/tabs/stories/tabs-wrapper.d.ts.map +1 -0
  433. package/lib/components/tabs/tab.d.ts +23 -0
  434. package/lib/components/tabs/tab.d.ts.map +1 -1
  435. package/lib/components/tabs/tabs.d.ts +14 -0
  436. package/lib/components/tabs/tabs.d.ts.map +1 -1
  437. package/lib/components/text-input/defs.d.ts +5 -1
  438. package/lib/components/text-input/defs.d.ts.map +1 -1
  439. package/lib/components/text-input/defs.js +4 -0
  440. package/lib/components/text-input/defs.js.map +1 -1
  441. package/lib/components/text-input/text-input-skeleton.d.ts +5 -0
  442. package/lib/components/text-input/text-input-skeleton.d.ts.map +1 -1
  443. package/lib/components/text-input/text-input.d.ts +2 -2
  444. package/lib/components/text-input/text-input.d.ts.map +1 -1
  445. package/package.json +9 -6
  446. package/scss/components/data-table/_table-action.scss +9 -1
  447. package/scss/components/fluid-combo-box/fluid-combo-box.scss +252 -0
  448. package/scss/components/fluid-password-input/fluid-password-input.scss +0 -15
  449. package/scss/components/grid/grid.scss +20 -0
  450. package/scss/components/menu/menu-item.scss +5 -1
  451. package/scss/components/pagination/pagination.scss +3 -7
  452. package/scss/components/password-input/password-input.scss +1 -17
  453. package/scss/components/search/search.scss +20 -53
  454. package/scss/components/select/select.scss +4 -0
  455. package/scss/components/tabs/tabs-story.scss +19 -1
  456. package/scss/components/tabs/tabs.scss +74 -6
  457. package/scss/components/text-input/text-input.scss +7 -9
  458. package/scss/components/tooltip/tooltip.scss +13 -1
  459. package/telemetry.yml +25 -11
  460. package/es/feature-flags/es/index.js.map +0 -1
  461. package/es-custom/feature-flags/es/index.js.map +0 -1
  462. /package/es/{feature-flags → packages/feature-flags}/es/index.js +0 -0
  463. /package/es-custom/{feature-flags → packages/feature-flags}/es/index.js +0 -0
package/es-custom/components/form/form-item.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/form/form-item.scss?lit
10
- var form_item_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-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-layer-background)}@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}}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-field) inset;-webkit-text-fill-color:var(--cds-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,:host(cds-custom-form-item){align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.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{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-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{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;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{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-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-skeleton-background,#e8e8e8);border:none;box-shadow:none;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-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}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}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-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-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 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--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-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-text-disabled,hsla(0,0%,9%,.25))}"]);
10
+ var form_item_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-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-layer-background)}@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}}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-field) inset;-webkit-text-fill-color:var(--cds-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,:host(cds-custom-form-item){align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.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{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-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{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;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{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-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-skeleton-background,#e8e8e8);border:none;box-shadow:none;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-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}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}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-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-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 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--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-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-text-disabled,hsla(0,0%,9%,.25))}"]);
11
11
  //#endregion
12
12
  export { form_item_default as default };
13
13
 
package/es-custom/components/form/form.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/form/form.scss?lit
10
- var form_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-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-layer-background)}@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}}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-field) inset;-webkit-text-fill-color:var(--cds-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-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.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{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-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{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;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{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-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-skeleton-background,#e8e8e8);border:none;box-shadow:none;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-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}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}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-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-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 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--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-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-text-disabled,hsla(0,0%,9%,.25))}:host(cds-custom-form) input:-webkit-autofill,:host(cds-custom-form) input:-webkit-autofill:focus,:host(cds-custom-form) input:-webkit-autofill:hover,:host(cds-custom-form) textarea:-webkit-autofill,:host(cds-custom-form) textarea:-webkit-autofill:focus,:host(cds-custom-form) textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}:host(cds-custom-form) .cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}:host(cds-custom-form) .cds-custom--fieldset *,:host(cds-custom-form) .cds-custom--fieldset :after,:host(cds-custom-form) .cds-custom--fieldset :before{box-sizing:inherit}:host(cds-custom-form) .cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}:host(cds-custom-form) .cds-custom--label html{font-size:100%}:host(cds-custom-form) .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}:host(cds-custom-form) .cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}:host(cds-custom-form) .cds-custom--label strong{font-weight:600}:host(cds-custom-form) .cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}:host(cds-custom-form) .cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}:host(cds-custom-form) .cds-custom--label--no-margin{margin-block-end:0}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}:host(cds-custom-form) .cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton:active,:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton:focus,:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-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){:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton{background:CanvasText}:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}:host(cds-custom-form) input[type=number],:host(cds-custom-form) input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}:host(cds-custom-form) .cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),:host(cds-custom-form) .cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),:host(cds-custom-form) .cds-custom--number[data-invalid] input[type=number]:not(:focus),:host(cds-custom-form) .cds-custom--number[data-invalid] input[type=text]:not(:focus),:host(cds-custom-form) .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),:host(cds-custom-form) .cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),:host(cds-custom-form) .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),:host(cds-custom-form) input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-form) .cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),:host(cds-custom-form) .cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),:host(cds-custom-form) .cds-custom--number[data-invalid] input[type=number]:not(:focus),:host(cds-custom-form) .cds-custom--number[data-invalid] input[type=text]:not(:focus),:host(cds-custom-form) .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),:host(cds-custom-form) .cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),:host(cds-custom-form) .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),:host(cds-custom-form) input[data-invalid]:not(:focus){outline-style:dotted}}:host(cds-custom-form) .cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--list-box--warning~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--time-picker--invalid~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--time-picker--warning~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}:host(cds-custom-form) .cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,:host(cds-custom-form) .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}:host(cds-custom-form) .cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--time-picker--invalid~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}:host(cds-custom-form) .cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,:host(cds-custom-form) .cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}:host(cds-custom-form) .cds-custom--form--fluid input[data-invalid]{outline:none}:host(cds-custom-form) .cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}:host(cds-custom-form) input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}:host(cds-custom-form) .cds-custom--form-requirement html{font-size:100%}:host(cds-custom-form) .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}:host(cds-custom-form) .cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}:host(cds-custom-form) .cds-custom--form-requirement strong{font-weight:600}:host(cds-custom-form) .cds-custom--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}:host(cds-custom-form) .cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}:host(cds-custom-form) .cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}:host(cds-custom-form) .cds-custom--form__helper-text--disabled,:host(cds-custom-form) .cds-custom--label--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-custom-form) fieldset[disabled] .cds-custom--form__helper-text,:host(cds-custom-form) fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}"]);
10
+ var form_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-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-layer-background)}@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}}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-field) inset;-webkit-text-fill-color:var(--cds-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-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.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{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-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{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;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{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-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-skeleton-background,#e8e8e8);border:none;box-shadow:none;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-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}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}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-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-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 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--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-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-text-disabled,hsla(0,0%,9%,.25))}:host(cds-custom-form) input:-webkit-autofill,:host(cds-custom-form) input:-webkit-autofill:focus,:host(cds-custom-form) input:-webkit-autofill:hover,:host(cds-custom-form) textarea:-webkit-autofill,:host(cds-custom-form) textarea:-webkit-autofill:focus,:host(cds-custom-form) textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}:host(cds-custom-form) .cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}:host(cds-custom-form) .cds-custom--fieldset *,:host(cds-custom-form) .cds-custom--fieldset :after,:host(cds-custom-form) .cds-custom--fieldset :before{box-sizing:inherit}:host(cds-custom-form) .cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}:host(cds-custom-form) .cds-custom--label html{font-size:100%}:host(cds-custom-form) .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}:host(cds-custom-form) .cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}:host(cds-custom-form) .cds-custom--label strong{font-weight:600}:host(cds-custom-form) .cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}:host(cds-custom-form) .cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}:host(cds-custom-form) .cds-custom--label--no-margin{margin-block-end:0}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}:host(cds-custom-form) .cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}:host(cds-custom-form) .cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton:active,:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton:focus,:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-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){:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton{background:CanvasText}:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}:host(cds-custom-form) .cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}:host(cds-custom-form) input[type=number],:host(cds-custom-form) input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}:host(cds-custom-form) .cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),:host(cds-custom-form) .cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),:host(cds-custom-form) .cds-custom--number[data-invalid] input[type=number]:not(:focus),:host(cds-custom-form) .cds-custom--number[data-invalid] input[type=text]:not(:focus),:host(cds-custom-form) .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),:host(cds-custom-form) .cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),:host(cds-custom-form) .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),:host(cds-custom-form) input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-form) .cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),:host(cds-custom-form) .cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),:host(cds-custom-form) .cds-custom--number[data-invalid] input[type=number]:not(:focus),:host(cds-custom-form) .cds-custom--number[data-invalid] input[type=text]:not(:focus),:host(cds-custom-form) .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),:host(cds-custom-form) .cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),:host(cds-custom-form) .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),:host(cds-custom-form) input[data-invalid]:not(:focus){outline-style:dotted}}:host(cds-custom-form) .cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--list-box--warning~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--time-picker--invalid~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--time-picker--warning~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}:host(cds-custom-form) .cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,:host(cds-custom-form) .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}:host(cds-custom-form) .cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--time-picker--invalid~.cds-custom--form-requirement,:host(cds-custom-form) .cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-form) input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}:host(cds-custom-form) .cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,:host(cds-custom-form) .cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}:host(cds-custom-form) .cds-custom--form--fluid input[data-invalid]{outline:none}:host(cds-custom-form) .cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}:host(cds-custom-form) input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}:host(cds-custom-form) .cds-custom--form-requirement html{font-size:100%}:host(cds-custom-form) .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}:host(cds-custom-form) .cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}:host(cds-custom-form) .cds-custom--form-requirement strong{font-weight:600}:host(cds-custom-form) .cds-custom--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden;overflow-wrap:break-word;word-break:break-word}:host(cds-custom-form) .cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}:host(cds-custom-form) .cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}:host(cds-custom-form) .cds-custom--form__helper-text--disabled,:host(cds-custom-form) .cds-custom--label--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-custom-form) fieldset[disabled] .cds-custom--form__helper-text,:host(cds-custom-form) fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}"]);
11
11
  //#endregion
12
12
  export { form_default as default };
13
13
 
package/es-custom/components/form-group/form-group.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/form-group/form-group.scss?lit
10
- var form_group_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-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-layer-background)}@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}}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-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset,:host(cds-custom-form-group) 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,:host(cds-custom-form-group) fieldset *,:host(cds-custom-form-group) fieldset :after,:host(cds-custom-form-group) 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-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.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{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-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{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;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{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-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-skeleton-background,#e8e8e8);border:none;box-shadow:none;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-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}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}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-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-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 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--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-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-text-disabled,hsla(0,0%,9%,.25))}:host(cds-custom-form-group) fieldset{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}"]);
10
+ var form_group_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-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-layer-background)}@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}}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-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset,:host(cds-custom-form-group) 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,:host(cds-custom-form-group) fieldset *,:host(cds-custom-form-group) fieldset :after,:host(cds-custom-form-group) 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-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.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{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-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{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;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{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-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-skeleton-background,#e8e8e8);border:none;box-shadow:none;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-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}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}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-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-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 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--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-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-text-disabled,hsla(0,0%,9%,.25))}:host(cds-custom-form-group) fieldset{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}"]);
11
11
  //#endregion
12
12
  export { form_group_default as default };
13
13
 
package/es-custom/components/grid/column-hang.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/grid/column-hang.scss?lit
10
- var column_hang_default = css([":root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:root{--cds-grid-columns:16}}@media (min-width:99rem){:root{--cds-grid-margin:1.5rem}}.cds-custom--css-grid{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}.cds-custom--css-grid--full-width{max-inline-size:100%}.cds-custom--css-grid-column{--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}[dir=rtl] .cds-custom--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}.cds-custom--css-grid--narrow{--cds-grid-gutter-start:0rem}.cds-custom--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}.cds-custom--css-grid--start{margin-inline-start:0}.cds-custom--css-grid--end{margin-inline-end:0}.cds-custom--subgrid{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}[dir=rtl] .cds-custom--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}.cds-custom--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}.cds-custom--subgrid--narrow{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}.cds-custom--subgrid--condensed{--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}.cds-custom--grid-column-hang,:host(cds-custom-column-hang){margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] .cds-custom--grid-column-hang,[dir=rtl] :host(cds-custom-column-hang){margin-inline:initial var(--cds-grid-column-hang)}.cds-custom--col-span-0{display:none}.cds-custom--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--sm\\:col-span-0{display:none}.cds-custom--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--sm\\:col-span-auto{grid-column:auto}.cds-custom--sm\\:col-span-100{grid-column:1/-1}.cds-custom--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--md\\:col-span-0{display:none}.cds-custom--md\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--md\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--md\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--md\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--md\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--md\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--md\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--md\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--md\\:col-span-auto{grid-column:auto}.cds-custom--md\\:col-span-100{grid-column:1/-1}.cds-custom--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}.cds-custom--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}.cds-custom--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--lg\\:col-span-0{display:none}.cds-custom--lg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--lg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--lg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--lg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--lg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--lg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--lg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--lg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--lg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--lg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--lg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--lg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--lg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--lg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--lg\\:col-span-auto{grid-column:auto}.cds-custom--lg\\:col-span-100{grid-column:1/-1}.cds-custom--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-0{display:none}.cds-custom--xlg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--xlg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--xlg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--xlg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--xlg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--xlg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--xlg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--xlg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--xlg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--xlg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--xlg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--xlg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--xlg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--xlg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--xlg\\:col-span-auto{grid-column:auto}.cds-custom--xlg\\:col-span-100{grid-column:1/-1}.cds-custom--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){.cds-custom--max\\:col-span-0{display:none}.cds-custom--max\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--max\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--max\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--max\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--max\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--max\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--max\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--max\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--max\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--max\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--max\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--max\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--max\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--max\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--max\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--max\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--max\\:col-span-auto{grid-column:auto}.cds-custom--max\\:col-span-100{grid-column:1/-1}.cds-custom--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-span-auto{grid-column:auto}.cds-custom--col-span-100{grid-column:1/-1}.cds-custom--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){.cds-custom--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){.cds-custom--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}.cds-custom--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){.cds-custom--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){.cds-custom--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}.cds-custom--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-start-1{grid-column-start:1}.cds-custom--col-start-2{grid-column-start:2}.cds-custom--col-start-3{grid-column-start:3}.cds-custom--col-start-4{grid-column-start:4}.cds-custom--col-start-5{grid-column-start:5}.cds-custom--col-start-6{grid-column-start:6}.cds-custom--col-start-7{grid-column-start:7}.cds-custom--col-start-8{grid-column-start:8}.cds-custom--col-start-9{grid-column-start:9}.cds-custom--col-start-10{grid-column-start:10}.cds-custom--col-start-11{grid-column-start:11}.cds-custom--col-start-12{grid-column-start:12}.cds-custom--col-start-13{grid-column-start:13}.cds-custom--col-start-14{grid-column-start:14}.cds-custom--col-start-15{grid-column-start:15}.cds-custom--col-start-16{grid-column-start:16}.cds-custom--col-end-2{grid-column-end:2}.cds-custom--col-end-3{grid-column-end:3}.cds-custom--col-end-4{grid-column-end:4}.cds-custom--col-end-5{grid-column-end:5}.cds-custom--col-end-6{grid-column-end:6}.cds-custom--col-end-7{grid-column-end:7}.cds-custom--col-end-8{grid-column-end:8}.cds-custom--col-end-9{grid-column-end:9}.cds-custom--col-end-10{grid-column-end:10}.cds-custom--col-end-11{grid-column-end:11}.cds-custom--col-end-12{grid-column-end:12}.cds-custom--col-end-13{grid-column-end:13}.cds-custom--col-end-14{grid-column-end:14}.cds-custom--col-end-15{grid-column-end:15}.cds-custom--col-end-16{grid-column-end:16}.cds-custom--col-end-17{grid-column-end:17}.cds-custom--col-start-auto{grid-column-start:auto}.cds-custom--col-end-auto{grid-column-end:auto}.cds-custom--sm\\:col-start-1{grid-column-start:1}.cds-custom--sm\\:col-start-2{grid-column-start:2}.cds-custom--sm\\:col-start-3{grid-column-start:3}.cds-custom--sm\\:col-start-4{grid-column-start:4}.cds-custom--sm\\:col-start-5{grid-column-start:5}.cds-custom--sm\\:col-start-6{grid-column-start:6}.cds-custom--sm\\:col-start-7{grid-column-start:7}.cds-custom--sm\\:col-start-8{grid-column-start:8}.cds-custom--sm\\:col-start-9{grid-column-start:9}.cds-custom--sm\\:col-start-10{grid-column-start:10}.cds-custom--sm\\:col-start-11{grid-column-start:11}.cds-custom--sm\\:col-start-12{grid-column-start:12}.cds-custom--sm\\:col-start-13{grid-column-start:13}.cds-custom--sm\\:col-start-14{grid-column-start:14}.cds-custom--sm\\:col-start-15{grid-column-start:15}.cds-custom--sm\\:col-start-16{grid-column-start:16}.cds-custom--sm\\:col-end-2{grid-column-end:2}.cds-custom--sm\\:col-end-3{grid-column-end:3}.cds-custom--sm\\:col-end-4{grid-column-end:4}.cds-custom--sm\\:col-end-5{grid-column-end:5}.cds-custom--sm\\:col-end-6{grid-column-end:6}.cds-custom--sm\\:col-end-7{grid-column-end:7}.cds-custom--sm\\:col-end-8{grid-column-end:8}.cds-custom--sm\\:col-end-9{grid-column-end:9}.cds-custom--sm\\:col-end-10{grid-column-end:10}.cds-custom--sm\\:col-end-11{grid-column-end:11}.cds-custom--sm\\:col-end-12{grid-column-end:12}.cds-custom--sm\\:col-end-13{grid-column-end:13}.cds-custom--sm\\:col-end-14{grid-column-end:14}.cds-custom--sm\\:col-end-15{grid-column-end:15}.cds-custom--sm\\:col-end-16{grid-column-end:16}.cds-custom--sm\\:col-end-17{grid-column-end:17}.cds-custom--sm\\:col-start-auto{grid-column-start:auto}.cds-custom--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){.cds-custom--md\\:col-start-1{grid-column-start:1}.cds-custom--md\\:col-start-2{grid-column-start:2}.cds-custom--md\\:col-start-3{grid-column-start:3}.cds-custom--md\\:col-start-4{grid-column-start:4}.cds-custom--md\\:col-start-5{grid-column-start:5}.cds-custom--md\\:col-start-6{grid-column-start:6}.cds-custom--md\\:col-start-7{grid-column-start:7}.cds-custom--md\\:col-start-8{grid-column-start:8}.cds-custom--md\\:col-start-9{grid-column-start:9}.cds-custom--md\\:col-start-10{grid-column-start:10}.cds-custom--md\\:col-start-11{grid-column-start:11}.cds-custom--md\\:col-start-12{grid-column-start:12}.cds-custom--md\\:col-start-13{grid-column-start:13}.cds-custom--md\\:col-start-14{grid-column-start:14}.cds-custom--md\\:col-start-15{grid-column-start:15}.cds-custom--md\\:col-start-16{grid-column-start:16}.cds-custom--md\\:col-end-2{grid-column-end:2}.cds-custom--md\\:col-end-3{grid-column-end:3}.cds-custom--md\\:col-end-4{grid-column-end:4}.cds-custom--md\\:col-end-5{grid-column-end:5}.cds-custom--md\\:col-end-6{grid-column-end:6}.cds-custom--md\\:col-end-7{grid-column-end:7}.cds-custom--md\\:col-end-8{grid-column-end:8}.cds-custom--md\\:col-end-9{grid-column-end:9}.cds-custom--md\\:col-end-10{grid-column-end:10}.cds-custom--md\\:col-end-11{grid-column-end:11}.cds-custom--md\\:col-end-12{grid-column-end:12}.cds-custom--md\\:col-end-13{grid-column-end:13}.cds-custom--md\\:col-end-14{grid-column-end:14}.cds-custom--md\\:col-end-15{grid-column-end:15}.cds-custom--md\\:col-end-16{grid-column-end:16}.cds-custom--md\\:col-end-17{grid-column-end:17}.cds-custom--md\\:col-start-auto{grid-column-start:auto}.cds-custom--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){.cds-custom--lg\\:col-start-1{grid-column-start:1}.cds-custom--lg\\:col-start-2{grid-column-start:2}.cds-custom--lg\\:col-start-3{grid-column-start:3}.cds-custom--lg\\:col-start-4{grid-column-start:4}.cds-custom--lg\\:col-start-5{grid-column-start:5}.cds-custom--lg\\:col-start-6{grid-column-start:6}.cds-custom--lg\\:col-start-7{grid-column-start:7}.cds-custom--lg\\:col-start-8{grid-column-start:8}.cds-custom--lg\\:col-start-9{grid-column-start:9}.cds-custom--lg\\:col-start-10{grid-column-start:10}.cds-custom--lg\\:col-start-11{grid-column-start:11}.cds-custom--lg\\:col-start-12{grid-column-start:12}.cds-custom--lg\\:col-start-13{grid-column-start:13}.cds-custom--lg\\:col-start-14{grid-column-start:14}.cds-custom--lg\\:col-start-15{grid-column-start:15}.cds-custom--lg\\:col-start-16{grid-column-start:16}.cds-custom--lg\\:col-end-2{grid-column-end:2}.cds-custom--lg\\:col-end-3{grid-column-end:3}.cds-custom--lg\\:col-end-4{grid-column-end:4}.cds-custom--lg\\:col-end-5{grid-column-end:5}.cds-custom--lg\\:col-end-6{grid-column-end:6}.cds-custom--lg\\:col-end-7{grid-column-end:7}.cds-custom--lg\\:col-end-8{grid-column-end:8}.cds-custom--lg\\:col-end-9{grid-column-end:9}.cds-custom--lg\\:col-end-10{grid-column-end:10}.cds-custom--lg\\:col-end-11{grid-column-end:11}.cds-custom--lg\\:col-end-12{grid-column-end:12}.cds-custom--lg\\:col-end-13{grid-column-end:13}.cds-custom--lg\\:col-end-14{grid-column-end:14}.cds-custom--lg\\:col-end-15{grid-column-end:15}.cds-custom--lg\\:col-end-16{grid-column-end:16}.cds-custom--lg\\:col-end-17{grid-column-end:17}.cds-custom--lg\\:col-start-auto{grid-column-start:auto}.cds-custom--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){.cds-custom--xlg\\:col-start-1{grid-column-start:1}.cds-custom--xlg\\:col-start-2{grid-column-start:2}.cds-custom--xlg\\:col-start-3{grid-column-start:3}.cds-custom--xlg\\:col-start-4{grid-column-start:4}.cds-custom--xlg\\:col-start-5{grid-column-start:5}.cds-custom--xlg\\:col-start-6{grid-column-start:6}.cds-custom--xlg\\:col-start-7{grid-column-start:7}.cds-custom--xlg\\:col-start-8{grid-column-start:8}.cds-custom--xlg\\:col-start-9{grid-column-start:9}.cds-custom--xlg\\:col-start-10{grid-column-start:10}.cds-custom--xlg\\:col-start-11{grid-column-start:11}.cds-custom--xlg\\:col-start-12{grid-column-start:12}.cds-custom--xlg\\:col-start-13{grid-column-start:13}.cds-custom--xlg\\:col-start-14{grid-column-start:14}.cds-custom--xlg\\:col-start-15{grid-column-start:15}.cds-custom--xlg\\:col-start-16{grid-column-start:16}.cds-custom--xlg\\:col-end-2{grid-column-end:2}.cds-custom--xlg\\:col-end-3{grid-column-end:3}.cds-custom--xlg\\:col-end-4{grid-column-end:4}.cds-custom--xlg\\:col-end-5{grid-column-end:5}.cds-custom--xlg\\:col-end-6{grid-column-end:6}.cds-custom--xlg\\:col-end-7{grid-column-end:7}.cds-custom--xlg\\:col-end-8{grid-column-end:8}.cds-custom--xlg\\:col-end-9{grid-column-end:9}.cds-custom--xlg\\:col-end-10{grid-column-end:10}.cds-custom--xlg\\:col-end-11{grid-column-end:11}.cds-custom--xlg\\:col-end-12{grid-column-end:12}.cds-custom--xlg\\:col-end-13{grid-column-end:13}.cds-custom--xlg\\:col-end-14{grid-column-end:14}.cds-custom--xlg\\:col-end-15{grid-column-end:15}.cds-custom--xlg\\:col-end-16{grid-column-end:16}.cds-custom--xlg\\:col-end-17{grid-column-end:17}.cds-custom--xlg\\:col-start-auto{grid-column-start:auto}.cds-custom--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){.cds-custom--max\\:col-start-1{grid-column-start:1}.cds-custom--max\\:col-start-2{grid-column-start:2}.cds-custom--max\\:col-start-3{grid-column-start:3}.cds-custom--max\\:col-start-4{grid-column-start:4}.cds-custom--max\\:col-start-5{grid-column-start:5}.cds-custom--max\\:col-start-6{grid-column-start:6}.cds-custom--max\\:col-start-7{grid-column-start:7}.cds-custom--max\\:col-start-8{grid-column-start:8}.cds-custom--max\\:col-start-9{grid-column-start:9}.cds-custom--max\\:col-start-10{grid-column-start:10}.cds-custom--max\\:col-start-11{grid-column-start:11}.cds-custom--max\\:col-start-12{grid-column-start:12}.cds-custom--max\\:col-start-13{grid-column-start:13}.cds-custom--max\\:col-start-14{grid-column-start:14}.cds-custom--max\\:col-start-15{grid-column-start:15}.cds-custom--max\\:col-start-16{grid-column-start:16}.cds-custom--max\\:col-end-2{grid-column-end:2}.cds-custom--max\\:col-end-3{grid-column-end:3}.cds-custom--max\\:col-end-4{grid-column-end:4}.cds-custom--max\\:col-end-5{grid-column-end:5}.cds-custom--max\\:col-end-6{grid-column-end:6}.cds-custom--max\\:col-end-7{grid-column-end:7}.cds-custom--max\\:col-end-8{grid-column-end:8}.cds-custom--max\\:col-end-9{grid-column-end:9}.cds-custom--max\\:col-end-10{grid-column-end:10}.cds-custom--max\\:col-end-11{grid-column-end:11}.cds-custom--max\\:col-end-12{grid-column-end:12}.cds-custom--max\\:col-end-13{grid-column-end:13}.cds-custom--max\\:col-end-14{grid-column-end:14}.cds-custom--max\\:col-end-15{grid-column-end:15}.cds-custom--max\\:col-end-16{grid-column-end:16}.cds-custom--max\\:col-end-17{grid-column-end:17}.cds-custom--max\\:col-start-auto{grid-column-start:auto}.cds-custom--max\\:col-end-auto{grid-column-end:auto}}:host(cds-custom-column-hang){display:block}"]);
10
+ var column_hang_default = css([":root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:root{--cds-grid-columns:16}}@media (min-width:99rem){:root{--cds-grid-margin:1.5rem}}.cds-custom--css-grid{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}.cds-custom--css-grid--full-width{max-inline-size:100%}.cds-custom--css-grid-column{--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}[dir=rtl] .cds-custom--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}.cds-custom--css-grid--narrow{--cds-grid-gutter-start:0rem}.cds-custom--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}.cds-custom--css-grid--with-row-gap{row-gap:var(--cds-grid-gutter)}.cds-custom--css-grid--narrow.cds-custom--css-grid--with-row-gap{row-gap:calc(var(--cds-grid-gutter)/2)}.cds-custom--css-grid--start{margin-inline-start:0}.cds-custom--css-grid--end{margin-inline-end:0}.cds-custom--subgrid{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}[dir=rtl] .cds-custom--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}.cds-custom--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}.cds-custom--subgrid--narrow{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}.cds-custom--subgrid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}.cds-custom--subgrid--with-row-gap{row-gap:2rem}.cds-custom--subgrid--narrow.cds-custom--subgrid--with-row-gap{row-gap:1rem}.cds-custom--subgrid--condensed.cds-custom--subgrid--with-row-gap{row-gap:.0625rem}.cds-custom--grid-column-hang,:host(cds-custom-column-hang){margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] .cds-custom--grid-column-hang,[dir=rtl] :host(cds-custom-column-hang){margin-inline:initial var(--cds-grid-column-hang)}.cds-custom--col-span-0{display:none}.cds-custom--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--sm\\:col-span-0{display:none}.cds-custom--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--sm\\:col-span-auto{grid-column:auto}.cds-custom--sm\\:col-span-100{grid-column:1/-1}.cds-custom--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--md\\:col-span-0{display:none}.cds-custom--md\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--md\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--md\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--md\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--md\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--md\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--md\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--md\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--md\\:col-span-auto{grid-column:auto}.cds-custom--md\\:col-span-100{grid-column:1/-1}.cds-custom--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}.cds-custom--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}.cds-custom--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--lg\\:col-span-0{display:none}.cds-custom--lg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--lg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--lg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--lg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--lg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--lg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--lg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--lg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--lg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--lg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--lg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--lg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--lg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--lg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--lg\\:col-span-auto{grid-column:auto}.cds-custom--lg\\:col-span-100{grid-column:1/-1}.cds-custom--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-0{display:none}.cds-custom--xlg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--xlg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--xlg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--xlg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--xlg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--xlg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--xlg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--xlg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--xlg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--xlg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--xlg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--xlg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--xlg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--xlg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--xlg\\:col-span-auto{grid-column:auto}.cds-custom--xlg\\:col-span-100{grid-column:1/-1}.cds-custom--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){.cds-custom--max\\:col-span-0{display:none}.cds-custom--max\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--max\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--max\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--max\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--max\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--max\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--max\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--max\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--max\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--max\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--max\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--max\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--max\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--max\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--max\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--max\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--max\\:col-span-auto{grid-column:auto}.cds-custom--max\\:col-span-100{grid-column:1/-1}.cds-custom--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-span-auto{grid-column:auto}.cds-custom--col-span-100{grid-column:1/-1}.cds-custom--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){.cds-custom--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){.cds-custom--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}.cds-custom--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){.cds-custom--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){.cds-custom--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}.cds-custom--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-start-1{grid-column-start:1}.cds-custom--col-start-2{grid-column-start:2}.cds-custom--col-start-3{grid-column-start:3}.cds-custom--col-start-4{grid-column-start:4}.cds-custom--col-start-5{grid-column-start:5}.cds-custom--col-start-6{grid-column-start:6}.cds-custom--col-start-7{grid-column-start:7}.cds-custom--col-start-8{grid-column-start:8}.cds-custom--col-start-9{grid-column-start:9}.cds-custom--col-start-10{grid-column-start:10}.cds-custom--col-start-11{grid-column-start:11}.cds-custom--col-start-12{grid-column-start:12}.cds-custom--col-start-13{grid-column-start:13}.cds-custom--col-start-14{grid-column-start:14}.cds-custom--col-start-15{grid-column-start:15}.cds-custom--col-start-16{grid-column-start:16}.cds-custom--col-end-2{grid-column-end:2}.cds-custom--col-end-3{grid-column-end:3}.cds-custom--col-end-4{grid-column-end:4}.cds-custom--col-end-5{grid-column-end:5}.cds-custom--col-end-6{grid-column-end:6}.cds-custom--col-end-7{grid-column-end:7}.cds-custom--col-end-8{grid-column-end:8}.cds-custom--col-end-9{grid-column-end:9}.cds-custom--col-end-10{grid-column-end:10}.cds-custom--col-end-11{grid-column-end:11}.cds-custom--col-end-12{grid-column-end:12}.cds-custom--col-end-13{grid-column-end:13}.cds-custom--col-end-14{grid-column-end:14}.cds-custom--col-end-15{grid-column-end:15}.cds-custom--col-end-16{grid-column-end:16}.cds-custom--col-end-17{grid-column-end:17}.cds-custom--col-start-auto{grid-column-start:auto}.cds-custom--col-end-auto{grid-column-end:auto}.cds-custom--sm\\:col-start-1{grid-column-start:1}.cds-custom--sm\\:col-start-2{grid-column-start:2}.cds-custom--sm\\:col-start-3{grid-column-start:3}.cds-custom--sm\\:col-start-4{grid-column-start:4}.cds-custom--sm\\:col-start-5{grid-column-start:5}.cds-custom--sm\\:col-start-6{grid-column-start:6}.cds-custom--sm\\:col-start-7{grid-column-start:7}.cds-custom--sm\\:col-start-8{grid-column-start:8}.cds-custom--sm\\:col-start-9{grid-column-start:9}.cds-custom--sm\\:col-start-10{grid-column-start:10}.cds-custom--sm\\:col-start-11{grid-column-start:11}.cds-custom--sm\\:col-start-12{grid-column-start:12}.cds-custom--sm\\:col-start-13{grid-column-start:13}.cds-custom--sm\\:col-start-14{grid-column-start:14}.cds-custom--sm\\:col-start-15{grid-column-start:15}.cds-custom--sm\\:col-start-16{grid-column-start:16}.cds-custom--sm\\:col-end-2{grid-column-end:2}.cds-custom--sm\\:col-end-3{grid-column-end:3}.cds-custom--sm\\:col-end-4{grid-column-end:4}.cds-custom--sm\\:col-end-5{grid-column-end:5}.cds-custom--sm\\:col-end-6{grid-column-end:6}.cds-custom--sm\\:col-end-7{grid-column-end:7}.cds-custom--sm\\:col-end-8{grid-column-end:8}.cds-custom--sm\\:col-end-9{grid-column-end:9}.cds-custom--sm\\:col-end-10{grid-column-end:10}.cds-custom--sm\\:col-end-11{grid-column-end:11}.cds-custom--sm\\:col-end-12{grid-column-end:12}.cds-custom--sm\\:col-end-13{grid-column-end:13}.cds-custom--sm\\:col-end-14{grid-column-end:14}.cds-custom--sm\\:col-end-15{grid-column-end:15}.cds-custom--sm\\:col-end-16{grid-column-end:16}.cds-custom--sm\\:col-end-17{grid-column-end:17}.cds-custom--sm\\:col-start-auto{grid-column-start:auto}.cds-custom--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){.cds-custom--md\\:col-start-1{grid-column-start:1}.cds-custom--md\\:col-start-2{grid-column-start:2}.cds-custom--md\\:col-start-3{grid-column-start:3}.cds-custom--md\\:col-start-4{grid-column-start:4}.cds-custom--md\\:col-start-5{grid-column-start:5}.cds-custom--md\\:col-start-6{grid-column-start:6}.cds-custom--md\\:col-start-7{grid-column-start:7}.cds-custom--md\\:col-start-8{grid-column-start:8}.cds-custom--md\\:col-start-9{grid-column-start:9}.cds-custom--md\\:col-start-10{grid-column-start:10}.cds-custom--md\\:col-start-11{grid-column-start:11}.cds-custom--md\\:col-start-12{grid-column-start:12}.cds-custom--md\\:col-start-13{grid-column-start:13}.cds-custom--md\\:col-start-14{grid-column-start:14}.cds-custom--md\\:col-start-15{grid-column-start:15}.cds-custom--md\\:col-start-16{grid-column-start:16}.cds-custom--md\\:col-end-2{grid-column-end:2}.cds-custom--md\\:col-end-3{grid-column-end:3}.cds-custom--md\\:col-end-4{grid-column-end:4}.cds-custom--md\\:col-end-5{grid-column-end:5}.cds-custom--md\\:col-end-6{grid-column-end:6}.cds-custom--md\\:col-end-7{grid-column-end:7}.cds-custom--md\\:col-end-8{grid-column-end:8}.cds-custom--md\\:col-end-9{grid-column-end:9}.cds-custom--md\\:col-end-10{grid-column-end:10}.cds-custom--md\\:col-end-11{grid-column-end:11}.cds-custom--md\\:col-end-12{grid-column-end:12}.cds-custom--md\\:col-end-13{grid-column-end:13}.cds-custom--md\\:col-end-14{grid-column-end:14}.cds-custom--md\\:col-end-15{grid-column-end:15}.cds-custom--md\\:col-end-16{grid-column-end:16}.cds-custom--md\\:col-end-17{grid-column-end:17}.cds-custom--md\\:col-start-auto{grid-column-start:auto}.cds-custom--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){.cds-custom--lg\\:col-start-1{grid-column-start:1}.cds-custom--lg\\:col-start-2{grid-column-start:2}.cds-custom--lg\\:col-start-3{grid-column-start:3}.cds-custom--lg\\:col-start-4{grid-column-start:4}.cds-custom--lg\\:col-start-5{grid-column-start:5}.cds-custom--lg\\:col-start-6{grid-column-start:6}.cds-custom--lg\\:col-start-7{grid-column-start:7}.cds-custom--lg\\:col-start-8{grid-column-start:8}.cds-custom--lg\\:col-start-9{grid-column-start:9}.cds-custom--lg\\:col-start-10{grid-column-start:10}.cds-custom--lg\\:col-start-11{grid-column-start:11}.cds-custom--lg\\:col-start-12{grid-column-start:12}.cds-custom--lg\\:col-start-13{grid-column-start:13}.cds-custom--lg\\:col-start-14{grid-column-start:14}.cds-custom--lg\\:col-start-15{grid-column-start:15}.cds-custom--lg\\:col-start-16{grid-column-start:16}.cds-custom--lg\\:col-end-2{grid-column-end:2}.cds-custom--lg\\:col-end-3{grid-column-end:3}.cds-custom--lg\\:col-end-4{grid-column-end:4}.cds-custom--lg\\:col-end-5{grid-column-end:5}.cds-custom--lg\\:col-end-6{grid-column-end:6}.cds-custom--lg\\:col-end-7{grid-column-end:7}.cds-custom--lg\\:col-end-8{grid-column-end:8}.cds-custom--lg\\:col-end-9{grid-column-end:9}.cds-custom--lg\\:col-end-10{grid-column-end:10}.cds-custom--lg\\:col-end-11{grid-column-end:11}.cds-custom--lg\\:col-end-12{grid-column-end:12}.cds-custom--lg\\:col-end-13{grid-column-end:13}.cds-custom--lg\\:col-end-14{grid-column-end:14}.cds-custom--lg\\:col-end-15{grid-column-end:15}.cds-custom--lg\\:col-end-16{grid-column-end:16}.cds-custom--lg\\:col-end-17{grid-column-end:17}.cds-custom--lg\\:col-start-auto{grid-column-start:auto}.cds-custom--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){.cds-custom--xlg\\:col-start-1{grid-column-start:1}.cds-custom--xlg\\:col-start-2{grid-column-start:2}.cds-custom--xlg\\:col-start-3{grid-column-start:3}.cds-custom--xlg\\:col-start-4{grid-column-start:4}.cds-custom--xlg\\:col-start-5{grid-column-start:5}.cds-custom--xlg\\:col-start-6{grid-column-start:6}.cds-custom--xlg\\:col-start-7{grid-column-start:7}.cds-custom--xlg\\:col-start-8{grid-column-start:8}.cds-custom--xlg\\:col-start-9{grid-column-start:9}.cds-custom--xlg\\:col-start-10{grid-column-start:10}.cds-custom--xlg\\:col-start-11{grid-column-start:11}.cds-custom--xlg\\:col-start-12{grid-column-start:12}.cds-custom--xlg\\:col-start-13{grid-column-start:13}.cds-custom--xlg\\:col-start-14{grid-column-start:14}.cds-custom--xlg\\:col-start-15{grid-column-start:15}.cds-custom--xlg\\:col-start-16{grid-column-start:16}.cds-custom--xlg\\:col-end-2{grid-column-end:2}.cds-custom--xlg\\:col-end-3{grid-column-end:3}.cds-custom--xlg\\:col-end-4{grid-column-end:4}.cds-custom--xlg\\:col-end-5{grid-column-end:5}.cds-custom--xlg\\:col-end-6{grid-column-end:6}.cds-custom--xlg\\:col-end-7{grid-column-end:7}.cds-custom--xlg\\:col-end-8{grid-column-end:8}.cds-custom--xlg\\:col-end-9{grid-column-end:9}.cds-custom--xlg\\:col-end-10{grid-column-end:10}.cds-custom--xlg\\:col-end-11{grid-column-end:11}.cds-custom--xlg\\:col-end-12{grid-column-end:12}.cds-custom--xlg\\:col-end-13{grid-column-end:13}.cds-custom--xlg\\:col-end-14{grid-column-end:14}.cds-custom--xlg\\:col-end-15{grid-column-end:15}.cds-custom--xlg\\:col-end-16{grid-column-end:16}.cds-custom--xlg\\:col-end-17{grid-column-end:17}.cds-custom--xlg\\:col-start-auto{grid-column-start:auto}.cds-custom--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){.cds-custom--max\\:col-start-1{grid-column-start:1}.cds-custom--max\\:col-start-2{grid-column-start:2}.cds-custom--max\\:col-start-3{grid-column-start:3}.cds-custom--max\\:col-start-4{grid-column-start:4}.cds-custom--max\\:col-start-5{grid-column-start:5}.cds-custom--max\\:col-start-6{grid-column-start:6}.cds-custom--max\\:col-start-7{grid-column-start:7}.cds-custom--max\\:col-start-8{grid-column-start:8}.cds-custom--max\\:col-start-9{grid-column-start:9}.cds-custom--max\\:col-start-10{grid-column-start:10}.cds-custom--max\\:col-start-11{grid-column-start:11}.cds-custom--max\\:col-start-12{grid-column-start:12}.cds-custom--max\\:col-start-13{grid-column-start:13}.cds-custom--max\\:col-start-14{grid-column-start:14}.cds-custom--max\\:col-start-15{grid-column-start:15}.cds-custom--max\\:col-start-16{grid-column-start:16}.cds-custom--max\\:col-end-2{grid-column-end:2}.cds-custom--max\\:col-end-3{grid-column-end:3}.cds-custom--max\\:col-end-4{grid-column-end:4}.cds-custom--max\\:col-end-5{grid-column-end:5}.cds-custom--max\\:col-end-6{grid-column-end:6}.cds-custom--max\\:col-end-7{grid-column-end:7}.cds-custom--max\\:col-end-8{grid-column-end:8}.cds-custom--max\\:col-end-9{grid-column-end:9}.cds-custom--max\\:col-end-10{grid-column-end:10}.cds-custom--max\\:col-end-11{grid-column-end:11}.cds-custom--max\\:col-end-12{grid-column-end:12}.cds-custom--max\\:col-end-13{grid-column-end:13}.cds-custom--max\\:col-end-14{grid-column-end:14}.cds-custom--max\\:col-end-15{grid-column-end:15}.cds-custom--max\\:col-end-16{grid-column-end:16}.cds-custom--max\\:col-end-17{grid-column-end:17}.cds-custom--max\\:col-start-auto{grid-column-start:auto}.cds-custom--max\\:col-end-auto{grid-column-end:auto}}:host(cds-custom-column-hang){display:block}"]);
11
11
  //#endregion
12
12
  export { column_hang_default as default };
13
13
 
package/es-custom/components/grid/grid.d.ts CHANGED
@@ -31,6 +31,11 @@ export { GRID_ALIGNMENT } from './defs';
31
31
  * Remove the default max width that the grid has set
32
32
  */
33
33
  fullWidth: boolean;
34
+ /**
35
+ * Add a row gap to the grid that matches the current gutter size.
36
+ * This is useful when you want consistent vertical spacing between rows.
37
+ */
38
+ withRowGap: boolean;
34
39
  gridContextIn?: GridContext;
35
40
  gridContext: GridContext;
36
41
  render(): import("lit-html").TemplateResult<1>;
package/es-custom/components/grid/grid.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAe,MAAM,gBAAgB,CAAC;AAK1D,OAAO,EAAE,iBAAiB,EAAiB,MAAM,QAAQ,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC;;;;GAIG,CAAC,cACE,OAAQ,SAAQ,UAAU;IAC9B;;OAEG;IAEH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAE1B;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,SAAS,UAAS;IAIX,aAAa,CAAC,EAAE,WAAW,CAAC;IAI5B,WAAW,EAAE,WAAW,CAE7B;IAEF,MAAM;IAsBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAe,MAAM,gBAAgB,CAAC;AAK1D,OAAO,EAAE,iBAAiB,EAAiB,MAAM,QAAQ,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC;;;;GAIG,CAAC,cACE,OAAQ,SAAQ,UAAU;IAC9B;;OAEG;IAEH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAE1B;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,UAAU,UAAS;IAIZ,aAAa,CAAC,EAAE,WAAW,CAAC;IAI5B,WAAW,EAAE,WAAW,CAE7B;IAEF,MAAM;IA0BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,OAAO,CAAC"}
package/es-custom/components/grid/grid.js CHANGED
@@ -31,6 +31,7 @@ import { consume, provide } from "@lit/context";
31
31
  this.condensed = false;
32
32
  this.narrow = false;
33
33
  this.fullWidth = false;
34
+ this.withRowGap = false;
34
35
  this.gridContext = { subgrid: false };
35
36
  }
36
37
  render() {
@@ -39,7 +40,11 @@ import { consume, provide } from "@lit/context";
39
40
  let subMode = "wide";
40
41
  if (this.narrow) subMode = "narrow";
41
42
  else if (this.condensed) subMode = "condensed";
42
- return html`<div subgrid mode=${subMode} part="grid">
43
+ return html`<div
44
+ subgrid
45
+ mode=${subMode}
46
+ ?with-row-gap=${this.withRowGap}
47
+ part="grid">
43
48
  <slot></slot>
44
49
  </div> `;
45
50
  } else return html`<div grid part="grid">
@@ -67,6 +72,11 @@ __decorate([property({
67
72
  attribute: "full-width",
68
73
  type: Boolean
69
74
  })], CDSGrid.prototype, "fullWidth", void 0);
75
+ __decorate([property({
76
+ reflect: true,
77
+ attribute: "with-row-gap",
78
+ type: Boolean
79
+ })], CDSGrid.prototype, "withRowGap", void 0);
70
80
  __decorate([consume({
71
81
  context: gridContext,
72
82
  subscribe: true
package/es-custom/components/grid/grid.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"grid.js","names":["styles","customElement"],"sources":["../../../src/components/grid/grid.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { consume, provide } from '@lit/context';\nimport { GridContext, gridContext } from './grid-context';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './grid.scss?lit';\nimport { GridAlignmentType, SUB_GRID_MODE } from './defs';\nexport { GRID_ALIGNMENT } from './defs';\n/**\n * The grid component.\n *\n * @element cds-custom-grid\n */ @customElement(`${prefix}-grid`)\nclass CDSGrid extends LitElement {\n /**\n * Specify grid alignment. Default is center\n */\n @property({ reflect: true, type: String })\n align?: GridAlignmentType;\n\n /**\n * Collapse the gutter to 1px. Useful for fluid layouts.\n * Rows have 1px of margin between them to match gutter.\n */\n @property({ reflect: true, type: Boolean })\n condensed = false;\n\n /**\n * Container hangs 16px into the gutter. Useful for\n * typographic alignment with and without containers.\n */\n @property({ reflect: true, type: Boolean })\n narrow = false;\n\n /**\n * Remove the default max width that the grid has set\n */\n @property({ reflect: true, attribute: 'full-width', type: Boolean })\n fullWidth = false;\n\n @consume({ context: gridContext, subscribe: true })\n @property({ attribute: false })\n public gridContextIn?: GridContext;\n\n @provide({ context: gridContext })\n @property({ attribute: false })\n public gridContext: GridContext = {\n subgrid: false,\n };\n\n render() {\n this.gridContext = { subgrid: true };\n\n if (this.gridContextIn?.subgrid) {\n let subMode = SUB_GRID_MODE.WIDE;\n if (this.narrow) {\n subMode = SUB_GRID_MODE.NARROW;\n } else if (this.condensed) {\n subMode = SUB_GRID_MODE.CONDENSED;\n }\n return html`<div subgrid mode=${subMode} part=\"grid\">\n <slot></slot>\n </div> `;\n } else {\n // Grid styling added to contained components, allowing CSS Grid\n // to affect its own slot content.\n return html`<div grid part=\"grid\">\n <slot></slot>\n </div> `;\n }\n }\n\n static styles = styles;\n}\n\nexport default CDSGrid;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GAoBI,IAAA,UAAA,MACE,gBAAgB,WAAW;;;mBAYnB;gBAOH;mBAMG;qBAQsB,EAChC,SAAS,OACV;;CAED,SAAS;AACP,OAAK,cAAc,EAAE,SAAS,MAAM;AAEpC,MAAI,KAAK,eAAe,SAAS;GAC/B,IAAI,UAAA;AACJ,OAAI,KAAK,OACP,WAAA;YACS,KAAK,UACd,WAAA;AAEF,UAAO,IAAI,qBAAqB,QAAQ;;;QAMxC,QAAO,IAAI;;;;;gBAMCA;;;YAvDf,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,QAAA,WAAA,SAAA,KAAA,EAAA;YAOzC,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;YAO1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,SAAS;CAAM,WAAW;CAAc,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;YAGnE,QAAQ;CAAE,SAAS;CAAa,WAAW;CAAM,CAAC,EAClD,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,QAAA,WAAA,iBAAA,KAAA,EAAA;YAG9B,QAAQ,EAAE,SAAS,aAAa,CAAC,EACjC,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,QAAA,WAAA,eAAA,KAAA,EAAA;sBAjC5BC,cAAc,WAAiB,CAAA,EAAA,QAAA;AA+DpC,IAAA,eAAe"}
1
+ {"version":3,"file":"grid.js","names":["styles","customElement"],"sources":["../../../src/components/grid/grid.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { consume, provide } from '@lit/context';\nimport { GridContext, gridContext } from './grid-context';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './grid.scss?lit';\nimport { GridAlignmentType, SUB_GRID_MODE } from './defs';\nexport { GRID_ALIGNMENT } from './defs';\n/**\n * The grid component.\n *\n * @element cds-custom-grid\n */ @customElement(`${prefix}-grid`)\nclass CDSGrid extends LitElement {\n /**\n * Specify grid alignment. Default is center\n */\n @property({ reflect: true, type: String })\n align?: GridAlignmentType;\n\n /**\n * Collapse the gutter to 1px. Useful for fluid layouts.\n * Rows have 1px of margin between them to match gutter.\n */\n @property({ reflect: true, type: Boolean })\n condensed = false;\n\n /**\n * Container hangs 16px into the gutter. Useful for\n * typographic alignment with and without containers.\n */\n @property({ reflect: true, type: Boolean })\n narrow = false;\n\n /**\n * Remove the default max width that the grid has set\n */\n @property({ reflect: true, attribute: 'full-width', type: Boolean })\n fullWidth = false;\n\n /**\n * Add a row gap to the grid that matches the current gutter size.\n * This is useful when you want consistent vertical spacing between rows.\n */\n @property({ reflect: true, attribute: 'with-row-gap', type: Boolean })\n withRowGap = false;\n\n @consume({ context: gridContext, subscribe: true })\n @property({ attribute: false })\n public gridContextIn?: GridContext;\n\n @provide({ context: gridContext })\n @property({ attribute: false })\n public gridContext: GridContext = {\n subgrid: false,\n };\n\n render() {\n this.gridContext = { subgrid: true };\n\n if (this.gridContextIn?.subgrid) {\n let subMode = SUB_GRID_MODE.WIDE;\n if (this.narrow) {\n subMode = SUB_GRID_MODE.NARROW;\n } else if (this.condensed) {\n subMode = SUB_GRID_MODE.CONDENSED;\n }\n return html`<div\n subgrid\n mode=${subMode}\n ?with-row-gap=${this.withRowGap}\n part=\"grid\">\n <slot></slot>\n </div> `;\n } else {\n // Grid styling added to contained components, allowing CSS Grid\n // to affect its own slot content.\n return html`<div grid part=\"grid\">\n <slot></slot>\n </div> `;\n }\n }\n\n static styles = styles;\n}\n\nexport default CDSGrid;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GAoBI,IAAA,UAAA,MACE,gBAAgB,WAAW;;;mBAYnB;gBAOH;mBAMG;oBAOC;qBAQqB,EAChC,SAAS,OACV;;CAED,SAAS;AACP,OAAK,cAAc,EAAE,SAAS,MAAM;AAEpC,MAAI,KAAK,eAAe,SAAS;GAC/B,IAAI,UAAA;AACJ,OAAI,KAAK,OACP,WAAA;YACS,KAAK,UACd,WAAA;AAEF,UAAO,IAAI;;eAEF,QAAQ;wBACC,KAAK,WAAW;;;;QAOlC,QAAO,IAAI;;;;;gBAMCA;;;YAlEf,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,QAAA,WAAA,SAAA,KAAA,EAAA;YAOzC,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;YAO1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,SAAS;CAAM,WAAW;CAAc,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;YAOnE,SAAS;CAAE,SAAS;CAAM,WAAW;CAAgB,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,cAAA,KAAA,EAAA;YAGrE,QAAQ;CAAE,SAAS;CAAa,WAAW;CAAM,CAAC,EAClD,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,QAAA,WAAA,iBAAA,KAAA,EAAA;YAG9B,QAAQ,EAAE,SAAS,aAAa,CAAC,EACjC,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,QAAA,WAAA,eAAA,KAAA,EAAA;sBAxC5BC,cAAc,WAAiB,CAAA,EAAA,QAAA;AA0EpC,IAAA,eAAe"}