@nldd/design-system 0.8.44 → 0.8.45

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 (366) hide show
  1. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  2. package/dist/components/actions/button/button.styles.js +170 -292
  3. package/dist/components/actions/button/button.styles.js.map +1 -1
  4. package/dist/components/actions/button-bar/button-bar.styles.d.ts.map +1 -1
  5. package/dist/components/actions/button-bar/button-bar.styles.js +33 -79
  6. package/dist/components/actions/button-bar/button-bar.styles.js.map +1 -1
  7. package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
  8. package/dist/components/actions/button-group/button-group.styles.js +24 -37
  9. package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
  10. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  11. package/dist/components/actions/icon-button/icon-button.styles.js +166 -292
  12. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  13. package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
  14. package/dist/components/actions/split-button/split-button.styles.js +32 -67
  15. package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
  16. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  17. package/dist/components/actions/toolbar/toolbar.js +1 -0
  18. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  19. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  20. package/dist/components/actions/toolbar/toolbar.styles.js +42 -95
  21. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  22. package/dist/components/components.js +1 -1
  23. package/dist/components/content/blockquote/blockquote.d.ts +1 -9
  24. package/dist/components/content/blockquote/blockquote.d.ts.map +1 -1
  25. package/dist/components/content/blockquote/blockquote.js +1 -6
  26. package/dist/components/content/blockquote/blockquote.js.map +1 -1
  27. package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
  28. package/dist/components/content/blockquote/blockquote.styles.js +11 -10
  29. package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
  30. package/dist/components/content/blockquote/blockquote.template.d.ts.map +1 -1
  31. package/dist/components/content/blockquote/blockquote.template.js +4 -7
  32. package/dist/components/content/blockquote/blockquote.template.js.map +1 -1
  33. package/dist/components/content/code/code.d.ts +4 -0
  34. package/dist/components/content/code/code.d.ts.map +1 -1
  35. package/dist/components/content/code/code.js +20 -0
  36. package/dist/components/content/code/code.js.map +1 -1
  37. package/dist/components/content/code/code.styles.d.ts.map +1 -1
  38. package/dist/components/content/code/code.styles.js +7 -23
  39. package/dist/components/content/code/code.styles.js.map +1 -1
  40. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  41. package/dist/components/content/icon/icon-aliases.js +16 -7
  42. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  43. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  44. package/dist/components/content/icon/icon-registry.js +7 -1
  45. package/dist/components/content/icon/icon-registry.js.map +1 -1
  46. package/dist/components/content/icon/icon.d.ts +26 -1
  47. package/dist/components/content/icon/icon.d.ts.map +1 -1
  48. package/dist/components/content/icon/icon.js +30 -1
  49. package/dist/components/content/icon/icon.js.map +1 -1
  50. package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
  51. package/dist/components/content/icon/icon.styles.js +65 -14
  52. package/dist/components/content/icon/icon.styles.js.map +1 -1
  53. package/dist/components/content/icon/icon.template.d.ts.map +1 -1
  54. package/dist/components/content/icon/icon.template.js +1 -5
  55. package/dist/components/content/icon/icon.template.js.map +1 -1
  56. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
  57. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +7 -13
  58. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
  59. package/dist/components/content/tag/tag.d.ts +5 -0
  60. package/dist/components/content/tag/tag.d.ts.map +1 -1
  61. package/dist/components/content/tag/tag.js +22 -0
  62. package/dist/components/content/tag/tag.js.map +1 -1
  63. package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
  64. package/dist/components/content/tag/tag.styles.js +12 -23
  65. package/dist/components/content/tag/tag.styles.js.map +1 -1
  66. package/dist/components/content/tag/tag.template.d.ts.map +1 -1
  67. package/dist/components/content/tag/tag.template.js +12 -8
  68. package/dist/components/content/tag/tag.template.js.map +1 -1
  69. package/dist/components/content/title/title.styles.d.ts.map +1 -1
  70. package/dist/components/content/title/title.styles.js +84 -97
  71. package/dist/components/content/title/title.styles.js.map +1 -1
  72. package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
  73. package/dist/components/content/tooltip/tooltip.styles.js +12 -15
  74. package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
  75. package/dist/components/forms/form-actions/form-actions.styles.d.ts.map +1 -1
  76. package/dist/components/forms/form-actions/form-actions.styles.js +16 -16
  77. package/dist/components/forms/form-actions/form-actions.styles.js.map +1 -1
  78. package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
  79. package/dist/components/forms/form-field/form-field.styles.js +39 -48
  80. package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
  81. package/dist/components/{index-1v33GjGX.js → index-iTa3Ua3y.js} +3345 -5393
  82. package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
  83. package/dist/components/inputs/checkbox/checkbox.styles.js +4 -25
  84. package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
  85. package/dist/components/inputs/checkbox-field/checkbox-field.styles.d.ts.map +1 -1
  86. package/dist/components/inputs/checkbox-field/checkbox-field.styles.js +3 -6
  87. package/dist/components/inputs/checkbox-field/checkbox-field.styles.js.map +1 -1
  88. package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -1
  89. package/dist/components/inputs/code-editor/code-editor.styles.js +15 -17
  90. package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -1
  91. package/dist/components/inputs/combo-box/combo-box.d.ts +2 -0
  92. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  93. package/dist/components/inputs/combo-box/combo-box.js +5 -0
  94. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  95. package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
  96. package/dist/components/inputs/combo-box/combo-box.styles.js +33 -61
  97. package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
  98. package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
  99. package/dist/components/inputs/combo-box/combo-box.template.js +1 -0
  100. package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
  101. package/dist/components/inputs/dropdown/dropdown.d.ts +8 -0
  102. package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
  103. package/dist/components/inputs/dropdown/dropdown.js +17 -0
  104. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  105. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  106. package/dist/components/inputs/dropdown/dropdown.styles.js +82 -97
  107. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  108. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +2 -0
  109. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
  110. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +5 -0
  111. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  112. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
  113. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +32 -59
  114. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
  115. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.d.ts.map +1 -1
  116. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +1 -0
  117. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js.map +1 -1
  118. package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
  119. package/dist/components/inputs/number-field/number-field.styles.js +27 -52
  120. package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
  121. package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
  122. package/dist/components/inputs/password-field/password-field.styles.js +42 -89
  123. package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
  124. package/dist/components/inputs/password-field/password-field.template.d.ts.map +1 -1
  125. package/dist/components/inputs/password-field/password-field.template.js +1 -0
  126. package/dist/components/inputs/password-field/password-field.template.js.map +1 -1
  127. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  128. package/dist/components/inputs/radio-button/radio-button.styles.js +5 -26
  129. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  130. package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
  131. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +3 -6
  132. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
  133. package/dist/components/inputs/search-field/search-field.d.ts +2 -0
  134. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  135. package/dist/components/inputs/search-field/search-field.js +5 -0
  136. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  137. package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
  138. package/dist/components/inputs/search-field/search-field.styles.js +38 -73
  139. package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
  140. package/dist/components/inputs/search-field/search-field.template.d.ts.map +1 -1
  141. package/dist/components/inputs/search-field/search-field.template.js +1 -0
  142. package/dist/components/inputs/search-field/search-field.template.js.map +1 -1
  143. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  144. package/dist/components/inputs/segmented-control/segmented-control.styles.js +34 -55
  145. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  146. package/dist/components/inputs/segmented-control/segmented-control.template.js +1 -1
  147. package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
  148. package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
  149. package/dist/components/inputs/stepper/stepper.styles.js +16 -30
  150. package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
  151. package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
  152. package/dist/components/inputs/switch/switch.styles.js +26 -69
  153. package/dist/components/inputs/switch/switch.styles.js.map +1 -1
  154. package/dist/components/inputs/switch-field/switch-field.styles.d.ts.map +1 -1
  155. package/dist/components/inputs/switch-field/switch-field.styles.js +3 -6
  156. package/dist/components/inputs/switch-field/switch-field.styles.js.map +1 -1
  157. package/dist/components/inputs/text-field/text-field.d.ts +2 -0
  158. package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
  159. package/dist/components/inputs/text-field/text-field.js +5 -0
  160. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  161. package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
  162. package/dist/components/inputs/text-field/text-field.styles.js +30 -67
  163. package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
  164. package/dist/components/inputs/text-field/text-field.template.d.ts.map +1 -1
  165. package/dist/components/inputs/text-field/text-field.template.js +1 -0
  166. package/dist/components/inputs/text-field/text-field.template.js.map +1 -1
  167. package/dist/components/inputs/toggle-button/toggle-button.d.ts +5 -1
  168. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  169. package/dist/components/inputs/toggle-button/toggle-button.js +16 -2
  170. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  171. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  172. package/dist/components/inputs/toggle-button/toggle-button.styles.js +51 -98
  173. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  174. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  175. package/dist/components/inputs/toggle-button/toggle-button.template.js +10 -4
  176. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  177. package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
  178. package/dist/components/inputs/token/token.styles.js +21 -47
  179. package/dist/components/inputs/token/token.styles.js.map +1 -1
  180. package/dist/components/layout/app-view/app-view.styles.d.ts.map +1 -1
  181. package/dist/components/layout/app-view/app-view.styles.js +13 -7
  182. package/dist/components/layout/app-view/app-view.styles.js.map +1 -1
  183. package/dist/components/layout/card/card.styles.d.ts.map +1 -1
  184. package/dist/components/layout/card/card.styles.js +1 -7
  185. package/dist/components/layout/card/card.styles.js.map +1 -1
  186. package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
  187. package/dist/components/layout/collection/collection.styles.js +17 -39
  188. package/dist/components/layout/collection/collection.styles.js.map +1 -1
  189. package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
  190. package/dist/components/layout/collection/collection.template.js +1 -0
  191. package/dist/components/layout/collection/collection.template.js.map +1 -1
  192. package/dist/components/layout/container/container.d.ts +41 -43
  193. package/dist/components/layout/container/container.d.ts.map +1 -1
  194. package/dist/components/layout/container/container.js +143 -132
  195. package/dist/components/layout/container/container.js.map +1 -1
  196. package/dist/components/layout/container/container.styles.d.ts.map +1 -1
  197. package/dist/components/layout/container/container.styles.js +87 -1133
  198. package/dist/components/layout/container/container.styles.js.map +1 -1
  199. package/dist/components/layout/container/container.template.d.ts.map +1 -1
  200. package/dist/components/layout/container/container.template.js +1 -5
  201. package/dist/components/layout/container/container.template.js.map +1 -1
  202. package/dist/components/layout/divider/divider.styles.d.ts.map +1 -1
  203. package/dist/components/layout/divider/divider.styles.js +3 -1
  204. package/dist/components/layout/divider/divider.styles.js.map +1 -1
  205. package/dist/components/layout/page/page.styles.d.ts.map +1 -1
  206. package/dist/components/layout/page/page.styles.js +13 -19
  207. package/dist/components/layout/page/page.styles.js.map +1 -1
  208. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.d.ts.map +1 -1
  209. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +6 -15
  210. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map +1 -1
  211. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.d.ts.map +1 -1
  212. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +12 -11
  213. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
  214. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.d.ts.map +1 -1
  215. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +12 -11
  216. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
  217. package/dist/components/layout/page-sections/simple-section/simple-section.styles.d.ts.map +1 -1
  218. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +6 -15
  219. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js.map +1 -1
  220. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts.map +1 -1
  221. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +12 -11
  222. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
  223. package/dist/components/layout/popover/popover.d.ts +2 -1
  224. package/dist/components/layout/popover/popover.d.ts.map +1 -1
  225. package/dist/components/layout/popover/popover.js +21 -4
  226. package/dist/components/layout/popover/popover.js.map +1 -1
  227. package/dist/components/layout/popover/popover.styles.d.ts.map +1 -1
  228. package/dist/components/layout/popover/popover.styles.js +7 -12
  229. package/dist/components/layout/popover/popover.styles.js.map +1 -1
  230. package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
  231. package/dist/components/layout/sheet/sheet.styles.js +27 -38
  232. package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
  233. package/dist/components/layout/spacer/spacer.styles.d.ts.map +1 -1
  234. package/dist/components/layout/spacer/spacer.styles.js +12 -4
  235. package/dist/components/layout/spacer/spacer.styles.js.map +1 -1
  236. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.d.ts.map +1 -1
  237. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +23 -20
  238. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js.map +1 -1
  239. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.d.ts.map +1 -1
  240. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +65 -78
  241. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js.map +1 -1
  242. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.d.ts.map +1 -1
  243. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +19 -12
  244. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js.map +1 -1
  245. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.d.ts.map +1 -1
  246. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +25 -45
  247. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js.map +1 -1
  248. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.d.ts.map +1 -1
  249. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +21 -7
  250. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js.map +1 -1
  251. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.d.ts.map +1 -1
  252. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +19 -12
  253. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js.map +1 -1
  254. package/dist/components/layout/window/window.styles.d.ts.map +1 -1
  255. package/dist/components/layout/window/window.styles.js +18 -26
  256. package/dist/components/layout/window/window.styles.js.map +1 -1
  257. package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +1 -1
  258. package/dist/components/lists-and-menus/cells/cell/cell.styles.js +12 -11
  259. package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +1 -1
  260. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +1 -1
  261. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +23 -26
  262. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
  263. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -1
  264. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js +15 -21
  265. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js.map +1 -1
  266. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
  267. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js +40 -92
  268. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js.map +1 -1
  269. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.d.ts.map +1 -1
  270. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js +26 -25
  271. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js.map +1 -1
  272. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  273. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +64 -125
  274. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
  275. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  276. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +71 -132
  277. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
  278. package/dist/components/lists-and-menus/list/list.styles.d.ts.map +1 -1
  279. package/dist/components/lists-and-menus/list/list.styles.js +20 -47
  280. package/dist/components/lists-and-menus/list/list.styles.js.map +1 -1
  281. package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +1 -1
  282. package/dist/components/lists-and-menus/list-item/list-item.styles.js +29 -20
  283. package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +1 -1
  284. package/dist/components/lists-and-menus/menu/menu.d.ts +28 -9
  285. package/dist/components/lists-and-menus/menu/menu.d.ts.map +1 -1
  286. package/dist/components/lists-and-menus/menu/menu.js +105 -26
  287. package/dist/components/lists-and-menus/menu/menu.js.map +1 -1
  288. package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
  289. package/dist/components/lists-and-menus/menu/menu.styles.js +88 -135
  290. package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
  291. package/dist/components/lists-and-menus/menu/menu.template.js +2 -2
  292. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  293. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +10 -6
  294. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  295. package/dist/components/navigation/link/link.styles.d.ts.map +1 -1
  296. package/dist/components/navigation/link/link.styles.js +24 -33
  297. package/dist/components/navigation/link/link.styles.js.map +1 -1
  298. package/dist/components/navigation/menu-bar/menu-bar.d.ts +8 -8
  299. package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
  300. package/dist/components/navigation/menu-bar/menu-bar.js +34 -15
  301. package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
  302. package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map +1 -1
  303. package/dist/components/navigation/menu-bar/menu-bar.styles.js +3 -2
  304. package/dist/components/navigation/menu-bar/menu-bar.styles.js.map +1 -1
  305. package/dist/components/navigation/menu-bar/menu-bar.template.d.ts.map +1 -1
  306. package/dist/components/navigation/menu-bar/menu-bar.template.js +1 -0
  307. package/dist/components/navigation/menu-bar/menu-bar.template.js.map +1 -1
  308. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +2 -1
  309. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
  310. package/dist/components/navigation/menu-bar-item/menu-bar-item.js +13 -5
  311. package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
  312. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  313. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +9 -11
  314. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  315. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  316. package/dist/components/navigation/pagination/pagination.styles.js +25 -26
  317. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  318. package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
  319. package/dist/components/navigation/skip-link/skip-link.styles.js +6 -8
  320. package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
  321. package/dist/components/navigation/tab-bar/tab-bar.d.ts +3 -10
  322. package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
  323. package/dist/components/navigation/tab-bar/tab-bar.js +3 -28
  324. package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
  325. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  326. package/dist/components/navigation/tab-bar/tab-bar.styles.js +22 -65
  327. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  328. package/dist/components/navigation/tab-bar/tab-bar.template.js +1 -1
  329. package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
  330. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +9 -1
  331. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
  332. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +56 -17
  333. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  334. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  335. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +13 -7
  336. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  337. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.d.ts.map +1 -1
  338. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js +6 -10
  339. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js.map +1 -1
  340. package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
  341. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +13 -34
  342. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
  343. package/dist/components/{prism-typescript-D2EqsCqV.js → prism-typescript-DG_p4Wyh.js} +1 -1
  344. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  345. package/dist/components/status-and-feedback/badge/badge.styles.js +21 -34
  346. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  347. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
  348. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +32 -33
  349. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
  350. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
  351. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +18 -22
  352. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
  353. package/dist/css/settings.css +33 -3
  354. package/dist/utilities/color-scheme-repaint.d.ts +44 -0
  355. package/dist/utilities/color-scheme-repaint.d.ts.map +1 -0
  356. package/dist/utilities/color-scheme-repaint.js +88 -0
  357. package/dist/utilities/color-scheme-repaint.js.map +1 -0
  358. package/package.json +11 -8
  359. package/dist/components/content/blockquote/blockquote.i18n.d.ts +0 -5
  360. package/dist/components/content/blockquote/blockquote.i18n.d.ts.map +0 -1
  361. package/dist/components/content/blockquote/blockquote.i18n.js +0 -4
  362. package/dist/components/content/blockquote/blockquote.i18n.js.map +0 -1
  363. package/dist/utilities/popover-guard.d.ts +0 -10
  364. package/dist/utilities/popover-guard.d.ts.map +0 -1
  365. package/dist/utilities/popover-guard.js +0 -10
  366. package/dist/utilities/popover-guard.js.map +0 -1
