@daffodil/design 0.74.0 → 0.76.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (627) hide show
  1. package/accordion/accordion/accordion/accordion.component.d.ts +3 -19
  2. package/article/README.md +19 -13
  3. package/article/examples/article-blockquote/article-blockquote.component.d.ts +1 -1
  4. package/article/examples/article-code-block/article-code-block.component.d.ts +1 -1
  5. package/article/examples/article-code-inline/article-code-inline.component.d.ts +1 -1
  6. package/article/examples/article-headings/article-headings.component.d.ts +1 -1
  7. package/article/examples/article-hr/article-hr.component.d.ts +1 -1
  8. package/article/examples/article-link/article-link.component.d.ts +1 -1
  9. package/article/examples/article-meta/article-meta.component.d.ts +1 -1
  10. package/article/examples/article-ol/article-ol.component.d.ts +1 -1
  11. package/article/examples/article-table/article-table.component.d.ts +1 -1
  12. package/article/examples/article-ul/article-ul.component.d.ts +1 -1
  13. package/article/examples/public_api.d.ts +0 -1
  14. package/article/src/article-theme.scss +18 -8
  15. package/breadcrumb/README.md +52 -0
  16. package/breadcrumb/breadcrumb/breadcrumb.component.d.ts +7 -0
  17. package/breadcrumb/breadcrumb-item/breadcrumb-item.directive.d.ts +9 -0
  18. package/breadcrumb/breadcrumb.d.ts +3 -0
  19. package/breadcrumb/breadcrumb.module.d.ts +9 -0
  20. package/breadcrumb/examples/basic-breadcrumb/basic-breadcrumb.component.d.ts +5 -0
  21. package/breadcrumb/examples/index.d.ts +1 -0
  22. package/breadcrumb/examples/public_api.d.ts +2 -0
  23. package/breadcrumb/index.d.ts +1 -0
  24. package/breadcrumb/public_api.d.ts +4 -0
  25. package/breadcrumb/src/breadcrumb-theme.scss +13 -0
  26. package/button/button/button-sizable.directive.d.ts +10 -0
  27. package/button/button/button.component.d.ts +17 -27
  28. package/button/examples/basic-button/basic-button.component.d.ts +1 -1
  29. package/button/examples/flat-button/flat-button.component.d.ts +1 -1
  30. package/button/examples/icon-button/icon-button.component.d.ts +1 -1
  31. package/button/examples/public_api.d.ts +0 -8
  32. package/button/examples/raised-button/raised-button.component.d.ts +1 -1
  33. package/button/examples/sizeable-button/sizeable-button.component.d.ts +1 -1
  34. package/button/examples/statusable-button/statusable-button.component.d.ts +1 -1
  35. package/button/examples/stroked-button/stroked-button.component.d.ts +1 -1
  36. package/button/examples/underline-button/underline-button.component.d.ts +1 -1
  37. package/button/public_api.d.ts +1 -0
  38. package/callout/callout/callout.component.d.ts +6 -38
  39. package/callout/examples/callout-text-alignment/callout-text-alignment.component.d.ts +1 -1
  40. package/callout/examples/callout-theming/callout-theming.component.d.ts +1 -1
  41. package/callout/examples/callout-with-grid/callout-with-grid.component.d.ts +1 -1
  42. package/callout/examples/compact-callout/compact-callout.component.d.ts +1 -1
  43. package/callout/examples/public_api.d.ts +0 -4
  44. package/card/card/card.component.d.ts +3 -21
  45. package/card/examples/basic-card/basic-card.component.d.ts +1 -1
  46. package/card/examples/card-orientation/card-orientation.component.d.ts +1 -1
  47. package/card/examples/card-theming/card-theming.component.d.ts +1 -1
  48. package/card/examples/linkable-card/linkable-card.component.d.ts +1 -1
  49. package/card/examples/public_api.d.ts +0 -6
  50. package/card/examples/raised-card/raised-card.component.d.ts +1 -1
  51. package/card/examples/stroked-card/stroked-card.component.d.ts +1 -1
  52. package/checkbox/examples/basic-checkbox/basic-checkbox.component.d.ts +1 -1
  53. package/checkbox/examples/checkbox-set/checkbox-set.component.d.ts +1 -1
  54. package/checkbox/examples/examples.d.ts +0 -2
  55. package/checkbox/examples/public_api.d.ts +0 -1
  56. package/container/container/container.component.d.ts +3 -22
  57. package/container/examples/container-sizes/container-sizes.component.d.ts +1 -1
  58. package/container/examples/public_api.d.ts +0 -1
  59. package/core/article-encapsulated/article-encapsulated.directive.d.ts +31 -0
  60. package/core/article-encapsulated/public_api.d.ts +1 -1
  61. package/core/breakpoints/noop.service.d.ts +13 -0
  62. package/core/breakpoints/provider.d.ts +6 -0
  63. package/core/breakpoints/public_api.d.ts +3 -0
  64. package/core/colorable/colorable.d.ts +36 -2
  65. package/core/colorable/colorable.directive.d.ts +82 -0
  66. package/core/colorable/public_api.d.ts +1 -1
  67. package/core/compactable/compactable.directive.d.ts +54 -0
  68. package/core/compactable/public_api.d.ts +1 -1
  69. package/core/manage-container-layout/manage-container-layout.directive.d.ts +66 -0
  70. package/core/manage-container-layout/public_api.d.ts +1 -1
  71. package/core/public_api.d.ts +1 -1
  72. package/core/sizable/public_api.d.ts +1 -1
  73. package/core/sizable/sizable.d.ts +4 -2
  74. package/core/sizable/sizable.directive.d.ts +81 -0
  75. package/core/skeletonable/public_api.d.ts +1 -1
  76. package/core/skeletonable/skeletonable.d.ts +0 -1
  77. package/core/skeletonable/skeletonable.directive.d.ts +50 -0
  78. package/core/statusable/public_api.d.ts +1 -1
  79. package/core/statusable/statusable.d.ts +16 -0
  80. package/core/statusable/statusable.directive.d.ts +65 -0
  81. package/core/text-alignable/public_api.d.ts +1 -1
  82. package/core/text-alignable/text-alignable.d.ts +1 -2
  83. package/core/text-alignable/text-alignable.directive.d.ts +73 -0
  84. package/esm2022/accordion/accordion/accordion/accordion.component.mjs +11 -23
  85. package/esm2022/article/article/article.component.mjs +2 -2
  86. package/esm2022/article/examples/article-blockquote/article-blockquote.component.mjs +4 -3
  87. package/esm2022/article/examples/article-code-block/article-code-block.component.mjs +4 -3
  88. package/esm2022/article/examples/article-code-inline/article-code-inline.component.mjs +4 -3
  89. package/esm2022/article/examples/article-headings/article-headings.component.mjs +3 -3
  90. package/esm2022/article/examples/article-hr/article-hr.component.mjs +4 -3
  91. package/esm2022/article/examples/article-link/article-link.component.mjs +4 -3
  92. package/esm2022/article/examples/article-meta/article-meta.component.mjs +4 -3
  93. package/esm2022/article/examples/article-ol/article-ol.component.mjs +4 -3
  94. package/esm2022/article/examples/article-table/article-table.component.mjs +4 -3
  95. package/esm2022/article/examples/article-ul/article-ul.component.mjs +4 -3
  96. package/esm2022/article/examples/public_api.mjs +1 -2
  97. package/esm2022/breadcrumb/breadcrumb/breadcrumb.component.mjs +25 -0
  98. package/esm2022/breadcrumb/breadcrumb-item/breadcrumb-item.directive.mjs +33 -0
  99. package/esm2022/breadcrumb/breadcrumb.mjs +7 -0
  100. package/esm2022/breadcrumb/breadcrumb.module.mjs +26 -0
  101. package/esm2022/breadcrumb/daffodil-design-breadcrumb.mjs +5 -0
  102. package/esm2022/breadcrumb/examples/basic-breadcrumb/basic-breadcrumb.component.mjs +15 -0
  103. package/esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs +5 -0
  104. package/esm2022/breadcrumb/examples/index.mjs +2 -0
  105. package/esm2022/breadcrumb/examples/public_api.mjs +5 -0
  106. package/esm2022/breadcrumb/index.mjs +2 -0
  107. package/esm2022/breadcrumb/public_api.mjs +5 -0
  108. package/esm2022/button/button/button-sizable.directive.mjs +14 -0
  109. package/esm2022/button/button/button.component.mjs +32 -10
  110. package/esm2022/button/examples/basic-button/basic-button.component.mjs +10 -4
  111. package/esm2022/button/examples/flat-button/flat-button.component.mjs +10 -4
  112. package/esm2022/button/examples/icon-button/icon-button.component.mjs +5 -4
  113. package/esm2022/button/examples/public_api.mjs +1 -9
  114. package/esm2022/button/examples/raised-button/raised-button.component.mjs +10 -4
  115. package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +5 -4
  116. package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +5 -4
  117. package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +10 -4
  118. package/esm2022/button/examples/underline-button/underline-button.component.mjs +10 -4
  119. package/esm2022/button/public_api.mjs +2 -1
  120. package/esm2022/callout/callout/callout.component.mjs +28 -22
  121. package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +20 -10
  122. package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +17 -9
  123. package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +12 -4
  124. package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +12 -4
  125. package/esm2022/callout/examples/public_api.mjs +1 -5
  126. package/esm2022/card/card/card.component.mjs +12 -16
  127. package/esm2022/card/examples/basic-card/basic-card.component.mjs +12 -4
  128. package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +20 -10
  129. package/esm2022/card/examples/card-theming/card-theming.component.mjs +11 -6
  130. package/esm2022/card/examples/linkable-card/linkable-card.component.mjs +15 -8
  131. package/esm2022/card/examples/public_api.mjs +1 -7
  132. package/esm2022/card/examples/raised-card/raised-card.component.mjs +15 -8
  133. package/esm2022/card/examples/stroked-card/stroked-card.component.mjs +15 -8
  134. package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +12 -6
  135. package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +12 -7
  136. package/esm2022/checkbox/examples/examples.mjs +1 -7
  137. package/esm2022/checkbox/examples/public_api.mjs +1 -2
  138. package/esm2022/container/container/container.component.mjs +15 -22
  139. package/esm2022/container/examples/container-sizes/container-sizes.component.mjs +11 -6
  140. package/esm2022/container/examples/public_api.mjs +1 -2
  141. package/esm2022/core/article-encapsulated/article-encapsulated.directive.mjs +45 -0
  142. package/esm2022/core/article-encapsulated/public_api.mjs +2 -2
  143. package/esm2022/core/breakpoints/noop.service.mjs +25 -0
  144. package/esm2022/core/breakpoints/provider.mjs +13 -0
  145. package/esm2022/core/breakpoints/public_api.mjs +4 -0
  146. package/esm2022/core/colorable/colorable.directive.mjs +104 -0
  147. package/esm2022/core/colorable/colorable.mjs +37 -2
  148. package/esm2022/core/colorable/public_api.mjs +2 -2
  149. package/esm2022/core/compactable/compactable.directive.mjs +70 -0
  150. package/esm2022/core/compactable/public_api.mjs +2 -2
  151. package/esm2022/core/manage-container-layout/manage-container-layout.directive.mjs +80 -0
  152. package/esm2022/core/manage-container-layout/public_api.mjs +2 -2
  153. package/esm2022/core/public_api.mjs +2 -2
  154. package/esm2022/core/sizable/public_api.mjs +2 -2
  155. package/esm2022/core/sizable/sizable.directive.mjs +96 -0
  156. package/esm2022/core/sizable/sizable.mjs +2 -3
  157. package/esm2022/core/skeletonable/public_api.mjs +2 -2
  158. package/esm2022/core/skeletonable/skeletonable.directive.mjs +66 -0
  159. package/esm2022/core/skeletonable/skeletonable.mjs +1 -1
  160. package/esm2022/core/statusable/public_api.mjs +2 -2
  161. package/esm2022/core/statusable/statusable.directive.mjs +77 -0
  162. package/esm2022/core/statusable/statusable.mjs +4 -1
  163. package/esm2022/core/text-alignable/public_api.mjs +2 -2
  164. package/esm2022/core/text-alignable/text-alignable.directive.mjs +84 -0
  165. package/esm2022/core/text-alignable/text-alignable.mjs +1 -1
  166. package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +10 -4
  167. package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +20 -10
  168. package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +15 -8
  169. package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +12 -4
  170. package/esm2022/hero/examples/public_api.mjs +1 -5
  171. package/esm2022/hero/hero/hero.component.mjs +28 -22
  172. package/esm2022/image/examples/basic-image/basic-image.component.mjs +4 -3
  173. package/esm2022/image/examples/load-image/load-image.component.mjs +6 -5
  174. package/esm2022/image/examples/public_api.mjs +4 -7
  175. package/esm2022/image/examples/skeleton-image/skeleton-image.component.mjs +4 -3
  176. package/esm2022/image/image/image.component.mjs +14 -23
  177. package/esm2022/input/examples/basic-input/basic-input.component.mjs +4 -3
  178. package/esm2022/input/examples/examples.mjs +5 -9
  179. package/esm2022/input/examples/input-disabled/input-disabled.component.mjs +4 -3
  180. package/esm2022/input/examples/input-error/input-error.component.mjs +9 -4
  181. package/esm2022/input/examples/input-with-form-field/input-with-form-field.component.mjs +4 -3
  182. package/esm2022/link-set/link-set/link-set.component.mjs +12 -22
  183. package/esm2022/list/examples/basic-list/basic-list.component.mjs +4 -3
  184. package/esm2022/list/examples/icon-list/icon-list.component.mjs +10 -4
  185. package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +4 -3
  186. package/esm2022/list/examples/nav-list/nav-list.component.mjs +10 -4
  187. package/esm2022/list/examples/public_api.mjs +1 -2
  188. package/esm2022/list/list/list.component.mjs +12 -21
  189. package/esm2022/loading-icon/examples/examples.mjs +1 -3
  190. package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +12 -7
  191. package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +4 -3
  192. package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +21 -28
  193. package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +7 -5
  194. package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +7 -5
  195. package/esm2022/media-gallery/examples/public_api.mjs +1 -4
  196. package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +7 -5
  197. package/esm2022/media-gallery/media-gallery/media-gallery.component.mjs +17 -23
  198. package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +5 -3
  199. package/esm2022/menu/examples/basic-menu/menu-content/menu-content.component.mjs +5 -4
  200. package/esm2022/menu/examples/public_api.mjs +2 -3
  201. package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +6 -5
  202. package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +5 -3
  203. package/esm2022/modal/examples/public_api.mjs +2 -3
  204. package/esm2022/modal/modal/modal-config.mjs +1 -1
  205. package/esm2022/modal/modal/modal.component.mjs +42 -6
  206. package/esm2022/modal/modal-actions/modal-actions.component.mjs +15 -5
  207. package/esm2022/modal/modal-close/modal-close.directive.mjs +47 -0
  208. package/esm2022/modal/modal-content/modal-content.component.mjs +15 -5
  209. package/esm2022/modal/modal-header/modal-header.component.mjs +16 -4
  210. package/esm2022/modal/modal-title/modal-title.directive.mjs +33 -6
  211. package/esm2022/modal/modal.module.mjs +18 -5
  212. package/esm2022/modal/public_api.mjs +2 -1
  213. package/esm2022/modal/service/modal.service.mjs +6 -2
  214. package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +5 -3
  215. package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +12 -5
  216. package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +15 -8
  217. package/esm2022/navbar/examples/public_api.mjs +1 -5
  218. package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +5 -3
  219. package/esm2022/navbar/navbar/navbar.component.mjs +22 -28
  220. package/esm2022/notification/examples/default-notification/default-notification.component.mjs +16 -8
  221. package/esm2022/notification/examples/dismissible-notification/dismissible-notification.component.mjs +14 -7
  222. package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +15 -6
  223. package/esm2022/notification/examples/notification-status/notification-status.component.mjs +19 -9
  224. package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +14 -8
  225. package/esm2022/notification/examples/public_api.mjs +6 -11
  226. package/esm2022/notification/notification/notification.component.mjs +31 -36
  227. package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs +6 -3
  228. package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs +8 -4
  229. package/esm2022/paginator/examples/public_api.mjs +1 -2
  230. package/esm2022/paginator/paginator/paginator.component.mjs +1 -1
  231. package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.component.mjs +4 -3
  232. package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.mjs +4 -3
  233. package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.mjs +5 -4
  234. package/esm2022/progress-bar/examples/public_api.mjs +4 -7
  235. package/esm2022/progress-bar/progress-bar.component.mjs +18 -23
  236. package/esm2022/public_api.mjs +1 -3
  237. package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.mjs +11 -6
  238. package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.mjs +11 -6
  239. package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.mjs +11 -6
  240. package/esm2022/quantity-field/examples/public_api.mjs +1 -5
  241. package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.mjs +11 -6
  242. package/esm2022/radio/examples/basic-radio/basic-radio.component.mjs +5 -4
  243. package/esm2022/radio/examples/examples.mjs +1 -5
  244. package/esm2022/radio/examples/public_api.mjs +1 -2
  245. package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +4 -3
  246. package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +15 -8
  247. package/esm2022/sidebar/examples/public_api.mjs +5 -9
  248. package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.mjs +5 -3
  249. package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.mjs +4 -3
  250. package/esm2022/sidebar/helper/is-docked-mode.mjs +9 -0
  251. package/esm2022/sidebar/helper/is-floating-mode.mjs +9 -0
  252. package/esm2022/sidebar/public_api.mjs +5 -1
  253. package/esm2022/sidebar/service/registration.type.mjs +2 -0
  254. package/esm2022/sidebar/service/sidebar.service.mjs +36 -0
  255. package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +3 -3
  256. package/esm2022/toast/examples/default-toast/default-toast.component.mjs +4 -3
  257. package/esm2022/toast/examples/public_api.mjs +5 -9
  258. package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +22 -5
  259. package/esm2022/toast/examples/toast-status/toast-status.component.mjs +5 -4
  260. package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +4 -3
  261. package/esm2022/toast/toast/toast-template.component.mjs +2 -2
  262. package/esm2022/toast/toast/toast.component.mjs +16 -22
  263. package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +6 -5
  264. package/esm2022/tree/examples/public_api.mjs +1 -2
  265. package/esm2022/tree/tree/tree.component.mjs +13 -23
  266. package/esm2022/tree/tree-item/tree-item.directive.mjs +3 -3
  267. package/fesm2022/daffodil-design-accordion.mjs +9 -21
  268. package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
  269. package/fesm2022/daffodil-design-article-examples.mjs +22 -43
  270. package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
  271. package/fesm2022/daffodil-design-article.mjs +2 -2
  272. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  273. package/fesm2022/daffodil-design-breadcrumb-examples.mjs +26 -0
  274. package/fesm2022/daffodil-design-breadcrumb-examples.mjs.map +1 -0
  275. package/fesm2022/daffodil-design-breadcrumb.mjs +90 -0
  276. package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -0
  277. package/fesm2022/daffodil-design-button-examples.mjs +41 -205
  278. package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
  279. package/fesm2022/daffodil-design-button.mjs +42 -11
  280. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  281. package/fesm2022/daffodil-design-callout-examples.mjs +29 -130
  282. package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
  283. package/fesm2022/daffodil-design-callout.mjs +25 -20
  284. package/fesm2022/daffodil-design-callout.mjs.map +1 -1
  285. package/fesm2022/daffodil-design-card-examples.mjs +39 -209
  286. package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
  287. package/fesm2022/daffodil-design-card.mjs +11 -15
  288. package/fesm2022/daffodil-design-card.mjs.map +1 -1
  289. package/fesm2022/daffodil-design-checkbox-examples.mjs +14 -64
  290. package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
  291. package/fesm2022/daffodil-design-container-examples.mjs +9 -32
  292. package/fesm2022/daffodil-design-container-examples.mjs.map +1 -1
  293. package/fesm2022/daffodil-design-container.mjs +13 -20
  294. package/fesm2022/daffodil-design-container.mjs.map +1 -1
  295. package/fesm2022/daffodil-design-hero-examples.mjs +27 -136
  296. package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
  297. package/fesm2022/daffodil-design-hero.mjs +25 -20
  298. package/fesm2022/daffodil-design-hero.mjs.map +1 -1
  299. package/fesm2022/daffodil-design-image-examples.mjs +11 -75
  300. package/fesm2022/daffodil-design-image-examples.mjs.map +1 -1
  301. package/fesm2022/daffodil-design-image.mjs +12 -21
  302. package/fesm2022/daffodil-design-image.mjs.map +1 -1
  303. package/fesm2022/daffodil-design-input-examples.mjs +15 -94
  304. package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
  305. package/fesm2022/daffodil-design-link-set.mjs +10 -20
  306. package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
  307. package/fesm2022/daffodil-design-list-examples.mjs +20 -140
  308. package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
  309. package/fesm2022/daffodil-design-list.mjs +12 -21
  310. package/fesm2022/daffodil-design-list.mjs.map +1 -1
  311. package/fesm2022/daffodil-design-loading-icon-examples.mjs +10 -53
  312. package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
  313. package/fesm2022/daffodil-design-loading-icon.mjs +19 -26
  314. package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
  315. package/fesm2022/daffodil-design-media-gallery-examples.mjs +10 -82
  316. package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
  317. package/fesm2022/daffodil-design-media-gallery.mjs +14 -20
  318. package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
  319. package/fesm2022/daffodil-design-menu-examples.mjs +10 -39
  320. package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
  321. package/fesm2022/daffodil-design-modal-examples.mjs +9 -34
  322. package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
  323. package/fesm2022/daffodil-design-modal.mjs +172 -23
  324. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  325. package/fesm2022/daffodil-design-navbar-examples.mjs +20 -113
  326. package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
  327. package/fesm2022/daffodil-design-navbar.mjs +20 -26
  328. package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
  329. package/fesm2022/daffodil-design-notification-examples.mjs +41 -164
  330. package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
  331. package/fesm2022/daffodil-design-notification.mjs +29 -34
  332. package/fesm2022/daffodil-design-notification.mjs.map +1 -1
  333. package/fesm2022/daffodil-design-paginator-examples.mjs +12 -28
  334. package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
  335. package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
  336. package/fesm2022/daffodil-design-progress-bar-examples.mjs +10 -73
  337. package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
  338. package/fesm2022/daffodil-design-progress-bar.mjs +16 -21
  339. package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
  340. package/fesm2022/daffodil-design-quantity-field-examples.mjs +25 -126
  341. package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
  342. package/fesm2022/daffodil-design-radio-examples.mjs +4 -31
  343. package/fesm2022/daffodil-design-radio-examples.mjs.map +1 -1
  344. package/fesm2022/daffodil-design-sidebar-examples.mjs +22 -130
  345. package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
  346. package/fesm2022/daffodil-design-sidebar.mjs +57 -5
  347. package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
  348. package/fesm2022/daffodil-design-toast-examples.mjs +20 -142
  349. package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
  350. package/fesm2022/daffodil-design-toast.mjs +15 -21
  351. package/fesm2022/daffodil-design-toast.mjs.map +1 -1
  352. package/fesm2022/daffodil-design-tree-examples.mjs +6 -34
  353. package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
  354. package/fesm2022/daffodil-design-tree.mjs +13 -23
  355. package/fesm2022/daffodil-design-tree.mjs.map +1 -1
  356. package/fesm2022/daffodil-design.mjs +643 -199
  357. package/fesm2022/daffodil-design.mjs.map +1 -1
  358. package/hero/examples/compact-hero/compact-hero.component.d.ts +1 -1
  359. package/hero/examples/hero-text-alignment/hero-text-alignment.component.d.ts +1 -1
  360. package/hero/examples/hero-theming/hero-theming.component.d.ts +1 -1
  361. package/hero/examples/hero-with-grid/hero-with-grid.component.d.ts +1 -1
  362. package/hero/examples/public_api.d.ts +0 -4
  363. package/hero/hero/hero.component.d.ts +6 -38
  364. package/image/examples/basic-image/basic-image.component.d.ts +1 -1
  365. package/image/examples/load-image/load-image.component.d.ts +1 -1
  366. package/image/examples/public_api.d.ts +2 -2
  367. package/image/examples/skeleton-image/skeleton-image.component.d.ts +1 -1
  368. package/image/image/image.component.d.ts +5 -22
  369. package/input/examples/basic-input/basic-input.component.d.ts +1 -1
  370. package/input/examples/examples.d.ts +2 -2
  371. package/input/examples/input-disabled/input-disabled.component.d.ts +1 -1
  372. package/input/examples/input-error/input-error.component.d.ts +1 -1
  373. package/input/examples/input-with-form-field/input-with-form-field.component.d.ts +1 -1
  374. package/link-set/link-set/link-set.component.d.ts +3 -22
  375. package/list/examples/basic-list/basic-list.component.d.ts +1 -1
  376. package/list/examples/icon-list/icon-list.component.d.ts +1 -1
  377. package/list/examples/multiline-list/multiline-list.component.d.ts +1 -1
  378. package/list/examples/nav-list/nav-list.component.d.ts +1 -1
  379. package/list/examples/public_api.d.ts +0 -1
  380. package/list/list/list.component.d.ts +5 -18
  381. package/loading-icon/examples/examples.d.ts +0 -2
  382. package/loading-icon/examples/loading-icon-color/loading-icon-color.component.d.ts +1 -1
  383. package/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.d.ts +1 -1
  384. package/loading-icon/loading-icon/loading-icon.component.d.ts +3 -22
  385. package/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.d.ts +1 -1
  386. package/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.d.ts +1 -1
  387. package/media-gallery/examples/public_api.d.ts +0 -3
  388. package/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.d.ts +1 -1
  389. package/media-gallery/media-gallery/media-gallery.component.d.ts +5 -25
  390. package/menu/examples/basic-menu/basic-menu.component.d.ts +1 -1
  391. package/menu/examples/basic-menu/menu-content/menu-content.component.d.ts +1 -1
  392. package/menu/examples/public_api.d.ts +2 -2
  393. package/modal/README.md +33 -35
  394. package/modal/examples/basic-modal/basic-modal.component.d.ts +1 -1
  395. package/modal/examples/basic-modal/modal-content.component.d.ts +1 -1
  396. package/modal/examples/public_api.d.ts +2 -2
  397. package/modal/modal/modal-config.d.ts +2 -0
  398. package/modal/modal/modal.component.d.ts +17 -1
  399. package/modal/modal-actions/modal-actions.component.d.ts +1 -0
  400. package/modal/modal-close/modal-close.directive.d.ts +24 -0
  401. package/modal/modal-content/modal-content.component.d.ts +1 -0
  402. package/modal/modal-header/modal-header.component.d.ts +6 -1
  403. package/modal/modal-title/modal-title.directive.d.ts +12 -1
  404. package/modal/modal.module.d.ts +7 -4
  405. package/modal/public_api.d.ts +1 -0
  406. package/navbar/examples/basic-navbar/basic-navbar.component.d.ts +1 -1
  407. package/navbar/examples/contained-navbar/contained-navbar.component.d.ts +1 -1
  408. package/navbar/examples/navbar-theming/navbar-theming.component.d.ts +1 -1
  409. package/navbar/examples/public_api.d.ts +0 -4
  410. package/navbar/examples/raised-navbar/raised-navbar.component.d.ts +1 -1
  411. package/navbar/navbar/navbar.component.d.ts +3 -25
  412. package/notification/examples/default-notification/default-notification.component.d.ts +1 -1
  413. package/notification/examples/dismissible-notification/dismissible-notification.component.d.ts +1 -1
  414. package/notification/examples/notification-orientations/notification-orientations.component.d.ts +1 -1
  415. package/notification/examples/notification-status/notification-status.component.d.ts +1 -1
  416. package/notification/examples/notification-with-actions/notification-with-actions.component.d.ts +1 -1
  417. package/notification/examples/public_api.d.ts +6 -2
  418. package/notification/notification/notification.component.d.ts +7 -25
  419. package/notification/src/notification-theme.scss +1 -1
  420. package/package.json +1 -1
  421. package/paginator/examples/basic-paginator/basic-paginator.component.d.ts +1 -1
  422. package/paginator/examples/link-paginator/link-paginator.component.d.ts +1 -1
  423. package/paginator/examples/public_api.d.ts +0 -1
  424. package/progress-bar/examples/progress-bar-default/progress-bar-default.component.d.ts +1 -1
  425. package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.d.ts +1 -1
  426. package/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.d.ts +1 -1
  427. package/progress-bar/examples/public_api.d.ts +2 -2
  428. package/progress-bar/progress-bar.component.d.ts +7 -22
  429. package/public_api.d.ts +0 -1
  430. package/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.d.ts +1 -1
  431. package/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.d.ts +1 -1
  432. package/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.d.ts +1 -1
  433. package/quantity-field/examples/public_api.d.ts +0 -4
  434. package/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.d.ts +1 -1
  435. package/radio/examples/basic-radio/basic-radio.component.d.ts +1 -1
  436. package/radio/examples/examples.d.ts +0 -2
  437. package/radio/examples/public_api.d.ts +0 -1
  438. package/scss/state/skeleton/_mixins.scss +1 -1
  439. package/scss/theme.scss +2 -0
  440. package/scss/theming/_theme-css-variables.scss +1 -1
  441. package/sidebar/examples/basic-sidebar/basic-sidebar.component.d.ts +1 -1
  442. package/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.d.ts +1 -1
  443. package/sidebar/examples/public_api.d.ts +2 -2
  444. package/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.d.ts +1 -1
  445. package/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.d.ts +1 -1
  446. package/sidebar/helper/is-docked-mode.d.ts +5 -0
  447. package/sidebar/helper/is-floating-mode.d.ts +5 -0
  448. package/sidebar/public_api.d.ts +4 -0
  449. package/sidebar/service/registration.type.d.ts +11 -0
  450. package/sidebar/service/sidebar.service.d.ts +25 -0
  451. package/toast/examples/default-toast/default-toast.component.d.ts +1 -1
  452. package/toast/examples/public_api.d.ts +5 -2
  453. package/toast/examples/toast-positions/toast-positions.component.d.ts +1 -1
  454. package/toast/examples/toast-status/toast-status.component.d.ts +1 -1
  455. package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.d.ts +1 -1
  456. package/toast/toast/toast.component.d.ts +7 -25
  457. package/tree/examples/basic-tree/basic-tree.component.d.ts +1 -1
  458. package/tree/examples/public_api.d.ts +0 -1
  459. package/tree/tree/tree.component.d.ts +5 -19
  460. package/article/examples/article-examples.module.d.ts +0 -18
  461. package/button/examples/basic-button/basic-button.module.d.ts +0 -9
  462. package/button/examples/flat-button/flat-button.module.d.ts +0 -9
  463. package/button/examples/icon-button/icon-button.module.d.ts +0 -9
  464. package/button/examples/raised-button/raised-button.module.d.ts +0 -9
  465. package/button/examples/sizeable-button/sizeable-button.module.d.ts +0 -9
  466. package/button/examples/statusable-button/statusable-button.module.d.ts +0 -9
  467. package/button/examples/stroked-button/stroked-button.module.d.ts +0 -9
  468. package/button/examples/underline-button/underline-button.module.d.ts +0 -9
  469. package/callout/examples/callout-text-alignment/callout-text-alignment.module.d.ts +0 -13
  470. package/callout/examples/callout-theming/callout-theming.module.d.ts +0 -12
  471. package/callout/examples/callout-with-grid/callout-with-grid.module.d.ts +0 -13
  472. package/callout/examples/compact-callout/compact-callout.module.d.ts +0 -12
  473. package/card/examples/basic-card/basic-card.module.d.ts +0 -12
  474. package/card/examples/card-orientation/card-orientation.module.d.ts +0 -13
  475. package/card/examples/card-theming/card-theming.module.d.ts +0 -11
  476. package/card/examples/linkable-card/linkable-card.module.d.ts +0 -13
  477. package/card/examples/raised-card/raised-card.module.d.ts +0 -12
  478. package/card/examples/stroked-card/stroked-card.module.d.ts +0 -13
  479. package/checkbox/examples/basic-checkbox/basic-checkbox.module.d.ts +0 -10
  480. package/checkbox/examples/checkbox-set/checkbox-set.module.d.ts +0 -10
  481. package/container/examples/container-sizes/container-sizes.module.d.ts +0 -10
  482. package/core/article-encapsulated/article-encapsulated-mixin.d.ts +0 -15
  483. package/core/colorable/color-in-palette.d.ts +0 -1
  484. package/core/colorable/colorable-enum.d.ts +0 -10
  485. package/core/colorable/colorable-mixin.d.ts +0 -23
  486. package/core/compactable/compactable-mixin.d.ts +0 -14
  487. package/core/manage-container-layout/manage-container-layout-mixin.d.ts +0 -17
  488. package/core/sizable/sizable-mixin.d.ts +0 -15
  489. package/core/skeletonable/skeletonable-mixin.d.ts +0 -15
  490. package/core/statusable/statusable-mixin.d.ts +0 -16
  491. package/core/text-alignable/text-alignable-mixin.d.ts +0 -19
  492. package/esm2022/article/examples/article-examples.module.mjs +0 -35
  493. package/esm2022/button/examples/basic-button/basic-button.module.mjs +0 -28
  494. package/esm2022/button/examples/flat-button/flat-button.module.mjs +0 -28
  495. package/esm2022/button/examples/icon-button/icon-button.module.mjs +0 -28
  496. package/esm2022/button/examples/raised-button/raised-button.module.mjs +0 -28
  497. package/esm2022/button/examples/sizeable-button/sizeable-button.module.mjs +0 -28
  498. package/esm2022/button/examples/statusable-button/statusable-button.module.mjs +0 -28
  499. package/esm2022/button/examples/stroked-button/stroked-button.module.mjs +0 -28
  500. package/esm2022/button/examples/underline-button/underline-button.module.mjs +0 -28
  501. package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.module.mjs +0 -41
  502. package/esm2022/callout/examples/callout-theming/callout-theming.module.mjs +0 -37
  503. package/esm2022/callout/examples/callout-with-grid/callout-with-grid.module.mjs +0 -41
  504. package/esm2022/callout/examples/compact-callout/compact-callout.module.mjs +0 -37
  505. package/esm2022/card/examples/basic-card/basic-card.module.mjs +0 -40
  506. package/esm2022/card/examples/card-orientation/card-orientation.module.mjs +0 -44
  507. package/esm2022/card/examples/card-theming/card-theming.module.mjs +0 -36
  508. package/esm2022/card/examples/linkable-card/linkable-card.module.mjs +0 -44
  509. package/esm2022/card/examples/raised-card/raised-card.module.mjs +0 -40
  510. package/esm2022/card/examples/stroked-card/stroked-card.module.mjs +0 -44
  511. package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.module.mjs +0 -33
  512. package/esm2022/checkbox/examples/checkbox-set/checkbox-set.module.mjs +0 -33
  513. package/esm2022/container/examples/container-sizes/container-sizes.module.mjs +0 -32
  514. package/esm2022/core/article-encapsulated/article-encapsulated-mixin.mjs +0 -12
  515. package/esm2022/core/colorable/color-in-palette.mjs +0 -5
  516. package/esm2022/core/colorable/colorable-enum.mjs +0 -12
  517. package/esm2022/core/colorable/colorable-mixin.mjs +0 -42
  518. package/esm2022/core/compactable/compactable-mixin.mjs +0 -26
  519. package/esm2022/core/manage-container-layout/manage-container-layout-mixin.mjs +0 -14
  520. package/esm2022/core/sizable/sizable-mixin.mjs +0 -31
  521. package/esm2022/core/skeletonable/skeletonable-mixin.mjs +0 -26
  522. package/esm2022/core/statusable/statusable-mixin.mjs +0 -32
  523. package/esm2022/core/text-alignable/text-alignable-mixin.mjs +0 -35
  524. package/esm2022/examples/examples.mjs +0 -2
  525. package/esm2022/examples/public_api.mjs +0 -2
  526. package/esm2022/hero/examples/compact-hero/compact-hero.module.mjs +0 -40
  527. package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.module.mjs +0 -41
  528. package/esm2022/hero/examples/hero-theming/hero-theming.module.mjs +0 -40
  529. package/esm2022/hero/examples/hero-with-grid/hero-with-grid.module.mjs +0 -41
  530. package/esm2022/image/examples/basic-image/basic-image.module.mjs +0 -24
  531. package/esm2022/image/examples/load-image/load-image.module.mjs +0 -28
  532. package/esm2022/image/examples/skeleton-image/skeleton-image.module.mjs +0 -24
  533. package/esm2022/input/examples/basic-input/basic-input.module.mjs +0 -24
  534. package/esm2022/input/examples/input-disabled/input-disabled.module.mjs +0 -24
  535. package/esm2022/input/examples/input-error/input-error.module.mjs +0 -28
  536. package/esm2022/input/examples/input-with-form-field/input-with-form-field.module.mjs +0 -24
  537. package/esm2022/list/examples/basic-list/basic-list.module.mjs +0 -28
  538. package/esm2022/list/examples/icon-list/icon-list.module.mjs +0 -32
  539. package/esm2022/list/examples/list-examples.module.mjs +0 -33
  540. package/esm2022/list/examples/multiline-list/multiline-list.module.mjs +0 -32
  541. package/esm2022/list/examples/nav-list/nav-list.module.mjs +0 -32
  542. package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.module.mjs +0 -32
  543. package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.module.mjs +0 -24
  544. package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.module.mjs +0 -29
  545. package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.mjs +0 -29
  546. package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.module.mjs +0 -29
  547. package/esm2022/menu/examples/basic-menu/basic-menu.module.mjs +0 -35
  548. package/esm2022/modal/examples/basic-modal/basic-modal.module.mjs +0 -31
  549. package/esm2022/navbar/examples/basic-navbar/basic-navbar.module.mjs +0 -33
  550. package/esm2022/navbar/examples/contained-navbar/contained-navbar.module.mjs +0 -33
  551. package/esm2022/navbar/examples/navbar-theming/navbar-theming.module.mjs +0 -33
  552. package/esm2022/navbar/examples/raised-navbar/raised-navbar.module.mjs +0 -29
  553. package/esm2022/notification/examples/default-notification/default-notification.module.mjs +0 -36
  554. package/esm2022/notification/examples/dismissible-notification/dismissible-notification.module.mjs +0 -36
  555. package/esm2022/notification/examples/notification-orientations/notification-orientations.module.mjs +0 -40
  556. package/esm2022/notification/examples/notification-status/notification-status.module.mjs +0 -40
  557. package/esm2022/notification/examples/notification-with-actions/notification-with-actions.module.mjs +0 -36
  558. package/esm2022/paginator/examples/paginator-examples.module.mjs +0 -27
  559. package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.module.mjs +0 -24
  560. package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.module.mjs +0 -24
  561. package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.module.mjs +0 -28
  562. package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.module.mjs +0 -35
  563. package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.module.mjs +0 -35
  564. package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.module.mjs +0 -35
  565. package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.module.mjs +0 -35
  566. package/esm2022/radio/examples/basic-radio/basic-radio.module.mjs +0 -29
  567. package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.module.mjs +0 -32
  568. package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.module.mjs +0 -44
  569. package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.module.mjs +0 -32
  570. package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.module.mjs +0 -28
  571. package/esm2022/toast/examples/default-toast/default-toast.module.mjs +0 -36
  572. package/esm2022/toast/examples/toast-positions/toast-positions.module.mjs +0 -57
  573. package/esm2022/toast/examples/toast-status/toast-status.module.mjs +0 -40
  574. package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.mjs +0 -32
  575. package/esm2022/tree/examples/basic-tree/basic-tree.module.mjs +0 -32
  576. package/examples/examples.d.ts +0 -12
  577. package/examples/public_api.d.ts +0 -1
  578. package/hero/examples/compact-hero/compact-hero.module.d.ts +0 -12
  579. package/hero/examples/hero-text-alignment/hero-text-alignment.module.d.ts +0 -13
  580. package/hero/examples/hero-theming/hero-theming.module.d.ts +0 -12
  581. package/hero/examples/hero-with-grid/hero-with-grid.module.d.ts +0 -13
  582. package/image/examples/basic-image/basic-image.module.d.ts +0 -8
  583. package/image/examples/load-image/load-image.module.d.ts +0 -9
  584. package/image/examples/skeleton-image/skeleton-image.module.d.ts +0 -8
  585. package/input/examples/basic-input/basic-input.module.d.ts +0 -8
  586. package/input/examples/input-disabled/input-disabled.module.d.ts +0 -8
  587. package/input/examples/input-error/input-error.module.d.ts +0 -9
  588. package/input/examples/input-with-form-field/input-with-form-field.module.d.ts +0 -8
  589. package/list/examples/basic-list/basic-list.module.d.ts +0 -9
  590. package/list/examples/icon-list/icon-list.module.d.ts +0 -10
  591. package/list/examples/list-examples.module.d.ts +0 -11
  592. package/list/examples/multiline-list/multiline-list.module.d.ts +0 -10
  593. package/list/examples/nav-list/nav-list.module.d.ts +0 -10
  594. package/loading-icon/examples/loading-icon-color/loading-icon-color.module.d.ts +0 -10
  595. package/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.module.d.ts +0 -8
  596. package/media-gallery/examples/basic-media-gallery/basic-media-gallery.module.d.ts +0 -9
  597. package/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.d.ts +0 -9
  598. package/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.module.d.ts +0 -9
  599. package/menu/examples/basic-menu/basic-menu.module.d.ts +0 -11
  600. package/modal/examples/basic-modal/basic-modal.module.d.ts +0 -10
  601. package/navbar/examples/basic-navbar/basic-navbar.module.d.ts +0 -11
  602. package/navbar/examples/contained-navbar/contained-navbar.module.d.ts +0 -11
  603. package/navbar/examples/navbar-theming/navbar-theming.module.d.ts +0 -11
  604. package/navbar/examples/raised-navbar/raised-navbar.module.d.ts +0 -10
  605. package/notification/examples/default-notification/default-notification.module.d.ts +0 -11
  606. package/notification/examples/dismissible-notification/dismissible-notification.module.d.ts +0 -11
  607. package/notification/examples/notification-orientations/notification-orientations.module.d.ts +0 -12
  608. package/notification/examples/notification-status/notification-status.module.d.ts +0 -12
  609. package/notification/examples/notification-with-actions/notification-with-actions.module.d.ts +0 -11
  610. package/paginator/examples/paginator-examples.module.d.ts +0 -10
  611. package/progress-bar/examples/progress-bar-default/progress-bar-default.module.d.ts +0 -8
  612. package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.module.d.ts +0 -8
  613. package/progress-bar/examples/progress-bar-themes/progress-bar-themes.module.d.ts +0 -9
  614. package/quantity-field/examples/basic-quantity-field/basic-quantity-field.module.d.ts +0 -10
  615. package/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.module.d.ts +0 -10
  616. package/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.module.d.ts +0 -10
  617. package/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.module.d.ts +0 -10
  618. package/radio/examples/basic-radio/basic-radio.module.d.ts +0 -9
  619. package/sidebar/examples/basic-sidebar/basic-sidebar.module.d.ts +0 -10
  620. package/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.module.d.ts +0 -13
  621. package/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.module.d.ts +0 -10
  622. package/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.module.d.ts +0 -9
  623. package/toast/examples/default-toast/default-toast.module.d.ts +0 -11
  624. package/toast/examples/toast-positions/toast-positions.module.d.ts +0 -12
  625. package/toast/examples/toast-status/toast-status.module.d.ts +0 -12
  626. package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.d.ts +0 -10
  627. package/tree/examples/basic-tree/basic-tree.module.d.ts +0 -10
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
2
2
  export declare class CompactCalloutComponent {
3
3
  faMobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<CompactCalloutComponent, never>;
5
- static ɵcmp: i0.ɵɵComponentDeclaration<CompactCalloutComponent, "compact-callout", never, {}, {}, never, never, false, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<CompactCalloutComponent, "compact-callout", never, {}, {}, never, never, true, never>;
6
6
  }
