@daffodil/design 0.70.0 → 0.72.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 (467) hide show
  1. package/README.md +36 -40
  2. package/accordion/README.md +13 -16
  3. package/accordion/accordion/accordion-item/accordion-item.component.d.ts +6 -2
  4. package/accordion/accordion.module.d.ts +4 -5
  5. package/accordion/public_api.d.ts +0 -1
  6. package/accordion/src/accordion-theme.scss +11 -1
  7. package/atoms/form/quantity-field/quantity-field.component.d.ts +2 -1
  8. package/callout/callout/callout.component.d.ts +1 -31
  9. package/esm2022/accordion/accordion/accordion/accordion.component.mjs +5 -5
  10. package/esm2022/accordion/accordion/accordion-item/accordion-item.component.mjs +20 -9
  11. package/esm2022/accordion/accordion/accordion-item-title/accordion-item-title.directive.mjs +4 -4
  12. package/esm2022/accordion/accordion.module.mjs +7 -12
  13. package/esm2022/accordion/examples/accordion-examples.module.mjs +5 -5
  14. package/esm2022/accordion/examples/basic-accordion/basic-accordion.component.mjs +5 -5
  15. package/esm2022/accordion/public_api.mjs +1 -2
  16. package/esm2022/article/article/article.component.mjs +4 -4
  17. package/esm2022/article/article-lead/article-lead.directive.mjs +4 -4
  18. package/esm2022/article/article-meta/article-meta.directive.mjs +4 -4
  19. package/esm2022/article/article-title/article-title.directive.mjs +4 -4
  20. package/esm2022/article/article.module.mjs +5 -5
  21. package/esm2022/article/examples/article-blockquote/article-blockquote.component.mjs +4 -4
  22. package/esm2022/article/examples/article-code-block/article-code-block.component.mjs +4 -4
  23. package/esm2022/article/examples/article-code-inline/article-code-inline.component.mjs +4 -4
  24. package/esm2022/article/examples/article-examples.module.mjs +5 -5
  25. package/esm2022/article/examples/article-headings/article-headings.component.mjs +4 -4
  26. package/esm2022/article/examples/article-hr/article-hr.component.mjs +4 -4
  27. package/esm2022/article/examples/article-lead/article-lead.component.mjs +4 -4
  28. package/esm2022/article/examples/article-link/article-link.component.mjs +4 -4
  29. package/esm2022/article/examples/article-meta/article-meta.component.mjs +4 -4
  30. package/esm2022/article/examples/article-ol/article-ol.component.mjs +4 -4
  31. package/esm2022/article/examples/article-table/article-table.component.mjs +4 -4
  32. package/esm2022/article/examples/article-ul/article-ul.component.mjs +4 -4
  33. package/esm2022/atoms/form/checkbox/checkbox.component.mjs +4 -4
  34. package/esm2022/atoms/form/checkbox/checkbox.module.mjs +5 -5
  35. package/esm2022/atoms/form/checkbox/cva/checkbox-cva.directive.mjs +4 -4
  36. package/esm2022/atoms/form/checkbox-set/checkbox-set.component.mjs +4 -4
  37. package/esm2022/atoms/form/error-message/error-message.component.mjs +4 -4
  38. package/esm2022/atoms/form/error-message/error-message.module.mjs +5 -5
  39. package/esm2022/atoms/form/form-field/form-field/form-field.component.mjs +4 -4
  40. package/esm2022/atoms/form/form-field/form-field.module.mjs +5 -5
  41. package/esm2022/atoms/form/form-label/form-label.directive.mjs +4 -4
  42. package/esm2022/atoms/form/form-label/form-label.module.mjs +5 -5
  43. package/esm2022/atoms/form/input/input.component.mjs +4 -4
  44. package/esm2022/atoms/form/input/input.module.mjs +5 -5
  45. package/esm2022/atoms/form/native-select/native-select.component.mjs +4 -4
  46. package/esm2022/atoms/form/native-select/native-select.module.mjs +5 -5
  47. package/esm2022/atoms/form/quantity-field/quantity-field.component.mjs +9 -6
  48. package/esm2022/atoms/form/quantity-field/quantity-field.module.mjs +5 -5
  49. package/esm2022/atoms/form/quantity-field/quantity-input/quantity-input.component.mjs +4 -4
  50. package/esm2022/atoms/form/quantity-field/quantity-select/quantity-select.component.mjs +4 -4
  51. package/esm2022/atoms/form/radio/cva/radio-cva.directive.mjs +4 -4
  52. package/esm2022/atoms/form/radio/radio.component.mjs +4 -4
  53. package/esm2022/atoms/form/radio/radio.module.mjs +5 -5
  54. package/esm2022/atoms/form/radio/registry/radio-registry.mjs +4 -4
  55. package/esm2022/atoms/form/radio-set/radio-set.component.mjs +4 -4
  56. package/esm2022/button/button/button.component.mjs +4 -4
  57. package/esm2022/button/button.module.mjs +5 -5
  58. package/esm2022/button/examples/basic-button/basic-button.component.mjs +4 -4
  59. package/esm2022/button/examples/basic-button/basic-button.module.mjs +5 -5
  60. package/esm2022/button/examples/flat-button/flat-button.component.mjs +4 -4
  61. package/esm2022/button/examples/flat-button/flat-button.module.mjs +5 -5
  62. package/esm2022/button/examples/icon-button/icon-button.component.mjs +4 -4
  63. package/esm2022/button/examples/icon-button/icon-button.module.mjs +5 -5
  64. package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -4
  65. package/esm2022/button/examples/raised-button/raised-button.module.mjs +5 -5
  66. package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +4 -4
  67. package/esm2022/button/examples/sizeable-button/sizeable-button.module.mjs +5 -5
  68. package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +4 -4
  69. package/esm2022/button/examples/statusable-button/statusable-button.module.mjs +5 -5
  70. package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -4
  71. package/esm2022/button/examples/stroked-button/stroked-button.module.mjs +5 -5
  72. package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -4
  73. package/esm2022/button/examples/underline-button/underline-button.module.mjs +5 -5
  74. package/esm2022/callout/callout/callout.component.mjs +7 -37
  75. package/esm2022/callout/callout-body/callout-body.directive.mjs +4 -4
  76. package/esm2022/callout/callout-icon/callout-icon.directive.mjs +4 -4
  77. package/esm2022/callout/callout-subtitle/callout-subtitle.directive.mjs +4 -4
  78. package/esm2022/callout/callout-tagline/callout-tagline.directive.mjs +4 -4
  79. package/esm2022/callout/callout-title/callout-title.directive.mjs +4 -4
  80. package/esm2022/callout/callout.module.mjs +5 -5
  81. package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +4 -4
  82. package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.module.mjs +5 -5
  83. package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +4 -4
  84. package/esm2022/callout/examples/callout-theming/callout-theming.module.mjs +5 -5
  85. package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +4 -4
  86. package/esm2022/callout/examples/callout-with-grid/callout-with-grid.module.mjs +5 -5
  87. package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +4 -4
  88. package/esm2022/callout/examples/compact-callout/compact-callout.module.mjs +5 -5
  89. package/esm2022/card/card/card.component.mjs +4 -4
  90. package/esm2022/card/card-actions/card-actions.directive.mjs +4 -4
  91. package/esm2022/card/card-content/card-content.directive.mjs +4 -4
  92. package/esm2022/card/card-icon/card-icon.directive.mjs +4 -4
  93. package/esm2022/card/card-image/card-image.directive.mjs +4 -4
  94. package/esm2022/card/card-tagline/card-tagline.directive.mjs +4 -4
  95. package/esm2022/card/card-title/card-title.directive.mjs +4 -4
  96. package/esm2022/card/card.module.mjs +5 -5
  97. package/esm2022/card/examples/basic-card/basic-card.component.mjs +4 -4
  98. package/esm2022/card/examples/basic-card/basic-card.module.mjs +5 -5
  99. package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +4 -4
  100. package/esm2022/card/examples/card-orientation/card-orientation.module.mjs +5 -5
  101. package/esm2022/card/examples/card-theming/card-theming.component.mjs +4 -4
  102. package/esm2022/card/examples/card-theming/card-theming.module.mjs +5 -5
  103. package/esm2022/card/examples/linkable-card/linkable-card.component.mjs +4 -4
  104. package/esm2022/card/examples/linkable-card/linkable-card.module.mjs +5 -5
  105. package/esm2022/card/examples/raised-card/raised-card.component.mjs +4 -4
  106. package/esm2022/card/examples/raised-card/raised-card.module.mjs +5 -5
  107. package/esm2022/card/examples/stroked-card/stroked-card.component.mjs +4 -4
  108. package/esm2022/card/examples/stroked-card/stroked-card.module.mjs +5 -5
  109. package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +4 -4
  110. package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.module.mjs +5 -5
  111. package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +4 -4
  112. package/esm2022/checkbox/examples/checkbox-set/checkbox-set.module.mjs +5 -5
  113. package/esm2022/container/container/container.component.mjs +4 -4
  114. package/esm2022/container/container.module.mjs +5 -5
  115. package/esm2022/container/examples/container-sizes/container-sizes.component.mjs +4 -4
  116. package/esm2022/container/examples/container-sizes/container-sizes.module.mjs +5 -5
  117. package/esm2022/core/focus/stack.service.mjs +4 -4
  118. package/esm2022/core/prefix-suffix/prefix-suffix.module.mjs +5 -5
  119. package/esm2022/core/prefix-suffix/prefix.directive.mjs +4 -4
  120. package/esm2022/core/prefix-suffix/prefixable/prefixable.mjs +4 -4
  121. package/esm2022/core/prefix-suffix/suffix.directive.mjs +4 -4
  122. package/esm2022/core/prefix-suffix/suffixable/suffixable.mjs +4 -4
  123. package/esm2022/core/theming/services/class-setter/theme-class-setter.service.mjs +4 -4
  124. package/esm2022/core/theming/services/os-theme/ostheme.service.mjs +4 -4
  125. package/esm2022/core/theming/services/storage/theme-storage.service.mjs +4 -4
  126. package/esm2022/core/theming/services/theming.service.mjs +4 -4
  127. package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +4 -4
  128. package/esm2022/hero/examples/compact-hero/compact-hero.module.mjs +5 -5
  129. package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +4 -4
  130. package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.module.mjs +5 -5
  131. package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +4 -4
  132. package/esm2022/hero/examples/hero-theming/hero-theming.module.mjs +5 -5
  133. package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +4 -4
  134. package/esm2022/hero/examples/hero-with-grid/hero-with-grid.module.mjs +5 -5
  135. package/esm2022/hero/hero/hero.component.mjs +7 -38
  136. package/esm2022/hero/hero-body/hero-body.directive.mjs +4 -4
  137. package/esm2022/hero/hero-icon/hero-icon.directive.mjs +4 -4
  138. package/esm2022/hero/hero-subtitle/hero-subtitle.directive.mjs +4 -4
  139. package/esm2022/hero/hero-tagline/hero-tagline.directive.mjs +4 -4
  140. package/esm2022/hero/hero-title/hero-title.directive.mjs +4 -4
  141. package/esm2022/hero/hero.module.mjs +5 -5
  142. package/esm2022/image/examples/basic-image/basic-image.component.mjs +4 -4
  143. package/esm2022/image/examples/basic-image/basic-image.module.mjs +5 -5
  144. package/esm2022/image/examples/load-image/load-image.component.mjs +4 -4
  145. package/esm2022/image/examples/load-image/load-image.module.mjs +5 -5
  146. package/esm2022/image/examples/skeleton-image/skeleton-image.component.mjs +4 -4
  147. package/esm2022/image/examples/skeleton-image/skeleton-image.module.mjs +5 -5
  148. package/esm2022/image/image/image.component.mjs +4 -4
  149. package/esm2022/image/image.module.mjs +5 -5
  150. package/esm2022/input/examples/basic-input/basic-input.component.mjs +4 -4
  151. package/esm2022/input/examples/basic-input/basic-input.module.mjs +5 -5
  152. package/esm2022/input/examples/input-disabled/input-disabled.component.mjs +4 -4
  153. package/esm2022/input/examples/input-disabled/input-disabled.module.mjs +5 -5
  154. package/esm2022/input/examples/input-error/input-error.component.mjs +4 -4
  155. package/esm2022/input/examples/input-error/input-error.module.mjs +5 -5
  156. package/esm2022/input/examples/input-with-form-field/input-with-form-field.component.mjs +4 -4
  157. package/esm2022/input/examples/input-with-form-field/input-with-form-field.module.mjs +5 -5
  158. package/esm2022/link-set/link-set/link-set.component.mjs +4 -4
  159. package/esm2022/link-set/link-set-heading/link-set-heading.directive.mjs +4 -4
  160. package/esm2022/link-set/link-set-item/link-set-item.component.mjs +4 -4
  161. package/esm2022/link-set/link-set-subheading/link-set-subheading.directive.mjs +4 -4
  162. package/esm2022/link-set/link-set.module.mjs +5 -5
  163. package/esm2022/list/examples/basic-list/basic-list.component.mjs +4 -4
  164. package/esm2022/list/examples/basic-list/basic-list.module.mjs +5 -5
  165. package/esm2022/list/examples/icon-list/icon-list.component.mjs +4 -4
  166. package/esm2022/list/examples/icon-list/icon-list.module.mjs +5 -5
  167. package/esm2022/list/examples/list-examples.module.mjs +5 -5
  168. package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +4 -4
  169. package/esm2022/list/examples/multiline-list/multiline-list.module.mjs +5 -5
  170. package/esm2022/list/examples/nav-list/nav-list.component.mjs +4 -4
  171. package/esm2022/list/examples/nav-list/nav-list.module.mjs +5 -5
  172. package/esm2022/list/list/list.component.mjs +7 -45
  173. package/esm2022/list/list-item/list-item.component.mjs +4 -4
  174. package/esm2022/list/list.module.mjs +5 -10
  175. package/esm2022/list/public_api.mjs +1 -2
  176. package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +19 -11
  177. package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.module.mjs +9 -9
  178. package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +4 -4
  179. package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.module.mjs +5 -5
  180. package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +4 -4
  181. package/esm2022/loading-icon/loading-icon.module.mjs +5 -5
  182. package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +4 -4
  183. package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.module.mjs +5 -5
  184. package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +4 -4
  185. package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.mjs +5 -5
  186. package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +4 -4
  187. package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.module.mjs +5 -5
  188. package/esm2022/media-gallery/media-gallery/media-gallery.component.mjs +4 -4
  189. package/esm2022/media-gallery/media-gallery.module.mjs +5 -5
  190. package/esm2022/media-gallery/media-renderer/media-renderer.component.mjs +4 -4
  191. package/esm2022/media-gallery/registry/media-gallery.registry.mjs +4 -4
  192. package/esm2022/media-gallery/thumbnail/thumbnail.directive.mjs +4 -4
  193. package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +4 -4
  194. package/esm2022/menu/examples/basic-menu/basic-menu.module.mjs +5 -5
  195. package/esm2022/menu/examples/basic-menu/menu-content/menu-content.component.mjs +4 -4
  196. package/esm2022/menu/menu/menu.component.mjs +4 -4
  197. package/esm2022/menu/menu-activator/menu-activator.component.mjs +4 -4
  198. package/esm2022/menu/menu-item/menu-item.component.mjs +4 -4
  199. package/esm2022/menu/menu.module.mjs +5 -5
  200. package/esm2022/menu/services/menu.service.mjs +4 -4
  201. package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +5 -5
  202. package/esm2022/modal/examples/basic-modal/basic-modal.module.mjs +5 -5
  203. package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +4 -4
  204. package/esm2022/modal/modal/modal.component.mjs +20 -12
  205. package/esm2022/modal/modal-actions/modal-actions.component.mjs +4 -4
  206. package/esm2022/modal/modal-content/modal-content.component.mjs +4 -4
  207. package/esm2022/modal/modal-header/modal-header.component.mjs +4 -4
  208. package/esm2022/modal/modal-title/modal-title.directive.mjs +4 -4
  209. package/esm2022/modal/modal.module.mjs +11 -5
  210. package/esm2022/modal/service/modal.service.mjs +20 -21
  211. package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +4 -4
  212. package/esm2022/navbar/examples/basic-navbar/basic-navbar.module.mjs +5 -5
  213. package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +4 -4
  214. package/esm2022/navbar/examples/contained-navbar/contained-navbar.module.mjs +5 -5
  215. package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +4 -4
  216. package/esm2022/navbar/examples/navbar-theming/navbar-theming.module.mjs +5 -5
  217. package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +4 -4
  218. package/esm2022/navbar/examples/raised-navbar/raised-navbar.module.mjs +5 -5
  219. package/esm2022/navbar/navbar/navbar.component.mjs +4 -4
  220. package/esm2022/navbar/navbar.module.mjs +5 -5
  221. package/esm2022/notification/examples/default-notification/default-notification.component.mjs +4 -4
  222. package/esm2022/notification/examples/default-notification/default-notification.module.mjs +5 -5
  223. package/esm2022/notification/examples/dismissible-notification/dismissible-notification.component.mjs +18 -0
  224. package/esm2022/notification/examples/{dismissable-notification/dismissable-notification.module.mjs → dismissible-notification/dismissible-notification.module.mjs} +10 -10
  225. package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +4 -4
  226. package/esm2022/notification/examples/notification-orientations/notification-orientations.module.mjs +5 -5
  227. package/esm2022/notification/examples/notification-status/notification-status.component.mjs +4 -4
  228. package/esm2022/notification/examples/notification-status/notification-status.module.mjs +5 -5
  229. package/esm2022/notification/examples/public_api.mjs +4 -4
  230. package/esm2022/notification/notification/notification.component.mjs +8 -8
  231. package/esm2022/notification/notification-actions/notification-actions.directive.mjs +4 -4
  232. package/esm2022/notification/notification-message/notification-message.directive.mjs +4 -4
  233. package/esm2022/notification/notification-subtitle/notification-subtitle.directive.mjs +4 -4
  234. package/esm2022/notification/notification-title/notification-title.directive.mjs +4 -4
  235. package/esm2022/notification/notification.module.mjs +5 -5
  236. package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs +4 -4
  237. package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs +4 -4
  238. package/esm2022/paginator/examples/paginator-examples.module.mjs +5 -5
  239. package/esm2022/paginator/paginator/paginator.component.mjs +9 -25
  240. package/esm2022/paginator/paginator.module.mjs +5 -5
  241. package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.component.mjs +4 -4
  242. package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.module.mjs +5 -5
  243. package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.mjs +4 -4
  244. package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.module.mjs +5 -5
  245. package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.mjs +4 -4
  246. package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.module.mjs +5 -5
  247. package/esm2022/progress-bar/progress-bar.component.mjs +4 -4
  248. package/esm2022/progress-bar/progress-bar.module.mjs +5 -5
  249. package/esm2022/public_api.mjs +1 -8
  250. package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.mjs +4 -4
  251. package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.module.mjs +5 -5
  252. package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.mjs +4 -4
  253. package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.module.mjs +5 -5
  254. package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.mjs +4 -4
  255. package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.module.mjs +5 -5
  256. package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.mjs +4 -4
  257. package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.module.mjs +5 -5
  258. package/esm2022/radio/examples/basic-radio/basic-radio.component.mjs +4 -4
  259. package/esm2022/radio/examples/basic-radio/basic-radio.module.mjs +5 -5
  260. package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +4 -4
  261. package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.module.mjs +5 -5
  262. package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +4 -4
  263. package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.module.mjs +5 -5
  264. package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.mjs +4 -4
  265. package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.module.mjs +5 -5
  266. package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.mjs +4 -4
  267. package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.module.mjs +5 -5
  268. package/esm2022/sidebar/sidebar/sidebar.component.mjs +4 -4
  269. package/esm2022/sidebar/sidebar-footer/sidebar-footer.component.mjs +4 -4
  270. package/esm2022/sidebar/sidebar-header/sidebar-header-action/sidebar-header-action.directive.mjs +4 -4
  271. package/esm2022/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.mjs +4 -4
  272. package/esm2022/sidebar/sidebar-header/sidebar-header.component.mjs +4 -4
  273. package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +4 -4
  274. package/esm2022/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.mjs +4 -8
  275. package/esm2022/sidebar/sidebar.module.mjs +5 -5
  276. package/esm2022/toast/examples/default-toast/default-toast.component.mjs +4 -4
  277. package/esm2022/toast/examples/default-toast/default-toast.module.mjs +5 -5
  278. package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +4 -4
  279. package/esm2022/toast/examples/toast-positions/toast-positions.module.mjs +5 -5
  280. package/esm2022/toast/examples/toast-status/toast-status.component.mjs +4 -4
  281. package/esm2022/toast/examples/toast-status/toast-status.module.mjs +5 -5
  282. package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +4 -4
  283. package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.mjs +5 -5
  284. package/esm2022/toast/service/position.service.mjs +4 -4
  285. package/esm2022/toast/service/toast.service.mjs +4 -4
  286. package/esm2022/toast/toast/toast-template.component.mjs +4 -4
  287. package/esm2022/toast/toast/toast.component.mjs +4 -4
  288. package/esm2022/toast/toast-actions/toast-actions.directive.mjs +4 -4
  289. package/esm2022/toast/toast-message/toast-message.directive.mjs +4 -4
  290. package/esm2022/toast/toast-title/toast-title.directive.mjs +4 -4
  291. package/esm2022/toast/toast.module.mjs +5 -5
  292. package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +4 -4
  293. package/esm2022/tree/examples/basic-tree/basic-tree.module.mjs +5 -5
  294. package/esm2022/tree/tree/tree.component.mjs +4 -4
  295. package/esm2022/tree/tree-item/tree-item.directive.mjs +4 -4
  296. package/esm2022/tree/tree.module.mjs +5 -5
  297. package/fesm2022/daffodil-design-accordion-examples.mjs +8 -8
  298. package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
  299. package/fesm2022/daffodil-design-accordion.mjs +33 -46
  300. package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
  301. package/fesm2022/daffodil-design-article-examples.mjs +37 -37
  302. package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
  303. package/fesm2022/daffodil-design-article.mjs +16 -16
  304. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  305. package/fesm2022/daffodil-design-button-examples.mjs +56 -56
  306. package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
  307. package/fesm2022/daffodil-design-button.mjs +7 -7
  308. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  309. package/fesm2022/daffodil-design-callout-examples.mjs +28 -28
  310. package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
  311. package/fesm2022/daffodil-design-callout.mjs +26 -56
  312. package/fesm2022/daffodil-design-callout.mjs.map +1 -1
  313. package/fesm2022/daffodil-design-card-examples.mjs +42 -42
  314. package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
  315. package/fesm2022/daffodil-design-card.mjs +25 -25
  316. package/fesm2022/daffodil-design-card.mjs.map +1 -1
  317. package/fesm2022/daffodil-design-checkbox-examples.mjs +14 -14
  318. package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
  319. package/fesm2022/daffodil-design-container-examples.mjs +7 -7
  320. package/fesm2022/daffodil-design-container-examples.mjs.map +1 -1
  321. package/fesm2022/daffodil-design-container.mjs +7 -7
  322. package/fesm2022/daffodil-design-container.mjs.map +1 -1
  323. package/fesm2022/daffodil-design-hero-examples.mjs +28 -28
  324. package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
  325. package/fesm2022/daffodil-design-hero.mjs +26 -57
  326. package/fesm2022/daffodil-design-hero.mjs.map +1 -1
  327. package/fesm2022/daffodil-design-image-examples.mjs +21 -21
  328. package/fesm2022/daffodil-design-image-examples.mjs.map +1 -1
  329. package/fesm2022/daffodil-design-image.mjs +7 -7
  330. package/fesm2022/daffodil-design-image.mjs.map +1 -1
  331. package/fesm2022/daffodil-design-input-examples.mjs +28 -28
  332. package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
  333. package/fesm2022/daffodil-design-link-set.mjs +16 -16
  334. package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
  335. package/fesm2022/daffodil-design-list-examples.mjs +32 -32
  336. package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
  337. package/fesm2022/daffodil-design-list.mjs +14 -79
  338. package/fesm2022/daffodil-design-list.mjs.map +1 -1
  339. package/fesm2022/daffodil-design-loading-icon-examples.mjs +33 -25
  340. package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
  341. package/fesm2022/daffodil-design-loading-icon.mjs +7 -7
  342. package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
  343. package/fesm2022/daffodil-design-media-gallery-examples.mjs +21 -21
  344. package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
  345. package/fesm2022/daffodil-design-media-gallery.mjs +16 -16
  346. package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
  347. package/fesm2022/daffodil-design-menu-examples.mjs +10 -10
  348. package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
  349. package/fesm2022/daffodil-design-menu.mjs +16 -16
  350. package/fesm2022/daffodil-design-menu.mjs.map +1 -1
  351. package/fesm2022/daffodil-design-modal-examples.mjs +10 -10
  352. package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
  353. package/fesm2022/daffodil-design-modal.mjs +104 -93
  354. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  355. package/fesm2022/daffodil-design-navbar-examples.mjs +28 -28
  356. package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
  357. package/fesm2022/daffodil-design-navbar.mjs +7 -7
  358. package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
  359. package/fesm2022/daffodil-design-notification-examples.mjs +35 -35
  360. package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
  361. package/fesm2022/daffodil-design-notification.mjs +23 -23
  362. package/fesm2022/daffodil-design-notification.mjs.map +1 -1
  363. package/fesm2022/daffodil-design-paginator-examples.mjs +10 -10
  364. package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
  365. package/fesm2022/daffodil-design-paginator.mjs +11 -27
  366. package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
  367. package/fesm2022/daffodil-design-progress-bar-examples.mjs +21 -21
  368. package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
  369. package/fesm2022/daffodil-design-progress-bar.mjs +7 -7
  370. package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
  371. package/fesm2022/daffodil-design-quantity-field-examples.mjs +28 -28
  372. package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
  373. package/fesm2022/daffodil-design-radio-examples.mjs +7 -7
  374. package/fesm2022/daffodil-design-radio-examples.mjs.map +1 -1
  375. package/fesm2022/daffodil-design-sidebar-examples.mjs +28 -28
  376. package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
  377. package/fesm2022/daffodil-design-sidebar.mjs +25 -29
  378. package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
  379. package/fesm2022/daffodil-design-toast-examples.mjs +28 -28
  380. package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
  381. package/fesm2022/daffodil-design-toast.mjs +25 -25
  382. package/fesm2022/daffodil-design-toast.mjs.map +1 -1
  383. package/fesm2022/daffodil-design-tree-examples.mjs +7 -7
  384. package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
  385. package/fesm2022/daffodil-design-tree.mjs +10 -10
  386. package/fesm2022/daffodil-design-tree.mjs.map +1 -1
  387. package/fesm2022/daffodil-design.mjs +171 -709
  388. package/fesm2022/daffodil-design.mjs.map +1 -1
  389. package/hero/README.md +0 -6
  390. package/hero/hero/hero.component.d.ts +1 -32
  391. package/list/README.md +13 -60
  392. package/list/list/list.component.d.ts +1 -30
  393. package/list/list.module.d.ts +4 -5
  394. package/list/public_api.d.ts +0 -1
  395. package/list/src/list-theme.scss +0 -34
  396. package/loading-icon/README.md +18 -5
  397. package/loading-icon/examples/loading-icon-color/loading-icon-color.component.d.ts +6 -2
  398. package/loading-icon/examples/loading-icon-color/loading-icon-color.module.d.ts +3 -3
  399. package/menu/README.md +15 -3
  400. package/modal/examples/basic-modal/basic-modal.component.d.ts +2 -2
  401. package/modal/modal/modal.component.d.ts +5 -3
  402. package/modal/service/modal.service.d.ts +3 -3
  403. package/notification/examples/dismissible-notification/dismissible-notification.component.d.ts +6 -0
  404. package/notification/examples/dismissible-notification/dismissible-notification.module.d.ts +11 -0
  405. package/notification/notification/notification.component.d.ts +2 -2
  406. package/package.json +1 -1
  407. package/paginator/paginator/paginator.component.d.ts +4 -24
  408. package/paginator/src/paginator-theme.scss +0 -55
  409. package/public_api.d.ts +0 -6
  410. package/scss/theme.scss +0 -2
  411. package/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts +0 -4
  412. package/accordion/accordion/accordion-item-content/accordion-item-content.directive.d.ts +0 -9
  413. package/atoms/progress-indicator/animation/progress-indicator-animation.d.ts +0 -4
  414. package/atoms/progress-indicator/progress-indicator.component.d.ts +0 -57
  415. package/atoms/progress-indicator/progress-indicator.module.d.ts +0 -8
  416. package/atoms/progress-indicator/public_api.d.ts +0 -2
  417. package/esm2022/accordion/accordion/accordion-item-content/accordion-item-content.directive.mjs +0 -22
  418. package/esm2022/atoms/progress-indicator/animation/progress-indicator-animation.mjs +0 -8
  419. package/esm2022/atoms/progress-indicator/progress-indicator.component.mjs +0 -82
  420. package/esm2022/atoms/progress-indicator/progress-indicator.module.mjs +0 -20
  421. package/esm2022/atoms/progress-indicator/public_api.mjs +0 -3
  422. package/esm2022/list/list-subheader/list-subheader.directive.mjs +0 -25
  423. package/esm2022/molecules/button-set/button-set.component.mjs +0 -23
  424. package/esm2022/molecules/button-set/button-set.module.mjs +0 -20
  425. package/esm2022/molecules/button-set/public_api.mjs +0 -3
  426. package/esm2022/molecules/feature/feature/feature.component.mjs +0 -49
  427. package/esm2022/molecules/feature/feature-icon/feature-icon.directive.mjs +0 -22
  428. package/esm2022/molecules/feature/feature-subheader/feature-subheader.directive.mjs +0 -22
  429. package/esm2022/molecules/feature/feature-subtitle/feature-subtitle.directive.mjs +0 -22
  430. package/esm2022/molecules/feature/feature-title/feature-title.directive.mjs +0 -22
  431. package/esm2022/molecules/feature/feature.module.mjs +0 -44
  432. package/esm2022/molecules/feature/public_api.mjs +0 -7
  433. package/esm2022/molecules/image-gallery/gallery-image/gallery-image.component.mjs +0 -25
  434. package/esm2022/molecules/image-gallery/image-gallery/image-gallery.component.mjs +0 -15
  435. package/esm2022/molecules/image-gallery/image-gallery.module.mjs +0 -33
  436. package/esm2022/molecules/image-gallery/public_api.mjs +0 -4
  437. package/esm2022/molecules/image-list/image-list.component.mjs +0 -20
  438. package/esm2022/molecules/image-list/image-list.module.mjs +0 -24
  439. package/esm2022/molecules/image-list/public_api.mjs +0 -3
  440. package/esm2022/molecules/qty-dropdown/public_api.mjs +0 -3
  441. package/esm2022/molecules/qty-dropdown/qty-dropdown.component.mjs +0 -113
  442. package/esm2022/molecules/qty-dropdown/qty-dropdown.module.mjs +0 -40
  443. package/esm2022/notification/examples/dismissable-notification/dismissable-notification.component.mjs +0 -18
  444. package/list/list-subheader/list-subheader.directive.d.ts +0 -12
  445. package/molecules/button-set/button-set.component.d.ts +0 -12
  446. package/molecules/button-set/button-set.module.d.ts +0 -7
  447. package/molecules/button-set/public_api.d.ts +0 -2
  448. package/molecules/feature/feature/feature.component.d.ts +0 -26
  449. package/molecules/feature/feature-icon/feature-icon.directive.d.ts +0 -9
  450. package/molecules/feature/feature-subheader/feature-subheader.directive.d.ts +0 -9
  451. package/molecules/feature/feature-subtitle/feature-subtitle.directive.d.ts +0 -9
  452. package/molecules/feature/feature-title/feature-title.directive.d.ts +0 -9
  453. package/molecules/feature/feature.module.d.ts +0 -12
  454. package/molecules/feature/public_api.d.ts +0 -6
  455. package/molecules/image-gallery/gallery-image/gallery-image.component.d.ts +0 -10
  456. package/molecules/image-gallery/image-gallery/image-gallery.component.d.ts +0 -8
  457. package/molecules/image-gallery/image-gallery.module.d.ts +0 -10
  458. package/molecules/image-gallery/public_api.d.ts +0 -3
  459. package/molecules/image-list/image-list.component.d.ts +0 -9
  460. package/molecules/image-list/image-list.module.d.ts +0 -8
  461. package/molecules/image-list/public_api.d.ts +0 -2
  462. package/molecules/qty-dropdown/public_api.d.ts +0 -2
  463. package/molecules/qty-dropdown/qty-dropdown.component.d.ts +0 -61
  464. package/molecules/qty-dropdown/qty-dropdown.module.d.ts +0 -12
  465. package/notification/examples/dismissable-notification/dismissable-notification.component.d.ts +0 -6
  466. package/notification/examples/dismissable-notification/dismissable-notification.module.d.ts +0 -11
  467. package/src/atoms/progress-indicator/progress-indicator-theme.scss +0 -60