@@ -18,6 +18,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
18
18
  * @attr {boolean} valid - Marks the field as valid
19
19
  * @attr {boolean} invalid - Marks the field as invalid
20
20
  * @attr {boolean} disabled - Disabled state; also forwarded to the slotted select
21
+ * @attr {boolean} expanded - Reflects whether the native picker popup is open (driven internally)
21
22
  * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
22
23
  *
23
24
  * @slot - A native `<select>` element with `<option>` and/or `<optgroup>` children
@@ -48,6 +49,7 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
48
49
  this.valid = false;
49
50
  this.invalid = false;
50
51
  this.disabled = false;
52
+ this.expanded = false;
51
53
  /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
52
54
  this.width = '';
53
55
  this._displayValue = '';
@@ -74,11 +76,20 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
74
76
  };
75
77
  this._handleSelectBlur = () => {
76
78
  this.toggleAttribute('is-pointer-focus', false);
79
+ this.expanded = false;
77
80
  };
78
81
  /** Any key press while focused promotes to keyboard mode — drop the marker. */
79
82
  this._handleSelectKeydown = () => {
80
83
  this.toggleAttribute('is-pointer-focus', false);
81
84
  };
85
+ /**
86
+ * Native <select> dispatches a `toggle` event with `newState` of 'open' or
87
+ * 'closed' (Chrome 131+, Firefox 134+, Safari 18+). Older browsers
88
+ * silently skip this — the visual expanded state is then a no-op.
89
+ */
90
+ this._handleSelectToggle = (e) => {
91
+ this.expanded = e.newState === 'open';
92
+ };
82
93
  }