@@ -1,9 +1,5 @@
1
1
  export { CalloutThemingComponent } from './callout-theming/callout-theming.component';
2
- export { CalloutThemingModule } from './callout-theming/callout-theming.module';
3
2
  export { CalloutTextAlignmentComponent } from './callout-text-alignment/callout-text-alignment.component';
4
- export { CalloutTextAlignmentModule } from './callout-text-alignment/callout-text-alignment.module';
5
3
  export { CalloutWithGridComponent } from './callout-with-grid/callout-with-grid.component';
6
- export { CalloutWithGridModule } from './callout-with-grid/callout-with-grid.module';
7
4
  export { CompactCalloutComponent } from './compact-callout/compact-callout.component';
8
- export { CompactCalloutModule } from './compact-callout/compact-callout.module';
9
5
  export { CALLOUT_EXAMPLES } from './examples';
@@ -1,6 +1,6 @@
1
1
  import { ElementRef, Renderer2, OnInit } from '@angular/core';
2
- import { DaffColorable } from '@daffodil/design';
3
2
  import * as i0 from "@angular/core";
3
+ import * as i1 from "@daffodil/design";
4
4
  export type DaffCardType = null | 'daff-raised-card' | 'daff-stroked-card';
5
5
  /**
6
6
  * This attribute determines what orientation the the card contents are stacked.
@@ -10,27 +10,10 @@ export declare enum DaffCardOrientationEnum {
10
10
  Vertical = "vertical",
11
11
  Horizontal = "horizontal"
12
12
  }
13
- /**
14
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
15
- */
16
- declare class DaffCardBase {
17
- _elementRef: ElementRef;
18
- _renderer: Renderer2;
19
- constructor(_elementRef: ElementRef, _renderer: Renderer2);
20
- }
21
- declare const _daffCardBase: (new (...args: any[]) => {
22
- _elementRef: ElementRef<any>;
23
- _renderer: Renderer2;
24
- }) & (new (...args: any[]) => {
25
- _color: import("@daffodil/design").DaffPalette;
26
- color: import("@daffodil/design").DaffPalette;
27
- _elementRef: ElementRef<any>;
28
- _renderer: Renderer2;
29
- }) & typeof DaffCardBase;
30
13
  /**
31
14
  * @inheritdoc
32
15
  */
