@daffodil/design 0.78.0 → 0.80.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 (386) hide show
  1. package/accordion/accordion.module.d.ts +3 -1
  2. package/accordion/src/accordion-theme.scss +4 -4
  3. package/article/README.md +5 -6
  4. package/article/article.module.d.ts +3 -1
  5. package/article/src/article-theme.scss +8 -8
  6. package/atoms/form/form-field/form-field/form-field.component.d.ts +1 -1
  7. package/breadcrumb/breadcrumb.module.d.ts +3 -1
  8. package/breadcrumb/src/breadcrumb-theme.scss +3 -3
  9. package/button/README.md +3 -3
  10. package/button/button/basic/button.component.d.ts +28 -0
  11. package/button/button/button-base.directive.d.ts +51 -0
  12. package/button/button/flat/flat.component.d.ts +28 -0
  13. package/button/button/icon/icon.component.d.ts +24 -0
  14. package/button/button/raised/raised.component.d.ts +28 -0
  15. package/button/button/stroked/stroked.component.d.ts +28 -0
  16. package/button/button/underline/underline.component.d.ts +28 -0
  17. package/button/button.d.ts +7 -2
  18. package/button/button.module.d.ts +11 -4
  19. package/button/public_api.d.ts +6 -1
  20. package/button/src/button/basic/button-theme.scss +145 -0
  21. package/button/src/button/button-base.scss +79 -0
  22. package/button/src/button/flat/flat-theme.scss +142 -0
  23. package/button/src/button/icon/icon-theme.scss +140 -0
  24. package/button/src/button/raised/raised-theme.scss +107 -0
  25. package/button/src/button/stroked/stroked-theme.scss +155 -0
  26. package/button/src/button/underline/underline-theme.scss +89 -0
  27. package/callout/callout.module.d.ts +3 -1
  28. package/callout/src/callout-theme.scss +11 -17
  29. package/card/card.module.d.ts +1 -1
  30. package/card/src/card-theme-variants/linkable-card.scss +1 -1
  31. package/card/src/card-theme.scss +9 -9
  32. package/container/container.module.d.ts +1 -1
  33. package/core/public_api.d.ts +1 -0
  34. package/core/selectable/public_api.d.ts +2 -0
  35. package/core/selectable/selectable.d.ts +7 -0
  36. package/core/selectable/selectable.directive.d.ts +17 -0
  37. package/core/statusable/statusable.d.ts +5 -3
  38. package/core/statusable/statusable.directive.d.ts +6 -4
  39. package/esm2022/accordion/accordion/animation/accordion-animation.mjs +1 -4
  40. package/esm2022/accordion/accordion.module.mjs +4 -2
  41. package/esm2022/article/article.module.mjs +4 -2
  42. package/esm2022/atoms/form/checkbox/checkbox.component.mjs +2 -2
  43. package/esm2022/atoms/form/checkbox-set/checkbox-set.component.mjs +2 -2
  44. package/esm2022/atoms/form/form-field/form-field/form-field.component.mjs +2 -2
  45. package/esm2022/atoms/form/radio/radio.component.mjs +2 -2
  46. package/esm2022/atoms/form/radio-set/radio-set.component.mjs +2 -2
  47. package/esm2022/breadcrumb/breadcrumb.module.mjs +4 -2
  48. package/esm2022/button/button/basic/button.component.mjs +48 -0
  49. package/esm2022/button/button/button-base.directive.mjs +105 -0
  50. package/esm2022/button/button/flat/flat.component.mjs +48 -0
  51. package/esm2022/button/button/icon/icon.component.mjs +44 -0
  52. package/esm2022/button/button/raised/raised.component.mjs +48 -0
  53. package/esm2022/button/button/stroked/stroked.component.mjs +48 -0
  54. package/esm2022/button/button/underline/underline.component.mjs +48 -0
  55. package/esm2022/button/button.mjs +12 -2
  56. package/esm2022/button/button.module.mjs +37 -5
  57. package/esm2022/button/examples/basic-button/basic-button.component.mjs +4 -6
  58. package/esm2022/button/examples/flat-button/flat-button.component.mjs +4 -6
  59. package/esm2022/button/examples/icon-button/icon-button.component.mjs +4 -6
  60. package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -6
  61. package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +2 -2
  62. package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +3 -3
  63. package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -6
  64. package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -6
  65. package/esm2022/button/public_api.mjs +7 -2
  66. package/esm2022/callout/callout.module.mjs +4 -2
  67. package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +5 -7
  68. package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +5 -7
  69. package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +5 -6
  70. package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +4 -6
  71. package/esm2022/card/card.module.mjs +2 -2
  72. package/esm2022/card/examples/basic-card/basic-card.component.mjs +4 -6
  73. package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +5 -7
  74. package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +4 -5
  75. package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +4 -5
  76. package/esm2022/container/container/container.component.mjs +2 -2
  77. package/esm2022/container/container.module.mjs +2 -2
  78. package/esm2022/core/public_api.mjs +2 -1
  79. package/esm2022/core/selectable/public_api.mjs +2 -0
  80. package/esm2022/core/selectable/selectable.directive.mjs +41 -0
  81. package/esm2022/core/selectable/selectable.mjs +2 -0
  82. package/esm2022/core/statusable/statusable.directive.mjs +7 -5
  83. package/esm2022/core/statusable/statusable.mjs +3 -2
  84. package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +4 -6
  85. package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +5 -7
  86. package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +5 -7
  87. package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +4 -6
  88. package/esm2022/hero/hero.module.mjs +2 -2
  89. package/esm2022/image/image.module.mjs +2 -2
  90. package/esm2022/link-set/link-set.module.mjs +2 -2
  91. package/esm2022/list/examples/basic-list/basic-list.component.mjs +1 -1
  92. package/esm2022/list/examples/icon-list/icon-list.component.mjs +2 -2
  93. package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +1 -1
  94. package/esm2022/list/examples/nav-list/nav-list.component.mjs +2 -2
  95. package/esm2022/list/list/list.component.mjs +2 -2
  96. package/esm2022/list/list-item/list-item.component.mjs +10 -3
  97. package/esm2022/list/list.module.mjs +2 -2
  98. package/esm2022/loading-icon/examples/examples.mjs +1 -3
  99. package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +2 -2
  100. package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +5 -20
  101. package/esm2022/loading-icon/loading-icon.module.mjs +2 -2
  102. package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +1 -1
  103. package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +1 -1
  104. package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +1 -1
  105. package/esm2022/media-gallery/helpers/media-gallery-token.mjs +7 -3
  106. package/esm2022/media-gallery/media-gallery.module.mjs +2 -2
  107. package/esm2022/media-gallery/thumbnail/thumbnail-compat.token.mjs +8 -3
  108. package/esm2022/media-gallery/thumbnail/thumbnail.directive.mjs +26 -39
  109. package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +5 -7
  110. package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +4 -6
  111. package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +4 -6
  112. package/esm2022/modal/modal-header/modal-header.component.mjs +4 -6
  113. package/esm2022/modal/modal.module.mjs +2 -2
  114. package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +4 -6
  115. package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +4 -6
  116. package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +5 -7
  117. package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +4 -6
  118. package/esm2022/navbar/navbar.module.mjs +2 -2
  119. package/esm2022/notification/examples/default-notification/default-notification.component.mjs +1 -3
  120. package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +1 -3
  121. package/esm2022/notification/examples/notification-status/notification-status.component.mjs +3 -5
  122. package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +4 -5
  123. package/esm2022/notification/notification/notification.component.mjs +3 -3
  124. package/esm2022/notification/notification.module.mjs +2 -2
  125. package/esm2022/paginator/paginator.module.mjs +2 -2
  126. package/esm2022/progress-bar/progress-bar.module.mjs +2 -2
  127. package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +5 -6
  128. package/esm2022/sidebar/sidebar-viewport/scroll-token/scroll.token.mjs +9 -3
  129. package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +3 -3
  130. package/esm2022/sidebar/sidebar.module.mjs +2 -2
  131. package/esm2022/switch/daffodil-design-switch.mjs +5 -0
  132. package/esm2022/switch/examples/basic-switch/basic-switch.component.mjs +23 -0
  133. package/esm2022/switch/examples/daffodil-design-switch-examples.mjs +5 -0
  134. package/esm2022/switch/examples/disabled-switch/disabled-switch.component.mjs +20 -0
  135. package/esm2022/switch/examples/examples.mjs +13 -0
  136. package/esm2022/switch/examples/index.mjs +2 -0
  137. package/esm2022/switch/examples/loading-switch/loading-switch.component.mjs +20 -0
  138. package/esm2022/switch/examples/public_api.mjs +7 -0
  139. package/esm2022/switch/examples/switch-error/switch-error.component.mjs +22 -0
  140. package/esm2022/switch/examples/switch-label-positions/switch-label-positions.component.mjs +31 -0
  141. package/esm2022/switch/index.mjs +2 -0
  142. package/esm2022/switch/public_api.mjs +3 -0
  143. package/esm2022/switch/switch/label-position.mjs +11 -0
  144. package/esm2022/switch/switch/switch.component.mjs +126 -0
  145. package/esm2022/switch/switch.mjs +7 -0
  146. package/esm2022/tabs/daffodil-design-tabs.mjs +5 -0
  147. package/esm2022/tabs/examples/basic-tabs/basic-tabs.component.mjs +22 -0
  148. package/esm2022/tabs/examples/custom-select-tabs/custom-select-tabs.component.mjs +34 -0
  149. package/esm2022/tabs/examples/daffodil-design-tabs-examples.mjs +5 -0
  150. package/esm2022/tabs/examples/disabled-tabs/disabled-tabs.component.mjs +22 -0
  151. package/esm2022/tabs/examples/index.mjs +2 -0
  152. package/esm2022/tabs/examples/initially-select-tab/initially-select-tab.component.mjs +22 -0
  153. package/esm2022/tabs/examples/public_api.mjs +11 -0
  154. package/esm2022/tabs/index.mjs +2 -0
  155. package/esm2022/tabs/public_api.mjs +6 -0
  156. package/esm2022/tabs/tabs/tab/tab.component.mjs +86 -0
  157. package/esm2022/tabs/tabs/tab-activator/tab-activator.component.mjs +84 -0
  158. package/esm2022/tabs/tabs/tab-label/tab-label.component.mjs +33 -0
  159. package/esm2022/tabs/tabs/tab-panel/tab-panel.component.mjs +68 -0
  160. package/esm2022/tabs/tabs/tabs.component.mjs +157 -0
  161. package/esm2022/tabs/tabs.mjs +13 -0
  162. package/esm2022/text-snippet/daffodil-design-text-snippet.mjs +5 -0
  163. package/esm2022/text-snippet/examples/basic-text-snippet/basic-text-snippet.component.mjs +14 -0
  164. package/esm2022/text-snippet/examples/daffodil-design-text-snippet-examples.mjs +5 -0
  165. package/esm2022/text-snippet/examples/index.mjs +2 -0
  166. package/esm2022/text-snippet/examples/public_api.mjs +5 -0
  167. package/esm2022/text-snippet/index.mjs +2 -0
  168. package/esm2022/text-snippet/public_api.mjs +2 -0
  169. package/esm2022/text-snippet/text-snippet.component.mjs +46 -0
  170. package/esm2022/toast/examples/default-toast/default-toast.component.mjs +4 -6
  171. package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +4 -6
  172. package/esm2022/toast/examples/toast-status/toast-status.component.mjs +8 -10
  173. package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +4 -6
  174. package/esm2022/toast/options/daff-toast-options.mjs +7 -7
  175. package/esm2022/toast/toast/toast-provider.mjs +2 -2
  176. package/esm2022/toast/toast/toast-template.component.mjs +2 -2
  177. package/esm2022/toast/toast/toast.component.mjs +3 -3
  178. package/esm2022/toast/toast.module.mjs +2 -2
  179. package/esm2022/tree/tree.module.mjs +2 -2
  180. package/fesm2022/daffodil-design-accordion.mjs +3 -4
  181. package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
  182. package/fesm2022/daffodil-design-article.mjs +3 -1
  183. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  184. package/fesm2022/daffodil-design-breadcrumb.mjs +3 -1
  185. package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
  186. package/fesm2022/daffodil-design-button-examples.mjs +16 -16
  187. package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
  188. package/fesm2022/daffodil-design-button.mjs +308 -132
  189. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  190. package/fesm2022/daffodil-design-callout-examples.mjs +12 -13
  191. package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
  192. package/fesm2022/daffodil-design-callout.mjs +3 -1
  193. package/fesm2022/daffodil-design-callout.mjs.map +1 -1
  194. package/fesm2022/daffodil-design-card-examples.mjs +10 -12
  195. package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
  196. package/fesm2022/daffodil-design-card.mjs +1 -1
  197. package/fesm2022/daffodil-design-card.mjs.map +1 -1
  198. package/fesm2022/daffodil-design-checkbox-examples.mjs +5 -6
  199. package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
  200. package/fesm2022/daffodil-design-container.mjs +3 -3
  201. package/fesm2022/daffodil-design-container.mjs.map +1 -1
  202. package/fesm2022/daffodil-design-hero-examples.mjs +11 -13
  203. package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
  204. package/fesm2022/daffodil-design-hero.mjs +1 -1
  205. package/fesm2022/daffodil-design-hero.mjs.map +1 -1
  206. package/fesm2022/daffodil-design-image.mjs +1 -1
  207. package/fesm2022/daffodil-design-image.mjs.map +1 -1
  208. package/fesm2022/daffodil-design-link-set.mjs +1 -1
  209. package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
  210. package/fesm2022/daffodil-design-list-examples.mjs +4 -4
  211. package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
  212. package/fesm2022/daffodil-design-list.mjs +12 -5
  213. package/fesm2022/daffodil-design-list.mjs.map +1 -1
  214. package/fesm2022/daffodil-design-loading-icon-examples.mjs +1 -13
  215. package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
  216. package/fesm2022/daffodil-design-loading-icon.mjs +5 -20
  217. package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
  218. package/fesm2022/daffodil-design-media-gallery-examples.mjs +3 -3
  219. package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
  220. package/fesm2022/daffodil-design-media-gallery.mjs +37 -42
  221. package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
  222. package/fesm2022/daffodil-design-menu-examples.mjs +3 -5
  223. package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
  224. package/fesm2022/daffodil-design-modal-examples.mjs +5 -7
  225. package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
  226. package/fesm2022/daffodil-design-modal.mjs +4 -5
  227. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  228. package/fesm2022/daffodil-design-navbar-examples.mjs +11 -13
  229. package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
  230. package/fesm2022/daffodil-design-navbar.mjs +1 -1
  231. package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
  232. package/fesm2022/daffodil-design-notification-examples.mjs +5 -9
  233. package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
  234. package/fesm2022/daffodil-design-notification.mjs +3 -3
  235. package/fesm2022/daffodil-design-notification.mjs.map +1 -1
  236. package/fesm2022/daffodil-design-paginator.mjs +1 -1
  237. package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
  238. package/fesm2022/daffodil-design-progress-bar.mjs +1 -1
  239. package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
  240. package/fesm2022/daffodil-design-sidebar-examples.mjs +4 -5
  241. package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
  242. package/fesm2022/daffodil-design-sidebar.mjs +11 -5
  243. package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
  244. package/fesm2022/daffodil-design-switch-examples.mjs +109 -0
  245. package/fesm2022/daffodil-design-switch-examples.mjs.map +1 -0
  246. package/fesm2022/daffodil-design-switch.mjs +148 -0
  247. package/fesm2022/daffodil-design-switch.mjs.map +1 -0
  248. package/fesm2022/daffodil-design-tabs-examples.mjs +93 -0
  249. package/fesm2022/daffodil-design-tabs-examples.mjs.map +1 -0
  250. package/fesm2022/daffodil-design-tabs.mjs +428 -0
  251. package/fesm2022/daffodil-design-tabs.mjs.map +1 -0
  252. package/fesm2022/daffodil-design-text-snippet-examples.mjs +25 -0
  253. package/fesm2022/daffodil-design-text-snippet-examples.mjs.map +1 -0
  254. package/fesm2022/daffodil-design-text-snippet.mjs +53 -0
  255. package/fesm2022/daffodil-design-text-snippet.mjs.map +1 -0
  256. package/fesm2022/daffodil-design-toast-examples.mjs +13 -15
  257. package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
  258. package/fesm2022/daffodil-design-toast.mjs +13 -12
  259. package/fesm2022/daffodil-design-toast.mjs.map +1 -1
  260. package/fesm2022/daffodil-design-tree.mjs +1 -1
  261. package/fesm2022/daffodil-design-tree.mjs.map +1 -1
  262. package/fesm2022/daffodil-design.mjs +53 -11
  263. package/fesm2022/daffodil-design.mjs.map +1 -1
  264. package/hero/hero.module.d.ts +1 -1
  265. package/hero/src/hero-theme.scss +11 -17
  266. package/image/README.md +4 -1
  267. package/image/image.module.d.ts +1 -1
  268. package/link-set/README.md +1 -1
  269. package/link-set/link-set.module.d.ts +1 -1
  270. package/list/list-item/list-item.component.d.ts +3 -1
  271. package/list/list.module.d.ts +1 -1
  272. package/list/src/list-theme.scss +13 -9
  273. package/loading-icon/README.md +0 -5
  274. package/loading-icon/examples/examples.d.ts +2 -2
  275. package/loading-icon/loading-icon/loading-icon.component.d.ts +1 -9
  276. package/loading-icon/loading-icon.module.d.ts +1 -1
  277. package/loading-icon/src/loading-icon-theme.scss +7 -7
  278. package/media-gallery/README.md +4 -1
  279. package/media-gallery/helpers/media-gallery-token.d.ts +1 -2
  280. package/media-gallery/media-gallery.module.d.ts +1 -1
  281. package/media-gallery/src/media-gallery-theme.scss +3 -3
  282. package/media-gallery/thumbnail/thumbnail-compat.token.d.ts +1 -5
  283. package/media-gallery/thumbnail/thumbnail.directive.d.ts +9 -18
  284. package/menu/src/menu-theme.scss +5 -5
  285. package/modal/modal.module.d.ts +1 -1
  286. package/modal/src/modal-theme.scss +1 -1
  287. package/navbar/navbar.module.d.ts +1 -1
  288. package/navbar/src/navbar-theme.scss +8 -8
  289. package/notification/README.md +2 -2
  290. package/notification/notification/notification.component.d.ts +1 -1
  291. package/notification/notification.module.d.ts +1 -1
  292. package/notification/src/notification-theme.scss +25 -21
  293. package/package.json +1 -1
  294. package/paginator/paginator.module.d.ts +1 -1
  295. package/paginator/src/paginator-theme.scss +11 -10
  296. package/progress-bar/progress-bar.module.d.ts +1 -1
  297. package/progress-bar/src/progress-bar-theme.scss +10 -10
  298. package/scss/accessibility/_index.scss +1 -1
  299. package/scss/core/_index.scss +1 -2
  300. package/scss/core/error/error-to-string.scss +13 -0
  301. package/scss/core/map/map-deep-check/map-deep-check.scss +2 -1
  302. package/scss/core/map/map-deep-get/map-deep-get.scss +1 -0
  303. package/scss/core/map/map-get/map-get.scss +23 -0
  304. package/scss/core/map/map-get/map-get.spec.scss +65 -0
  305. package/scss/core/string/split/string-split.scss +10 -7
  306. package/scss/global.scss +1 -0
  307. package/scss/interactions/_index.scss +1 -1
  308. package/scss/layout/_index.scss +1 -1
  309. package/scss/state/skeleton/_mixins.scss +2 -2
  310. package/scss/theme.scss +15 -1
  311. package/scss/theming/_configure-theme.scss +60 -2
  312. package/scss/theming/_daff-theme.scss +14 -4
  313. package/scss/theming/_index.scss +1 -1
  314. package/scss/theming/_theme-css-variables.scss +15 -13
  315. package/scss/theming/contrast/luminance/luminance.scss +8 -6
  316. package/scss/theming/illuminate/illuminate.scss +20 -17
  317. package/scss/typography/utilities/_index.scss +1 -1
  318. package/scss/typography/utilities/_variables.scss +1 -1
  319. package/sidebar/sidebar-viewport/scroll-token/scroll.token.d.ts +1 -7
  320. package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +1 -1
  321. package/sidebar/sidebar.module.d.ts +1 -1
  322. package/sidebar/src/sidebar-theme.scss +3 -3
  323. package/src/atoms/form/form-field/form-field/form-field-theme.scss +6 -6
  324. package/src/atoms/form/input/input-theme.scss +2 -2
  325. package/src/atoms/form/native-select/native-select-theme.scss +3 -3
  326. package/switch/README.md +61 -0
  327. package/switch/examples/basic-switch/basic-switch.component.d.ts +8 -0
  328. package/switch/examples/disabled-switch/disabled-switch.component.d.ts +7 -0
  329. package/switch/examples/examples.d.ts +5 -0
  330. package/switch/examples/index.d.ts +1 -0
  331. package/switch/examples/loading-switch/loading-switch.component.d.ts +7 -0
  332. package/switch/examples/public_api.d.ts +6 -0
  333. package/switch/examples/switch-error/switch-error.component.d.ts +7 -0
  334. package/switch/examples/switch-label-positions/switch-label-positions.component.d.ts +12 -0
  335. package/switch/index.d.ts +1 -0
  336. package/switch/public_api.d.ts +2 -0
  337. package/switch/src/switch-theme.scss +31 -0
  338. package/switch/switch/label-position.d.ts +10 -0
  339. package/switch/switch/switch.component.d.ts +53 -0
  340. package/switch/switch.d.ts +3 -0
  341. package/tabs/README.md +19 -0
  342. package/tabs/examples/basic-tabs/basic-tabs.component.d.ts +6 -0
  343. package/tabs/examples/custom-select-tabs/custom-select-tabs.component.d.ts +11 -0
  344. package/tabs/examples/disabled-tabs/disabled-tabs.component.d.ts +6 -0
  345. package/tabs/examples/index.d.ts +1 -0
  346. package/tabs/examples/initially-select-tab/initially-select-tab.component.d.ts +6 -0
  347. package/tabs/examples/public_api.d.ts +2 -0
  348. package/tabs/index.d.ts +1 -0
  349. package/tabs/public_api.d.ts +5 -0
  350. package/tabs/src/tabs-theme.scss +22 -0
  351. package/tabs/tabs/tab/tab.component.d.ts +57 -0
  352. package/tabs/tabs/tab-activator/tab-activator.component.d.ts +38 -0
  353. package/tabs/tabs/tab-label/tab-label.component.d.ts +19 -0
  354. package/tabs/tabs/tab-panel/tab-panel.component.d.ts +38 -0
  355. package/tabs/tabs/tabs.component.d.ts +103 -0
  356. package/tabs/tabs.d.ts +6 -0
  357. package/text-snippet/README.md +2 -0
  358. package/text-snippet/examples/basic-text-snippet/basic-text-snippet.component.d.ts +5 -0
  359. package/text-snippet/examples/index.d.ts +1 -0
  360. package/text-snippet/examples/public_api.d.ts +2 -0
  361. package/text-snippet/index.d.ts +1 -0
  362. package/text-snippet/public_api.d.ts +1 -0
  363. package/text-snippet/text-snippet.component.d.ts +19 -0
  364. package/toast/README.md +5 -5
  365. package/toast/options/daff-toast-options.d.ts +1 -3
  366. package/toast/src/toast-theme.scss +28 -24
  367. package/toast/toast/toast-provider.d.ts +1 -1
  368. package/toast/toast.module.d.ts +1 -1
  369. package/tree/src/tree-theme.scss +11 -11
  370. package/tree/tree.module.d.ts +1 -1
  371. package/button/button/button.component.d.ts +0 -80
  372. package/button/src/button-theme-variants/button.scss +0 -26
  373. package/button/src/button-theme-variants/flat.scss +0 -25
  374. package/button/src/button-theme-variants/icon.scss +0 -21
  375. package/button/src/button-theme-variants/raised.scss +0 -36
  376. package/button/src/button-theme-variants/stroked.scss +0 -28
  377. package/button/src/button-theme-variants/underline.scss +0 -9
  378. package/button/src/button-theme.scss +0 -574
  379. package/esm2022/button/button/button.component.mjs +0 -212
  380. package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +0 -15
  381. package/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.d.ts +0 -5
  382. package/scss/core/map/map-deep-check/map-deep-check.spec.scss +0 -43
  383. package/scss/core/map/map-deep-get/map-deep-get.spec.scss +0 -25
  384. package/scss/theming/contrast/contrast-ratio/contrast-ratio.spec.scss +0 -0
  385. package/scss/theming/contrast/text-contrast/text-contrast.spec.scss +0 -0
  386. package/src/atoms/form/radio/radio.scss +0 -0
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.78.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":"^18.2.2","@angular/common":"^18.2.2","@angular/core":"^18.2.2","@angular/forms":"^18.2.2","@angular/cdk":"^18.2.2","@daffodil/core":"0.78.0","@fortawesome/angular-fontawesome":"^0.15.0","@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/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography":{"sass":"./scss/typography/_index.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"},"./breadcrumb":{"types":"./breadcrumb/index.d.ts","esm2022":"./esm2022/breadcrumb/daffodil-design-breadcrumb.mjs","esm":"./esm2022/breadcrumb/daffodil-design-breadcrumb.mjs","default":"./fesm2022/daffodil-design-breadcrumb.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"},"./breadcrumb/examples":{"types":"./breadcrumb/examples/index.d.ts","esm2022":"./esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs","esm":"./esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs","default":"./fesm2022/daffodil-design-breadcrumb-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
+ {"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.80.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":"^18.2.2","@angular/common":"^18.2.2","@angular/core":"^18.2.2","@angular/forms":"^18.2.2","@angular/cdk":"^18.2.2","@daffodil/core":"0.80.0","@fortawesome/angular-fontawesome":"^0.15.0","@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/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography":{"sass":"./scss/typography/_index.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"},"./breadcrumb":{"types":"./breadcrumb/index.d.ts","esm2022":"./esm2022/breadcrumb/daffodil-design-breadcrumb.mjs","esm":"./esm2022/breadcrumb/daffodil-design-breadcrumb.mjs","default":"./fesm2022/daffodil-design-breadcrumb.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"},"./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"},"./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"},"./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"},"./switch":{"types":"./switch/index.d.ts","esm2022":"./esm2022/switch/daffodil-design-switch.mjs","esm":"./esm2022/switch/daffodil-design-switch.mjs","default":"./fesm2022/daffodil-design-switch.mjs"},"./tabs":{"types":"./tabs/index.d.ts","esm2022":"./esm2022/tabs/daffodil-design-tabs.mjs","esm":"./esm2022/tabs/daffodil-design-tabs.mjs","default":"./fesm2022/daffodil-design-tabs.mjs"},"./text-snippet":{"types":"./text-snippet/index.d.ts","esm2022":"./esm2022/text-snippet/daffodil-design-text-snippet.mjs","esm":"./esm2022/text-snippet/daffodil-design-text-snippet.mjs","default":"./fesm2022/daffodil-design-text-snippet.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"},"./breadcrumb/examples":{"types":"./breadcrumb/examples/index.d.ts","esm2022":"./esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs","esm":"./esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs","default":"./fesm2022/daffodil-design-breadcrumb-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"},"./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"},"./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"},"./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"},"./switch/examples":{"types":"./switch/examples/index.d.ts","esm2022":"./esm2022/switch/examples/daffodil-design-switch-examples.mjs","esm":"./esm2022/switch/examples/daffodil-design-switch-examples.mjs","default":"./fesm2022/daffodil-design-switch-examples.mjs"},"./tabs/examples":{"types":"./tabs/examples/index.d.ts","esm2022":"./esm2022/tabs/examples/daffodil-design-tabs-examples.mjs","esm":"./esm2022/tabs/examples/daffodil-design-tabs-examples.mjs","default":"./fesm2022/daffodil-design-tabs-examples.mjs"},"./text-snippet/examples":{"types":"./text-snippet/examples/index.d.ts","esm2022":"./esm2022/text-snippet/examples/daffodil-design-text-snippet-examples.mjs","esm":"./esm2022/text-snippet/examples/daffodil-design-text-snippet-examples.mjs","default":"./fesm2022/daffodil-design-text-snippet-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"}}
@@ -4,7 +4,7 @@ import * as i2 from "@angular/router";
4
4
  import * as i3 from "@fortawesome/angular-fontawesome";
