@daffodil/design 0.60.0 → 0.62.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 (258) hide show
  1. package/accordion/examples/package.json +1 -1
  2. package/article/examples/package.json +1 -1
  3. package/atoms/button/button.component.d.ts +18 -2
  4. package/atoms/button/button.module.d.ts +2 -1
  5. package/atoms/form/error-message/error-message.component.d.ts +1 -0
  6. package/atoms/form/form-label/form-label.directive.d.ts +6 -0
  7. package/atoms/form/form-label/form-label.module.d.ts +7 -0
  8. package/atoms/form/form-label/public_api.d.ts +2 -0
  9. package/atoms/form/{select/select/select.component.d.ts → native-select/native-select.component.d.ts} +1 -1
  10. package/atoms/form/{select/select.module.d.ts → native-select/native-select.module.d.ts} +1 -1
  11. package/atoms/form/native-select/public_api.d.ts +2 -0
  12. package/atoms/form/quantity-field/quantity-field.module.d.ts +1 -1
  13. package/atoms/form/quantity-field/quantity-select/quantity-select.component.d.ts +1 -1
  14. package/atoms/loading-icon/loading-icon.component.d.ts +3 -3
  15. package/button/examples/examples.d.ts +4 -0
  16. package/button/examples/flat-button/flat-button.component.d.ts +7 -0
  17. package/button/examples/flat-button/flat-button.module.d.ts +9 -0
  18. package/button/examples/package.json +1 -1
  19. package/button/examples/public_api.d.ts +10 -9
  20. package/callout/examples/package.json +1 -1
  21. package/card/examples/package.json +1 -1
  22. package/checkbox/examples/package.json +1 -1
  23. package/container/examples/package.json +1 -1
  24. package/core/animation/animation-state-with-params.d.ts +8 -0
  25. package/core/public_api.d.ts +3 -2
  26. package/core/statusable/public_api.d.ts +2 -0
  27. package/esm2020/atoms/button/button.component.mjs +62 -5
  28. package/esm2020/atoms/button/button.module.mjs +6 -2
  29. package/esm2020/atoms/form/error-message/error-message.component.mjs +10 -4
  30. package/esm2020/atoms/form/form-label/form-label.directive.mjs +19 -0
  31. package/esm2020/atoms/form/form-label/form-label.module.mjs +20 -0
  32. package/esm2020/atoms/form/form-label/public_api.mjs +3 -0
  33. package/esm2020/atoms/form/native-select/native-select.component.mjs +64 -0
  34. package/esm2020/atoms/form/{select/select.module.mjs → native-select/native-select.module.mjs} +2 -2
  35. package/esm2020/atoms/form/native-select/public_api.mjs +3 -0
  36. package/esm2020/atoms/form/quantity-field/quantity-field.module.mjs +2 -2
  37. package/esm2020/atoms/form/quantity-field/quantity-select/quantity-select.component.mjs +3 -3
  38. package/esm2020/atoms/image/image.component.mjs +2 -2
  39. package/esm2020/atoms/loading-icon/loading-icon.component.mjs +4 -5
  40. package/esm2020/button/examples/basic-button/basic-button.component.mjs +7 -6
  41. package/esm2020/button/examples/examples.mjs +19 -0
  42. package/esm2020/button/examples/flat-button/flat-button.component.mjs +24 -0
  43. package/esm2020/button/examples/flat-button/flat-button.module.mjs +30 -0
  44. package/esm2020/button/examples/icon-button/icon-button.component.mjs +6 -5
  45. package/esm2020/button/examples/public_api.mjs +11 -18
  46. package/esm2020/button/examples/raised-button/raised-button.component.mjs +7 -6
  47. package/esm2020/button/examples/sizeable-button/sizeable-button.component.mjs +3 -7
  48. package/esm2020/button/examples/statusable-button/statusable-button.component.mjs +3 -11
  49. package/esm2020/button/examples/stroked-button/stroked-button.component.mjs +7 -6
  50. package/esm2020/button/examples/underline-button/underline-button.component.mjs +7 -6
  51. package/esm2020/button/examples/underline-button/underline-button.module.mjs +1 -1
  52. package/esm2020/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +1 -1
  53. package/esm2020/callout/examples/callout-theming/callout-theming.component.mjs +1 -1
  54. package/esm2020/callout/examples/callout-with-grid/callout-with-grid.component.mjs +1 -1
  55. package/esm2020/callout/examples/compact-callout/compact-callout.component.mjs +1 -1
  56. package/esm2020/card/examples/basic-card/basic-card.component.mjs +1 -1
  57. package/esm2020/card/examples/card-orientation/card-orientation.component.mjs +1 -1
  58. package/esm2020/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +1 -1
  59. package/esm2020/checkbox/examples/checkbox-set/checkbox-set.component.mjs +1 -1
  60. package/esm2020/core/animation/animation-state-with-params.mjs +2 -0
  61. package/esm2020/core/public_api.mjs +4 -3
  62. package/esm2020/core/statusable/public_api.mjs +3 -0
  63. package/esm2020/hero/examples/compact-hero/compact-hero.component.mjs +1 -1
  64. package/esm2020/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +1 -1
  65. package/esm2020/hero/examples/hero-theming/hero-theming.component.mjs +1 -1
  66. package/esm2020/hero/examples/hero-with-grid/hero-with-grid.component.mjs +1 -1
  67. package/esm2020/menu/examples/basic-menu/basic-menu.component.mjs +1 -1
  68. package/esm2020/modal/examples/basic-modal/basic-modal.component.mjs +1 -1
  69. package/esm2020/modal/examples/basic-modal/modal-content.component.mjs +1 -1
  70. package/esm2020/molecules/backdrop/animation/backdrop-animation-state.mjs +2 -0
  71. package/esm2020/molecules/backdrop/animation/backdrop-animation.mjs +6 -2
  72. package/esm2020/molecules/backdrop/backdrop/backdrop.component.mjs +40 -5
  73. package/esm2020/molecules/media-gallery/media-gallery.component.mjs +2 -2
  74. package/esm2020/molecules/qty-dropdown/qty-dropdown.component.mjs +1 -1
  75. package/esm2020/molecules/qty-dropdown/qty-dropdown.module.mjs +2 -2
  76. package/esm2020/molecules/sidebar/animation/sidebar-animation-state.mjs +2 -2
  77. package/esm2020/molecules/sidebar/animation/sidebar-animation-width.mjs +2 -0
  78. package/esm2020/molecules/sidebar/animation/sidebar-animation.mjs +21 -4
  79. package/esm2020/molecules/sidebar/animation/sidebar-viewport-animation-state.mjs +3 -0
  80. package/esm2020/molecules/sidebar/helper/sidebar-mode.mjs +1 -1
  81. package/esm2020/molecules/sidebar/helper/sidebar-side.mjs +2 -0
  82. package/esm2020/molecules/sidebar/public_api.mjs +1 -2
  83. package/esm2020/molecules/sidebar/sidebar/sidebar.component.mjs +62 -10
  84. package/esm2020/molecules/sidebar/sidebar-viewport/backdrop-interactable.mjs +5 -0
  85. package/esm2020/molecules/sidebar/sidebar-viewport/content-pad.mjs +17 -0
  86. package/esm2020/molecules/sidebar/sidebar-viewport/content-shift.mjs +21 -0
  87. package/esm2020/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +83 -81
  88. package/esm2020/navbar/examples/basic-navbar/basic-navbar.component.mjs +1 -1
  89. package/esm2020/navbar/examples/contained-navbar/contained-navbar.component.mjs +1 -1
  90. package/esm2020/navbar/examples/navbar-theming/navbar-theming.component.mjs +1 -1
  91. package/esm2020/navbar/examples/raised-navbar/raised-navbar.component.mjs +1 -1
  92. package/esm2020/public_api.mjs +3 -2
  93. package/esm2020/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +12 -0
  94. package/esm2020/sidebar/examples/basic-sidebar/basic-sidebar.module.mjs +29 -0
  95. package/esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs +5 -0
  96. package/esm2020/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.component.mjs +21 -0
  97. package/esm2020/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.module.mjs +32 -0
  98. package/esm2020/sidebar/examples/index.mjs +2 -0
  99. package/esm2020/sidebar/examples/public_api.mjs +18 -0
  100. package/esm2020/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.component.mjs +12 -0
  101. package/esm2020/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.module.mjs +29 -0
  102. package/esm2020/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component.mjs +12 -0
  103. package/esm2020/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module.mjs +29 -0
  104. package/esm2020/sidebar/examples/under-sidebar/under-sidebar.component.mjs +26 -0
  105. package/esm2020/sidebar/examples/under-sidebar/under-sidebar.module.mjs +32 -0
  106. package/esm2020/tree/daffodil-design-tree.mjs +5 -0
  107. package/esm2020/tree/examples/basic-tree/basic-tree.component.mjs +39 -0
  108. package/esm2020/tree/examples/basic-tree/basic-tree.module.mjs +34 -0
  109. package/esm2020/tree/examples/daffodil-design-tree-examples.mjs +5 -0
  110. package/esm2020/tree/examples/index.mjs +2 -0
  111. package/esm2020/tree/examples/public_api.mjs +7 -0
  112. package/esm2020/tree/index.mjs +2 -0
  113. package/esm2020/tree/interfaces/recursive-key.mjs +2 -0
  114. package/esm2020/tree/interfaces/tree-data.mjs +2 -0
  115. package/esm2020/tree/interfaces/tree-ui.mjs +2 -0
  116. package/esm2020/tree/public_api.mjs +5 -0
  117. package/esm2020/tree/tree/tree-notifier.service.mjs +45 -0
  118. package/esm2020/tree/tree/tree.component.mjs +106 -0
  119. package/esm2020/tree/tree-item/tree-item.directive.mjs +154 -0
  120. package/esm2020/tree/tree.module.mjs +31 -0
  121. package/esm2020/tree/utils/flatten-tree.mjs +47 -0
  122. package/esm2020/tree/utils/hydrate-tree.mjs +31 -0
  123. package/esm2020/tree/utils/transform-in-place.mjs +23 -0
  124. package/esm2020/tree/utils/traverse-tree.mjs +21 -0
  125. package/fesm2015/daffodil-design-button-examples.mjs +160 -122
  126. package/fesm2015/daffodil-design-button-examples.mjs.map +1 -1
  127. package/fesm2015/daffodil-design-callout-examples.mjs +4 -4
  128. package/fesm2015/daffodil-design-callout-examples.mjs.map +1 -1
  129. package/fesm2015/daffodil-design-card-examples.mjs +2 -2
  130. package/fesm2015/daffodil-design-card-examples.mjs.map +1 -1
  131. package/fesm2015/daffodil-design-checkbox-examples.mjs +2 -2
  132. package/fesm2015/daffodil-design-checkbox-examples.mjs.map +1 -1
  133. package/fesm2015/daffodil-design-hero-examples.mjs +4 -4
  134. package/fesm2015/daffodil-design-hero-examples.mjs.map +1 -1
  135. package/fesm2015/daffodil-design-menu-examples.mjs +1 -1
  136. package/fesm2015/daffodil-design-menu-examples.mjs.map +1 -1
  137. package/fesm2015/daffodil-design-modal-examples.mjs +2 -2
  138. package/fesm2015/daffodil-design-modal-examples.mjs.map +1 -1
  139. package/fesm2015/daffodil-design-navbar-examples.mjs +4 -4
  140. package/fesm2015/daffodil-design-navbar-examples.mjs.map +1 -1
  141. package/fesm2015/daffodil-design-sidebar-examples.mjs +218 -0
  142. package/fesm2015/daffodil-design-sidebar-examples.mjs.map +1 -0
  143. package/fesm2015/daffodil-design-tree-examples.mjs +81 -0
  144. package/fesm2015/daffodil-design-tree-examples.mjs.map +1 -0
  145. package/fesm2015/daffodil-design-tree.mjs +443 -0
  146. package/fesm2015/daffodil-design-tree.mjs.map +1 -0
  147. package/fesm2015/daffodil-design.mjs +440 -191
  148. package/fesm2015/daffodil-design.mjs.map +1 -1
  149. package/fesm2020/daffodil-design-button-examples.mjs +160 -122
  150. package/fesm2020/daffodil-design-button-examples.mjs.map +1 -1
  151. package/fesm2020/daffodil-design-callout-examples.mjs +4 -4
  152. package/fesm2020/daffodil-design-callout-examples.mjs.map +1 -1
  153. package/fesm2020/daffodil-design-card-examples.mjs +2 -2
  154. package/fesm2020/daffodil-design-card-examples.mjs.map +1 -1
  155. package/fesm2020/daffodil-design-checkbox-examples.mjs +2 -2
  156. package/fesm2020/daffodil-design-checkbox-examples.mjs.map +1 -1
  157. package/fesm2020/daffodil-design-hero-examples.mjs +4 -4
  158. package/fesm2020/daffodil-design-hero-examples.mjs.map +1 -1
  159. package/fesm2020/daffodil-design-menu-examples.mjs +1 -1
  160. package/fesm2020/daffodil-design-menu-examples.mjs.map +1 -1
  161. package/fesm2020/daffodil-design-modal-examples.mjs +2 -2
  162. package/fesm2020/daffodil-design-modal-examples.mjs.map +1 -1
  163. package/fesm2020/daffodil-design-navbar-examples.mjs +4 -4
  164. package/fesm2020/daffodil-design-navbar-examples.mjs.map +1 -1
  165. package/fesm2020/daffodil-design-sidebar-examples.mjs +218 -0
  166. package/fesm2020/daffodil-design-sidebar-examples.mjs.map +1 -0
  167. package/fesm2020/daffodil-design-tree-examples.mjs +81 -0
  168. package/fesm2020/daffodil-design-tree-examples.mjs.map +1 -0
  169. package/fesm2020/daffodil-design-tree.mjs +448 -0
  170. package/fesm2020/daffodil-design-tree.mjs.map +1 -0
  171. package/fesm2020/daffodil-design.mjs +440 -191
  172. package/fesm2020/daffodil-design.mjs.map +1 -1
  173. package/hero/examples/package.json +1 -1
  174. package/image/examples/package.json +1 -1
  175. package/input/examples/package.json +1 -1
  176. package/list/examples/package.json +1 -1
  177. package/loading-icon/examples/package.json +1 -1
  178. package/media-gallery/examples/package.json +1 -1
  179. package/menu/examples/package.json +1 -1
  180. package/modal/examples/package.json +1 -1
  181. package/molecules/backdrop/animation/backdrop-animation-state.d.ts +2 -0
  182. package/molecules/backdrop/backdrop/backdrop.component.d.ts +17 -3
  183. package/molecules/qty-dropdown/qty-dropdown.module.d.ts +1 -1
  184. package/molecules/sidebar/animation/sidebar-animation-state.d.ts +2 -1
  185. package/molecules/sidebar/animation/sidebar-animation-width.d.ts +2 -0
  186. package/molecules/sidebar/animation/sidebar-animation.d.ts +3 -1
  187. package/molecules/sidebar/animation/sidebar-viewport-animation-state.d.ts +6 -0
  188. package/molecules/sidebar/helper/sidebar-mode.d.ts +27 -1
  189. package/molecules/sidebar/helper/sidebar-side.d.ts +12 -0
  190. package/molecules/sidebar/public_api.d.ts +2 -1
  191. package/molecules/sidebar/sidebar/sidebar.component.d.ts +37 -5
  192. package/molecules/sidebar/sidebar-viewport/backdrop-interactable.d.ts +6 -0
  193. package/molecules/sidebar/sidebar-viewport/content-pad.d.ts +7 -0
  194. package/molecules/sidebar/sidebar-viewport/content-shift.d.ts +8 -0
  195. package/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +47 -44
  196. package/navbar/examples/package.json +1 -1
  197. package/package.json +1 -1
  198. package/paginator/examples/package.json +1 -1
  199. package/public_api.d.ts +2 -1
  200. package/quantity-field/examples/package.json +1 -1
  201. package/radio/examples/package.json +1 -1
  202. package/scss/global.scss +1 -0
  203. package/scss/state/skeleton/_mixins.scss +1 -0
  204. package/scss/theme.scss +4 -2
  205. package/scss/theming/_color-palettes.scss +5 -5
  206. package/sidebar/examples/basic-sidebar/basic-sidebar.component.d.ts +5 -0
  207. package/sidebar/examples/basic-sidebar/basic-sidebar.module.d.ts +8 -0
  208. package/sidebar/examples/daffodil-design-sidebar-examples.d.ts +5 -0
  209. package/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.component.d.ts +8 -0
  210. package/sidebar/examples/fixed-and-over-sidebar/fixed-and-over-sidebar.module.d.ts +8 -0
  211. package/sidebar/examples/index.d.ts +1 -0
  212. package/sidebar/examples/package.json +1 -0
  213. package/sidebar/examples/public_api.d.ts +2 -0
  214. package/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.component.d.ts +5 -0
  215. package/sidebar/examples/sidebar-with-sticky/sidebar-with-sticky.module.d.ts +8 -0
  216. package/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.component.d.ts +5 -0
  217. package/sidebar/examples/two-fixed-sidebars-either-side/two-fixed-sidebars-either-side.module.d.ts +8 -0
  218. package/sidebar/examples/under-sidebar/under-sidebar.component.d.ts +10 -0
  219. package/sidebar/examples/under-sidebar/under-sidebar.module.d.ts +8 -0
  220. package/src/atoms/button/button-theme-variants/button.scss +9 -18
  221. package/src/atoms/button/button-theme-variants/flat.scss +25 -0
  222. package/src/atoms/button/button-theme-variants/raised.scss +6 -26
  223. package/src/atoms/button/button-theme-variants/stroked.scss +12 -20
  224. package/src/atoms/button/button-theme.scss +121 -117
  225. package/src/atoms/form/{select → native-select}/README.md +1 -1
  226. package/src/atoms/form/{select/select/select-theme.scss → native-select/native-select-theme.scss} +3 -3
  227. package/src/atoms/loading-icon/loading-icon-theme.scss +4 -0
  228. package/src/molecules/sidebar/README.md +10 -0
  229. package/src/molecules/sidebar/helper/_variables.scss +7 -0
  230. package/src/molecules/sidebar/sidebar/sidebar-theme.scss +3 -3
  231. package/src/molecules/sidebar/sidebar-viewport/sidebar-viewport-theme.scss +5 -0
  232. package/tree/README.md +38 -0
  233. package/tree/daffodil-design-tree.d.ts +5 -0
  234. package/tree/examples/basic-tree/basic-tree.component.d.ts +7 -0
  235. package/tree/examples/basic-tree/basic-tree.module.d.ts +10 -0
  236. package/tree/examples/daffodil-design-tree-examples.d.ts +5 -0
  237. package/tree/examples/index.d.ts +1 -0
  238. package/tree/examples/package.json +1 -0
  239. package/tree/examples/public_api.d.ts +4 -0
  240. package/tree/index.d.ts +1 -0
  241. package/tree/interfaces/recursive-key.d.ts +3 -0
  242. package/tree/interfaces/tree-data.d.ts +13 -0
  243. package/tree/interfaces/tree-ui.d.ts +11 -0
  244. package/tree/package.json +1 -0
  245. package/tree/public_api.d.ts +6 -0
  246. package/tree/src/tree-theme.scss +38 -0
  247. package/tree/tree/tree-notifier.service.d.ts +32 -0
  248. package/tree/tree/tree.component.d.ts +75 -0
  249. package/tree/tree-item/tree-item.directive.d.ts +102 -0
  250. package/tree/tree.module.d.ts +9 -0
  251. package/tree/utils/flatten-tree.d.ts +19 -0
  252. package/tree/utils/hydrate-tree.d.ts +8 -0
  253. package/tree/utils/transform-in-place.d.ts +15 -0
  254. package/tree/utils/traverse-tree.d.ts +5 -0
  255. package/atoms/form/select/public_api.d.ts +0 -2
  256. package/esm2020/atoms/form/select/public_api.mjs +0 -3
  257. package/esm2020/atoms/form/select/select/select.component.mjs +0 -64
  258. package/src/atoms/button/button-theme-variants/focus.scss +0 -6