33
- export declare class DaffCardComponent extends _daffCardBase implements OnInit, DaffColorable {
16
+ export declare class DaffCardComponent implements OnInit {
34
17
  private elementRef;
35
18
  private renderer;
36
19
  private _orientation;
@@ -61,6 +44,5 @@ export declare class DaffCardComponent extends _daffCardBase implements OnInit,
61
44
  * */
62
45
  private _hasHostAttributes;
63
46
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffCardComponent, never>;
64
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffCardComponent, "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", never, { "color": { "alias": "color"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, {}, never, ["[daffCardImage]", "[daffCardIcon]", "[daffCardTagline]", "[daffCardTitle]", "[daffCardContent]", "[daffCardActions]"], false, never>;
47
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffCardComponent, "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", never, { "orientation": { "alias": "orientation"; "required": false; }; }, {}, never, ["[daffCardImage]", "[daffCardIcon]", "[daffCardTagline]", "[daffCardTitle]", "[daffCardContent]", "[daffCardActions]"], false, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
65
48
  }
66
- export {};
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
2
2
  export declare class BasicCardComponent {
3
3
  faMapMarked: import("@fortawesome/fontawesome-common-types").IconDefinition;
4
4
  static ɵfac: i0.ɵɵFactoryDeclaration<BasicCardComponent, never>;
5
- static ɵcmp: i0.ɵɵComponentDeclaration<BasicCardComponent, "basic-card", never, {}, {}, never, never, false, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<BasicCardComponent, "basic-card", never, {}, {}, never, never, true, never>;
6
6
  }
@@ -8,5 +8,5 @@ export declare class CardOrientationComponent {
8
8
  label: string;
9
9
  }[];
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<CardOrientationComponent, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<CardOrientationComponent, "card-orientation", never, {}, {}, never, never, false, never>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<CardOrientationComponent, "card-orientation", never, {}, {}, never, never, true, never>;
12
12
  }
@@ -7,5 +7,5 @@ export declare class CardThemingComponent {
7
7
  label: string;
8
8
  }[];
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<CardThemingComponent, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<CardThemingComponent, "card-theming", never, {}, {}, never, never, false, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<CardThemingComponent, "card-theming", never, {}, {}, never, never, true, never>;
11
11
  }
@@ -9,5 +9,5 @@ export declare class LinkableCardComponent {
9
9
  label: string;
10
10
  }[];
11
11
  static ɵfac: i0.ɵɵFactoryDeclaration<LinkableCardComponent, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<LinkableCardComponent, "linkable-card", never, {}, {}, never, never, false, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<LinkableCardComponent, "linkable-card", never, {}, {}, never, never, true, never>;
13
13
  }