5
5
  import * as i4 from "./paginator/paginator.component";
6
6
  /**
7
- * @deprecated in favor of {@link DAFF_PAGINATOR_COMPONENTS}
7
+ * @deprecated in favor of {@link DAFF_PAGINATOR_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
8
8
  */
9
9
  export declare class DaffPaginatorModule {
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffPaginatorModule, never>;
@@ -3,15 +3,15 @@
3
3
  @use '../../scss/theming';
4
4
 
5
5
  @mixin daff-paginator-theme($theme) {
6
- $primary: map.get($theme, primary);
7
- $secondary: map.get($theme, secondary);
8
- $tertiary: map.get($theme, tertiary);
9
- $base: core.daff-map-deep-get($theme, 'core.base');
10
- $base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
11
- $white: core.daff-map-deep-get($theme, 'core.white');
12
- $black: core.daff-map-deep-get($theme, 'core.black');
13
- $neutral: core.daff-map-deep-get($theme, 'core.neutral');
14
- $font-color: core.daff-map-deep-get($theme, 'core.font-color');
6
+ $primary: core.daff-map-get($theme, primary);
7
+ $secondary: core.daff-map-get($theme, secondary);
8
+ $tertiary: core.daff-map-get($theme, tertiary);
9
+ $base: core.daff-map-get($theme, 'core', 'base');
10
+ $base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
11
+ $white: core.daff-map-get($theme, 'core', 'white');
12
+ $black: core.daff-map-get($theme, 'core', 'black');
13
+ $neutral: core.daff-map-get($theme, 'core', 'neutral');
14
+ $font-color: core.daff-map-get($theme, 'core', 'font-color');
15
15
 
16
16
  .daff-paginator {
17
17
  &__previous,
@@ -22,11 +22,12 @@
22
22
  &__page-link {
23
23
  color: $font-color;
24
24
 
25
+ // stylelint-disable selector-class-pattern
25
26
  &:hover,
26
27
  &.selected {
27
28
  color: daff-text-contrast(theming.daff-illuminate($base, $neutral, 2));
28
29
 
29
- &:after {
30
+ &::after {
30
31
  background: theming.daff-illuminate($base, $neutral, 2);
31
32
  }
32
33
  }
@@ -3,7 +3,7 @@ import * as i1 from "@angular/common";
3
3
  import * as i2 from "./progress-bar.component";
4
4
  import * as i3 from "./progress-bar-label/progress-bar-label.directive";
5
5
  /**
6
- * @deprecated in favor of {@link DAFF_PROGRESS_BAR_COMPONENTS}
6
+ * @deprecated in favor of {@link DAFF_PROGRESS_BAR_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
7
7
  */
8
8
  export declare class DaffProgressBarModule {
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<DaffProgressBarModule, never>;
@@ -3,14 +3,14 @@
3
3
  @use '../../scss/theming';
4
4
 
5
5
  @mixin daff-progress-bar-theme($theme) {
6
- $primary: map.get($theme, primary);
7
- $secondary: map.get($theme, secondary);
8
- $tertiary: map.get($theme, tertiary);
9
- $base: core.daff-map-deep-get($theme, 'core.base');
10
- $base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
11
- $white: core.daff-map-deep-get($theme, 'core.white');
12
- $black: core.daff-map-deep-get($theme, 'core.black');
13
- $neutral: core.daff-map-deep-get($theme, 'core.neutral');
6
+ $primary: core.daff-map-get($theme, primary);
7
+ $secondary: core.daff-map-get($theme, secondary);
8
+ $tertiary: core.daff-map-get($theme, tertiary);
9
+ $base: core.daff-map-get($theme, 'core', 'base');
10
+ $base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
11
+ $white: core.daff-map-get($theme, 'core', 'white');
12
+ $black: core.daff-map-get($theme, 'core', 'black');
13
+ $neutral: core.daff-map-get($theme, 'core', 'neutral');
14
14
 
15
15
  .daff-progress-bar {
16
16
  $root: '.daff-progress-bar';
@@ -52,7 +52,7 @@
52
52
  background: $base-contrast;
53
53
  }
54
54
  }
55
-
55
+
56
56
  &.daff-white {
57
57
  #{$root}__fill {
58
58
  background: $white;
@@ -65,4 +65,4 @@
65
65
  }
66
66
  }
67
67
  }
68
- }
68
+ }
@@ -1 +1 @@
1
- @forward 'errors';
1
+ @forward 'errors';
@@ -1,4 +1,3 @@
1
1
  @forward 'string/split/string-split';
2
2
 
3
- @forward 'map/map-deep-check/map-deep-check';
4
- @forward 'map/map-deep-get/map-deep-get';
3
+ @forward 'map/map-get/map-get';
@@ -0,0 +1,13 @@
1
+ $use-string: false !default;
2
+
3
+ @function error-to-string($message, $override: $use-string) {
4
+ @if $override {
5
+ @return $message;
6
+ } @else {
7
+ @error $message;
8
+ }
9
+ }
10
+
11
+ @mixin set-use-string($state: true) {
12
+ $use-string: $state !global;
13
+ }
@@ -1,4 +1,5 @@
1
1
  @use 'sass:map';
2
+ @use 'sass:meta';
2
3
 
3
4
  //
4
5
  // Checks whether or not a map has a nested key
@@ -10,7 +11,7 @@
10
11
  // @throws error
11
12
  //
12
13
  @function daff-map-deep-check($map, $keys) {
13
- @if (type-of($map) != 'map') {
14
+ @if (meta.type-of($map) != 'map') {
14
15
  @error 'Expected first parameter to be of type `map`';
15
16
  }
16
17
 
@@ -1,4 +1,5 @@
1
1
  @use 'sass:map';
2
+ @use 'sass:string';
2
3
  @use '../../string/split/string-split';
3
4
  @use '../map-deep-check/map-deep-check';
4
5
 
@@ -0,0 +1,23 @@
1
+ @use 'sass:map';
2
+ @use '../../error/error-to-string';
3
+
4
+ //
5
+ // Return a the value of a nested key in a map if it exists.
6
+ // If the key doesn't exist, it throw an error.
7
+ //
8
+ // Note: This function doesn't support the use
9
+ // of the search character in your map key names.
10
+ //
11
+ // @usage daff-map-get($map, nested, map, key);
12
+ // @returns any
13
+ // @throws error
14
+ @function daff-map-get($map, $keys...) {
15
+ @each $key in $keys {
16
+ @if not map.has-key($map, $key) {
17
+ @return error-to-string.error-to-string("The map doesn't contain the $key: `#{$key}`'");
18
+ }
19
+ $map: map.get($map, $key);
20
+ }
21
+
22
+ @return $map;
23
+ }
@@ -0,0 +1,65 @@
1
+ @use 'true' as *;
2
+ @use './map-get' as *;
3
+ @use '../../error/error-to-string';
4
+
5
+ @include describe('map-get') {
6
+ $nested-map: (
7
+ 'string': '3',
8
+ 'number': 4,
9
+ );
10
+
11
+ $map: (
12
+ 'nested': (
13
+ 'string': '1',
14
+ 'number': 2,
15
+ 'map': $nested-map,
16
+ ),
17
+ );
18
+
19
+ $deep-map: (
20
+ 'level1': (
21
+ 'level2': (
22
+ 'level3': (
23
+ 'level': 4,
24
+ ),
25
+ ),
26
+ ),
27
+ );
28
+
29
+ $empty-map: ();
30
+
31
+ @include error-to-string.set-use-string(true);
32
+
33
+ @include it('returns the value of the nested key if it exists in the map') {
34
+ @include assert-equal(daff-map-get($map, 'nested', 'string'), '1');
35
+ @include assert-equal(daff-map-get($map, 'nested', 'number'), 2);
36
+ @include assert-equal(daff-map-get($map, 'nested', 'map'), $nested-map);
37
+ @include assert-equal(daff-map-get($map, 'nested', 'map', 'string'), '3');
38
+ @include assert-equal(daff-map-get($map, 'nested', 'map', 'number'), 4);
39
+ }
40
+
41
+ @include it('returns the correct value for deeply nested maps') {
42
+ @include assert-equal(
43
+ daff-map-get($deep-map, 'level1', 'level2', 'level3', 'level'),
44
+ 4
45
+ );
46
+ }
47
+
48
+ @include it(
49
+ 'errors if the value of the nested key does not exist in the map'
50
+ ) {
51
+ @include assert-equal(
52
+ daff-map-get($map, 'missing'),
53
+ "The map doesn't contain the $key: `missing`'"
54
+ );
55
+ }
56
+
57
+ @include it('errors if the map is empty') {
58
+ @include assert-equal(
59
+ daff-map-get($empty-map, 'nested'),
60
+ "The map doesn't contain the $key: `nested`'"
61
+ );
62
+ }
63
+
64
+ @include error-to-string.set-use-string(false);
65
+ }
@@ -1,3 +1,6 @@
1
+ @use 'sass:string';
2
+ @use 'sass:list';
3
+
1
4
  //
2
5
  // @docs
3
6
  // @private
@@ -8,25 +11,25 @@
8
11
  //
9
12
  @function daff-string-split($string, $separator) {
10
13
  $list: ();
11
- $index: str-index($string, $separator);
14
+ $index: string.index($string, $separator);
12
15
 
13
16
  @if ($index == null) {
14
17
  @return $list;
15
18
  }
16
19
 
17
- @while $index !=null {
18
- $item: str-slice($string, 1, $index - 1);
20
+ @while $index != null {
21
+ $item: string.slice($string, 1, $index - 1);
19
22
 
20
23
  @if ($item != '') {
21
- $list: append($list, $item, 'comma');
24
+ $list: list.append($list, $item, 'comma');
22
25
  }
23
26
 
24
- $string: str-slice($string, $index + 1);
25
- $index: str-index($string, $separator);
27
+ $string: string.slice($string, $index + 1);
28
+ $index: string.index($string, $separator);
26
29
  }
27
30
 
28
31
  @if ($string != '') {
29
- $list: append($list, $string, 'comma');
32
+ $list: list.append($list, $string, 'comma');
30
33
  }
31
34
 
32
35
  @return $list;
package/scss/global.scss CHANGED
@@ -13,6 +13,7 @@
13
13
 
14
14
  @use 'typography' as t;
15
15
  @use '@angular/cdk/overlay-prebuilt';
16
+ @use '@angular/cdk/a11y-prebuilt';
16
17
  @use 'modern-normalize/modern-normalize';
17
18
  @forward './theming/theme-css-variables';
18
19
 
@@ -1 +1 @@
1
- @forward 'mouse/clickable';
1
+ @forward 'mouse/clickable';
@@ -1,2 +1,2 @@
1
1
  @forward 'variables';
2
- @forward 'breakpoint';
2
+ @forward 'breakpoint';
@@ -2,8 +2,8 @@
2
2
  @use '../../theming';
3
3
 
4
4
  @mixin daff-skeleton-theme($theme) {
5
- $neutral: core.daff-map-deep-get($theme, 'core.neutral');
6
- $base: core.daff-map-deep-get($theme, 'core.base');
5
+ $neutral: core.daff-map-get($theme, 'core', 'neutral');
6
+ $base: core.daff-map-get($theme, 'core', 'base');
7
7
 
8
8
  .daff-skeleton {
9
9
  &::before,
package/scss/theme.scss CHANGED
@@ -19,7 +19,12 @@
19
19
  // @daffodil/design components
20
20
  @use './theming/theme-css-variables' as variables;
21
21
  @use '../breadcrumb/src/breadcrumb-theme' as breadcrumb;
22
- @use '../button/src/button-theme' as button;
22
+ @use '../button/src/button/basic/button-theme' as button;
23
+ @use '../button/src/button/flat/flat-theme' as flat-button;
24
+ @use '../button/src/button/icon/icon-theme' as icon-button;
25
+ @use '../button/src/button/raised/raised-theme' as raised-button;
26
+ @use '../button/src/button/stroked/stroked-theme' as stroked-button;
27
+ @use '../button/src/button/underline/underline-theme' as underline-button;
23
28
  @use '../article/src/article-theme' as article;
24
29
  @use '../src/atoms/form/error-message/error-message-theme' as error-message;
25
30
  @use '../src/atoms/form/form-field/form-field/form-field-theme' as form-field;
@@ -38,8 +43,10 @@
38
43
  @use '../notification/src/notification-theme' as notification;
39
44
  @use '../paginator/src/paginator-theme' as paginator;
40
45
  @use '../sidebar/src/sidebar-theme' as sidebar;
46
+ @use '../switch/src/switch-theme' as switch;
41
47
  @use '../progress-bar/src/progress-bar-theme' as progress-bar;
42
48
  @use '../scss/state/skeleton/mixins' as skeleton;
49
+ @use '../tabs/src/tabs-theme' as tabs;
43
50
  @use '../tree/src/tree-theme' as tree;
44
51
  @use '../toast/src/toast-theme' as toast;
45
52
 
@@ -61,6 +68,11 @@
61
68
 
62
69
  // Atoms
63
70
  @include button.daff-button-theme($theme);
71
+ @include flat-button.daff-flat-button-theme($theme);
72
+ @include icon-button.daff-icon-button-theme($theme);
73
+ @include raised-button.daff-raised-button-theme($theme);
74
+ @include stroked-button.daff-stroked-button-theme($theme);
75
+ @include underline-button.daff-underline-button-theme($theme);
64
76
  @include breadcrumb.daff-breadcrumb-theme($theme);
65
77
  @include error-message.daff-error-message-theme($theme);
66
78
  @include form-field.daff-form-field-theme($theme);
@@ -83,6 +95,8 @@
83
95
  @include notification.daff-notification-theme($theme);
84
96
  @include paginator.daff-paginator-theme($theme);
85
97
  @include sidebar.daff-sidebar-theme($theme);
98
+ @include switch.daff-switch-theme($theme);
99
+ @include tabs.daff-tabs-theme($theme);
86
100
  @include tree.daff-tree-theme($theme);
87
101
  @include toast.daff-toast-theme($theme);
88
102
  }
@@ -26,13 +26,20 @@ $supported-theme-types: (
26
26
  'dark': $daff-dark-theme
27
27
  );
28
28
 
29
+
29
30
  // @docs
30
31
  //
31
- // Create a theme object given some initial settings
32
+ // Create a theme object given some initial settings.
33
+ // Sets light and dark mode defaults for `$info`, `$warn`, `$critical`, and `$success`
34
+ // that can be overriden by using the `daff-configure-theme-status` function.
32
35
  //
33
36
  // @usage
34
37
  // ```
35
- // daff-configure-theme($daff-yellow, $daff-blue, $daff-purple)
38
+ // $primary: configure-palette.daff-configure-palette(palette.$daff-blue, 60);
39
+ // $secondary: configure-palette.daff-configure-palette(palette.$daff-purple, 60);
40
+ // $tertiary: configure-palette.daff-configure-palette(palette.$daff-turquoise, 60);
41
+ //
42
+ // $theme: daff-configure-theme($primary, $secondary, $tertiary)
36
43
  // ```
37
44
  @function daff-configure-theme(
38
45
  $primary,
@@ -40,14 +47,65 @@ $supported-theme-types: (
40
47
  $tertiary,
41
48
  $type: 'light'
42
49
  ) {
50
+ $info: null;
51
+ $warn: null;
52
+ $critical: null;
53
+ $success: null;
54
+
55
+ @if($type == 'dark') {
56
+ $info: configure-palette.daff-configure-palette(palette.$daff-neutral, 50);
57
+ $warn: configure-palette.daff-configure-palette(palette.$daff-bronze, 50);
58
+ $critical: configure-palette.daff-configure-palette(palette.$daff-red, 50);
59
+ $success: configure-palette.daff-configure-palette(palette.$daff-green, 50);
60
+ }
61
+ @if($type == 'light') {
62
+ $info: configure-palette.daff-configure-palette(palette.$daff-neutral, 60);
63
+ $warn: configure-palette.daff-configure-palette(palette.$daff-bronze, 60);
64
+ $critical: configure-palette.daff-configure-palette(palette.$daff-red, 60);
65
+ $success: configure-palette.daff-configure-palette(palette.$daff-green, 60);
66
+ }
67
+
43
68
  @return (
44
69
  'primary': $primary,
45
70
  'secondary': $secondary,
46
71
  'tertiary': $tertiary,
72
+ 'informational': $info,
73
+ 'warn': $warn,
74
+ 'critical': $critical,
75
+ 'success': $success,
47
76
  'core': daff-build-theme-core($type)
48
77
  );
49
78
  }
50
79
 
80
+ // @docs
81
+ //
82
+ // Create a status theme object given some initial settings.
83
+ //
84
+ // @usage
85
+ // ```
86
+ // $info: configure-palette.daff-configure-palette(palette.$daff-blue, 60);
87
+ // $warn: configure-palette.daff-configure-palette(palette.$daff-bronze, 60);
88
+ // $critical: configure-palette.daff-configure-palette(palette.$daff-red, 60);
89
+ // $success: configure-palette.daff-configure-palette(palette.$daff-green, 60);
90
+ //
91
+ // $theme: daff-configure-theme-status($info, $warn, $critical, $success);
92
+ // ```
93
+ @function daff-configure-theme-status(
94
+ $theme,
95
+ $warn,
96
+ $critical,
97
+ $success,
98
+ $info,
99
+ ) {
100
+ @debug $theme;
101
+ @return map.merge($theme, (
102
+ 'warn': $warn,
103
+ 'critical': $critical,
104
+ 'success': $success,
105
+ 'informational': $info,
106
+ ));
107
+ }
108
+
51
109
  //
52
110
  // @docs
53
111
  //
@@ -7,13 +7,23 @@ $primary: configure-palette.daff-configure-palette(palette.$daff-blue, 60);
7
7
  $secondary: configure-palette.daff-configure-palette(palette.$daff-purple, 60);
8
8
  $tertiary: configure-palette.daff-configure-palette(palette.$daff-turquoise, 60);
9
9
 
10
- $theme: configure-theme.daff-configure-theme($primary, $secondary, $tertiary, 'light');
10
+ $theme: configure-theme.daff-configure-theme(
11
+ $primary,
12
+ $secondary,
13
+ $tertiary,
14
+ 'light'
15
+ );
11
16
 
12
17
  $primary-dark: configure-palette.daff-configure-palette(palette.$daff-blue, 50);
13
18
  $secondary-dark: configure-palette.daff-configure-palette(palette.$daff-purple, 50);
14
19
  $tertiary-dark: configure-palette.daff-configure-palette(palette.$daff-turquoise, 50);
15
20
 
16
- $theme-dark: configure-theme.daff-configure-theme($primary-dark, $secondary-dark, $tertiary-dark, 'dark');
21
+ $theme-dark: configure-theme.daff-configure-theme(
22
+ $primary-dark,
23
+ $secondary-dark,
24
+ $tertiary-dark,
25
+ 'dark'
26
+ );
17
27
 
18
- $black: core.daff-map-deep-get($theme, 'core.black');
19
- $white: core.daff-map-deep-get($theme, 'core.white');
28
+ $black: core.daff-map-get($theme, 'core', 'black');
29
+ $white: core.daff-map-get($theme, 'core', 'white');
@@ -4,4 +4,4 @@
4
4
  @forward 'illuminate/illuminate';
5
5
  @forward 'configure-palette';
6
6
  @forward 'configure-theme';
7
- @forward 'daff-theme';
7
+ @forward 'daff-theme';
@@ -1,4 +1,5 @@
1
1
  @use 'sass:map';
2
+ @use 'sass:color';
2
3
  @use '../core';
3
4
  @use '../theming';
4
5
 
@@ -6,18 +7,18 @@
6
7
  //
7
8
  // Global theme tokens
8
9
  @mixin daff-root-theme-tokens($theme) {
9
- $base: core.daff-map-deep-get($theme, 'core.base');
10
- $base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
11
- $primary: map.get($theme, primary);
12
- $secondary: map.get($theme, secondary);
13
- $tertiary: map.get($theme, tertiary);
14
- $neutral: core.daff-map-deep-get($theme, 'core.neutral');
15
- $white: core.daff-map-deep-get($theme, 'core.white');
16
- $black: core.daff-map-deep-get($theme, 'core.black');
10
+ $base: core.daff-map-get($theme, 'core', 'base');
11
+ $base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
12
+ $primary: core.daff-map-get($theme, primary);
13
+ $secondary: core.daff-map-get($theme, secondary);
14
+ $tertiary: core.daff-map-get($theme, tertiary);
15
+ $neutral: core.daff-map-get($theme, 'core', 'neutral');
16
+ $white: core.daff-map-get($theme, 'core', 'white');
17
+ $black: core.daff-map-get($theme, 'core', 'black');
17
18
 
18
- --daff-theme-rgb: #{red($base), green($base), blue($base)};
19
- --daff-theme-contrast-rgb: #{red($base-contrast), green($base-contrast),
20
- blue($base-contrast)};
19
+ --daff-theme-rgb: #{color.red($base), color.green($base), color.blue($base)};
20
+ --daff-theme-contrast-rgb: #{color.red($base-contrast), color.green($base-contrast),
21
+ color.blue($base-contrast)};
21
22
  --daff-theme: #{$base};
22
23
  --daff-theme-contrast: #{$base-contrast};
23
24
  --daff-theme-primary: #{theming.daff-color($primary)};
@@ -25,7 +26,7 @@
25
26
  --daff-theme-tertiary: #{theming.daff-color($tertiary)};
26
27
  --daff-theme-warn: #{theming.daff-color(theming.$daff-bronze, 60)};
27
28
  --daff-theme-success: #{theming.daff-color(theming.$daff-green, 60)};
28
- --daff-theme-danger: #{theming.daff-color(theming.$daff-red, 60)};
29
+ --daff-theme-critical: #{theming.daff-color(theming.$daff-red, 60)};
29
30
  --daff-theme-white: #{$white};
30
31
  --daff-theme-black: #{$black};
31
32
  --daff-theme-gray: #{theming.daff-color($neutral)};
@@ -39,7 +40,8 @@
39
40
  :root {
40
41
  @include daff-root-theme-tokens($theme);
41
42
  }
42
- } @else {
43
+ }
44
+ @else {
43
45
  @include daff-root-theme-tokens($theme);
44
46
  }
45
47
  }