package/hero/README.md CHANGED
@@ -46,9 +46,3 @@ Heros are flexible enough to support grids within them.
46
46
 
47
47
  ### Hero with Two Columns
48
48
  <design-land-example-viewer-container example="hero-with-grid"></design-land-example-viewer-container>
49
-
50
- ## Size
51
- The `size` property will be deprecated in v1.0.0. `compact` will be replaced by the `DaffCompactable` interface.
52
-
53
- ## Layout
54
- The `layout` property will be deprecated in v1.0.0
@@ -1,21 +1,6 @@
1
1
  import { ElementRef, Renderer2 } from '@angular/core';
2
2
  import { DaffColorable, DaffCompactable, DaffTextAlignable } from '@daffodil/design';
3
3
  import * as i0 from "@angular/core";
4
- /**
5
- * @deprecated See {@link DaffTextAlignable}
6
- */
7
- export type DaffHeroLayout = 'centered' | undefined;
8
- export declare enum DaffHeroLayoutEnum {
9
- Centered = "centered"
10
- }
11
- /**
12
- * @deprecated See {@link DaffCompactable}
13
- */
14
- export type DaffHeroSize = 'compact' | 'small' | undefined;
15
- export declare enum DaffHeroSizeEnum {
16
- Compact = "compact",
17
- Small = "small"
18
- }
19
4
  /**
20
5
  * An _elementRef and an instance of renderer2 are needed for the hero mixins
21
6
  */