83
94
  // — Lifecycle ——————————————————————————————————————————————————————————————
84
95
  updated(changedProperties) {
@@ -108,10 +119,12 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
108
119
  this._select.removeEventListener('focus', this._handleSelectFocus);
109
120
  this._select.removeEventListener('blur', this._handleSelectBlur);
110
121
  this._select.removeEventListener('keydown', this._handleSelectKeydown);
122
+ this._select.removeEventListener('toggle', this._handleSelectToggle);
111
123
  }
112
124
  this._select = select;
113
125
  if (!select) {
114
126
  this._displayValue = '';
127
+ this.expanded = false;
115
128
  return;
116
129
  }
117
130
  if (import.meta.env?.DEV && !select.hasAttribute("aria-label") && !select.hasAttribute("aria-labelledby") && !select.labels?.length) {
@@ -121,6 +134,7 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
121
134
  select.addEventListener('focus', this._handleSelectFocus);
122
135
  select.addEventListener('blur', this._handleSelectBlur);
123
136
  select.addEventListener('keydown', this._handleSelectKeydown);
137
+ select.addEventListener('toggle', this._handleSelectToggle);
124
138
  this._syncDisabled();
125
139
  this._syncAriaInvalid();
126
140
  this._syncDisplayValue();
@@ -163,6 +177,9 @@ __decorate([
163
177
  __decorate([
164
178
  property({ type: Boolean, reflect: true })
165
179
  ], NLDDDropdown.prototype, "disabled", void 0);
180
+ __decorate([
181
+ property({ type: Boolean, reflect: true })
182
+ ], NLDDDropdown.prototype, "expanded", void 0);
166
183
  __decorate([
167
184
  property({ type: String, reflect: true })
168
185
  ], NLDDDropdown.prototype, "width", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA+L1B,CAAC"}
1
+ {"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAgL1B,CAAC"}
@@ -5,10 +5,20 @@ export const dropdownStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
- --_xs-picker-icon-size: var(--primitives-space-16);
9
- --_sm-picker-icon-size: var(--primitives-space-20);
10
- --_md-picker-icon-size: var(--primitives-space-24);
11
- --_width: auto;
8
+ --_width: 100%;
9
+ --_corner-radius: var(--semantics-controls-md-corner-radius);
10
+ --_min-size: var(--semantics-controls-md-min-size);
11
+ --_inline-padding: var(--semantics-controls-md-inline-padding);
12
+ --_text-font: var(--semantics-input-fields-md-text-font);
13
+ --_validation-icon-area-padding-right: var(--primitives-space-4);
14
+ --_validation-icon-size: var(--semantics-input-fields-md-validation-icon-size);
15
+ --_picker-icon-size: var(--primitives-space-24);
16
+ --_background-color: var(--semantics-buttons-neutral-tinted-background-color);
17
+ --_content-color: var(--semantics-buttons-neutral-tinted-content-color);
18
+ --_is-hovered-background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
19
+ --_is-hovered-content-color: var(--semantics-buttons-neutral-tinted-is-hovered-content-color);
20
+ --_is-active-background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
21
+ --_is-active-content-color: var(--semantics-buttons-neutral-tinted-is-active-content-color);
12
22
 
13
23
  display: block;
14
24
  width: var(--_width);
@@ -20,6 +30,35 @@ export const dropdownStyles = css `
20
30
  display: none;
21
31
  }
22
32
 
33
+ :host([size="sm"]) {
34
+ --_corner-radius: var(--semantics-controls-sm-corner-radius);
35
+ --_min-size: var(--semantics-controls-sm-min-size);
36
+ --_inline-padding: var(--semantics-controls-sm-inline-padding);
37
+ --_text-font: var(--semantics-input-fields-sm-text-font);
38
+ --_validation-icon-area-padding-right: var(--primitives-space-2);
39
+ --_validation-icon-size: var(--semantics-input-fields-sm-validation-icon-size);
40
+ --_picker-icon-size: var(--primitives-space-20);
41
+ }
42
+
43
+ :host([size="xs"]) {
44
+ --_corner-radius: var(--semantics-controls-xs-corner-radius);
45
+ --_min-size: var(--semantics-controls-xs-min-size);
46
+ --_inline-padding: var(--semantics-controls-xs-inline-padding);
47
+ --_text-font: var(--semantics-input-fields-xs-text-font);
48
+ --_validation-icon-area-padding-right: var(--primitives-space-0);
49
+ --_validation-icon-size: var(--semantics-input-fields-xs-validation-icon-size);
50
+ --_picker-icon-size: var(--primitives-space-16);
51
+ }
52
+
53
+ :host([expanded]) {
54
+ --_background-color: var(--semantics-buttons-neutral-tinted-is-expanded-background-color);
55
+ --_content-color: var(--semantics-buttons-neutral-tinted-is-expanded-content-color);
56
+ --_is-hovered-background-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-hovered-background-color);
57
+ --_is-hovered-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-hovered-content-color);
58
+ --_is-active-background-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-active-background-color);
59
+ --_is-active-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-active-content-color);
60
+ }
61
+
23
62
  :host([disabled]) {
24
63
  opacity: var(--primitives-opacity-disabled);
25
64
  pointer-events: none;
@@ -29,30 +68,32 @@ export const dropdownStyles = css `
29
68
  /* # Block */
30
69
 
31
70
  .dropdown {
32
- position: relative;
33
- display: flex;
34
71
  box-sizing: border-box;
35
- background-color: var(--semantics-buttons-neutral-tinted-background-color);
72
+ display: flex;
73
+ position: relative;
74
+ border-radius: var(--_corner-radius);
75
+ background-color: var(--_background-color);
36
76
  width: 100%;
77
+ min-height: var(--_min-size);
37
78
  flex-direction: row;
38
79
  align-items: center;
39
- color: var(--semantics-buttons-neutral-tinted-content-color);
80
+ color: var(--_content-color);
81
+ transition:
82
+ background-color var(--primitives-transition-duration-fast) var(--primitives-transition-easing-default),
83
+ color var(--primitives-transition-duration-fast) var(--primitives-transition-easing-default)
84
+ ;
40
85
  }
41
86
 
42
- :host([size='xs']) .dropdown {
43
- border-radius: var(--semantics-controls-xs-corner-radius);
44
- min-height: var(--semantics-controls-xs-min-size);
87
+ .dropdown:hover {
88
+ @media (hover: hover) {
89
+ background-color: var(--_is-hovered-background-color);
90
+ color: var(--_is-hovered-content-color);
91
+ }
45
92
  }
46
93
 
47
- :host([size='sm']) .dropdown {
48
- border-radius: var(--semantics-controls-sm-corner-radius);
49
- min-height: var(--semantics-controls-sm-min-size);
50
- }
51
-
52
- :host([size='md']) .dropdown,
53
- :host(:not([size])) .dropdown {
54
- border-radius: var(--semantics-controls-md-corner-radius);
55
- min-height: var(--semantics-controls-md-min-size);
94
+ .dropdown:active {
95
+ background-color: var(--_is-active-background-color);
96
+ color: var(--_is-active-content-color);
56
97
  }
57
98
 
58
99
  .dropdown:focus-within {
@@ -66,17 +107,23 @@ export const dropdownStyles = css `
66
107
  box-shadow: none;
67
108
  }
68
109
 
110
+ @media (prefers-reduced-motion: reduce) {
111
+ .dropdown {
112
+ transition: none;
113
+ }
114
+ }
115
+
69
116
 
70
- /* # Slotted select */
117
+ /* # Elements */
71
118
 
72
119
  ::slotted(select) {
120
+ box-sizing: border-box;
73
121
  position: absolute;
74
122
  inset: 0;
75
- box-sizing: border-box;
76
123
  opacity: 0;
77
124
  margin: 0;
78
- border: none;
79
125
  outline: none;
126
+ border: none;
80
127
  background: transparent;
81
128
  width: 100%;
82
129
  height: 100%;
@@ -85,56 +132,24 @@ export const dropdownStyles = css `
85
132
  appearance: none;
86
133
  }
87
134
 
88
-
89
- /* # Value */
90
-
91
135
  .dropdown__value {
92
136
  min-width: 0;
93
137
  overflow: hidden;
138
+ padding: 0 var(--_inline-padding);
94
139
  flex-grow: 1;
140
+ color: inherit;
141
+ font: var(--_text-font);
95
142
  white-space: nowrap;
96
143
  text-overflow: ellipsis;
97
- color: inherit;
98
- }
99
-
100
- :host([size='xs']) .dropdown__value {
101
- padding: 0 var(--semantics-controls-xs-inline-padding);
102
- font: var(--semantics-input-fields-xs-text-font);
103
- }
104
-
105
- :host([size='sm']) .dropdown__value {
106
- padding: 0 var(--semantics-controls-sm-inline-padding);
107
- font: var(--semantics-input-fields-sm-text-font);
108
144
  }
109
145
 
110
- :host([size='md']) .dropdown__value,
111
- :host(:not([size])) .dropdown__value {
112
- padding: 0 var(--semantics-controls-md-inline-padding);
113
- font: var(--semantics-input-fields-md-text-font);
114
- }
115
-
116
-
117
- /* # Validation icon */
118
-
119
146
  .dropdown__validation-icon-area {
120
147
  display: flex;
121
148
  height: 100%;
149
+ padding-right: var(--_validation-icon-area-padding-right);
150
+ flex-shrink: 0;
122
151
  align-items: center;
123
152
  justify-content: center;
124
- flex-shrink: 0;
125
- }
126
-
127
- :host([size='xs']) .dropdown__validation-icon-area {
128
- padding-right: var(--primitives-space-0);
129
- }
130
-
131
- :host([size='sm']) .dropdown__validation-icon-area {
132
- padding-right: var(--primitives-space-2);
133
- }
134
-
135
- :host([size='md']) .dropdown__validation-icon-area,
136
- :host(:not([size])) .dropdown__validation-icon-area {
137
- padding-right: var(--primitives-space-4);
138
153
  }
139
154
 
140
155
  :host([valid]) .dropdown__validation-icon-area {
@@ -145,50 +160,20 @@ export const dropdownStyles = css `
145
160
  color: var(--semantics-input-fields-is-invalid-icon-color);
146
161
  }
147
162
 
148
- :host([size='xs']) .dropdown__validation-icon {
149
- width: var(--semantics-input-fields-xs-validation-icon-size);
150
- height: var(--semantics-input-fields-xs-validation-icon-size);
151
- }
152
-
153
- :host([size='sm']) .dropdown__validation-icon {
154
- width: var(--semantics-input-fields-sm-validation-icon-size);
155
- height: var(--semantics-input-fields-sm-validation-icon-size);
156
- }
157
-
158
- :host([size='md']) .dropdown__validation-icon,
159
- :host(:not([size])) .dropdown__validation-icon {
160
- width: var(--semantics-input-fields-md-validation-icon-size);
161
- height: var(--semantics-input-fields-md-validation-icon-size);
163
+ .dropdown__validation-icon {
164
+ width: var(--_validation-icon-size);
165
+ height: var(--_validation-icon-size);
162
166
  }
163
167
 
164
-
165
- /* # Picker icon */
166
-
167
168
  .dropdown__picker-icon {
168
169
  display: flex;
170
+ width: var(--_picker-icon-size);
171
+ height: var(--_picker-icon-size);
172
+ padding-right: calc((var(--_min-size) - var(--_picker-icon-size)) / 2);
173
+ flex-shrink: 0;
169
174
  align-items: center;
170
175
  justify-content: center;
171
- flex-shrink: 0;
172
176
  color: inherit;
173
177
  }
174
-
175
- :host([size='xs']) .dropdown__picker-icon {
176
- width: var(--_xs-picker-icon-size);
177
- height: var(--_xs-picker-icon-size);
178
- padding-right: calc((var(--semantics-controls-xs-min-size) - var(--_xs-picker-icon-size)) / 2);
179
- }
180
-
181
- :host([size='sm']) .dropdown__picker-icon {
182
- width: var(--_sm-picker-icon-size);
183
- height: var(--_sm-picker-icon-size);
184
- padding-right: calc((var(--semantics-controls-sm-min-size) - var(--_sm-picker-icon-size)) / 2);
185
- }
186
-
187
- :host([size='md']) .dropdown__picker-icon,
188
- :host(:not([size])) .dropdown__picker-icon {
189
- width: var(--_md-picker-icon-size);
190
- height: var(--_md-picker-icon-size);
191
- padding-right: calc((var(--semantics-controls-md-min-size) - var(--_md-picker-icon-size)) / 2);
192
- }
193
178
  `;
194
179
  //# sourceMappingURL=dropdown.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+LhC,CAAC"}
1
+ {"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgLhC,CAAC"}
@@ -18,6 +18,7 @@
18
18
  * @attr {string} resize - 'none' | 'vertical' (default) | 'auto'.
19
19
  * 'auto' grows with content (native field-sizing), no manual handle.
20
20
  * @attr {string} accessible-label - Accessible label forwarded to the inner textarea. Set automatically by nldd-form-field.
21
+ * @attr {boolean} no-spellcheck - Disables browser spellchecking on the inner textarea
21
22
  * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
22
23
  *
23
24
  * @fires input - When value changes
@@ -54,6 +55,7 @@ export declare class NLDDMultiLineTextField extends LitElement {
54
55
  /** Accessible label forwarded to the inner <textarea>. Set automatically by nldd-form-field. */
55
56
  accessibleLabel: string;
56
57
  errorMessageIds: string;
58
+ noSpellcheck: boolean;
57
59
  /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
58
60
  width: string;
59
61
  private _textarea;
@@ -1 +1 @@
1
- {"version":3,"file":"multi-line-text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AAEtD,qBACa,sBAAuB,SAAQ,UAAU;IACrD,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAA4B;IAElD,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,aAAa,CAAM;IAG3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,OAAO,UAAS;IAGhB,KAAK,UAAS;IAGd,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,YAAY,SAAM;IAGlB,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAc;IAEhC,gGAAgG;IAEhG,eAAe,SAAM;IAGrB,eAAe,SAAM;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAIX,OAAO,CAAC,SAAS,CAAuB;IAE/B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoB/C,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,4BAA4B,EAAE,sBAAsB,CAAC;KACrD;CACD"}
1
+ {"version":3,"file":"multi-line-text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AAEtD,qBACa,sBAAuB,SAAQ,UAAU;IACrD,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAA4B;IAElD,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,aAAa,CAAM;IAG3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,OAAO,UAAS;IAGhB,KAAK,UAAS;IAGd,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,YAAY,SAAM;IAGlB,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAc;IAEhC,gGAAgG;IAEhG,eAAe,SAAM;IAGrB,eAAe,SAAM;IAGrB,YAAY,UAAS;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAIX,OAAO,CAAC,SAAS,CAAuB;IAE/B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoB/C,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,4BAA4B,EAAE,sBAAsB,CAAC;KACrD;CACD"}
@@ -24,6 +24,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
24
24
  * @attr {string} resize - 'none' | 'vertical' (default) | 'auto'.
25
25
  * 'auto' grows with content (native field-sizing), no manual handle.
26
26
  * @attr {string} accessible-label - Accessible label forwarded to the inner textarea. Set automatically by nldd-form-field.
27
+ * @attr {boolean} no-spellcheck - Disables browser spellchecking on the inner textarea
27
28
  * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
28
29
  *
29
30
  * @fires input - When value changes
@@ -54,6 +55,7 @@ let NLDDMultiLineTextField = class NLDDMultiLineTextField extends LitElement {
54
55
  /** Accessible label forwarded to the inner <textarea>. Set automatically by nldd-form-field. */
55
56
  this.accessibleLabel = '';
56
57
  this.errorMessageIds = '';
58
+ this.noSpellcheck = false;
57
59
  /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
58
60
  this.width = '';
59
61
  }
@@ -168,6 +170,9 @@ __decorate([
168
170
  __decorate([
169
171
  property({ type: String, attribute: 'error-message-ids' })
170
172
  ], NLDDMultiLineTextField.prototype, "errorMessageIds", void 0);
173
+ __decorate([
174
+ property({ type: Boolean, reflect: true, attribute: 'no-spellcheck' })
175
+ ], NLDDMultiLineTextField.prototype, "noSpellcheck", void 0);
171
176
  __decorate([
172
177
  property({ type: String, reflect: true })
173
178
  ], NLDDMultiLineTextField.prototype, "width", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"multi-line-text-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"multi-line-text-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"multi-line-text-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,yBA+KpC,CAAC"}
1
+ {"version":3,"file":"multi-line-text-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,yBAoJpC,CAAC"}
@@ -5,8 +5,14 @@ export const multiLineTextFieldStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
+ --_width: 100%;
8
9
  --_background-color: var(--semantics-input-fields-background-color);
9
- --_width: auto;
10
+ --_corner-radius: var(--semantics-controls-md-corner-radius);
11
+ --_inline-padding: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-thickness));
12
+ --_min-size: var(--semantics-controls-md-min-size);
13
+ --_text-font: var(--semantics-input-fields-md-text-font);
14
+ --_icon-area-size: calc(var(--_min-size) - var(--semantics-input-fields-border-thickness) * 2);
15
+ --_validation-icon-size: var(--semantics-input-fields-md-validation-icon-size);
10
16
 
11
17
  display: block;
12
18
  width: var(--_width);
@@ -14,42 +20,31 @@ export const multiLineTextFieldStyles = css `
14
20
  -webkit-tap-highlight-color: transparent;
15
21
  }
16
22
 
17
- :host([size='sm']) {
18
- --_inline-padding: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-thickness));
19
- --_icon-area-size: calc(var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2);
20
- }
21
-
22
- :host([size='md']),
23
- :host(:not([size])) {
24
- --_inline-padding: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-thickness));
25
- --_icon-area-size: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
26
- }
27
-
28
23
  :host([hidden]) {
29
24
  display: none;
30
25
  }
31
26
 
27
+ :host([size="sm"]) {
28
+ --_corner-radius: var(--semantics-controls-sm-corner-radius);
29
+ --_inline-padding: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-thickness));
30
+ --_min-size: var(--semantics-controls-sm-min-size);
31
+ --_text-font: var(--semantics-input-fields-sm-text-font);
32
+ --_validation-icon-size: var(--semantics-input-fields-sm-validation-icon-size);
33
+ }
34
+
32
35
 
33
36
  /* # Block */
34
37
 
35
38
  .multi-line-text-field {
36
- position: relative;
37
- display: block;
38
39
  box-sizing: border-box;
40
+ display: block;
41
+ position: relative;
39
42
  border: var(--semantics-input-fields-border);
43
+ border-radius: var(--_corner-radius);
40
44
  background-color: var(--_background-color);
41
45
  overflow: hidden;
42
46
  }
43
47
 
44
- :host([size='sm']) .multi-line-text-field {
45
- border-radius: var(--semantics-controls-sm-corner-radius);
46
- }
47
-
48
- :host([size='md']) .multi-line-text-field,
49
- :host(:not([size])) .multi-line-text-field {
50
- border-radius: var(--semantics-controls-md-corner-radius);
51
- }
52
-
53
48
  :host([valid]) .multi-line-text-field {
54
49
  border-color: var(--semantics-input-fields-is-valid-border-color);
55
50
  }
@@ -59,8 +54,8 @@ export const multiLineTextFieldStyles = css `
59
54
  }
60
55
 
61
56
  :host([readonly]) .multi-line-text-field {
62
- border-color: var(--semantics-input-fields-is-read-only-border-color);
63
57
  --_background-color: var(--semantics-input-fields-is-read-only-background-color);
58
+ border-color: var(--semantics-input-fields-is-read-only-border-color);
64
59
  }
65
60
 
66
61
  :host([disabled]) .multi-line-text-field {
@@ -79,47 +74,37 @@ export const multiLineTextFieldStyles = css `
79
74
  }
80
75
 
81
76
 
82
- /* # Input */
77
+ /* # Elements */
83
78
 
84
79
  .multi-line-text-field__input {
85
- display: block;
86
80
  box-sizing: border-box;
81
+ display: block;
87
82
  margin: 0;
88
- border: none;
89
83
  outline: none;
84
+ border: none;
90
85
  background: transparent;
91
86
  width: 100%;
87
+ min-height: calc(var(--_min-size) - var(--semantics-input-fields-border-thickness) * 2);
88
+ padding-block: calc((var(--_min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
92
89
  padding-inline: var(--_inline-padding);
93
90
  color: var(--semantics-content-color);
91
+ font: var(--_text-font);
94
92
  appearance: none;
95
93
  }
96
94
 
97
- :host([resize='vertical']) .multi-line-text-field__input {
95
+ :host([resize="vertical"]) .multi-line-text-field__input {
98
96
  resize: vertical;
99
97
  }
100
98
 
101
- :host([resize='none']) .multi-line-text-field__input {
99
+ :host([resize="none"]) .multi-line-text-field__input {
102
100
  resize: none;
103
101
  }
104
102
 
105
- :host([resize='auto']) .multi-line-text-field__input {
103
+ :host([resize="auto"]) .multi-line-text-field__input {
106
104
  resize: none;
107
105
  field-sizing: content;
108
106
  }
109
107
 
110
- :host([size='sm']) .multi-line-text-field__input {
111
- min-height: calc(var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2);
112
- padding-block: calc((var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
113
- font: var(--semantics-input-fields-sm-text-font);
114
- }
115
-
116
- :host([size='md']) .multi-line-text-field__input,
117
- :host(:not([size])) .multi-line-text-field__input {
118
- min-height: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
119
- padding-block: calc((var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
120
- font: var(--semantics-input-fields-md-text-font);
121
- }
122
-
123
108
  :host([valid]) .multi-line-text-field__input,
124
109
  :host([invalid]) .multi-line-text-field__input {
125
110
  padding-inline-end: var(--_icon-area-size);
@@ -138,14 +123,11 @@ export const multiLineTextFieldStyles = css `
138
123
  box-shadow: 0 0 0 999px var(--_background-color) inset;
139
124
  }
140
125
 
141
-
142
- /* # Validation icon area */
143
-
144
126
  .multi-line-text-field__validation-icon-area {
127
+ display: flex;
145
128
  position: absolute;
146
129
  top: 0;
147
130
  right: 0;
148
- display: flex;
149
131
  pointer-events: none;
150
132
  width: var(--_icon-area-size);
151
133
  height: var(--_icon-area-size);
@@ -161,18 +143,9 @@ export const multiLineTextFieldStyles = css `
161
143
  color: var(--semantics-input-fields-is-invalid-icon-color);
162
144
  }
163
145
 
164
-
165
- /* # Validation icon */
166
-
167
- :host([size='sm']) .multi-line-text-field__validation-icon {
168
- width: var(--semantics-input-fields-sm-validation-icon-size);
169
- height: var(--semantics-input-fields-sm-validation-icon-size);
170
- }
171
-
172
- :host([size='md']) .multi-line-text-field__validation-icon,
173
- :host(:not([size])) .multi-line-text-field__validation-icon {
174
- width: var(--semantics-input-fields-md-validation-icon-size);
175
- height: var(--semantics-input-fields-md-validation-icon-size);
146
+ .multi-line-text-field__validation-icon {
147
+ width: var(--_validation-icon-size);
148
+ height: var(--_validation-icon-size);
176
149
  }
177
150
  `;
178
151
  //# sourceMappingURL=multi-line-text-field.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"multi-line-text-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+K1C,CAAC"}
1
+ {"version":3,"file":"multi-line-text-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJ1C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"multi-line-text-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,8BAA8B,CAAC;AA0BtC,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,sBAAsB,GAAG,cAAc,CAqB5F"}
1
+ {"version":3,"file":"multi-line-text-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,8BAA8B,CAAC;AA0BtC,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,sBAAsB,GAAG,cAAc,CAsB5F"}
@@ -35,6 +35,7 @@ export function multiLineTextFieldTemplate(component) {
35
35
  ?readonly=${component.readonly}
36
36
  ?required=${component.required}
37
37
  autocomplete=${component.autocomplete || nothing}
38
+ spellcheck=${component.noSpellcheck ? 'false' : 'true'}
38
39
  aria-label=${component.accessibleLabel || nothing}
39
40
  aria-describedby=${component.errorMessageIds || nothing}
40
41
  aria-invalid=${component.invalid ? 'true' : nothing}
@@ -1 +1 @@
1
- {"version":3,"file":"multi-line-text-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,8BAA8B,CAAC;AAEtC,SAAS,oBAAoB,CAAC,SAAiC;IAC9D,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,SAAiC;IAC3E,OAAO,IAAI,CAAA;;;SAGH,SAAS,CAAC,OAAO,IAAI,OAAO;WAC1B,SAAS,CAAC,IAAI;aACZ,SAAS,CAAC,KAAK;kBACV,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;mBACf,SAAS,CAAC,YAAY,IAAI,OAAO;iBACnC,SAAS,CAAC,eAAe,IAAI,OAAO;uBAC9B,SAAS,CAAC,eAAe,IAAI,OAAO;mBACxC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,SAAS,CAAC,YAAY;cACrB,SAAS,CAAC,aAAa;;KAEhC,oBAAoB,CAAC,SAAS,CAAC;;EAElC,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"multi-line-text-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,8BAA8B,CAAC;AAEtC,SAAS,oBAAoB,CAAC,SAAiC;IAC9D,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,SAAiC;IAC3E,OAAO,IAAI,CAAA;;;SAGH,SAAS,CAAC,OAAO,IAAI,OAAO;WAC1B,SAAS,CAAC,IAAI;aACZ,SAAS,CAAC,KAAK;kBACV,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;mBACf,SAAS,CAAC,YAAY,IAAI,OAAO;iBACnC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;iBACzC,SAAS,CAAC,eAAe,IAAI,OAAO;uBAC9B,SAAS,CAAC,eAAe,IAAI,OAAO;mBACxC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,SAAS,CAAC,YAAY;cACrB,SAAS,CAAC,aAAa;;KAEhC,oBAAoB,CAAC,SAAS,CAAC;;EAElC,CAAC;AACH,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAwJ7B,CAAC"}
1
+ {"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA+H7B,CAAC"}