@@ -1,14 +1,8 @@
1
1
  import { BasicCardComponent } from './basic-card/basic-card.component';
2
- export { BasicCardModule } from './basic-card/basic-card.module';
3
2
  import { CardOrientationComponent } from './card-orientation/card-orientation.component';
4
- export { CardOrientationModule } from './card-orientation/card-orientation.module';
5
3
  import { CardThemingComponent } from './card-theming/card-theming.component';
6
- export { CardThemingModule } from './card-theming/card-theming.module';
7
4
  import { LinkableCardComponent } from './linkable-card/linkable-card.component';
8
- export { LinkableCardModule } from './linkable-card/linkable-card.module';
9
5
  import { RaisedCardComponent } from './raised-card/raised-card.component';
10
- export { RaisedCardModule } from './raised-card/raised-card.module';
11
6
  import { StrokedCardComponent } from './stroked-card/stroked-card.component';
12
- export { StrokedCardModule } from './stroked-card/stroked-card.module';
13
7
  export declare const CARD_EXAMPLES: (typeof BasicCardComponent | typeof CardThemingComponent | typeof LinkableCardComponent)[];
14
8
  export { BasicCardComponent, CardThemingComponent, LinkableCardComponent, RaisedCardComponent, StrokedCardComponent, CardOrientationComponent, };
