@nldd/design-system 0.8.52 → 0.8.54

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 (517) hide show
  1. package/dist/assets/styles/slotted-reset.d.ts +51 -0
  2. package/dist/assets/styles/slotted-reset.d.ts.map +1 -0
  3. package/dist/assets/styles/slotted-reset.fixtures.d.ts +11 -0
  4. package/dist/assets/styles/slotted-reset.fixtures.d.ts.map +1 -0
  5. package/dist/assets/styles/slotted-reset.fixtures.js +20 -0
  6. package/dist/assets/styles/slotted-reset.fixtures.js.map +1 -0
  7. package/dist/assets/styles/slotted-reset.js +59 -0
  8. package/dist/assets/styles/slotted-reset.js.map +1 -0
  9. package/dist/components/actions/button/button.d.ts +11 -0
  10. package/dist/components/actions/button/button.d.ts.map +1 -1
  11. package/dist/components/actions/button/button.js +15 -1
  12. package/dist/components/actions/button/button.js.map +1 -1
  13. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  14. package/dist/components/actions/button/button.styles.js +36 -2
  15. package/dist/components/actions/button/button.styles.js.map +1 -1
  16. package/dist/components/actions/button/button.template.d.ts.map +1 -1
  17. package/dist/components/actions/button/button.template.js +21 -0
  18. package/dist/components/actions/button/button.template.js.map +1 -1
  19. package/dist/components/actions/icon-button/icon-button.d.ts +11 -0
  20. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  21. package/dist/components/actions/icon-button/icon-button.js +15 -1
  22. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  23. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  24. package/dist/components/actions/icon-button/icon-button.styles.js +39 -2
  25. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  26. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  27. package/dist/components/actions/icon-button/icon-button.template.js +32 -5
  28. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  29. package/dist/components/{lists-and-menus → actions}/menu/menu.d.ts +3 -3
  30. package/dist/components/actions/menu/menu.d.ts.map +1 -0
  31. package/dist/components/actions/menu/menu.i18n.d.ts.map +1 -0
  32. package/dist/components/actions/menu/menu.i18n.js.map +1 -0
  33. package/dist/components/{lists-and-menus → actions}/menu/menu.js +3 -3
  34. package/dist/components/actions/menu/menu.js.map +1 -0
  35. package/dist/components/actions/menu/menu.styles.d.ts.map +1 -0
  36. package/dist/components/{lists-and-menus → actions}/menu/menu.styles.js +5 -1
  37. package/dist/components/actions/menu/menu.styles.js.map +1 -0
  38. package/dist/components/actions/menu/menu.template.d.ts.map +1 -0
  39. package/dist/components/actions/menu/menu.template.js.map +1 -0
  40. package/dist/components/actions/split-button/split-button.d.ts +1 -1
  41. package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
  42. package/dist/components/actions/split-button/split-button.js +1 -1
  43. package/dist/components/actions/split-button/split-button.js.map +1 -1
  44. package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
  45. package/dist/components/actions/split-button/split-button.styles.js +2 -0
  46. package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
  47. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  48. package/dist/components/actions/toolbar/toolbar.styles.js +4 -2
  49. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  50. package/dist/components/components.js +76 -74
  51. package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
  52. package/dist/components/content/blockquote/blockquote.styles.js +6 -2
  53. package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
  54. package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
  55. package/dist/components/content/code-viewer/code-viewer.styles.js +4 -8
  56. package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
  57. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  58. package/dist/components/content/icon/icon-aliases.js +10 -5
  59. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  60. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  61. package/dist/components/content/icon/icon-registry.js +4 -2
  62. package/dist/components/content/icon/icon-registry.js.map +1 -1
  63. package/dist/components/content/image/image.styles.d.ts.map +1 -1
  64. package/dist/components/content/image/image.styles.js +18 -6
  65. package/dist/components/content/image/image.styles.js.map +1 -1
  66. package/dist/components/content/image/lqip-encoder-element.js +1 -1
  67. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
  68. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +2 -0
  69. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
  70. package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
  71. package/dist/components/content/tag/tag.styles.js +4 -2
  72. package/dist/components/content/tag/tag.styles.js.map +1 -1
  73. package/dist/components/content/title/title.styles.d.ts.map +1 -1
  74. package/dist/components/content/title/title.styles.js +21 -13
  75. package/dist/components/content/title/title.styles.js.map +1 -1
  76. package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
  77. package/dist/components/content/tooltip/tooltip.styles.js +2 -0
  78. package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
  79. package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
  80. package/dist/components/forms/form-field/form-field.styles.js +34 -21
  81. package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
  82. package/dist/components/{index-DYnIl3ts.js → index-C3JellW2.js} +1839 -997
  83. package/dist/components/index.d.ts +15 -14
  84. package/dist/components/index.d.ts.map +1 -1
  85. package/dist/components/index.js +16 -15
  86. package/dist/components/index.js.map +1 -1
  87. package/dist/components/inputs/checkbox-field/checkbox-field.styles.d.ts.map +1 -1
  88. package/dist/components/inputs/checkbox-field/checkbox-field.styles.js +2 -0
  89. package/dist/components/inputs/checkbox-field/checkbox-field.styles.js.map +1 -1
  90. package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -1
  91. package/dist/components/inputs/code-editor/code-editor.styles.js +9 -0
  92. package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -1
  93. package/dist/components/inputs/combo-box/combo-box.d.ts +1 -1
  94. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  95. package/dist/components/inputs/combo-box/combo-box.js +1 -1
  96. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  97. package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
  98. package/dist/components/inputs/combo-box/combo-box.styles.js +2 -0
  99. package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
  100. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  101. package/dist/components/inputs/dropdown/dropdown.styles.js +16 -13
  102. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  103. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
  104. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +2 -0
  105. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
  106. package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
  107. package/dist/components/inputs/number-field/number-field.styles.js +2 -0
  108. package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
  109. package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
  110. package/dist/components/inputs/password-field/password-field.styles.js +2 -0
  111. package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
  112. package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
  113. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +2 -0
  114. package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
  115. package/dist/components/inputs/radio-button-group/radio-button-group.styles.d.ts.map +1 -1
  116. package/dist/components/inputs/radio-button-group/radio-button-group.styles.js +2 -0
  117. package/dist/components/inputs/radio-button-group/radio-button-group.styles.js.map +1 -1
  118. package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
  119. package/dist/components/inputs/search-field/search-field.styles.js +2 -0
  120. package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
  121. package/dist/components/inputs/segmented-control/segmented-control.d.ts +5 -5
  122. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  123. package/dist/components/inputs/segmented-control/segmented-control.js +4 -4
  124. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  125. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  126. package/dist/components/inputs/segmented-control/segmented-control.styles.js +15 -2
  127. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  128. package/dist/components/inputs/segmented-control/segmented-control.template.d.ts.map +1 -1
  129. package/dist/components/inputs/segmented-control/segmented-control.template.js +6 -3
  130. package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
  131. package/dist/components/inputs/switch-field/switch-field.styles.d.ts.map +1 -1
  132. package/dist/components/inputs/switch-field/switch-field.styles.js +2 -0
  133. package/dist/components/inputs/switch-field/switch-field.styles.js.map +1 -1
  134. package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
  135. package/dist/components/inputs/text-field/text-field.styles.js +2 -0
  136. package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
  137. package/dist/components/inputs/toggle-button/toggle-button.js +3 -3
  138. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  139. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  140. package/dist/components/inputs/toggle-button/toggle-button.styles.js +2 -0
  141. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  142. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  143. package/dist/components/inputs/toggle-button/toggle-button.template.js +6 -1
  144. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  145. package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
  146. package/dist/components/inputs/token/token.styles.js +2 -0
  147. package/dist/components/inputs/token/token.styles.js.map +1 -1
  148. package/dist/components/layout/app-view/app-view.js +1 -1
  149. package/dist/components/layout/app-view/app-view.js.map +1 -1
  150. package/dist/components/layout/app-view/app-view.styles.js +1 -1
  151. package/dist/components/layout/card/card.styles.d.ts.map +1 -1
  152. package/dist/components/layout/card/card.styles.js +12 -0
  153. package/dist/components/layout/card/card.styles.js.map +1 -1
  154. package/dist/components/layout/page/page.styles.js +2 -2
  155. package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
  156. package/dist/components/layout/page-footer/page-footer.styles.js +2 -0
  157. package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
  158. package/dist/components/layout/popover/popover.styles.js +1 -1
  159. package/dist/components/layout/sheet/sheet.styles.js +1 -1
  160. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +2 -2
  161. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +4 -4
  162. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +2 -2
  163. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +2 -2
  164. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +2 -2
  165. package/dist/components/layout/window/window.styles.d.ts.map +1 -1
  166. package/dist/components/layout/window/window.styles.js +3 -1
  167. package/dist/components/layout/window/window.styles.js.map +1 -1
  168. package/dist/components/lists-and-tables/cells/cell/cell.d.ts.map +1 -0
  169. package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.js +1 -1
  170. package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -0
  171. package/dist/components/lists-and-tables/cells/cell/cell.styles.d.ts.map +1 -0
  172. package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.styles.js +2 -0
  173. package/dist/components/lists-and-tables/cells/cell/cell.styles.js.map +1 -0
  174. package/dist/components/lists-and-tables/cells/cell/cell.template.d.ts.map +1 -0
  175. package/dist/components/lists-and-tables/cells/cell/cell.template.js.map +1 -0
  176. package/dist/components/lists-and-tables/cells/description-cell/description-cell.d.ts.map +1 -0
  177. package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.js +1 -1
  178. package/dist/components/lists-and-tables/cells/description-cell/description-cell.js.map +1 -0
  179. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map +1 -0
  180. package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.styles.js +18 -12
  181. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map +1 -0
  182. package/dist/components/lists-and-tables/cells/description-cell/description-cell.template.d.ts.map +1 -0
  183. package/dist/components/lists-and-tables/cells/description-cell/description-cell.template.js.map +1 -0
  184. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts.map +1 -0
  185. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts.map +1 -0
  186. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +1 -0
  187. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -0
  188. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -0
  189. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js.map +1 -0
  190. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +1 -0
  191. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js.map +1 -0
  192. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts.map +1 -0
  193. package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.js +1 -1
  194. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js.map +1 -0
  195. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -0
  196. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -0
  197. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.d.ts.map +1 -0
  198. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js.map +1 -0
  199. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.d.ts.map +1 -0
  200. package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.js +1 -1
  201. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.js.map +1 -0
  202. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.d.ts.map +1 -0
  203. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.js.map +1 -0
  204. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.template.d.ts.map +1 -0
  205. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.template.js.map +1 -0
  206. package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts.map +1 -0
  207. package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.js +1 -1
  208. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -0
  209. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -0
  210. package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.styles.js +2 -0
  211. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -0
  212. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.d.ts.map +1 -0
  213. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js.map +1 -0
  214. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -0
  215. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -0
  216. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +1 -0
  217. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +1 -0
  218. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +1 -0
  219. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -0
  220. package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts.map +1 -0
  221. package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.js +1 -1
  222. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -0
  223. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -0
  224. package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.styles.js +2 -0
  225. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -0
  226. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.d.ts.map +1 -0
  227. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js.map +1 -0
  228. package/dist/components/lists-and-tables/list/list.d.ts.map +1 -0
  229. package/dist/components/lists-and-tables/list/list.i18n.d.ts.map +1 -0
  230. package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -0
  231. package/dist/components/{lists-and-menus → lists-and-tables}/list/list.js +1 -1
  232. package/dist/components/lists-and-tables/list/list.js.map +1 -0
  233. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -0
  234. package/dist/components/{lists-and-menus → lists-and-tables}/list/list.styles.js +3 -3
  235. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -0
  236. package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -0
  237. package/dist/components/lists-and-tables/list/list.template.js.map +1 -0
  238. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -0
  239. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -0
  240. package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -0
  241. package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -0
  242. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -0
  243. package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -0
  244. package/dist/components/lists-and-tables/table/table.d.ts +137 -0
  245. package/dist/components/lists-and-tables/table/table.d.ts.map +1 -0
  246. package/dist/components/lists-and-tables/table/table.i18n.d.ts +6 -0
  247. package/dist/components/lists-and-tables/table/table.i18n.d.ts.map +1 -0
  248. package/dist/components/lists-and-tables/table/table.i18n.js +5 -0
  249. package/dist/components/lists-and-tables/table/table.i18n.js.map +1 -0
  250. package/dist/components/lists-and-tables/table/table.js +359 -0
  251. package/dist/components/lists-and-tables/table/table.js.map +1 -0
  252. package/dist/components/lists-and-tables/table/table.styles.d.ts +3 -0
  253. package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -0
  254. package/dist/components/lists-and-tables/table/table.styles.js +120 -0
  255. package/dist/components/lists-and-tables/table/table.styles.js.map +1 -0
  256. package/dist/components/lists-and-tables/table/table.template.d.ts +3 -0
  257. package/dist/components/lists-and-tables/table/table.template.d.ts.map +1 -0
  258. package/dist/components/lists-and-tables/table/table.template.js +34 -0
  259. package/dist/components/lists-and-tables/table/table.template.js.map +1 -0
  260. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
  261. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +3 -0
  262. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
  263. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +1 -1
  264. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
  265. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +1 -1
  266. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  267. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  268. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +3 -0
  269. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  270. package/dist/components/navigation/link/link.styles.d.ts.map +1 -1
  271. package/dist/components/navigation/link/link.styles.js +2 -0
  272. package/dist/components/navigation/link/link.styles.js.map +1 -1
  273. package/dist/components/navigation/menu-bar/menu-bar.d.ts +1 -1
  274. package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
  275. package/dist/components/navigation/menu-bar/menu-bar.js +1 -1
  276. package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
  277. package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map +1 -1
  278. package/dist/components/navigation/menu-bar/menu-bar.styles.js +2 -0
  279. package/dist/components/navigation/menu-bar/menu-bar.styles.js.map +1 -1
  280. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +1 -1
  281. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
  282. package/dist/components/navigation/menu-bar-item/menu-bar-item.js +1 -1
  283. package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
  284. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  285. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +2 -0
  286. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  287. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  288. package/dist/components/navigation/pagination/pagination.styles.js +2 -0
  289. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  290. package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
  291. package/dist/components/navigation/skip-link/skip-link.styles.js +4 -2
  292. package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
  293. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  294. package/dist/components/navigation/tab-bar/tab-bar.styles.js +4 -1
  295. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  296. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +3 -3
  297. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  298. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  299. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +3 -1
  300. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  301. package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
  302. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +4 -2
  303. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
  304. package/dist/components/{prism-python-C9GXiQLy.js → prism-python-QiimuE8j.js} +1 -1
  305. package/dist/components/{prism-rust-De_U8Otq.js → prism-rust-D4vfxUpk.js} +1 -1
  306. package/dist/components/{prism-typescript-BJbUDHsa.js → prism-typescript-Dy2F4cF2.js} +1 -1
  307. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +80 -0
  308. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -0
  309. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts +5 -0
  310. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts.map +1 -0
  311. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js +4 -0
  312. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js.map +1 -0
  313. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +163 -0
  314. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -0
  315. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts +2 -0
  316. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts.map +1 -0
  317. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +151 -0
  318. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js.map +1 -0
  319. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts +4 -0
  320. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts.map +1 -0
  321. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js +41 -0
  322. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js.map +1 -0
  323. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  324. package/dist/components/status-and-feedback/badge/badge.styles.js +5 -3
  325. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  326. package/dist/components/status-and-feedback/banner/banner.d.ts +3 -3
  327. package/dist/components/status-and-feedback/banner/banner.d.ts.map +1 -1
  328. package/dist/components/status-and-feedback/banner/banner.js +3 -2
  329. package/dist/components/status-and-feedback/banner/banner.js.map +1 -1
  330. package/dist/components/status-and-feedback/banner/banner.styles.d.ts.map +1 -1
  331. package/dist/components/status-and-feedback/banner/banner.styles.js +12 -10
  332. package/dist/components/status-and-feedback/banner/banner.styles.js.map +1 -1
  333. package/dist/components/status-and-feedback/banner/banner.template.d.ts.map +1 -1
  334. package/dist/components/status-and-feedback/banner/banner.template.js +2 -4
  335. package/dist/components/status-and-feedback/banner/banner.template.js.map +1 -1
  336. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
  337. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +2 -0
  338. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
  339. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
  340. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +3 -1
  341. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
  342. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +27 -22
  343. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts.map +1 -1
  344. package/dist/components/status-and-feedback/progress-bar/progress-bar.js +88 -80
  345. package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
  346. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts +1 -1
  347. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  348. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +88 -83
  349. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  350. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +22 -22
  351. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
  352. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +31 -14
  353. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts.map +1 -1
  354. package/dist/components/status-and-feedback/progress-circle/progress-circle.js +84 -61
  355. package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
  356. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts +1 -1
  357. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -1
  358. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +97 -80
  359. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -1
  360. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts +6 -0
  361. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -1
  362. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +71 -20
  363. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  364. package/dist/css/rich-text.css +43 -15
  365. package/dist/css/settings.css +234 -111
  366. package/dist/utilities/page-section-mixin.js +1 -1
  367. package/dist/utilities/page-section-mixin.js.map +1 -1
  368. package/dist/utilities/visibility-mixin.d.ts +8 -4
  369. package/dist/utilities/visibility-mixin.d.ts.map +1 -1
  370. package/dist/utilities/visibility-mixin.js +36 -8
  371. package/dist/utilities/visibility-mixin.js.map +1 -1
  372. package/package.json +32 -28
  373. package/dist/components/lists-and-menus/cells/cell/cell.d.ts.map +0 -1
  374. package/dist/components/lists-and-menus/cells/cell/cell.js.map +0 -1
  375. package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +0 -1
  376. package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +0 -1
  377. package/dist/components/lists-and-menus/cells/cell/cell.template.d.ts.map +0 -1
  378. package/dist/components/lists-and-menus/cells/cell/cell.template.js.map +0 -1
  379. package/dist/components/lists-and-menus/cells/description-cell/description-cell.d.ts.map +0 -1
  380. package/dist/components/lists-and-menus/cells/description-cell/description-cell.js.map +0 -1
  381. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +0 -1
  382. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +0 -1
  383. package/dist/components/lists-and-menus/cells/description-cell/description-cell.template.d.ts.map +0 -1
  384. package/dist/components/lists-and-menus/cells/description-cell/description-cell.template.js.map +0 -1
  385. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.d.ts.map +0 -1
  386. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts.map +0 -1
  387. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +0 -1
  388. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.js.map +0 -1
  389. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +0 -1
  390. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js.map +0 -1
  391. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +0 -1
  392. package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.template.js.map +0 -1
  393. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts.map +0 -1
  394. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.js.map +0 -1
  395. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.d.ts.map +0 -1
  396. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js.map +0 -1
  397. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.template.d.ts.map +0 -1
  398. package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.template.js.map +0 -1
  399. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.d.ts.map +0 -1
  400. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.js.map +0 -1
  401. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.d.ts.map +0 -1
  402. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js.map +0 -1
  403. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.template.d.ts.map +0 -1
  404. package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.template.js.map +0 -1
  405. package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts.map +0 -1
  406. package/dist/components/lists-and-menus/cells/text-cell/text-cell.js.map +0 -1
  407. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +0 -1
  408. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +0 -1
  409. package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.d.ts.map +0 -1
  410. package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.js.map +0 -1
  411. package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.d.ts.map +0 -1
  412. package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.js.map +0 -1
  413. package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +0 -1
  414. package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.styles.js.map +0 -1
  415. package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +0 -1
  416. package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.template.js.map +0 -1
  417. package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts.map +0 -1
  418. package/dist/components/lists-and-menus/cells/title-cell/title-cell.js.map +0 -1
  419. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +0 -1
  420. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +0 -1
  421. package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.d.ts.map +0 -1
  422. package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.js.map +0 -1
  423. package/dist/components/lists-and-menus/list/list.d.ts.map +0 -1
  424. package/dist/components/lists-and-menus/list/list.i18n.d.ts.map +0 -1
  425. package/dist/components/lists-and-menus/list/list.i18n.js.map +0 -1
  426. package/dist/components/lists-and-menus/list/list.js.map +0 -1
  427. package/dist/components/lists-and-menus/list/list.styles.d.ts.map +0 -1
  428. package/dist/components/lists-and-menus/list/list.styles.js.map +0 -1
  429. package/dist/components/lists-and-menus/list/list.template.d.ts.map +0 -1
  430. package/dist/components/lists-and-menus/list/list.template.js.map +0 -1
  431. package/dist/components/lists-and-menus/list-item/list-item.d.ts.map +0 -1
  432. package/dist/components/lists-and-menus/list-item/list-item.js.map +0 -1
  433. package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +0 -1
  434. package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +0 -1
  435. package/dist/components/lists-and-menus/list-item/list-item.template.d.ts.map +0 -1
  436. package/dist/components/lists-and-menus/list-item/list-item.template.js.map +0 -1
  437. package/dist/components/lists-and-menus/menu/menu.d.ts.map +0 -1
  438. package/dist/components/lists-and-menus/menu/menu.i18n.d.ts.map +0 -1
  439. package/dist/components/lists-and-menus/menu/menu.i18n.js.map +0 -1
  440. package/dist/components/lists-and-menus/menu/menu.js.map +0 -1
  441. package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +0 -1
  442. package/dist/components/lists-and-menus/menu/menu.styles.js.map +0 -1
  443. package/dist/components/lists-and-menus/menu/menu.template.d.ts.map +0 -1
  444. package/dist/components/lists-and-menus/menu/menu.template.js.map +0 -1
  445. package/dist/components/status-and-feedback/progress/progress.d.ts +0 -77
  446. package/dist/components/status-and-feedback/progress/progress.d.ts.map +0 -1
  447. package/dist/components/status-and-feedback/progress/progress.i18n.d.ts +0 -5
  448. package/dist/components/status-and-feedback/progress/progress.i18n.d.ts.map +0 -1
  449. package/dist/components/status-and-feedback/progress/progress.i18n.js +0 -4
  450. package/dist/components/status-and-feedback/progress/progress.i18n.js.map +0 -1
  451. package/dist/components/status-and-feedback/progress/progress.js +0 -137
  452. package/dist/components/status-and-feedback/progress/progress.js.map +0 -1
  453. package/dist/components/status-and-feedback/progress/progress.styles.d.ts +0 -2
  454. package/dist/components/status-and-feedback/progress/progress.styles.d.ts.map +0 -1
  455. package/dist/components/status-and-feedback/progress/progress.styles.js +0 -57
  456. package/dist/components/status-and-feedback/progress/progress.styles.js.map +0 -1
  457. package/dist/components/status-and-feedback/progress/progress.template.d.ts +0 -4
  458. package/dist/components/status-and-feedback/progress/progress.template.d.ts.map +0 -1
  459. package/dist/components/status-and-feedback/progress/progress.template.js +0 -26
  460. package/dist/components/status-and-feedback/progress/progress.template.js.map +0 -1
  461. /package/dist/components/{lists-and-menus → actions}/menu/menu.i18n.d.ts +0 -0
  462. /package/dist/components/{lists-and-menus → actions}/menu/menu.i18n.js +0 -0
  463. /package/dist/components/{lists-and-menus → actions}/menu/menu.styles.d.ts +0 -0
  464. /package/dist/components/{lists-and-menus → actions}/menu/menu.template.d.ts +0 -0
  465. /package/dist/components/{lists-and-menus → actions}/menu/menu.template.js +0 -0
  466. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.d.ts +0 -0
  467. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.styles.d.ts +0 -0
  468. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.template.d.ts +0 -0
  469. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.template.js +0 -0
  470. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.d.ts +0 -0
  471. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.styles.d.ts +0 -0
  472. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.template.d.ts +0 -0
  473. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.template.js +0 -0
  474. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.d.ts +0 -0
  475. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts +0 -0
  476. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.i18n.js +0 -0
  477. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.js +0 -0
  478. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.styles.d.ts +0 -0
  479. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.styles.js +0 -0
  480. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.template.d.ts +0 -0
  481. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.template.js +0 -0
  482. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.d.ts +0 -0
  483. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.styles.d.ts +0 -0
  484. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.styles.js +0 -0
  485. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.template.d.ts +0 -0
  486. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.template.js +0 -0
  487. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.d.ts +0 -0
  488. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.styles.d.ts +0 -0
  489. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.styles.js +0 -0
  490. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.template.d.ts +0 -0
  491. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.template.js +0 -0
  492. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.d.ts +0 -0
  493. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.styles.d.ts +0 -0
  494. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.template.d.ts +0 -0
  495. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.template.js +0 -0
  496. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.d.ts +0 -0
  497. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.js +0 -0
  498. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.styles.d.ts +0 -0
  499. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.styles.js +0 -0
  500. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.template.d.ts +0 -0
  501. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.template.js +0 -0
  502. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.d.ts +0 -0
  503. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.styles.d.ts +0 -0
  504. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.template.d.ts +0 -0
  505. /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.template.js +0 -0
  506. /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.d.ts +0 -0
  507. /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.i18n.d.ts +0 -0
  508. /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.i18n.js +0 -0
  509. /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.styles.d.ts +0 -0
  510. /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.template.d.ts +0 -0
  511. /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.template.js +0 -0
  512. /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.d.ts +0 -0
  513. /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.js +0 -0
  514. /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.styles.d.ts +0 -0
  515. /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.styles.js +0 -0
  516. /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.template.d.ts +0 -0
  517. /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.template.js +0 -0