@@ -52,28 +37,12 @@ declare const _daffHeroBase: (new (...args: any[]) => {
52
37
  export declare class DaffHeroComponent extends _daffHeroBase implements DaffColorable, DaffTextAlignable, DaffCompactable {
53
38
  private elementRef;
54
39
  private renderer;
55
- /**
56
- * @deprecated See {@link DaffTextAlignable}
57
- */
58
- layout: DaffHeroLayout;
59
- /**
60
- * @deprecated See {@link DaffCompactable}
61
- */
62
- size: DaffHeroSize;
63
40
  constructor(elementRef: ElementRef, renderer: Renderer2);
64
41
  /**
65
42
  * @docs-private
66
43
  */
67
44
  class: boolean;
68
- /**
69
- * @deprecated See {@link DaffTextAlignable}
70
- */
71
- get centered(): boolean;
72
- /**
73
- * @deprecated See {@link DaffCompactable}
74
- */
75
- get compactClass(): boolean;
76
45
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffHeroComponent, never>;
77
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffHeroComponent, "daff-hero", never, { "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
46
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffHeroComponent, "daff-hero", never, { "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; }, {}, never, ["*"], false, never>;
78
47
  }
79
48
  export {};
package/list/README.md CHANGED
@@ -1,69 +1,22 @@
1
- # List Component
2
-
3
- The `<daff-list>` component can be used to display a series of line items.
1
+ # List
2
+ List is a flexible component that can be used to display a series of content. It can be modified to support a range of content types.
4
3
 
5
4
  ## Basic List
5
+ A `<daff-list>` consists of multiple `<daff-list-item>`s.
6
6
 
7
- - Consists of multiple `<daff-list-item>`s
8
-
9
- ### Usage
10
-
11
- ```
12
- <daff-list>
13
- <h3 daffListSubheader>Lorem Ipsum</h3>
14
- <daff-list-item>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</daff-list-item>
15
- <daff-list-item>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</daff-list-item>
16
- <daff-list-item>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</daff-list-item>
17
- </daff-list>
18
- ```
19
-
20
- ## Link List (Deprecated)
21
-
22
- - `type="link"` is used for navigation lists
23
-
24
- ### Usage
25
-
26
- ```
27
- <daff-list type="link">
28
- <h3 daffListSubheader>List Subheader</h3>
29
- <daff-list-item><a href="#">List Item</a></daff-list-item>
30
- <daff-list-item><a href="#">List Item</a></daff-list-item>
31
- <daff-list-item><a href="#">List Item</a></daff-list-item>
32
- <daff-list-item><a href="#">List Item</a></daff-list-item>
33
- <daff-list-item><a href="#">List Item</a></daff-list-item>
34
- </daff-list>
35
- ```
7
+ <design-land-example-viewer-container example="basic-list"></design-land-example-viewer-container>
36
8
 
37
- ## Multi-line List (Deprecated)
9
+ ## Nvigation List
10
+ Use `<daff-nav-list>` for navigation lists. `<daff-list-item>` should be directly added to an anchor tag.
38
11
 
39
- - `type="multi-line"` allows you to have multiple lines per `daff-list-item`.
12
+ <design-land-example-viewer-container example="nav-list"></design-land-example-viewer-container>
40
13
 
41
- ### Usage
14
+ ## Multi-line List
15
+ For lists that have multiple lines per item, wrap each line appropriately with a heading or paragraph tag.
42
16
 
43
- ```
44
- <daff-list type="multi-line">
45
- <daff-list-item>
46
- <h4>Lorem ipsum</h4>
47
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula lacinia tellus quis bibendum.</p>
48
- </daff-list-item>
49
- <daff-list-item>
50
- <h4>Lorem ipsum</h4>
51
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula lacinia tellus quis bibendum.</p>
52
- </daff-list-item>
53
- <daff-list-item>
54
- <h4>Lorem ipsum</h4>
55
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula lacinia tellus quis bibendum.</p>
56
- </daff-list-item>
57
- </daff-list>
58
- ```
17
+ <design-land-example-viewer-container example="multiline-list"></design-land-example-viewer-container>
59
18
 
60
- ### Usage
19
+ ## List with Icons
20
+ To add an icon to a list item, use the `daffPrefix` or `daffSuffix` attributes for the appropriate placements.
61
21
 
62
- ```
63
- <daff-list>
64
- <daff-list-item>
65
- <i class="fab fa-twitter" daffListItemIcon></i>
66
- <h4>Lorem ipsum</h4>
67
- </daff-list-item>
68
- </daff-list>
69
- ```
22
+ <design-land-example-viewer-container example="icon-list"></design-land-example-viewer-container>
@@ -1,15 +1,5 @@
1
1
  import { ElementRef, Renderer2 } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
- /**
4
- * @deprecated
5
- * DaffListMode will be completely deprecated in v1.0.0
6
- * */
7
- export type DaffListMode = 'multi-line' | 'link' | 'navigation' | undefined;
8
- export declare enum DaffListModeEnum {
9
- Multiline = "multi-line",
10
- Link = "link",
11
- Navigation = "navigation"
12
- }
13
3
  export type DaffListType = 'daff-list' | 'daff-nav-list';
14
4
  /**
15
5
  * An _elementRef and an instance of renderer2 are needed for the list mixins
@@ -26,29 +16,10 @@ declare const _daffListBase: (new (...args: any[]) => {
26
16
  export declare class DaffListComponent extends _daffListBase {
27
17
  private elementRef;
28
18
  private renderer;
29
- /**
30
- * @deprecated
31
- * */
32
- mode: DaffListMode;
33
19
  /**
34
20
  * @docs-private
35
21
  */
36
22
  get list(): boolean;
37
- /**
38
- * @docs-private
39
- * @deprecated
40
- * */
41
- get multiline(): boolean;
42
- /**
43
- * @docs-private
44
- * @deprecated
45
- * */
46
- get link(): boolean;
47
- /**
48
- * @docs-private
49
- * @deprecated
50
- * */
51
- get navigation(): boolean;
52
23
  /**
53
24
  * @docs-private
54
25
  */
@@ -66,6 +37,6 @@ export declare class DaffListComponent extends _daffListBase {
66
37
  get role(): "list" | "navigation";
67
38
  private _getHostElement;
68
39
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffListComponent, never>;
69
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffListComponent, "daff-list,daff-nav-list", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
40
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffListComponent, "daff-list,daff-nav-list", never, {}, {}, never, ["*"], false, never>;
70
41
  }
71
42
  export {};
@@ -1,11 +1,10 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./list/list.component";
3
- import * as i2 from "./list-subheader/list-subheader.directive";
4
- import * as i3 from "./list-item/list-item.component";
5
- import * as i4 from "@angular/common";
6
- import * as i5 from "@daffodil/design";
3
+ import * as i2 from "./list-item/list-item.component";
4
+ import * as i3 from "@angular/common";
5
+ import * as i4 from "@daffodil/design";
7
6
  export declare class DaffListModule {
8
7
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffListModule, never>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<DaffListModule, [typeof i1.DaffListComponent, typeof i2.DaffListSubheaderDirective, typeof i3.DaffListItemComponent], [typeof i4.CommonModule, typeof i5.DaffPrefixSuffixModule], [typeof i1.DaffListComponent, typeof i2.DaffListSubheaderDirective, typeof i3.DaffListItemComponent, typeof i5.DaffPrefixSuffixModule]>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DaffListModule, [typeof i1.DaffListComponent, typeof i2.DaffListItemComponent], [typeof i3.CommonModule, typeof i4.DaffPrefixSuffixModule], [typeof i1.DaffListComponent, typeof i2.DaffListItemComponent, typeof i4.DaffPrefixSuffixModule]>;
10
9
  static ɵinj: i0.ɵɵInjectorDeclaration<DaffListModule>;
11
10
  }
@@ -1,4 +1,3 @@
1
1
  export { DaffListModule } from './list.module';
2
2
  export * from './list/list.component';
3
- export * from './list-subheader/list-subheader.directive';
4
3
  export * from './list-item/list-item.component';
@@ -19,40 +19,6 @@
19
19
  }
20
20
  }
21
21
  }
22
-
23
- // link and navigation deprecated in v1.0.0
24
- &--link,
25
- &--navigation {
26
- a {
27
- &:hover {
28
- color: theming.daff-color($neutral, 80);
29
- }
30
- }
31
- }
32
-
33
- // deprecated in v1.0.0
34
- &--navigation {
35
- .daff-list-item {
36
- &:hover {
37
- background-color: theming.daff-illuminate($base, $neutral, 1);
38
- }
39
- }
40
- }
41
-
42
- // deprecated in v1.0.0
43
- &--multi-line {
44
- .daff-list-item {
45
- &__content {
46
- *:nth-child(1) { /* stylelint-disable-line scss/selector-nest-combinators */
47
- color: $base-contrast;
48
- }
49
-
50
- *:nth-child(n + 2) { /* stylelint-disable-line scss/selector-nest-combinators */
51
- color: theming.daff-illuminate($base-contrast, $neutral, 3);
52
- }
53
- }
54
- }
55
- }
56
22
  }