@@ -7,5 +7,5 @@ export declare class RaisedCardComponent {
7
7
  label: string;
8
8
  }[];
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<RaisedCardComponent, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<RaisedCardComponent, "raised-card", never, {}, {}, never, never, false, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<RaisedCardComponent, "raised-card", never, {}, {}, never, never, true, never>;
11
11
  }
@@ -7,5 +7,5 @@ export declare class StrokedCardComponent {
7
7
  label: string;
8
8
  }[];
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<StrokedCardComponent, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<StrokedCardComponent, "stroked-card", never, {}, {}, never, never, false, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<StrokedCardComponent, "stroked-card", never, {}, {}, never, never, true, never>;
11
11
  }
@@ -7,5 +7,5 @@ export declare class BasicCheckboxComponent implements OnInit {
7
7
  setFalse(): void;
8
8
  setTrue(): void;
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<BasicCheckboxComponent, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<BasicCheckboxComponent, "basic-checkbox", never, {}, {}, never, never, false, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<BasicCheckboxComponent, "basic-checkbox", never, {}, {}, never, never, true, never>;
11
11
  }
@@ -8,5 +8,5 @@ export declare class CheckboxSetComponent implements OnInit {
8
8
  ngOnInit(): void;
9
9
  displayList(): void;
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxSetComponent, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxSetComponent, "checkbox-set", never, {}, {}, never, never, false, never>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxSetComponent, "checkbox-set", never, {}, {}, never, never, true, never>;
12
12
  }