@@ -1 +1 @@
1
- {"name":"@daffodil/design/hero/examples","module":"../../fesm2015/daffodil-design-hero-examples.mjs","es2020":"../../fesm2020/daffodil-design-hero-examples.mjs","esm2020":"../../esm2020/hero/examples/daffodil-design-hero-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-hero-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-hero-examples.mjs","typings":"daffodil-design-hero-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/hero/examples","module":"../../fesm2015/daffodil-design-hero-examples.mjs","es2020":"../../fesm2020/daffodil-design-hero-examples.mjs","esm2020":"../../esm2020/hero/examples/daffodil-design-hero-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-hero-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-hero-examples.mjs","typings":"daffodil-design-hero-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/image/examples","module":"../../fesm2015/daffodil-design-image-examples.mjs","es2020":"../../fesm2020/daffodil-design-image-examples.mjs","esm2020":"../../esm2020/image/examples/daffodil-design-image-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-image-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-image-examples.mjs","typings":"daffodil-design-image-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/image/examples","module":"../../fesm2015/daffodil-design-image-examples.mjs","es2020":"../../fesm2020/daffodil-design-image-examples.mjs","esm2020":"../../esm2020/image/examples/daffodil-design-image-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-image-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-image-examples.mjs","typings":"daffodil-design-image-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/input/examples","module":"../../fesm2015/daffodil-design-input-examples.mjs","es2020":"../../fesm2020/daffodil-design-input-examples.mjs","esm2020":"../../esm2020/input/examples/daffodil-design-input-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-input-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-input-examples.mjs","typings":"daffodil-design-input-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/input/examples","module":"../../fesm2015/daffodil-design-input-examples.mjs","es2020":"../../fesm2020/daffodil-design-input-examples.mjs","esm2020":"../../esm2020/input/examples/daffodil-design-input-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-input-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-input-examples.mjs","typings":"daffodil-design-input-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/list/examples","module":"../../fesm2015/daffodil-design-list-examples.mjs","es2020":"../../fesm2020/daffodil-design-list-examples.mjs","esm2020":"../../esm2020/list/examples/daffodil-design-list-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-list-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-list-examples.mjs","typings":"daffodil-design-list-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/list/examples","module":"../../fesm2015/daffodil-design-list-examples.mjs","es2020":"../../fesm2020/daffodil-design-list-examples.mjs","esm2020":"../../esm2020/list/examples/daffodil-design-list-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-list-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-list-examples.mjs","typings":"daffodil-design-list-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/loading-icon/examples","module":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","es2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","esm2020":"../../esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","typings":"daffodil-design-loading-icon-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/loading-icon/examples","module":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","es2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","esm2020":"../../esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","typings":"daffodil-design-loading-icon-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/media-gallery/examples","module":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","es2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","esm2020":"../../esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","typings":"daffodil-design-media-gallery-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/media-gallery/examples","module":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","es2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","esm2020":"../../esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","typings":"daffodil-design-media-gallery-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/menu/examples","module":"../../fesm2015/daffodil-design-menu-examples.mjs","es2020":"../../fesm2020/daffodil-design-menu-examples.mjs","esm2020":"../../esm2020/menu/examples/daffodil-design-menu-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-menu-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-menu-examples.mjs","typings":"daffodil-design-menu-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/menu/examples","module":"../../fesm2015/daffodil-design-menu-examples.mjs","es2020":"../../fesm2020/daffodil-design-menu-examples.mjs","esm2020":"../../esm2020/menu/examples/daffodil-design-menu-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-menu-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-menu-examples.mjs","typings":"daffodil-design-menu-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/modal/examples","module":"../../fesm2015/daffodil-design-modal-examples.mjs","es2020":"../../fesm2020/daffodil-design-modal-examples.mjs","esm2020":"../../esm2020/modal/examples/daffodil-design-modal-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-modal-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-modal-examples.mjs","typings":"daffodil-design-modal-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/modal/examples","module":"../../fesm2015/daffodil-design-modal-examples.mjs","es2020":"../../fesm2020/daffodil-design-modal-examples.mjs","esm2020":"../../esm2020/modal/examples/daffodil-design-modal-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-modal-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-modal-examples.mjs","typings":"daffodil-design-modal-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -0,0 +1,2 @@
1
+ export declare type DaffBackdropAnimationState = 'interactable' | 'non-interactable';
2
+ export declare const getAnimationState: (interactable: boolean) => DaffBackdropAnimationState;
@@ -1,10 +1,15 @@
1
- import { EventEmitter } from '@angular/core';
1
+ import { AnimationEvent } from '@angular/animations';
2
+ import { EventEmitter, OnInit } from '@angular/core';
2
3
  import * as i0 from "@angular/core";
3
- export declare class DaffBackdropComponent {
4
+ export declare class DaffBackdropComponent implements OnInit {
4
5
  /**
5
6
  * Determines whether or not the backdrop is transparent.
6
7
  */
7
8
  transparent: boolean;
9
+ /**
10
+ * Determines whether or not the backdrop is interactable.
11
+ */
12
+ interactable: boolean;
8
13
  /**
9
14
  * Boolean property that determines whether or not the
10
15
  * backdrop should fill up its containing window.
@@ -14,11 +19,20 @@ export declare class DaffBackdropComponent {
14
19
  * Output event triggered when the backdrop is clicked.
15
20
  */
16
21
  backdropClicked: EventEmitter<void>;
22
+ interactableClass: boolean;
23
+ ngOnInit(): void;
17
24
  /**
18
25
  * Animation hook for that controls the backdrops
19
26
  * entrance and fade animations.
20
27
  */
28
+ get fadeBackdropTrigger(): import("../animation/backdrop-animation-state").DaffBackdropAnimationState;
29
+ animationDone(e: AnimationEvent): void;
30
+ animationStart(e: AnimationEvent): void;
31
+ /**
32
+ * @deprecated
33
+ * Backdrop event that triggers when the backdrop element is clicked.
34
+ */
21
35
  onBackdropClicked(): void;
22
36
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffBackdropComponent, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffBackdropComponent, "daff-backdrop", never, { "transparent": "transparent"; "fullscreen": "fullscreen"; }, { "backdropClicked": "backdropClicked"; }, never, never>;
37
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffBackdropComponent, "daff-backdrop", never, { "transparent": "transparent"; "interactable": "interactable"; "fullscreen": "fullscreen"; }, { "backdropClicked": "backdropClicked"; }, never, never>;
24
38
  }
@@ -3,7 +3,7 @@ import * as i1 from "./qty-dropdown.component";
3
3
  import * as i2 from "@angular/common";
4
4
  import * as i3 from "@angular/forms";
5
5
  import * as i4 from "../../atoms/form/form-field/form-field.module";
6
- import * as i5 from "../../atoms/form/select/select.module";
6
+ import * as i5 from "../../atoms/form/native-select/native-select.module";
7
7
  import * as i6 from "../../atoms/form/input/input.module";
8
8
  export declare class DaffQtyDropdownModule {
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffQtyDropdownModule, never>;
@@ -1 +1,2 @@
1
- export declare const getAnimationState: (open: boolean, enabled?: boolean) => "closed" | "open";
1
+ export declare type DaffSidebarAnimationState = 'open' | 'closed' | 'none';
2
+ export declare const getAnimationState: (open: boolean, enabled?: boolean) => DaffSidebarAnimationState;
@@ -0,0 +1,2 @@
1
+ import { DaffSidebarSide } from '../helper/sidebar-side';
2
+ export declare const getSidebarAnimationWidth: (side: DaffSidebarSide, width: number) => string;
@@ -2,8 +2,10 @@ import { AnimationTriggerMetadata } from '@angular/animations';
2
2
  export declare const daffSidebarAnimations: {
3
3
  readonly transformSidebar: AnimationTriggerMetadata;
4
4
  readonly transformContent: AnimationTriggerMetadata;
5
+ readonly backdropTrigger: AnimationTriggerMetadata;
5
6
  };
6
7
  export declare enum DaffSidebarAnimationStates {
7
8
  OPEN = "open",
8
- CLOSED = "closed"
9
+ CLOSED = "closed",
10
+ NONE = "none"
9
11
  }
@@ -0,0 +1,6 @@
1
+ import { AnimationStateWithParams } from '../../../core/public_api';
2
+ import { DaffSidebarAnimationState } from './sidebar-animation-state';
3
+ export interface DaffSidebarAnimationStateParams {
4
+ shift: string;
5
+ }
6
+ export declare type DaffSidebarViewportAnimationState = AnimationStateWithParams<DaffSidebarAnimationState, DaffSidebarAnimationStateParams>;
@@ -1 +1,27 @@
1
- export declare type DaffSidebarMode = 'over' | 'push' | 'side' | 'fixed';
1
+ /**
2
+ * The various modes that a DaffSidebar can be in.
3
+ *
4
+ * * `side` is a mode that allows you to place the sidebar alongside
5
+ * the content.
6
+ *
7
+ * * `side-fixed` is a mode that allows you want to place the sidebar
8
+ * alongside the content, however the sidebar will scroll separately
9
+ * from the content.
10
+ *
11
+ * * `over` is a mode which allows the sidebar to slide *over* the rest of
12
+ * the content in the viewport.
13
+ *
14
+ * * `under` is a mode that freezes the sidebar in place and allows the content
15
+ * slide above it.
16
+ */
17
+ export declare type DaffSidebarMode = 'side' | 'over' | 'under' | 'side-fixed';
18
+ /**
19
+ * A enum representing the different sidebar modes.
20
+ * See {@link DaffSidebarMode}
21
+ */
22
+ export declare const enum DaffSidebarModeEnum {
23
+ Side = "side",
24
+ SideFixed = "side-fixed",
25
+ Over = "over",
26
+ Under = "under"
27
+ }
@@ -0,0 +1,12 @@
1
+ /**
2
+ * The sides of a viewport that that a sidebar can appear on.
3
+ */
4
+ export declare type DaffSidebarSide = 'left' | 'right';
5
+ /**
6
+ * A enum representing the different sidebar modes.
7
+ * See {@link DaffSidebarSide}
8
+ */
9
+ export declare const enum DaffSidebarSideEnum {
10
+ Left = "left",
11
+ Right = "right"
12
+ }
@@ -1,4 +1,5 @@
1
1
  export { DaffSidebarModule } from './sidebar.module';
2
2
  export * from './sidebar-viewport/sidebar-viewport.component';
3
3
  export * from './sidebar/sidebar.component';
4
- export * from './helper/sidebar-mode';
4
+ export { DaffSidebarMode, DaffSidebarModeEnum, } from './helper/sidebar-mode';
5
+ export { DaffSidebarSide, DaffSidebarSideEnum, } from './helper/sidebar-side';
@@ -1,20 +1,52 @@
1
1
  import { NgZone, ElementRef, EventEmitter } from '@angular/core';
2
+ import { DaffSidebarMode } from '../helper/sidebar-mode';
3
+ import { DaffSidebarSide } from '../helper/sidebar-side';
2
4
  import * as i0 from "@angular/core";
3
5
  /**
4
- * DaffSidebar is heavily based upon the work done by the @angular/material2
6
+ * DaffSidebarComponent is heavily based upon the work done by the @angular/components
5
7
  * team on `mat-drawer` and `mat-sidenav`. `daff-sidebar` is intended to be
6
- * a simplified version (with a different design) of `mat-drawer` which
7
- * follows a stricter "dumb" component pattern than `mat-drawer`
8
+ * a simplified version (with a different design) of `mat-drawer`.
8
9
  */
9
10
  export declare class DaffSidebarComponent {
10
11
  private _elementRef;
11
12
  private _ngZone;
12
- class: boolean;
13
+ /**
14
+ * The CSS classes set.
15
+ */
16
+ get classes(): {
17
+ [x: string]: boolean;
18
+ 'daff-sidebar': boolean;
19
+ };
20
+ /**
21
+ * The animation state of the sidebar.
22
+ */
23
+ get transformSidebar(): {
24
+ value: import("../animation/sidebar-animation-state").DaffSidebarAnimationState;
25
+ params: {
26
+ width: string;
27
+ };
28
+ };
13
29
  /**
14
30
  * Event fired when `ESC` key is pressed when the sidebar has focus
15
31
  */
16
32
  escapePressed: EventEmitter<void>;
33
+ /**
34
+ * What side of the viewport to show the sidebar on.
35
+ */
36
+ side: DaffSidebarSide;
37
+ /**
38
+ * The mode of the sidebar.
39
+ */
40
+ mode: DaffSidebarMode;
41
+ /**
42
+ * Whether or not the sidebar is open.
43
+ */
44
+ open: boolean;
45
+ /**
46
+ * The width of the sidebar.
47
+ */
48
+ get width(): number;
17
49
  constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone);
18
50
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarComponent, never>;
19
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarComponent, "daff-sidebar", never, {}, { "escapePressed": "escapePressed"; }, never, ["*"]>;
51
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarComponent, "daff-sidebar", never, { "side": "side"; "mode": "mode"; "open": "open"; }, { "escapePressed": "escapePressed"; }, never, ["*"]>;
20
52
  }
@@ -0,0 +1,6 @@
1
+ import { QueryList } from '@angular/core';
2
+ import { DaffSidebarComponent } from '../sidebar/sidebar.component';
3
+ /**
4
+ * Determines, given a list of sidebars, whether or not the backdrop is interactable (typically clickable).
5
+ */
6
+ export declare const sidebarViewportBackdropInteractable: (sidebars: QueryList<DaffSidebarComponent>) => boolean;
@@ -0,0 +1,7 @@
1
+ import { QueryList } from '@angular/core';
2
+ import { DaffSidebarSide } from '../helper/sidebar-side';
3
+ import { DaffSidebarComponent } from '../sidebar/sidebar.component';
4
+ /**
5
+ * Given a list of sidebars, compute the associated content shift.
6
+ */
7
+ export declare const sidebarViewportContentPadding: (sidebars: QueryList<DaffSidebarComponent>, side: DaffSidebarSide) => number;
@@ -0,0 +1,8 @@
1
+ import { QueryList } from '@angular/core';
2
+ import { DaffSidebarMode } from '../helper/sidebar-mode';
3
+ import { DaffSidebarComponent } from '../sidebar/sidebar.component';
4
+ export declare const isViewportContentShifted: (mode: DaffSidebarMode, open: boolean) => boolean;
5
+ /**
6
+ * Given a list of sidebars, compute the associated content shift.
7
+ */
8
+ export declare const sidebarViewportContentShift: (sidebars: QueryList<DaffSidebarComponent>) => number;
@@ -1,72 +1,75 @@
1
- import { EventEmitter, OnInit, ChangeDetectorRef, AfterViewInit } from '@angular/core';
2
- import { DaffSidebarMode } from '../helper/sidebar-mode';
3
- import { DaffSidebarComponent } from '../sidebar/sidebar.component';
1
+ import { EventEmitter, ChangeDetectorRef, AfterContentChecked } from '@angular/core';
2
+ import { DaffSidebarViewportAnimationState } from '../animation/sidebar-viewport-animation-state';
4
3
  import * as i0 from "@angular/core";
5
- export declare class DaffSidebarViewportComponent implements OnInit, AfterViewInit {
6
- private ref;
7
- constructor(ref: ChangeDetectorRef);
8
- /**
9
- * @docs-private
10
- */
11
- _animationState: string;
4
+ /**
5
+ * The DaffSidebarViewport is the "holder" of sidebars throughout an entire application.
6
+ * It's generally only used once, like
7
+ *
8
+ * ```html
9
+ * <daff-sidebar-viewport>
10
+ * <daff-sidebar></daff-sidebar>
11
+ * <p>Some Content</p>
12
+ * </daff-sidebar-viewport>
13
+ * ```
14
+ *
15
+ * Importantly, its possible for there to be multiple sidebars of many modes
16
+ * at the same time. @see {@link DaffSidebarMode }
17
+ *
18
+ * Since this is a functional component, it's possible to have multiple "open" sidebars
19
+ * within at the same time. As a result, this component attempts to
20
+ * gracefully handle these situations. However, importantly, this sidebar
21
+ * has a constraint, there's only allowed to be one sidebar,
22
+ * of each mode, on each side, at any given time. If this is violated,
23
+ * this component will throw an exception.
24
+ */
25
+ export declare class DaffSidebarViewportComponent implements AfterContentChecked {
26
+ private cdRef;
27
+ constructor(cdRef: ChangeDetectorRef);
12
28
  /**
29
+ * The list of sidebars in the viewport.
30
+ *
13
31
  * @docs-private
14
32
  */
15
- sidebar: DaffSidebarComponent;
33
+ private sidebars;
16
34
  /**
17
- * Internal tracking variable for the state of sidebar viewport.
18
- *
19
- * @docs-private
35
+ * The number of pixels that the main content of the page should be shifted to
36
+ * right when there are child sidebars.
20
37
  */
21
- _opened: boolean;
38
+ private _shift;
22
39
  /**
23
- * @docs-private
40
+ * The left padding on the content when left side-fixed sidebars are open.
24
41
  */
25
- _mode: DaffSidebarMode;
42
+ _contentPadLeft: number;
26
43
  /**
27
- * The mode to put the sidebar in
44
+ * The right padding on the content when right side-fixed sidebars are open.
28
45
  */
29
- get mode(): DaffSidebarMode;
30
- set mode(value: DaffSidebarMode);
46
+ _contentPadRight: number;
31
47
  /**
32
- * Input state for whether or not the backdrop is
33
- * "visible" to the human eye
48
+ * Whether or not the backdrop is interactable
34
49
  */
35
- backdropIsVisible: boolean;
50
+ _backdropInteractable: boolean;
36
51
  /**
37
- * Property for the "opened" state of the sidebar
52
+ * The animation state
38
53
  */
39
- get opened(): boolean;
40
- set opened(value: boolean);
54
+ _animationState: DaffSidebarViewportAnimationState;
41
55
  /**
42
56
  * Event fired when the backdrop is clicked
43
57
  * This is often used to close the sidebar
44
58
  */
45
59
  backdropClicked: EventEmitter<void>;
60
+ ngAfterContentChecked(): void;
46
61
  /**
47
62
  * @docs-private
63
+ *
64
+ * Updates the animation state of the viewport depending upon the state
65
+ * of all sidebars within the viewport.
48
66
  */
49
- get animationsEnabled(): boolean;
50
- /**
51
- * @docs-private
52
- */
53
- ngOnInit(): void;
54
- /**
55
- * @docs-private
56
- */
57
- ngAfterViewInit(): void;
67
+ private updateAnimationState;
58
68
  /**
59
69
  * @docs-private
70
+ * The called when the backdrop of the viewport is clicked upon.
60
71
  */
61
72
  _backdropClicked(): void;
62
- /**
63
- * @docs-private
64
- */
65
- get hasBackdrop(): boolean;
66
- /**
67
- * @docs-private
68
- */
69
- onEscape(): void;
70
73
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarViewportComponent, never>;
71
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarViewportComponent, "daff-sidebar-viewport", never, { "mode": "mode"; "backdropIsVisible": "backdropIsVisible"; "opened": "opened"; }, { "backdropClicked": "backdropClicked"; }, ["sidebar"], ["daff-sidebar", "*"]>;
74
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarViewportComponent, "daff-sidebar-viewport", never, {}, { "backdropClicked": "backdropClicked"; }, ["sidebars"], ["daff-sidebar:not([side=right])", "[daff-sidebar-viewport-nav]", "*", "daff-sidebar[side=right]"]>;
72
75
  }
@@ -1 +1 @@
1
- {"name":"@daffodil/design/navbar/examples","module":"../../fesm2015/daffodil-design-navbar-examples.mjs","es2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","esm2020":"../../esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-navbar-examples.mjs","typings":"daffodil-design-navbar-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/navbar/examples","module":"../../fesm2015/daffodil-design-navbar-examples.mjs","es2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","esm2020":"../../esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-navbar-examples.mjs","typings":"daffodil-design-navbar-examples.d.ts","sideEffects":false,"version":"0.62.0"}
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.60.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":"^13.0.0","@angular/common":"^13.0.0","@angular/core":"^13.0.0","@angular/forms":"^13.0.0","@angular/cdk":"^13.0.0","@daffodil/core":"0.60.0","@fortawesome/angular-fontawesome":"^0.10.0","@fortawesome/fontawesome-svg-core":"^1.2.32","@fortawesome/free-solid-svg-icons":"^5.10.0","@fortawesome/free-brands-svg-icons":"^5.10.0","@fortawesome/free-regular-svg-icons":"^5.10.0","modern-normalize":"^0.5.0","rxjs":"7.5.5"},"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":"./daffodil-design.d.ts","esm2020":"./esm2020/daffodil-design.mjs","es2020":"./fesm2020/daffodil-design.mjs","es2015":"./fesm2015/daffodil-design.mjs","node":"./fesm2015/daffodil-design.mjs","default":"./fesm2020/daffodil-design.mjs"},"./accordion/examples":{"types":"./accordion/examples/daffodil-design-accordion-examples.d.ts","esm2020":"./esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","es2020":"./fesm2020/daffodil-design-accordion-examples.mjs","es2015":"./fesm2015/daffodil-design-accordion-examples.mjs","node":"./fesm2015/daffodil-design-accordion-examples.mjs","default":"./fesm2020/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/daffodil-design-article-examples.d.ts","esm2020":"./esm2020/article/examples/daffodil-design-article-examples.mjs","es2020":"./fesm2020/daffodil-design-article-examples.mjs","es2015":"./fesm2015/daffodil-design-article-examples.mjs","node":"./fesm2015/daffodil-design-article-examples.mjs","default":"./fesm2020/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/daffodil-design-button-examples.d.ts","esm2020":"./esm2020/button/examples/daffodil-design-button-examples.mjs","es2020":"./fesm2020/daffodil-design-button-examples.mjs","es2015":"./fesm2015/daffodil-design-button-examples.mjs","node":"./fesm2015/daffodil-design-button-examples.mjs","default":"./fesm2020/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/daffodil-design-callout-examples.d.ts","esm2020":"./esm2020/callout/examples/daffodil-design-callout-examples.mjs","es2020":"./fesm2020/daffodil-design-callout-examples.mjs","es2015":"./fesm2015/daffodil-design-callout-examples.mjs","node":"./fesm2015/daffodil-design-callout-examples.mjs","default":"./fesm2020/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/daffodil-design-card-examples.d.ts","esm2020":"./esm2020/card/examples/daffodil-design-card-examples.mjs","es2020":"./fesm2020/daffodil-design-card-examples.mjs","es2015":"./fesm2015/daffodil-design-card-examples.mjs","node":"./fesm2015/daffodil-design-card-examples.mjs","default":"./fesm2020/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/daffodil-design-checkbox-examples.d.ts","esm2020":"./esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","es2020":"./fesm2020/daffodil-design-checkbox-examples.mjs","es2015":"./fesm2015/daffodil-design-checkbox-examples.mjs","node":"./fesm2015/daffodil-design-checkbox-examples.mjs","default":"./fesm2020/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/daffodil-design-container-examples.d.ts","esm2020":"./esm2020/container/examples/daffodil-design-container-examples.mjs","es2020":"./fesm2020/daffodil-design-container-examples.mjs","es2015":"./fesm2015/daffodil-design-container-examples.mjs","node":"./fesm2015/daffodil-design-container-examples.mjs","default":"./fesm2020/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/daffodil-design-hero-examples.d.ts","esm2020":"./esm2020/hero/examples/daffodil-design-hero-examples.mjs","es2020":"./fesm2020/daffodil-design-hero-examples.mjs","es2015":"./fesm2015/daffodil-design-hero-examples.mjs","node":"./fesm2015/daffodil-design-hero-examples.mjs","default":"./fesm2020/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/daffodil-design-image-examples.d.ts","esm2020":"./esm2020/image/examples/daffodil-design-image-examples.mjs","es2020":"./fesm2020/daffodil-design-image-examples.mjs","es2015":"./fesm2015/daffodil-design-image-examples.mjs","node":"./fesm2015/daffodil-design-image-examples.mjs","default":"./fesm2020/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/daffodil-design-input-examples.d.ts","esm2020":"./esm2020/input/examples/daffodil-design-input-examples.mjs","es2020":"./fesm2020/daffodil-design-input-examples.mjs","es2015":"./fesm2015/daffodil-design-input-examples.mjs","node":"./fesm2015/daffodil-design-input-examples.mjs","default":"./fesm2020/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/daffodil-design-list-examples.d.ts","esm2020":"./esm2020/list/examples/daffodil-design-list-examples.mjs","es2020":"./fesm2020/daffodil-design-list-examples.mjs","es2015":"./fesm2015/daffodil-design-list-examples.mjs","node":"./fesm2015/daffodil-design-list-examples.mjs","default":"./fesm2020/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/daffodil-design-loading-icon-examples.d.ts","esm2020":"./esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","es2020":"./fesm2020/daffodil-design-loading-icon-examples.mjs","es2015":"./fesm2015/daffodil-design-loading-icon-examples.mjs","node":"./fesm2015/daffodil-design-loading-icon-examples.mjs","default":"./fesm2020/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/daffodil-design-media-gallery-examples.d.ts","esm2020":"./esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","es2020":"./fesm2020/daffodil-design-media-gallery-examples.mjs","es2015":"./fesm2015/daffodil-design-media-gallery-examples.mjs","node":"./fesm2015/daffodil-design-media-gallery-examples.mjs","default":"./fesm2020/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/daffodil-design-menu-examples.d.ts","esm2020":"./esm2020/menu/examples/daffodil-design-menu-examples.mjs","es2020":"./fesm2020/daffodil-design-menu-examples.mjs","es2015":"./fesm2015/daffodil-design-menu-examples.mjs","node":"./fesm2015/daffodil-design-menu-examples.mjs","default":"./fesm2020/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/daffodil-design-modal-examples.d.ts","esm2020":"./esm2020/modal/examples/daffodil-design-modal-examples.mjs","es2020":"./fesm2020/daffodil-design-modal-examples.mjs","es2015":"./fesm2015/daffodil-design-modal-examples.mjs","node":"./fesm2015/daffodil-design-modal-examples.mjs","default":"./fesm2020/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/daffodil-design-navbar-examples.d.ts","esm2020":"./esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","es2020":"./fesm2020/daffodil-design-navbar-examples.mjs","es2015":"./fesm2015/daffodil-design-navbar-examples.mjs","node":"./fesm2015/daffodil-design-navbar-examples.mjs","default":"./fesm2020/daffodil-design-navbar-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/daffodil-design-paginator-examples.d.ts","esm2020":"./esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","es2020":"./fesm2020/daffodil-design-paginator-examples.mjs","es2015":"./fesm2015/daffodil-design-paginator-examples.mjs","node":"./fesm2015/daffodil-design-paginator-examples.mjs","default":"./fesm2020/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/daffodil-design-quantity-field-examples.d.ts","esm2020":"./esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","es2020":"./fesm2020/daffodil-design-quantity-field-examples.mjs","es2015":"./fesm2015/daffodil-design-quantity-field-examples.mjs","node":"./fesm2015/daffodil-design-quantity-field-examples.mjs","default":"./fesm2020/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/daffodil-design-radio-examples.d.ts","esm2020":"./esm2020/radio/examples/daffodil-design-radio-examples.mjs","es2020":"./fesm2020/daffodil-design-radio-examples.mjs","es2015":"./fesm2015/daffodil-design-radio-examples.mjs","node":"./fesm2015/daffodil-design-radio-examples.mjs","default":"./fesm2020/daffodil-design-radio-examples.mjs"}},"module":"fesm2015/daffodil-design.mjs","es2020":"fesm2020/daffodil-design.mjs","esm2020":"esm2020/daffodil-design.mjs","fesm2020":"fesm2020/daffodil-design.mjs","fesm2015":"fesm2015/daffodil-design.mjs","typings":"daffodil-design.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
1
+ {"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.62.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":"^13.0.0","@angular/common":"^13.0.0","@angular/core":"^13.0.0","@angular/forms":"^13.0.0","@angular/cdk":"^13.0.0","@daffodil/core":"0.62.0","@fortawesome/angular-fontawesome":"^0.10.0","@fortawesome/fontawesome-svg-core":"^1.2.32","@fortawesome/free-solid-svg-icons":"^5.10.0","@fortawesome/free-brands-svg-icons":"^5.10.0","@fortawesome/free-regular-svg-icons":"^5.10.0","modern-normalize":"^0.5.0","rxjs":"7.5.5"},"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":"./daffodil-design.d.ts","esm2020":"./esm2020/daffodil-design.mjs","es2020":"./fesm2020/daffodil-design.mjs","es2015":"./fesm2015/daffodil-design.mjs","node":"./fesm2015/daffodil-design.mjs","default":"./fesm2020/daffodil-design.mjs"},"./accordion/examples":{"types":"./accordion/examples/daffodil-design-accordion-examples.d.ts","esm2020":"./esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","es2020":"./fesm2020/daffodil-design-accordion-examples.mjs","es2015":"./fesm2015/daffodil-design-accordion-examples.mjs","node":"./fesm2015/daffodil-design-accordion-examples.mjs","default":"./fesm2020/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/daffodil-design-article-examples.d.ts","esm2020":"./esm2020/article/examples/daffodil-design-article-examples.mjs","es2020":"./fesm2020/daffodil-design-article-examples.mjs","es2015":"./fesm2015/daffodil-design-article-examples.mjs","node":"./fesm2015/daffodil-design-article-examples.mjs","default":"./fesm2020/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/daffodil-design-button-examples.d.ts","esm2020":"./esm2020/button/examples/daffodil-design-button-examples.mjs","es2020":"./fesm2020/daffodil-design-button-examples.mjs","es2015":"./fesm2015/daffodil-design-button-examples.mjs","node":"./fesm2015/daffodil-design-button-examples.mjs","default":"./fesm2020/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/daffodil-design-callout-examples.d.ts","esm2020":"./esm2020/callout/examples/daffodil-design-callout-examples.mjs","es2020":"./fesm2020/daffodil-design-callout-examples.mjs","es2015":"./fesm2015/daffodil-design-callout-examples.mjs","node":"./fesm2015/daffodil-design-callout-examples.mjs","default":"./fesm2020/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/daffodil-design-card-examples.d.ts","esm2020":"./esm2020/card/examples/daffodil-design-card-examples.mjs","es2020":"./fesm2020/daffodil-design-card-examples.mjs","es2015":"./fesm2015/daffodil-design-card-examples.mjs","node":"./fesm2015/daffodil-design-card-examples.mjs","default":"./fesm2020/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/daffodil-design-checkbox-examples.d.ts","esm2020":"./esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","es2020":"./fesm2020/daffodil-design-checkbox-examples.mjs","es2015":"./fesm2015/daffodil-design-checkbox-examples.mjs","node":"./fesm2015/daffodil-design-checkbox-examples.mjs","default":"./fesm2020/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/daffodil-design-container-examples.d.ts","esm2020":"./esm2020/container/examples/daffodil-design-container-examples.mjs","es2020":"./fesm2020/daffodil-design-container-examples.mjs","es2015":"./fesm2015/daffodil-design-container-examples.mjs","node":"./fesm2015/daffodil-design-container-examples.mjs","default":"./fesm2020/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/daffodil-design-hero-examples.d.ts","esm2020":"./esm2020/hero/examples/daffodil-design-hero-examples.mjs","es2020":"./fesm2020/daffodil-design-hero-examples.mjs","es2015":"./fesm2015/daffodil-design-hero-examples.mjs","node":"./fesm2015/daffodil-design-hero-examples.mjs","default":"./fesm2020/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/daffodil-design-image-examples.d.ts","esm2020":"./esm2020/image/examples/daffodil-design-image-examples.mjs","es2020":"./fesm2020/daffodil-design-image-examples.mjs","es2015":"./fesm2015/daffodil-design-image-examples.mjs","node":"./fesm2015/daffodil-design-image-examples.mjs","default":"./fesm2020/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/daffodil-design-input-examples.d.ts","esm2020":"./esm2020/input/examples/daffodil-design-input-examples.mjs","es2020":"./fesm2020/daffodil-design-input-examples.mjs","es2015":"./fesm2015/daffodil-design-input-examples.mjs","node":"./fesm2015/daffodil-design-input-examples.mjs","default":"./fesm2020/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/daffodil-design-list-examples.d.ts","esm2020":"./esm2020/list/examples/daffodil-design-list-examples.mjs","es2020":"./fesm2020/daffodil-design-list-examples.mjs","es2015":"./fesm2015/daffodil-design-list-examples.mjs","node":"./fesm2015/daffodil-design-list-examples.mjs","default":"./fesm2020/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/daffodil-design-loading-icon-examples.d.ts","esm2020":"./esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","es2020":"./fesm2020/daffodil-design-loading-icon-examples.mjs","es2015":"./fesm2015/daffodil-design-loading-icon-examples.mjs","node":"./fesm2015/daffodil-design-loading-icon-examples.mjs","default":"./fesm2020/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/daffodil-design-media-gallery-examples.d.ts","esm2020":"./esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","es2020":"./fesm2020/daffodil-design-media-gallery-examples.mjs","es2015":"./fesm2015/daffodil-design-media-gallery-examples.mjs","node":"./fesm2015/daffodil-design-media-gallery-examples.mjs","default":"./fesm2020/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/daffodil-design-menu-examples.d.ts","esm2020":"./esm2020/menu/examples/daffodil-design-menu-examples.mjs","es2020":"./fesm2020/daffodil-design-menu-examples.mjs","es2015":"./fesm2015/daffodil-design-menu-examples.mjs","node":"./fesm2015/daffodil-design-menu-examples.mjs","default":"./fesm2020/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/daffodil-design-modal-examples.d.ts","esm2020":"./esm2020/modal/examples/daffodil-design-modal-examples.mjs","es2020":"./fesm2020/daffodil-design-modal-examples.mjs","es2015":"./fesm2015/daffodil-design-modal-examples.mjs","node":"./fesm2015/daffodil-design-modal-examples.mjs","default":"./fesm2020/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/daffodil-design-navbar-examples.d.ts","esm2020":"./esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","es2020":"./fesm2020/daffodil-design-navbar-examples.mjs","es2015":"./fesm2015/daffodil-design-navbar-examples.mjs","node":"./fesm2015/daffodil-design-navbar-examples.mjs","default":"./fesm2020/daffodil-design-navbar-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/daffodil-design-paginator-examples.d.ts","esm2020":"./esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","es2020":"./fesm2020/daffodil-design-paginator-examples.mjs","es2015":"./fesm2015/daffodil-design-paginator-examples.mjs","node":"./fesm2015/daffodil-design-paginator-examples.mjs","default":"./fesm2020/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/daffodil-design-quantity-field-examples.d.ts","esm2020":"./esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","es2020":"./fesm2020/daffodil-design-quantity-field-examples.mjs","es2015":"./fesm2015/daffodil-design-quantity-field-examples.mjs","node":"./fesm2015/daffodil-design-quantity-field-examples.mjs","default":"./fesm2020/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/daffodil-design-radio-examples.d.ts","esm2020":"./esm2020/radio/examples/daffodil-design-radio-examples.mjs","es2020":"./fesm2020/daffodil-design-radio-examples.mjs","es2015":"./fesm2015/daffodil-design-radio-examples.mjs","node":"./fesm2015/daffodil-design-radio-examples.mjs","default":"./fesm2020/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/daffodil-design-sidebar-examples.d.ts","esm2020":"./esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs","es2020":"./fesm2020/daffodil-design-sidebar-examples.mjs","es2015":"./fesm2015/daffodil-design-sidebar-examples.mjs","node":"./fesm2015/daffodil-design-sidebar-examples.mjs","default":"./fesm2020/daffodil-design-sidebar-examples.mjs"},"./tree/examples":{"types":"./tree/examples/daffodil-design-tree-examples.d.ts","esm2020":"./esm2020/tree/examples/daffodil-design-tree-examples.mjs","es2020":"./fesm2020/daffodil-design-tree-examples.mjs","es2015":"./fesm2015/daffodil-design-tree-examples.mjs","node":"./fesm2015/daffodil-design-tree-examples.mjs","default":"./fesm2020/daffodil-design-tree-examples.mjs"},"./tree":{"types":"./tree/daffodil-design-tree.d.ts","esm2020":"./esm2020/tree/daffodil-design-tree.mjs","es2020":"./fesm2020/daffodil-design-tree.mjs","es2015":"./fesm2015/daffodil-design-tree.mjs","node":"./fesm2015/daffodil-design-tree.mjs","default":"./fesm2020/daffodil-design-tree.mjs"}},"module":"fesm2015/daffodil-design.mjs","es2020":"fesm2020/daffodil-design.mjs","esm2020":"esm2020/daffodil-design.mjs","fesm2020":"fesm2020/daffodil-design.mjs","fesm2015":"fesm2015/daffodil-design.mjs","typings":"daffodil-design.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/paginator/examples","module":"../../fesm2015/daffodil-design-paginator-examples.mjs","es2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","esm2020":"../../esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-paginator-examples.mjs","typings":"daffodil-design-paginator-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/paginator/examples","module":"../../fesm2015/daffodil-design-paginator-examples.mjs","es2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","esm2020":"../../esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-paginator-examples.mjs","typings":"daffodil-design-paginator-examples.d.ts","sideEffects":false,"version":"0.62.0"}
package/public_api.d.ts CHANGED
@@ -4,13 +4,14 @@ export * from './atoms/form/form-field/public_api';
4
4
  export * from './atoms/form/error-message/public_api';