@@ -0,0 +1,51 @@
1
+ /**
2
+ * Reset for slotted (light-DOM) content in shadow-DOM components.
3
+ *
4
+ * Slotted nodes live in the consumer's document, so document-level CSS —
5
+ * Tailwind Preflight, Bootstrap Reboot, a bespoke host reset — beats a
6
+ * component's `::slotted()` rules for any *normal* declaration, regardless of
7
+ * specificity. That bleeds host styling into our components and breaks visual
8
+ * consistency across consumers.
9
+ *
10
+ * `all: revert !important` closes that gap: an *important* declaration from the
11
+ * shadow tree beats document declarations (even important ones), and `revert`
12
+ * rolls each property back to its user-agent default — a stable, host-independent
13
+ * baseline. Properties a host might weaponise (`display: none`,
14
+ * `pointer-events: none`, stray margins/decoration) fall back to UA defaults.
15
+ *
16
+ * Usage — place at the START of a `::slotted()` rule, then declare the
17
+ * properties the component owns, each `!important` so it wins over the revert:
18
+ *
19
+ * ```ts
20
+ * css`
21
+ * ::slotted(:not([slot])) {
22
+ * ${slottedReset}
23
+ * ${inheritedTextReset}
24
+ * color: var(--semantics-content-color) !important;
25
+ * font: var(--_font) !important;
26
+ * }
27
+ * `
28
+ * ```
29
+ *
30
+ * NOTE: `revert` does NOT isolate *inherited* properties — they still flow in
31
+ * from the host via the chain `body → host → :host → slot`. For slotted text,
32
+ * add {@link inheritedTextReset} to seal the inherited typography that `font`
33
+ * does not cover.
34
+ */
35
+ export declare const slottedReset: import("lit").CSSResult;
36
+ /**
37
+ * Inherited typography that the `font` shorthand does NOT cover and that a host
38
+ * can otherwise leak into our text — directly (`a { text-decoration }`) or via
39
+ * inheritance (`body { letter-spacing }`). Used in two places:
40
+ *
41
+ * - inside `::slotted(…)` to lock the consumer's slotted text (pair with
42
+ * {@link slottedReset}), and
43
+ * - inside `:host`, as a guard block right after the `--_*` vars, to lock the
44
+ * component's OWN shadow text against host inheritance (no `all: revert` there).
45
+ *
46
+ * `text-align` is locked to `start` (logical, RTL-safe) — a host cannot centre or
47
+ * justify our text. A component that needs a different alignment sets it
48
+ * explicitly on its own element, which overrides this inherited default.
49
+ */
50
+ export declare const inheritedTextReset: import("lit").CSSResult;
51
+ //# sourceMappingURL=slotted-reset.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slotted-reset.d.ts","sourceRoot":"","sources":["../../../src/assets/styles/slotted-reset.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,YAAY,yBAExB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,kBAAkB,yBAK9B,CAAC"}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * A deliberately hostile host stylesheet for slotted-reset regression coverage:
3
+ * Tailwind Preflight's key resets plus aggressive direct and inherited overrides
4
+ * (including an `!important`, to prove a shadow `!important` still wins). Inject it
5
+ * at document level around slotted content; the slotted-reset must neutralise it.
6
+ *
7
+ * Used by the slotted-reset regression test (slotted-reset.test.ts). Lives next
8
+ * to the stylesheet it guards rather than in test-utils.ts.
9
+ */
10
+ export declare const hostileHostCss = "\n\t*, ::before, ::after { box-sizing: border-box; }\n\th1, h2, h3, h4, h5, h6 { font-size: 9px !important; font-weight: 100; margin: 40px; }\n\tp { margin: 40px; }\n\ta { color: rgb(255, 0, 0); text-decoration: none; }\n\timg { width: 12px; height: auto; max-width: none; }\n\tselect { opacity: 1; appearance: auto; font: inherit; }\n\t[slot=\"title\"], [slot=\"description\"] { color: rgb(255, 0, 255); margin: 30px; }\n\tbody { letter-spacing: 6px; text-transform: uppercase; }\n";
11
+ //# sourceMappingURL=slotted-reset.fixtures.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slotted-reset.fixtures.d.ts","sourceRoot":"","sources":["../../../src/assets/styles/slotted-reset.fixtures.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,ueAS1B,CAAC"}
@@ -0,0 +1,20 @@
1
+ /**
2
+ * A deliberately hostile host stylesheet for slotted-reset regression coverage:
3
+ * Tailwind Preflight's key resets plus aggressive direct and inherited overrides
4
+ * (including an `!important`, to prove a shadow `!important` still wins). Inject it
5
+ * at document level around slotted content; the slotted-reset must neutralise it.
6
+ *
7
+ * Used by the slotted-reset regression test (slotted-reset.test.ts). Lives next
8
+ * to the stylesheet it guards rather than in test-utils.ts.
9
+ */
10
+ export const hostileHostCss = `
11
+ *, ::before, ::after { box-sizing: border-box; }
12
+ h1, h2, h3, h4, h5, h6 { font-size: 9px !important; font-weight: 100; margin: 40px; }
13
+ p { margin: 40px; }
14
+ a { color: rgb(255, 0, 0); text-decoration: none; }
15
+ img { width: 12px; height: auto; max-width: none; }
16
+ select { opacity: 1; appearance: auto; font: inherit; }
17
+ [slot="title"], [slot="description"] { color: rgb(255, 0, 255); margin: 30px; }
18
+ body { letter-spacing: 6px; text-transform: uppercase; }
19
+ `;
20
+ //# sourceMappingURL=slotted-reset.fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slotted-reset.fixtures.js","sourceRoot":"","sources":["../../../src/assets/styles/slotted-reset.fixtures.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;CAS7B,CAAC"}
@@ -0,0 +1,59 @@
1
+ import { css } from 'lit';
2
+ /**
3
+ * Reset for slotted (light-DOM) content in shadow-DOM components.
4
+ *
5
+ * Slotted nodes live in the consumer's document, so document-level CSS —
6
+ * Tailwind Preflight, Bootstrap Reboot, a bespoke host reset — beats a
7
+ * component's `::slotted()` rules for any *normal* declaration, regardless of
8
+ * specificity. That bleeds host styling into our components and breaks visual
9
+ * consistency across consumers.
10
+ *
11
+ * `all: revert !important` closes that gap: an *important* declaration from the
12
+ * shadow tree beats document declarations (even important ones), and `revert`
13
+ * rolls each property back to its user-agent default — a stable, host-independent
14
+ * baseline. Properties a host might weaponise (`display: none`,
15
+ * `pointer-events: none`, stray margins/decoration) fall back to UA defaults.
16
+ *
17
+ * Usage — place at the START of a `::slotted()` rule, then declare the
18
+ * properties the component owns, each `!important` so it wins over the revert:
19
+ *
20
+ * ```ts
21
+ * css`
22
+ * ::slotted(:not([slot])) {
23
+ * ${slottedReset}
24
+ * ${inheritedTextReset}
25
+ * color: var(--semantics-content-color) !important;
26
+ * font: var(--_font) !important;
27
+ * }
28
+ * `
29
+ * ```
30
+ *
31
+ * NOTE: `revert` does NOT isolate *inherited* properties — they still flow in
32
+ * from the host via the chain `body → host → :host → slot`. For slotted text,
33
+ * add {@link inheritedTextReset} to seal the inherited typography that `font`
34
+ * does not cover.
35
+ */
36
+ export const slottedReset = css `
37
+ all: revert !important;
38
+ `;
39
+ /**
40
+ * Inherited typography that the `font` shorthand does NOT cover and that a host
41
+ * can otherwise leak into our text — directly (`a { text-decoration }`) or via
42
+ * inheritance (`body { letter-spacing }`). Used in two places:
43
+ *
44
+ * - inside `::slotted(…)` to lock the consumer's slotted text (pair with
45
+ * {@link slottedReset}), and
46
+ * - inside `:host`, as a guard block right after the `--_*` vars, to lock the
47
+ * component's OWN shadow text against host inheritance (no `all: revert` there).
48
+ *
49
+ * `text-align` is locked to `start` (logical, RTL-safe) — a host cannot centre or
50
+ * justify our text. A component that needs a different alignment sets it
51
+ * explicitly on its own element, which overrides this inherited default.
52
+ */
53
+ export const inheritedTextReset = css `
54
+ text-align: start !important;
55
+ letter-spacing: normal !important;
56
+ word-spacing: normal !important;
57
+ text-transform: none !important;
58
+ `;
59
+ //# sourceMappingURL=slotted-reset.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slotted-reset.js","sourceRoot":"","sources":["../../../src/assets/styles/slotted-reset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;CAE9B,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;CAKpC,CAAC"}
@@ -27,6 +27,7 @@
27
27
  */