@@ -1,5 +1,3 @@
1
1
  import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';
2
- import { BasicCheckboxModule } from './basic-checkbox/basic-checkbox.module';
3
2
  import { CheckboxSetComponent } from './checkbox-set/checkbox-set.component';
4
3
  export declare const CHECKBOX_EXAMPLES: (typeof BasicCheckboxComponent | typeof CheckboxSetComponent)[];
5
- export declare const CHECKBOX_EXAMPLES_MODULES: (typeof BasicCheckboxModule)[];
@@ -1,2 +1 @@
1
1
  export { CHECKBOX_EXAMPLES } from './examples';
2
- export { CHECKBOX_EXAMPLES_MODULES } from './examples';
@@ -1,32 +1,13 @@
1
- import { ElementRef, Renderer2 } from '@angular/core';
2
- import { DaffSizable, DaffSizeAllType } from '@daffodil/design';
3
1
  import * as i0 from "@angular/core";
4
- /**
5
- * An _elementRef and an instance of renderer2 are needed for the Sizeable mixin
6
- */
7
- declare class DaffContainerBase {
8
- _elementRef: ElementRef;
9
- _renderer: Renderer2;
10
- constructor(_elementRef: ElementRef, _renderer: Renderer2);
11
- }
12
- declare const _daffContainerBase: (new (...args: any[]) => {
13
- _size: DaffSizeAllType;
14
- size: DaffSizeAllType;
15
- _elementRef: ElementRef<any>;
16
- _renderer: Renderer2;
17
- }) & typeof DaffContainerBase;
2
+ import * as i1 from "@daffodil/design";
18
3
  /**
19
4
  * @inheritdoc
20
5
  */