5
5
  export * from './atoms/image/public_api';
6
6
  export * from './atoms/form/input/public_api';
7
- export * from './atoms/form/select/public_api';
7
+ export * from './atoms/form/native-select/public_api';
8
8
  export * from './atoms/form/checkbox/public_api';
9
9
  export * from './atoms/form/quantity-field/public_api';
10
10
  export * from './atoms/container/public_api';
11
11
  export * from './atoms/loading-icon/public_api';
12
12
  export * from './atoms/progress-indicator/public_api';
13
13
  export * from './atoms/form/radio/public_api';
14
+ export * from './atoms/form/form-label/public_api';
14
15
  export * from './molecules/accordion/public_api';
15
16
  export * from './molecules/article/public_api';
16
17
  export * from './molecules/backdrop/public_api';
@@ -1 +1 @@
1
- {"name":"@daffodil/design/quantity-field/examples","module":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","es2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","esm2020":"../../esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","typings":"daffodil-design-quantity-field-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/quantity-field/examples","module":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","es2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","esm2020":"../../esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","typings":"daffodil-design-quantity-field-examples.d.ts","sideEffects":false,"version":"0.62.0"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/radio/examples","module":"../../fesm2015/daffodil-design-radio-examples.mjs","es2020":"../../fesm2020/daffodil-design-radio-examples.mjs","esm2020":"../../esm2020/radio/examples/daffodil-design-radio-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-radio-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-radio-examples.mjs","typings":"daffodil-design-radio-examples.d.ts","sideEffects":false,"version":"0.60.0"}
1
+ {"name":"@daffodil/design/radio/examples","module":"../../fesm2015/daffodil-design-radio-examples.mjs","es2020":"../../fesm2020/daffodil-design-radio-examples.mjs","esm2020":"../../esm2020/radio/examples/daffodil-design-radio-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-radio-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-radio-examples.mjs","typings":"daffodil-design-radio-examples.d.ts","sideEffects":false,"version":"0.62.0"}
package/scss/global.scss CHANGED
@@ -24,6 +24,7 @@ html {
24
24
  line-height: 1.5;
25
25
  -webkit-font-smoothing: antialiased;
26
26
  -moz-osx-font-smoothing: grayscale;
27
+ --daff-sidebar-side-fixed-top-shift: 0;
27
28
  }
28
29
 
29
30
  html {
@@ -24,6 +24,7 @@
24
24
 
25
25
  @mixin skeleton-screen($width, $height) {
26
26
  display: flex;
27
+ position: relative;
27
28
 
28
29
  &::before {
29
30
  animation-name: loading;
package/scss/theme.scss CHANGED
@@ -22,7 +22,7 @@
22
22
  @use '../src/atoms/form/error-message/error-message-theme' as error-message;
23
23
  @use '../src/atoms/form/form-field/form-field/form-field-theme' as form-field;
24
24
  @use '../src/atoms/form/input/input-theme' as input;
25
- @use '../src/atoms/form/select/select/select-theme' as select;
25
+ @use '../src/atoms/form/native-select/native-select-theme' as native-select;
26
26
  @use '../src/atoms/loading-icon/loading-icon-theme' as loading-icon;
27
27
  @use '../src/atoms/progress-indicator/progress-indicator-theme' as progress-indicator;
28
28
  @use '../src/molecules/accordion/accordion-item/accordion-item-theme' as accordion-item;
@@ -39,6 +39,7 @@
39
39
  @use '../src/molecules/sidebar/sidebar/sidebar-theme' as sidebar;
40
40
  @use '../src/molecules/sidebar/sidebar-viewport/sidebar-viewport-theme' as sidebar-viewport;
41
41
  @use '../scss/state/skeleton/mixins' as skeleton;
42
+ @use '../tree/src/tree-theme' as tree;
42
43
 
43
44
  //
44
45
  // Generates the styles of a @daffodil/design theme.
@@ -61,7 +62,7 @@
61
62
  @include error-message.daff-error-message-theme($theme);
62
63
  @include form-field.daff-form-field-theme($theme);
63
64
  @include input.daff-input-theme($theme);
64
- @include select.daff-select-theme($theme);
65
+ @include native-select.daff-native-select-theme($theme);
65
66
  @include loading-icon.daff-loading-icon-theme($theme);
66
67
  @include progress-indicator.daff-progress-indicator-theme($theme);
67
68
 
@@ -79,4 +80,5 @@
79
80
  @include paginator.daff-paginator-theme($theme);
80
81
  @include sidebar.daff-sidebar-theme($theme);
81
82
  @include sidebar-viewport.daff-sidebar-viewport-theme($theme);
83
+ @include tree.daff-tree-theme($theme);
82
84
  }
@@ -88,11 +88,11 @@ $daff-bronze: (
88
88
  );
89
89
 
90
90
  $daff-green: (
91
- 10: #c4ffcc,
92
- 20: #6aff86,
93
- 30: #00db57,
94
- 40: #13c049,
95
- 50: #00aa3c,
91
+ 10: #d1fbd6,
92
+ 20: #97f8a5,
93
+ 30: #68d47e,
94
+ 40: #3fbd5b,
95
+ 50: #1daa43,
96
96
  60: #00852e,
97
97
  70: #006b23,
98
98
  80: #004b17,
@@ -0,0 +1,5 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class BasicSidebarComponent {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<BasicSidebarComponent, never>;
4
+ static ɵcmp: i0.ɵɵComponentDeclaration<BasicSidebarComponent, "basic-sidebar", never, {}, {}, never, never>;
5
+ }
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./basic-sidebar.component";
3
+ import * as i2 from "@daffodil/design";
4
+ export declare class BasicSidebarModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<BasicSidebarModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<BasicSidebarModule, [typeof i1.BasicSidebarComponent], [typeof i2.DaffSidebarModule, typeof i2.DaffNavbarModule], [typeof i1.BasicSidebarComponent]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<BasicSidebarModule>;
8
+ }
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@daffodil/design/sidebar/examples" />
5
+ export * from './index';
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class FixedAndOverSidebarComponent {
3
+ overOpen: boolean;
4
+ openOverSidebar(): void;
5
+ closeOverSidebar(): void;
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<FixedAndOverSidebarComponent, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<FixedAndOverSidebarComponent, "fixed-and-over-sidebar", never, {}, {}, never, never>;
8
+ }