28
28
  import { LitElement } from 'lit';
29
29
  import './../../content/icon/icon.js';
30
+ import './../../status-and-feedback/activity-indicator/activity-indicator.js';
30
31
  type Variant = 'primary' | 'secondary' | 'destructive' | 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent';
31
32
  type Size = 'xs' | 'sm' | 'md';
32
33
  type ButtonType = 'button' | 'submit' | 'reset';
@@ -67,6 +68,16 @@ export declare class NLDDButton extends LitElement {
67
68
  * default action doesn't double-fire.
68
69
  */
69
70
  popoverTargetAction: 'toggle' | 'show' | 'hide';
71
+ /**
72
+ * Loading state. Shows an activity indicator centred over the (visually
73
+ * hidden) content, marks the inner control `aria-busy="true"` and blocks
74
+ * activation — without dropping the control from the tab order (unlike
75
+ * `disabled`). The content stays laid out so the button keeps its width.
76
+ *
77
+ * Activation is blocked by stopping the click (as `disabled` does), so a
78
+ * `click` listener delegated on an ancestor receives nothing while loading.
79
+ */
80
+ loading: boolean;
70
81
  disabled: boolean;
71
82
  /** Button text. */
72
83
  text: string;
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AAEtC,KAAK,OAAO,GACT,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,CAAC;AAC1B,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/B,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChD,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjE,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAKtC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,IAAI,EAAE,UAAU,CAAY;IAG5B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAG3D,QAAQ,UAAS;IAEjB,mBAAmB;IAEnB,IAAI,SAAM;IAGV,UAAU,UAAS;IAEnB,6FAA6F;IAE7F,SAAS,SAAM;IAEf,wFAAwF;IAExF,OAAO,SAAM;IAEb,0GAA0G;IAE1G,eAAe,SAAM;IAErB,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,OAAO,CAAC,YAAY;IAyBpB,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAKf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,KAAK,OAAO,GACT,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,CAAC;AAC1B,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/B,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChD,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjE,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAKtC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,IAAI,EAAE,UAAU,CAAY;IAG5B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,mBAAmB;IAEnB,IAAI,SAAM;IAGV,UAAU,UAAS;IAEnB,6FAA6F;IAE7F,SAAS,SAAM;IAEf,wFAAwF;IAExF,OAAO,SAAM;IAEb,0GAA0G;IAE1G,eAAe,SAAM;IAErB,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,OAAO,CAAC,YAAY;IAyBpB,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAKf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
@@ -36,6 +36,7 @@ import { customElement, property } from 'lit/decorators.js';
36
36
  import { buttonStyles } from './button.styles.js';
37
37
  import { template } from './button.template.js';
38
38
  import './../../content/icon/icon.js';
39
+ import './../../status-and-feedback/activity-indicator/activity-indicator.js';
39
40
  let NLDDButton = class NLDDButton extends LitElement {
40
41
  constructor() {
41
42
  super(...arguments);
@@ -66,6 +67,16 @@ let NLDDButton = class NLDDButton extends LitElement {
66
67
  * default action doesn't double-fire.
67
68
  */
68
69
  this.popoverTargetAction = 'toggle';
70
+ /**
71
+ * Loading state. Shows an activity indicator centred over the (visually
72
+ * hidden) content, marks the inner control `aria-busy="true"` and blocks
73
+ * activation — without dropping the control from the tab order (unlike
74
+ * `disabled`). The content stays laid out so the button keeps its width.
75
+ *
76
+ * Activation is blocked by stopping the click (as `disabled` does), so a
77
+ * `click` listener delegated on an ancestor receives nothing while loading.
78
+ */
79
+ this.loading = false;
69
80
  this.disabled = false;
70
81
  /** Button text. */
71
82
  this.text = '';
@@ -115,7 +126,7 @@ let NLDDButton = class NLDDButton extends LitElement {
115
126
  }
116
127
  }
117
128
  _handleClick(e) {
118
- if (this.disabled) {
129
+ if (this.disabled || this.loading) {
119
130
  e.preventDefault();
120
131
  e.stopPropagation();
121
132
  return;
@@ -197,6 +208,9 @@ __decorate([
197
208
  __decorate([
198
209
  property({ attribute: false })
199
210
  ], NLDDButton.prototype, "popoverTargetAction", void 0);
211
+ __decorate([
212
+ property({ type: Boolean, reflect: true })
213
+ ], NLDDButton.prototype, "loading", void 0);
200
214
  __decorate([
201
215
  property({ type: Boolean, reflect: true })
202
216
  ], NLDDButton.prototype, "disabled", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA0RxB,CAAC"}
1
+ {"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBA2TxB,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { css } from 'lit';
2
+ import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
2
3
  export const buttonStyles = css `
3
4
 
4
5
 
@@ -22,7 +23,9 @@ export const buttonStyles = css `
22
23
  --_disclosure-icon-margin-left: -2px;
23
24
  --_disclosure-icon-size: var(--primitives-space-20);
24
25
 
26
+ ${inheritedTextReset}
25
27
  display: inline-block;
28
+ position: relative;
26
29
  max-width: 100%;
27
30
  user-select: none;
28
31
  -webkit-tap-highlight-color: transparent;
@@ -228,6 +231,11 @@ export const buttonStyles = css `
228
231
  color: var(--_is-active-content-color);
229
232
  }
230
233
 
234
+ /* Loading keeps the control focusable (not disabled); activation is blocked in JS. */
235
+ :host([loading]) .button {
236
+ cursor: default;
237
+ }
238
+
231
239
  .button:focus-visible {
232
240
  outline: var(--semantics-focus-ring-outline);
233
241
  outline-offset: var(--semantics-focus-ring-outline-offset);
@@ -239,7 +247,8 @@ export const buttonStyles = css `
239
247
  }
240
248
 
241
249
  @media (prefers-reduced-motion: reduce) {
242
- .button {
250
+ .button,
251
+ .button__content {
243
252
  transition: none;
244
253
  }
245
254
  }
@@ -248,7 +257,32 @@ export const buttonStyles = css `
248
257
  /* # Elements */
249
258
 
250
259
  .button__content {
251
- display: contents;
260
+ display: inline-flex;
261
+ max-width: 100%;
262
+ min-width: 0;
263
+ align-items: center;
264
+ gap: var(--_gap);
265
+ transition: opacity var(--primitives-transition-duration-slow) var(--primitives-transition-easing-default);
266
+ }
267
+
268
+ /* Loading crossfades the content out (opacity, not visibility, so the button
269
+ keeps its accessible name) while the indicator fades in. The content stays
270
+ laid out, so the button keeps its width. */
271
+ :host([loading]) .button__content {
272
+ opacity: 0;
273
+ }
274
+
275
+ /* Wrapper overlaid on the control, positioned against the host (which is
276
+ position:relative). It lives outside the <button>/<a> so the indicator's
277
+ role="status" live region announces loading without joining the button's
278
+ accessible name. The activity-indicator inside fills it and centres its
279
+ circle, which inherits the content color via currentColor. */
280
+ .button__activity-indicator {
281
+ position: absolute;
282
+ inset: 0;
283
+ /* Re-establish the content color here: the indicator lives outside
284
+ .button now, so its currentColor stroke can no longer inherit it. */
285
+ color: var(--_content-color);
252
286
  }
253
287
 
254
288
  ::slotted(nldd-icon) {
@@ -1 +1 @@
1
- {"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0R9B,CAAC"}
1
+ {"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;IAuB3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoSrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AA4BD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,wCAkDlE"}
1
+ {"version":3,"file":"button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AA4BD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,wCAwElE"}
@@ -33,6 +33,23 @@ export function template(helpers) {
33
33
  // irrelevant ARIA attributes.
34
34
  const isDisclosure = this.expandable || !!this.popupType;
35
35
  const ariaExpanded = isDisclosure ? String(this.expanded) : (this.expanded ? 'true' : nothing);
36
+ // Loading: an activity indicator overlays the (opacity-hidden) content. It
37
+ // sits OUTSIDE the <button>/<a> (a sibling, overlaid via the host's
38
+ // position:relative) so its role="status" live region can announce "Laden"
39
+ // without joining the button's content-derived accessible name. aria-busy
40
+ // stays on the control as supplementary state. `instant` so it shows the
41
+ // moment loading starts. Sizes: xs:16, sm:20, md:24.
42
+ const ariaBusy = this.loading ? 'true' : nothing;
43
+ const loadingIndicator = this.loading
44
+ ? html `
45
+ <div class="button__activity-indicator">
46
+ <nldd-activity-indicator
47
+ timing="instant"
48
+ size=${this.size === 'xs' ? '16' : this.size === 'sm' ? '20' : '24'}
49
+ ></nldd-activity-indicator>
50
+ </div>
51
+ `
52
+ : nothing;
36
53
  if (this.href) {
37
54
  const resolvedRel = this._resolvedRel();
38
55
  return html `
@@ -44,10 +61,12 @@ export function template(helpers) {
44
61
  aria-label=${this.accessibleLabel || nothing}
45
62
  aria-haspopup=${this.popupType || nothing}
46
63
  aria-expanded=${ariaExpanded}
64
+ aria-busy=${ariaBusy}
47
65
  @click=${helpers.handleClick}
48
66
  >
49
67
  ${content}
50
68
  </a>
69
+ ${loadingIndicator}
51
70
  `;
52
71
  }
53
72
  // .popoverTargetElement / .popoverTargetAction are bound unguarded: in
@@ -63,6 +82,7 @@ export function template(helpers) {
63
82
  aria-label=${this.accessibleLabel || nothing}
64
83
  aria-haspopup=${this.popupType || nothing}
65
84
  aria-expanded=${ariaExpanded}
85
+ aria-busy=${ariaBusy}
66
86
  popovertarget=${this.popovertarget || nothing}
67
87
  .popoverTargetElement=${this.popoverTargetElement}
68
88
  .popoverTargetAction=${this.popoverTargetAction}
@@ -70,6 +90,7 @@ export function template(helpers) {
70
90
  >
71
91
  ${content}
72
92
  </button>
93
+ ${loadingIndicator}
73
94
  `;
74
95
  }
75
96
  //# sourceMappingURL=button.template.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOpC,SAAS,aAAa,CAAC,SAAqB;IAC3C,sEAAsE;IACtE,6EAA6E;IAC7E,mEAAmE;IACnE,OAAO,IAAI,CAAA;;KAEP,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEnB,SAAS,CAAC,SAAS;;IAE3B,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC;gCACZ,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,2BAA2B;KAC5F,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEjB,SAAS,CAAC,OAAO;;IAEzB,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B;KACrC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAmB,OAAwB;IAClE,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpC,2EAA2E;IAC3E,oEAAoE;IACpE,yEAAyE;IACzE,iEAAiE;IACjE,8BAA8B;IAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;IACzD,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/F,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACf,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACxC,OAAO,IAAI,CAAA;;WAEF,IAAI,CAAC,IAAI;aACP,IAAI,CAAC,MAAM,IAAI,OAAO;UACzB,WAAW,IAAI,OAAO;oBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACnC,IAAI,CAAC,eAAe,IAAI,OAAO;oBAC5B,IAAI,CAAC,SAAS,IAAI,OAAO;oBACzB,YAAY;aACnB,OAAO,CAAC,WAAW;;MAE1B,OAAO;;GAEV,CAAC;IACH,CAAC;IAED,uEAAuE;IACvE,2EAA2E;IAC3E,wEAAwE;IACxE,yEAAyE;IACzE,wEAAwE;IACxE,OAAO,IAAI,CAAA;;UAEF,IAAI,CAAC,IAAI;eACJ,IAAI,CAAC,QAAQ;mBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnC,IAAI,CAAC,eAAe,IAAI,OAAO;mBAC5B,IAAI,CAAC,SAAS,IAAI,OAAO;mBACzB,YAAY;mBACZ,IAAI,CAAC,aAAa,IAAI,OAAO;2BACrB,IAAI,CAAC,oBAAoB;0BAC1B,IAAI,CAAC,mBAAmB;YACtC,OAAO,CAAC,WAAW;;KAE1B,OAAO;;EAEV,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"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"}
@@ -38,6 +38,7 @@
38
38
  */
39
39
  import { LitElement } from 'lit';
40
40
  import './../../content/icon/icon.js';
41
+ import './../../status-and-feedback/activity-indicator/activity-indicator.js';
41
42
  export type Size = 'xs' | 'sm' | 'md' | 'lg';
42
43
  export type Variant = 'primary' | 'secondary' | 'destructive' | 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent';
43
44
  export type ButtonType = 'button' | 'submit' | 'reset';
@@ -48,6 +49,16 @@ export declare class NLDDIconButton extends LitElement {
48
49
  private _internals;
49
50
  variant: Variant;
50
51
  size: Size;
52
+ /**
53
+ * Loading state. Shows an activity indicator centred over the (visually
54
+ * hidden) icon, marks the inner control `aria-busy="true"` and blocks
55
+ * activation — without dropping the control from the tab order (unlike
56
+ * `disabled`).
57
+ *
58
+ * Activation is blocked by stopping the click (as `disabled` does), so a
59
+ * `click` listener delegated on an ancestor receives nothing while loading.
60
+ */
61
+ loading: boolean;
51
62
  disabled: boolean;
52
63
  type: ButtonType;
53
64
  expandable: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,CAAC;AAC1B,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAExE,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAK1C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAGlB,QAAQ,UAAS;IAGjB,IAAI,EAAE,UAAU,CAAY;IAG5B,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D,2EAA2E;IAE3E,IAAI,SAAM;IAEV,gFAAgF;IAEhF,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB;6EACyE;IAEzE,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAE3D,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAuB3C;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
1
+ {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,CAAC;AAC1B,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAExE,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAK1C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,EAAE,UAAU,CAAY;IAG5B,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D,2EAA2E;IAE3E,IAAI,SAAM;IAEV,gFAAgF;IAEhF,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB;6EACyE;IAEzE,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAE3D,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAuB3C;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
@@ -47,12 +47,23 @@ import { customElement, property } from 'lit/decorators.js';
47
47
  import { iconButtonStyles } from './icon-button.styles.js';
48
48
  import { template } from './icon-button.template.js';
49
49
  import './../../content/icon/icon.js';
50
+ import './../../status-and-feedback/activity-indicator/activity-indicator.js';
50
51
  let NLDDIconButton = class NLDDIconButton extends LitElement {
51
52
  constructor() {
52
53
  super(...arguments);
53
54
  this._internals = this.attachInternals();
54
55
  this.variant = 'neutral-tinted';
55
56
  this.size = 'md';
57
+ /**
58
+ * Loading state. Shows an activity indicator centred over the (visually
59
+ * hidden) icon, marks the inner control `aria-busy="true"` and blocks
60
+ * activation — without dropping the control from the tab order (unlike
61
+ * `disabled`).
62
+ *
63
+ * Activation is blocked by stopping the click (as `disabled` does), so a
64
+ * `click` listener delegated on an ancestor receives nothing while loading.
65
+ */
66
+ this.loading = false;
56
67
  this.disabled = false;
57
68
  this.type = 'button';
58
69
  this.expandable = false;
@@ -142,7 +153,7 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
142
153
  return '';
143
154
  }
144
155
  _handleClick(e) {
145
- if (this.disabled) {
156
+ if (this.disabled || this.loading) {
146
157
  e.preventDefault();
147
158
  e.stopPropagation();
148
159
  return;
@@ -188,6 +199,9 @@ __decorate([
188
199
  __decorate([
189
200
  property({ type: String, reflect: true })
190
201
  ], NLDDIconButton.prototype, "size", void 0);
202
+ __decorate([
203
+ property({ type: Boolean, reflect: true })
204
+ ], NLDDIconButton.prototype, "loading", void 0);
191
205
  __decorate([
192
206
  property({ type: Boolean, reflect: true })
193
207
  ], NLDDIconButton.prototype, "disabled", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAmR5B,CAAC"}
1
+ {"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBAuT5B,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { css } from 'lit';
2
+ import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
2
3
  export const iconButtonStyles = css `
3
4
 
4
5
 
@@ -19,8 +20,11 @@ export const iconButtonStyles = css `
19
20
  --_disclosure-icon-margin-right: calc(var(--primitives-space-2) * -1);
20
21
  --_disclosure-icon-size: var(--primitives-space-20);
21
22
  --_text-display: none;
23
+ --_text-font: var(--primitives-font-body-xxs-medium-flat);
22
24
 
25
+ ${inheritedTextReset}
23
26
  display: inline-block;
27
+ position: relative;
24
28
  max-width: 100%;
25
29
  user-select: none;
26
30
  -webkit-tap-highlight-color: transparent;
@@ -213,7 +217,9 @@ export const iconButtonStyles = css `
213
217
  }
214
218
 
215
219
  @media (prefers-reduced-motion: reduce) {
216
- .icon-button {
220
+ .icon-button,
221
+ .icon-button__icon-area,
222
+ .icon-button__text {
217
223
  transition: none;
218
224
  }
219
225
  }
@@ -240,6 +246,11 @@ export const iconButtonStyles = css `
240
246
  color: var(--_is-active-content-color);
241
247
  }
242
248
 
249
+ /* Loading keeps the control focusable (not disabled); activation is blocked in JS. */
250
+ :host([loading]) .icon-button {
251
+ cursor: default;
252
+ }
253
+
243
254
 
244
255
  /* # Elements */
245
256
 
@@ -248,6 +259,14 @@ export const iconButtonStyles = css `
248
259
  flex-direction: row;
249
260
  align-items: center;
250
261
  justify-content: center;
262
+ transition: opacity var(--primitives-transition-duration-slow) var(--primitives-transition-easing-default);
263
+ }
264
+
265
+ /* Loading crossfades the content out (opacity, not visibility, so the control
266
+ keeps its accessible name) while the indicator fades in. The content stays
267
+ laid out, so the control keeps its size. */
268
+ :host([loading]) .icon-button__icon-area {
269
+ opacity: 0;
251
270
  }
252
271
 
253
272
  .icon-button__icon {
@@ -271,8 +290,26 @@ export const iconButtonStyles = css `
271
290
  display: var(--_text-display);
272
291
  text-align: center;
273
292
  color: inherit;
274
- font: var(--primitives-font-body-xxs-bold-flat);
293
+ font: var(--_text-font);
275
294
  white-space: nowrap;
295
+ transition: opacity var(--primitives-transition-duration-slow) var(--primitives-transition-easing-default);
296
+ }
297
+
298
+ :host([loading]) .icon-button__text {
299
+ opacity: 0;
300
+ }
301
+
302
+ /* Wrapper overlaid on the control, positioned against the host (which is
303
+ position:relative). It lives outside the <button>/<a> and the tooltip
304
+ wrapper so the indicator's role="status" live region works reliably. The
305
+ activity-indicator inside fills it and centres its circle, which inherits
306
+ the content color via currentColor. */
307
+ .icon-button__activity-indicator {
308
+ position: absolute;
309
+ inset: 0;
310
+ /* Re-establish the content color here: the indicator lives outside
311
+ .icon-button now, so its currentColor stroke can no longer inherit it. */
312
+ color: var(--_content-color);
276
313
  }
277
314
  `;
278
315
  //# sourceMappingURL=icon-button.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmRlC,CAAC"}
1
+ {"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;IAsB/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiSrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,kCAAkC,CAAC;AAsB1C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,cAAc,wCAmE5C"}
1
+ {"version":3,"file":"icon-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,kCAAkC,CAAC;AAsB1C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,cAAc,wCA+F5C"}