21
- export declare class DaffContainerComponent extends _daffContainerBase implements DaffSizable<DaffSizeAllType> {
22
- private elementRef;
23
- private renderer;
6
+ export declare class DaffContainerComponent {
24
7
  /**
25
8
  * @docs-private
26
9
  */
27
10
  class: boolean;
28
- constructor(elementRef: ElementRef, renderer: Renderer2);
29
11
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffContainerComponent, never>;
30
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffContainerComponent, "daff-container", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffContainerComponent, "daff-container", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.DaffSizableDirective; inputs: { "size": "size"; }; outputs: {}; }]>;
31
13
  }
32
- export {};
@@ -7,5 +7,5 @@ export declare class ContainerSizesComponent {
7
7
  label: string;
8
8
  }[];
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<ContainerSizesComponent, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<ContainerSizesComponent, "container-sizes", never, {}, {}, never, never, false, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<ContainerSizesComponent, "container-sizes", never, {}, {}, never, never, true, never>;
11
11
  }
@@ -1,3 +1,2 @@
1
1
  export { ContainerSizesComponent } from './container-sizes/container-sizes.component';
2
- export { ContainerSizesModule } from './container-sizes/container-sizes.module';
3
2
  export { CONTAINER_EXAMPLES } from './examples';
@@ -0,0 +1,31 @@
1
+ import * as i0 from "@angular/core";
2
+ /**
3
+ * `DaffArticleEncapsulatedDirective` is used to encapsulate custom components within an article,
4
+ * preventing {@link DaffArticleComponent } styles from bleeding into the component.
5
+ *
6
+ * ## Usage
7
+ *
8
+ * ### Implementing it as an attribute directive
9
+ *
10
+ * ```html
11
+ * <my-custom-component daffArticleEncapsulated></my-custom-component>
12
+ * ```
13
+ *
14
+ * ### Implementing it as an Angular host directive
15
+ *
16
+ * ```ts
17
+ * @Component({
18
+ * standalone: true,
19
+ * selector: 'custom-component',
20
+ * template: 'custom-component.html',
21
+ * hostDirectives: [{ directive: DaffArticleEncapsulatedDirective }],
22
+ * })
23
+ * export class CustomComponent { }
24
+ *
25
+ * This directive will apply the `daff-ae` class to your component, ensuring that it is encapsulated from the article's styles.
26
+ */
27
+ export declare class DaffArticleEncapsulatedDirective {
28
+ class: boolean;
29
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffArticleEncapsulatedDirective, never>;
30
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffArticleEncapsulatedDirective, "[daffArticleEncapsulated]", never, {}, {}, never, never, true, never>;
31
+ }
@@ -1 +1 @@
1
- export { daffArticleEncapsulatedMixin } from './article-encapsulated-mixin';
1
+ export { DaffArticleEncapsulatedDirective } from './article-encapsulated.directive';
@@ -0,0 +1,13 @@
1
+ import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
2
+ import { Observable } from 'rxjs';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * A stubbed out breakpoint observer service.
6
+ */
7
+ export declare class NoopBreakpointObserver implements Omit<BreakpointObserver, never> {
8
+ ngOnDestroy(): void;
9
+ isMatched(value: string | readonly string[]): boolean;
10
+ observe(value: string | readonly string[]): Observable<BreakpointState>;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<NoopBreakpointObserver, never>;
12
+ static ɵprov: i0.ɵɵInjectableDeclaration<NoopBreakpointObserver>;
13
+ }
@@ -0,0 +1,6 @@
1
+ import { BreakpointObserver } from '@angular/cdk/layout';
2
+ import { InjectionToken } from '@angular/core';
3
+ /**
4
+ * Provides a {@link NoopBreakpointObserver} if the platform is not browser.
5
+ */
6
+ export declare const SERVER_SAFE_BREAKPOINT_OBSERVER: InjectionToken<Omit<BreakpointObserver, never>>;
@@ -0,0 +1,3 @@
1
+ export * from './breakpoints';
2
+ export * from './provider';
3
+ export * from './noop.service';
@@ -7,5 +7,39 @@ export interface DaffColorable {
7
7
  /**
8
8
  * These are the valid options that can be passed to a DaffColorable component
9
9
  */
10
- export type DaffPalette = 'primary' | 'secondary' | 'accent' | 'tertiary' | //TODO: damienwebdev Deprecate accent
11
- 'black' | 'white' | 'theme' | 'theme-contrast' | undefined;
10
+ export type DaffPalette = 'primary' | 'secondary' | 'tertiary' | 'black' | 'white' | 'theme' | 'theme-contrast' | undefined;
11
+ /**
12
+ * Enumerates the available color palette options for a component.
13
+ * These values can be used to apply specific color styles to components within the
14
+ * application.
15
+ */
16
+ export declare enum DaffPaletteEnum {
17
+ /**
18
+ * Your primary color.
19
+ */
20
+ Primary = "primary",
21
+ /**
22
+ * Your secondary color.
23
+ */
24
+ Secondary = "secondary",
25
+ /**
26
+ * Your tertiary color.
27
+ */
28
+ Tertiary = "tertiary",
29
+ /**
30
+ * Black. It's dark.
31
+ */
32
+ Black = "black",
33
+ /**
34
+ * White. It's bright.
35
+ */
36
+ White = "white",
37
+ /**
38
+ * The default color for your theme.
39
+ */
40
+ Theme = "theme",
41
+ /**
42
+ * A color that constrats against your defined theme.
43
+ */
44
+ ThemeContrast = "theme-contrast"
45
+ }
@@ -0,0 +1,82 @@
1
+ import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
2
+ import { DaffColorable, DaffPalette } from './colorable';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * `DaffColorableDirective` allows a component to conditionally apply color-specific
6
+ * styles by setting CSS classes based on the specified color. This directive is useful
7
+ * for applying different color palettes to a component in an Angular application.
8
+ *
9
+ * ## Usage
10
+ *
11
+ * ### Implementing it as an attribute directive
12
+ *
13
+ * ```html
14
+ * <div daffColorable [color]="componentColor">Colored content</div>
15
+ * ```
16
+ *
17
+ * ### Implementing it as an Angular host directive
18
+ *
19
+ * ```ts
20
+ * @Component({
21
+ * standalone: true,
22
+ * selector: 'custom-component',
23
+ * template: 'custom-component.html',
24
+ * hostDirectives: [
25
+ * {
26
+ * directive: DaffColorableDirective,
27
+ * inputs: ['color'],
28
+ * },
29
+ * ],
30
+ * })
31
+ * export class CustomComponent { }
32
+ * ```
33
+ *
34
+ * ```scss
35
+ * .custom-component {
36
+ *
37
+ * &.daff-primary {
38
+ * background: daff-color($primary, 10);
39
+ * color: daff-color($primary, 90);
40
+ * }
41
+ * }
42
+ * ```
43
+ *
44
+ * ## Styles
45
+ *
46
+ * The directive applies the following CSS classes based on the color:
47
+ *
48
+ * - `daff-primary`: Applied when the color is `primary`.
49
+ * - `daff-secondary`: Applied when the color is `secondary`.
50
+ * - `daff-tertiary`: Applied when the color is `tertiary`.
51
+ * - `daff-black`: Applied when the color is `black`.
52
+ * - `daff-white`: Applied when the color is `white`.
53
+ * - `daff-theme`: Applied when the color is `theme`.
54
+ * - `daff-theme-contrast`: Applied when the color is `theme-contrast`.
55
+ */
56
+ export declare class DaffColorableDirective implements DaffColorable, OnChanges, OnInit {
57
+ /**
58
+ * Dynamically sets the CSS classes based on the color.
59
+ * @docs-private
60
+ */
61
+ get class(): {
62
+ 'daff-primary': boolean;
63
+ 'daff-secondary': boolean;
64
+ 'daff-tertiary': boolean;
65
+ 'daff-black': boolean;
66
+ 'daff-white': boolean;
67
+ 'daff-theme': boolean;
68
+ 'daff-theme-contrast': boolean;
69
+ };
70
+ /**
71
+ * Sets the color on a component.
72
+ */
73
+ color: DaffPalette;
74
+ /**
75
+ * Sets a default color.
76
+ */
77
+ defaultColor: DaffPalette;
78
+ ngOnChanges(changes: SimpleChanges): void;
79
+ ngOnInit(): void;
80
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffColorableDirective, never>;
81
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffColorableDirective, "[daffColorable]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
82
+ }
@@ -1,2 +1,2 @@
1
1
  export { DaffPalette, DaffColorable, } from './colorable';
2
- export { daffColorMixin } from './colorable-mixin';
2
+ export { DaffColorableDirective } from './colorable.directive';
@@ -0,0 +1,54 @@
1
+ import * as i0 from "@angular/core";
2
+ /**
3
+ * `DaffCompactableDirective` allows a component to conditionally apply a compact
4
+ * style by toggling a CSS class. This is useful for creating components that can
5
+ * switch between regular and compact styles based on the `compact` property.
6
+ *
7
+ * ## Usage
8
+ *
9
+ * ### Implementing it as an attribute directive
10
+ *
11
+ * ```html
12
+ * <div daffCompactable [compact]="isCompact">Content goes here</div>
13
+ * ```
14
+ *
15
+ * In this example, the `daff-compact` class is applied to the `div` element when
16
+ * `isCompact` is `true`, making the `div` display its compact state.
17
+ *
18
+ * ### Implementing it as an Angular host directive
19
+ *
20
+ * ```ts
21
+ * @Component({
22
+ * standalone: true,
23
+ * selector: 'custom-component',
24
+ * template: 'custom-component.html',
25
+ * hostDirectives: [
26
+ * {
27
+ * directive: DaffCompactableDirective,
28
+ * inputs: ['compact'],
29
+ * },
30
+ * ],
31
+ * })
32
+ * export class CustomComponent { }
33
+ * ```
34
+ *
35
+ * ```scss
36
+ * .custom-component {
37
+ * padding: 8px 16px;
38
+ *
39
+ * &.daff-compact {
40
+ * padding: 4px 8px;
41
+ * }
42
+ * }
43
+ * ```
44
+ *
45
+ * ## Styles
46
+ *
47
+ * The `daff-compact` class should be defined in your styles to display the compact
48
+ * state as desired.
49
+ */
50
+ export declare class DaffCompactableDirective {
51
+ compact: boolean;
52
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffCompactableDirective, never>;
53
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffCompactableDirective, "[daffCompactable]", never, { "compact": { "alias": "compact"; "required": false; }; }, {}, never, never, true, never>;
54
+ }
@@ -1,2 +1,2 @@
1
1
  export { DaffCompactable } from './compactable';
2
- export { daffCompactableMixin } from './compactable-mixin';
2
+ export { DaffCompactableDirective } from './compactable.directive';
@@ -0,0 +1,66 @@
1
+ import * as i0 from "@angular/core";
2
+ /**
3
+ * `DaffManageContainerLayoutDirective` gives a component the ability to manage a `DaffContainerComponent`'s layout.
4
+ * By including this directive, predetermined layout styles are passed down to the container.
5
+ *
6
+ * To understand the motivation for this directive, consider:
7
+ *
8
+ * ```html
9
+ * <daff-container>
10
+ * <daff-hero></daff-hero>
11
+ * </daff-container>
12
+ * ```
13
+ * vs.
14
+ *
15
+ * ```html
16
+ * <daff-hero>
17
+ * <daff-container></daff-container>
18
+ * </daff-hero>
19
+ * ```
20
+ *
21
+ * The former may inappropriately constrain the width of its child elements,
22
+ * while the latter (without `DaffManageContainerLayoutDirective`) may unexpectedly
23
+ * interfere in the layout features of its parent element (i.e. display: grid, display: flex).
24
+ *
25
+ * ## Usage
26
+ *
27
+ * ### Implementing it as an attribute directive
28
+ *
29
+ * ```html
30
+ * <my-custom-component daffManageContainerLayout>
31
+ * <daff-container size="lg"></daff-container>
32
+ * </my-custom-component>
33
+ * ```
34
+ *
35
+ * ```scss
36
+ * :host {
37
+ * display: grid;
38
+ * grid-template-columns: 1fr 1fr;
39
+ * }
40
+ * ```
41
+ *
42
+ * ### Implementing it as an Angular host directive
43
+ *
44
+ * ```ts
45
+ * @Component({
46
+ * standalone: true,
47
+ * selector: 'my-custom-component',
48
+ * template: 'my-custom-component.html',
49
+ * hostDirectives: [{ directive: DaffManageContainerLayoutDirective }],
50
+ * })
51
+ * export class MyCustomComponent { }
52
+ *
53
+ * ```scss
54
+ * :host {
55
+ * display: grid;
56
+ * grid-template-columns: 1fr 1fr;
57
+ * }
58
+ * ```
59
+ *
60
+ * This directive will apply the `daff-manage-container-layout` class to your component, ensuring that the styles set on `:host` are passed down to the container.
61
+ */
62
+ export declare class DaffManageContainerLayoutDirective {
63
+ class: boolean;
64
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffManageContainerLayoutDirective, never>;
65
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffManageContainerLayoutDirective, "[daffManageContainerLayout]", never, {}, {}, never, never, true, never>;
66
+ }
@@ -1 +1 @@
1
- export { daffManageContainerLayoutMixin } from './manage-container-layout-mixin';
1
+ export { DaffManageContainerLayoutDirective } from './manage-container-layout.directive';
@@ -1,7 +1,7 @@
1
1
  export * from './animation/animation-state-with-params';
2
2
  export * from './prefix-suffix/public_api';
3
3
  export * from './colorable/public_api';
4
- export * from './breakpoints/breakpoints';
4
+ export * from './breakpoints/public_api';
5
5
  export * from './constructor/constructor';
6
6
  export * from './statusable/public_api';
7
7
  export * from './skeletonable/public_api';
@@ -1,2 +1,2 @@
1
1
  export { DaffSizable, DaffSizeAllType, DaffSizableEnum, DaffSizeXSmallType, DaffSizeSmallType, DaffSizeMediumType, DaffSizeLargeType, DaffSizeXLargeType, } from './sizable';
2
- export { daffSizeMixin } from './sizable-mixin';
2
+ export { DaffSizableDirective } from './sizable.directive';
@@ -1,6 +1,5 @@
1
1
  /**
2
- * An interface for giving a component the ability to customize sizing for component-specific UI.
3
- * In order to be sizable, a component class must implement this property.
2
+ * Interfaces that gives a component the ability to customize sizing for component specific UI.
4
3
  */
5
4
  export interface DaffSizable<T extends DaffSizeAllType> {
6
5
  size: T;
@@ -13,6 +12,9 @@ export type DaffSizeSmallType = 'sm';
13
12
  export type DaffSizeMediumType = 'md';
14
13
  export type DaffSizeLargeType = 'lg';
15
14
  export type DaffSizeXLargeType = 'xl';
15
+ /**
16
+ * The a type representing all available sizes.
17
+ */
16
18
  export type DaffSizeAllType = DaffSizeXSmallType | DaffSizeSmallType | DaffSizeMediumType | DaffSizeLargeType | DaffSizeXLargeType;
17
19
  export declare enum DaffSizableEnum {
18
20
  XSmall = "xs",
@@ -0,0 +1,81 @@
1
+ import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
2
+ import { DaffSizable, DaffSizeAllType } from './sizable';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * `DaffSizableDirective` allows for dynamic sizing of a component by setting
6
+ * CSS classes based on the specified size.
7
+ *
8
+ * ## Usage
9
+ *
10
+ * ### Implementing it as an attribute directive
11
+ *
12
+ * ```html
13
+ * <div daffSizable [size]="small">Sized content</div>
14
+ * ```
15
+ * In this example, the `daff-small` class is applied to the `div` element, allowing you to
16
+ * use the class to style the `div`.
17
+ *
18
+ * ### Implementing it as an Angular host directive
19
+ *
20
+ * ```ts
21
+ * @Component({
22
+ * standalone: true,
23
+ * selector: 'custom-component',
24
+ * template: 'custom-component.html',
25
+ * hostDirectives: [
26
+ * {
27
+ * directive: DaffSizableDirective,
28
+ * inputs: ['size'],
29
+ * },
30
+ * ],
31
+ * })
32
+ * export class CustomComponent { }
33
+ * ```
34
+ *
35
+ * ```scss
36
+ * .custom-component {
37
+ * &.daff-sm {
38
+ * width: 24px;
39
+ * }
40
+ *
41
+ * &.daff-md {
42
+ * width: 32px;
43
+ * }
44
+ * }
45
+ * ```
46
+ *
47
+ * ## Styles
48
+ *
49
+ * The directive applies the following CSS classes based on the size:
50
+ *
51
+ * - `daff-xs`: Applied when the size is `xs`.
52
+ * - `daff-sm`: Applied when the size is `sm`.
53
+ * - `daff-md`: Applied when the size is `md`.
54
+ * - `daff-lg`: Applied when the size is `lg`.
55
+ * - `daff-xl`: Applied when the size is `xl`.
56
+ */
57
+ export declare class DaffSizableDirective<T extends DaffSizeAllType> implements DaffSizable<T>, OnChanges, OnInit {
58
+ /**
59
+ * Dynamically sets the CSS classes based on the size.
60
+ * @docs-private
61
+ */
62
+ get class(): {
63
+ 'daff-xs': boolean;
64
+ 'daff-sm': boolean;
65
+ 'daff-md': boolean;
66
+ 'daff-lg': boolean;
67
+ 'daff-xl': boolean;
68
+ };
69
+ /**
70
+ * The size of a component.
71
+ */
72
+ size: T;
73
+ /**
74
+ * Sets a default size when no size is provided.
75
+ */
76
+ defaultSize: T;
77
+ ngOnChanges(changes: SimpleChanges): void;
78
+ ngOnInit(): void;
79
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffSizableDirective<any>, never>;
80
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffSizableDirective<any>, "[daffSizable]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
81
+ }