57
23
 
58
24
  .daff-nav-list {
@@ -1,7 +1,20 @@
1
- # Loading Icon Component
1
+ # Loading Icon
2
+ Loading icons are used as an indicator of an event in progress.
2
3
 
3
- ## Usage
4
+ ## Overview
5
+ Loading icons are used to indicate to users that an event is ocurring and is still in progress. They should only be used for short loading processes. For events that can take a considerable amount of time, use the [Progress Bar](../progress-bar/README.md) component instead.
4
6
 
5
- ```
6
- <daff-loading-icon></daff-loading-icon>
7
- ```
7
+ ## Diameter
8
+ The diameter of a loading icon can be defined by using the `diameter` property. By default, the diameter is set to `60`.
9
+
10
+ <design-land-example-viewer-container example="loading-icon-diameter"></design-land-example-viewer-container>
11
+
12
+ ## Theming
13
+ The loading icon color is defined by using the `color` property. By default, the color is set to `primary`. This can be changed to one of the supported colors.
14
+
15
+ Supported colors: `primary | secondary | tertiary | black | white | theme | theme-contrast`
16
+
17
+ <design-land-example-viewer-container example="loading-icon-color"></design-land-example-viewer-container>
18
+
19
+ ## Accessibility
20
+ Loading icons should be given meaningful labels by using `aria-label` or `aria-labelledby`. Additionally, if a loading icon is used to indicate a process in progress, using [aria-live](https://www.w3.org/TR/wai-aria-1.0/states_and_properties#aria-live) and [aria-busy](https://www.w3.org/TR/wai-aria-1.0/states_and_properties#aria-busy") should be strongly considered.
@@ -1,7 +1,11 @@
1
- import { UntypedFormGroup } from '@angular/forms';
1
+ import { UntypedFormControl } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class LoadingIconColorComponent {
4
- colorGroup: UntypedFormGroup;
4
+ colorControl: UntypedFormControl;
5
+ options: {
6
+ value: string;
7
+ label: string;
8
+ }[];
5
9
  static ɵfac: i0.ɵɵFactoryDeclaration<LoadingIconColorComponent, never>;
6
10
  static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIconColorComponent, "loading-icon-color", never, {}, {}, never, never, false, never>;
7
11
  }
@@ -1,10 +1,10 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./loading-icon-color.component";
3
- import * as i2 from "@daffodil/design/loading-icon";
4
- import * as i3 from "@daffodil/design";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@daffodil/design/loading-icon";
5
5
  import * as i4 from "@angular/forms";
6
6
  export declare class LoadingIconColorModule {
7
7
  static ɵfac: i0.ɵɵFactoryDeclaration<LoadingIconColorModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<LoadingIconColorModule, [typeof i1.LoadingIconColorComponent], [typeof i2.DaffLoadingIconModule, typeof i3.DaffRadioModule, typeof i4.ReactiveFormsModule], [typeof i1.LoadingIconColorComponent]>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<LoadingIconColorModule, [typeof i1.LoadingIconColorComponent], [typeof i2.CommonModule, typeof i3.DaffLoadingIconModule, typeof i4.ReactiveFormsModule], [typeof i1.LoadingIconColorComponent]>;
9
9
  static ɵinj: i0.ɵɵInjectorDeclaration<LoadingIconColorModule>;
10
10
  }
package/menu/README.md CHANGED
@@ -1,7 +1,19 @@
1
1
  # Menu
2
- Menus are small floating panels used to add additional information without cluttering a page.
2
+ Menu is a small floating panel used to display a list of actions or navigational items.
3
3
 
4
- ## Usage
4
+ ## Overview
5
+ Menus only appear when a user interacts with a menu activator button. They should be used for secondary actions or options where users don't need immediate access to.
5
6
 
6
- ### Basic Menu
7
+ ## Basic Menu
7
8
  <design-land-example-viewer-container example="basic-menu"></design-land-example-viewer-container>
9
+
10
+ ## Supported Content Types
11
+
12
+ ### Menu Item
13
+ A menu consists of multiple `daff-menu-item`s. Menu items should be used with an anchor or button HTML element.
14
+
15
+ ### Icon
16
+ An icon can be added before the content in `daff-menu-item` by using the `daffPrefix` selector.
17
+
18
+ ### Menu Activator
19
+ A menu is attached to and triggered by the `daffMenuActivator` directive.
@@ -1,8 +1,8 @@
1
- import { DaffModalService } from '@daffodil/design/modal';
1
+ import { DaffModalComponent, DaffModalService } from '@daffodil/design/modal';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class BasicModalComponent {
4
4
  private modalService;
5
- modal: any;
5
+ modal: DaffModalComponent;
6
6
  constructor(modalService: DaffModalService);
7
7
  showModal(): void;
8
8
  static ɵfac: i0.ɵɵFactoryDeclaration<BasicModalComponent, never>;
@@ -2,8 +2,10 @@ import { AnimationEvent } from '@angular/animations';
2
2
  import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
3
3
  import { ComponentPortal } from '@angular/cdk/portal';
4
4
  import { EventEmitter, ElementRef, AfterContentInit, AfterViewInit } from '@angular/core';
5
+ import { DaffModalService } from '../service/modal.service';
5
6
  import * as i0 from "@angular/core";
6
7
  export declare class DaffModalComponent implements AfterContentInit, AfterViewInit {
8
+ private modalService;
7
9
  private _focusTrapFactory;
8
10
  private _elementRef;
9
11
  /**
@@ -27,11 +29,11 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
27
29
  */
28
30
  closedAnimationCompleted: EventEmitter<any>;
29
31
  /**
30
- * Event fired when the backdrop is clicked. This is often used to close the modal.
32
+ * @docs-private
31
33
  */
32
- hide: EventEmitter<void>;
34
+ onEscape(): void;
33
35
  private _focusTrap;
34
- constructor(_focusTrapFactory: ConfigurableFocusTrapFactory, _elementRef: ElementRef<HTMLElement>);
36
+ constructor(modalService: DaffModalService, _focusTrapFactory: ConfigurableFocusTrapFactory, _elementRef: ElementRef<HTMLElement>);
35
37
  ngAfterContentInit(): void;
36
38
  ngAfterViewInit(): void;
37
39
  /**
@@ -1,7 +1,7 @@
1
1
  import { Overlay } from '@angular/cdk/overlay';
2
2
  import { Type } from '@angular/core';
3
- import { DaffModal } from '../modal/modal';
4
3
  import { DaffModalConfiguration } from '../modal/modal-config';
4
+ import { DaffModalComponent } from '../modal/modal.component';
5
5
  import * as i0 from "@angular/core";
6
6
  export declare class DaffModalService {
7
7
  private overlay;
@@ -12,8 +12,8 @@ export declare class DaffModalService {
12
12
  private _attachModalContent;
13
13
  private _createOverlayRef;
14
14
  private _removeModal;
15
- open(component: Type<any>, configuration?: Partial<DaffModalConfiguration>): DaffModal;
16
- close(modal: DaffModal): void;
15
+ open(component: Type<any>, configuration?: Partial<DaffModalConfiguration>): DaffModalComponent;
16
+ close(component: DaffModalComponent): void;
17
17
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalService, never>;
18
18
  static ɵprov: i0.ɵɵInjectableDeclaration<DaffModalService>;
19
19
  }
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class DismissibleNotificationComponent {
3
+ faInfoCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<DismissibleNotificationComponent, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<DismissibleNotificationComponent, "dismissible-notification", never, {}, {}, never, never, false, never>;
6
+ }
@@ -0,0 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./dismissible-notification.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@daffodil/design/notification";
5
+ import * as i4 from "@fortawesome/angular-fontawesome";
6
+ import * as i5 from "@daffodil/design/button";
7
+ export declare class DismissibleNotificationModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<DismissibleNotificationModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DismissibleNotificationModule, [typeof i1.DismissibleNotificationComponent], [typeof i2.CommonModule, typeof i3.DaffNotificationModule, typeof i4.FontAwesomeModule, typeof i5.DaffButtonModule], [typeof i1.DismissibleNotificationComponent]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<DismissibleNotificationModule>;
11
+ }
@@ -33,7 +33,7 @@ export declare class DaffNotificationComponent extends _daffNotificationBase imp
33
33
  get verticalOrientation(): boolean;
34
34
  get horizontalOrientation(): boolean;
35
35
  /** Whether or not a notification is closable */
36
- dismissable: boolean;
36
+ dismissible: boolean;
37
37
  closeNotification: EventEmitter<void>;
38
38
  private _orientation;
39
39
  get orientation(): DaffNotificationOrientation;
@@ -42,6 +42,6 @@ export declare class DaffNotificationComponent extends _daffNotificationBase imp
42
42
  _prefix: DaffPrefixDirective;
43
43
  onCloseNotification(event: Event): void;
44
44
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationComponent, never>;
45
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "status": { "alias": "status"; "required": false; }; "dismissable": { "alias": "dismissable"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "closeNotification": "closeNotification"; }, ["_prefix"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationSubtitle]", "[daffNotificationActions]"], false, never>;
45
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "status": { "alias": "status"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "closeNotification": "closeNotification"; }, ["_prefix"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationSubtitle]", "[daffNotificationActions]"], false, never>;
46
46
  }
47
47
  export {};
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.70.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^17.0.0","@angular/common":"^17.0.0","@angular/core":"^17.0.0","@angular/forms":"^17.0.0","@angular/cdk":"^17.0.0","@daffodil/core":"0.70.0","@fortawesome/angular-fontawesome":"^0.14.1","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^0.5.0","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/daffodil-design.mjs","esm":"./esm2022/daffodil-design.mjs","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","esm2022":"./esm2022/accordion/daffodil-design-accordion.mjs","esm":"./esm2022/accordion/daffodil-design-accordion.mjs","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","esm2022":"./esm2022/article/daffodil-design-article.mjs","esm":"./esm2022/article/daffodil-design-article.mjs","default":"./fesm2022/daffodil-design-article.mjs"},"./button":{"types":"./button/index.d.ts","esm2022":"./esm2022/button/daffodil-design-button.mjs","esm":"./esm2022/button/daffodil-design-button.mjs","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","esm2022":"./esm2022/callout/daffodil-design-callout.mjs","esm":"./esm2022/callout/daffodil-design-callout.mjs","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","esm2022":"./esm2022/card/daffodil-design-card.mjs","esm":"./esm2022/card/daffodil-design-card.mjs","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","esm2022":"./esm2022/container/daffodil-design-container.mjs","esm":"./esm2022/container/daffodil-design-container.mjs","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","esm2022":"./esm2022/hero/daffodil-design-hero.mjs","esm":"./esm2022/hero/daffodil-design-hero.mjs","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","esm2022":"./esm2022/image/daffodil-design-image.mjs","esm":"./esm2022/image/daffodil-design-image.mjs","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","esm2022":"./esm2022/link-set/daffodil-design-link-set.mjs","esm":"./esm2022/link-set/daffodil-design-link-set.mjs","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","esm2022":"./esm2022/list/daffodil-design-list.mjs","esm":"./esm2022/list/daffodil-design-list.mjs","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","esm2022":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","esm":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","esm2022":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","esm":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","esm2022":"./esm2022/menu/daffodil-design-menu.mjs","esm":"./esm2022/menu/daffodil-design-menu.mjs","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","esm2022":"./esm2022/modal/daffodil-design-modal.mjs","esm":"./esm2022/modal/daffodil-design-modal.mjs","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","esm2022":"./esm2022/navbar/daffodil-design-navbar.mjs","esm":"./esm2022/navbar/daffodil-design-navbar.mjs","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","esm2022":"./esm2022/notification/daffodil-design-notification.mjs","esm":"./esm2022/notification/daffodil-design-notification.mjs","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","esm2022":"./esm2022/paginator/daffodil-design-paginator.mjs","esm":"./esm2022/paginator/daffodil-design-paginator.mjs","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","esm2022":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","esm":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","esm2022":"./esm2022/sidebar/daffodil-design-sidebar.mjs","esm":"./esm2022/sidebar/daffodil-design-sidebar.mjs","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./toast":{"types":"./toast/index.d.ts","esm2022":"./esm2022/toast/daffodil-design-toast.mjs","esm":"./esm2022/toast/daffodil-design-toast.mjs","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","esm2022":"./esm2022/tree/daffodil-design-tree.mjs","esm":"./esm2022/tree/daffodil-design-tree.mjs","default":"./fesm2022/daffodil-design-tree.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","esm2022":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","esm":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","esm2022":"./esm2022/article/examples/daffodil-design-article-examples.mjs","esm":"./esm2022/article/examples/daffodil-design-article-examples.mjs","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","esm2022":"./esm2022/button/examples/daffodil-design-button-examples.mjs","esm":"./esm2022/button/examples/daffodil-design-button-examples.mjs","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","esm2022":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","esm":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","esm2022":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","esm":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","esm2022":"./esm2022/card/examples/daffodil-design-card-examples.mjs","esm":"./esm2022/card/examples/daffodil-design-card-examples.mjs","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","esm2022":"./esm2022/container/examples/daffodil-design-container-examples.mjs","esm":"./esm2022/container/examples/daffodil-design-container-examples.mjs","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","esm2022":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","esm":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","esm2022":"./esm2022/image/examples/daffodil-design-image-examples.mjs","esm":"./esm2022/image/examples/daffodil-design-image-examples.mjs","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","esm2022":"./esm2022/input/examples/daffodil-design-input-examples.mjs","esm":"./esm2022/input/examples/daffodil-design-input-examples.mjs","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","esm2022":"./esm2022/list/examples/daffodil-design-list-examples.mjs","esm":"./esm2022/list/examples/daffodil-design-list-examples.mjs","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","esm2022":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","esm":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","esm2022":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","esm":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","esm2022":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","esm":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","esm2022":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","esm":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","esm2022":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","esm":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","esm2022":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","esm":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","esm2022":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","esm":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","esm2022":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","esm":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","esm2022":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","esm":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","esm2022":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","esm":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","esm2022":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","esm":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","esm2022":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","esm":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","esm2022":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","esm":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
1
+ {"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.72.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^17.0.0","@angular/common":"^17.0.0","@angular/core":"^17.0.0","@angular/forms":"^17.0.0","@angular/cdk":"^17.0.0","@daffodil/core":"0.72.0","@fortawesome/angular-fontawesome":"^0.14.1","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^0.5.0","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/daffodil-design.mjs","esm":"./esm2022/daffodil-design.mjs","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","esm2022":"./esm2022/accordion/daffodil-design-accordion.mjs","esm":"./esm2022/accordion/daffodil-design-accordion.mjs","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","esm2022":"./esm2022/article/daffodil-design-article.mjs","esm":"./esm2022/article/daffodil-design-article.mjs","default":"./fesm2022/daffodil-design-article.mjs"},"./button":{"types":"./button/index.d.ts","esm2022":"./esm2022/button/daffodil-design-button.mjs","esm":"./esm2022/button/daffodil-design-button.mjs","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","esm2022":"./esm2022/callout/daffodil-design-callout.mjs","esm":"./esm2022/callout/daffodil-design-callout.mjs","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","esm2022":"./esm2022/card/daffodil-design-card.mjs","esm":"./esm2022/card/daffodil-design-card.mjs","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","esm2022":"./esm2022/container/daffodil-design-container.mjs","esm":"./esm2022/container/daffodil-design-container.mjs","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","esm2022":"./esm2022/hero/daffodil-design-hero.mjs","esm":"./esm2022/hero/daffodil-design-hero.mjs","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","esm2022":"./esm2022/image/daffodil-design-image.mjs","esm":"./esm2022/image/daffodil-design-image.mjs","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","esm2022":"./esm2022/link-set/daffodil-design-link-set.mjs","esm":"./esm2022/link-set/daffodil-design-link-set.mjs","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","esm2022":"./esm2022/list/daffodil-design-list.mjs","esm":"./esm2022/list/daffodil-design-list.mjs","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","esm2022":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","esm":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","esm2022":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","esm":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","esm2022":"./esm2022/menu/daffodil-design-menu.mjs","esm":"./esm2022/menu/daffodil-design-menu.mjs","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","esm2022":"./esm2022/modal/daffodil-design-modal.mjs","esm":"./esm2022/modal/daffodil-design-modal.mjs","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","esm2022":"./esm2022/navbar/daffodil-design-navbar.mjs","esm":"./esm2022/navbar/daffodil-design-navbar.mjs","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","esm2022":"./esm2022/notification/daffodil-design-notification.mjs","esm":"./esm2022/notification/daffodil-design-notification.mjs","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","esm2022":"./esm2022/paginator/daffodil-design-paginator.mjs","esm":"./esm2022/paginator/daffodil-design-paginator.mjs","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","esm2022":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","esm":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","esm2022":"./esm2022/sidebar/daffodil-design-sidebar.mjs","esm":"./esm2022/sidebar/daffodil-design-sidebar.mjs","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./toast":{"types":"./toast/index.d.ts","esm2022":"./esm2022/toast/daffodil-design-toast.mjs","esm":"./esm2022/toast/daffodil-design-toast.mjs","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","esm2022":"./esm2022/tree/daffodil-design-tree.mjs","esm":"./esm2022/tree/daffodil-design-tree.mjs","default":"./fesm2022/daffodil-design-tree.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","esm2022":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","esm":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","esm2022":"./esm2022/article/examples/daffodil-design-article-examples.mjs","esm":"./esm2022/article/examples/daffodil-design-article-examples.mjs","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","esm2022":"./esm2022/button/examples/daffodil-design-button-examples.mjs","esm":"./esm2022/button/examples/daffodil-design-button-examples.mjs","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","esm2022":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","esm":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","esm2022":"./esm2022/card/examples/daffodil-design-card-examples.mjs","esm":"./esm2022/card/examples/daffodil-design-card-examples.mjs","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","esm2022":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","esm":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","esm2022":"./esm2022/container/examples/daffodil-design-container-examples.mjs","esm":"./esm2022/container/examples/daffodil-design-container-examples.mjs","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","esm2022":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","esm":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","esm2022":"./esm2022/image/examples/daffodil-design-image-examples.mjs","esm":"./esm2022/image/examples/daffodil-design-image-examples.mjs","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","esm2022":"./esm2022/input/examples/daffodil-design-input-examples.mjs","esm":"./esm2022/input/examples/daffodil-design-input-examples.mjs","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","esm2022":"./esm2022/list/examples/daffodil-design-list-examples.mjs","esm":"./esm2022/list/examples/daffodil-design-list-examples.mjs","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","esm2022":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","esm":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","esm2022":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","esm":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","esm2022":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","esm":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","esm2022":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","esm":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","esm2022":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","esm":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","esm2022":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","esm":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","esm2022":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","esm":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","esm2022":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","esm":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","esm2022":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","esm":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","esm2022":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","esm":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","esm2022":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","esm":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","esm2022":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","esm":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","esm2022":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","esm":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
@@ -1,30 +1,11 @@
1
- import { EventEmitter, ElementRef, OnChanges, Renderer2 } from '@angular/core';
1
+ import { EventEmitter, ElementRef, OnChanges } from '@angular/core';
2
2
  import { Params } from '@angular/router';
3
- import { DaffColorable } from '@daffodil/design';
4
3
  import * as i0 from "@angular/core";
5
- /**
6
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
7
- */
8
- declare class DaffPaginatorBase {
9
- _elementRef: ElementRef;
10
- _renderer: Renderer2;
11
- constructor(_elementRef: ElementRef, _renderer: Renderer2);
12
- }
13
- /**
14
- * @deprecated in v1.0.0
15
- */
16
- declare const _daffPaginatorBase: (new (...args: any[]) => {
17
- _color: import("@daffodil/design").DaffPalette;
18
- color: import("@daffodil/design").DaffPalette;
19
- _elementRef: ElementRef<any>;
20
- _renderer: Renderer2;
21
- }) & typeof DaffPaginatorBase;
22
4
  /**
23
5
  * @inheritdoc
24
6
  */
25
- export declare class DaffPaginatorComponent extends _daffPaginatorBase implements OnChanges, DaffColorable {
7
+ export declare class DaffPaginatorComponent implements OnChanges {
26
8
  private elementRef;
27
- private renderer;
28
9
  /**
29
10
  * @docs-private
30
11
  */
@@ -45,7 +26,7 @@ export declare class DaffPaginatorComponent extends _daffPaginatorBase implement
45
26
  * @docs-private
46
27
  */
47
28
  _paginatorId: string;
48
- constructor(elementRef: ElementRef, renderer: Renderer2);
29
+ constructor(elementRef: ElementRef);
49
30
  /**
50
31
  * The total number of pages the paginator tracks. This number can change dynamically, but the end user is responsible for keeping numberOfPages
51
32
  * and currentPage in sync. For example, if the numberOfPages is dynamically changed to a value less than the currentPage, the paginator will break.
@@ -140,6 +121,5 @@ export declare class DaffPaginatorComponent extends _daffPaginatorBase implement
140
121
  _showNumber(pageNumber: number): boolean;
141
122
  _buildPageQueryParams(page: number): Params;
142
123
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffPaginatorComponent, never>;
143
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffPaginatorComponent, "daff-paginator", never, { "color": { "alias": "color"; "required": false; }; "numberOfPages": { "alias": "numberOfPages"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "linkMode": { "alias": "linkMode"; "required": false; }; "url": { "alias": "url"; "required": false; }; "queryParam": { "alias": "queryParam"; "required": false; }; }, { "notifyPageChange": "notifyPageChange"; }, never, never, false, never>;
124
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffPaginatorComponent, "daff-paginator", never, { "numberOfPages": { "alias": "numberOfPages"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "linkMode": { "alias": "linkMode"; "required": false; }; "url": { "alias": "url"; "required": false; }; "queryParam": { "alias": "queryParam"; "required": false; }; }, { "notifyPageChange": "notifyPageChange"; }, never, never, false, never>;
144
125
  }
145
- export {};