@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.
- package/accordion/accordion.module.d.ts +3 -1
- package/accordion/src/accordion-theme.scss +4 -4
- package/article/README.md +5 -6
- package/article/article.module.d.ts +3 -1
- package/article/src/article-theme.scss +8 -8
- package/atoms/form/form-field/form-field/form-field.component.d.ts +1 -1
- package/breadcrumb/breadcrumb.module.d.ts +3 -1
- package/breadcrumb/src/breadcrumb-theme.scss +3 -3
- package/button/README.md +3 -3
- package/button/button/basic/button.component.d.ts +28 -0
- package/button/button/button-base.directive.d.ts +51 -0
- package/button/button/flat/flat.component.d.ts +28 -0
- package/button/button/icon/icon.component.d.ts +24 -0
- package/button/button/raised/raised.component.d.ts +28 -0
- package/button/button/stroked/stroked.component.d.ts +28 -0
- package/button/button/underline/underline.component.d.ts +28 -0
- package/button/button.d.ts +7 -2
- package/button/button.module.d.ts +11 -4
- package/button/public_api.d.ts +6 -1
- package/button/src/button/basic/button-theme.scss +145 -0
- package/button/src/button/button-base.scss +79 -0
- package/button/src/button/flat/flat-theme.scss +142 -0
- package/button/src/button/icon/icon-theme.scss +140 -0
- package/button/src/button/raised/raised-theme.scss +107 -0
- package/button/src/button/stroked/stroked-theme.scss +155 -0
- package/button/src/button/underline/underline-theme.scss +89 -0
- package/callout/callout.module.d.ts +3 -1
- package/callout/src/callout-theme.scss +11 -17
- package/card/card.module.d.ts +1 -1
- package/card/src/card-theme-variants/linkable-card.scss +1 -1
- package/card/src/card-theme.scss +9 -9
- package/container/container.module.d.ts +1 -1
- package/core/public_api.d.ts +1 -0
- package/core/selectable/public_api.d.ts +2 -0
- package/core/selectable/selectable.d.ts +7 -0
- package/core/selectable/selectable.directive.d.ts +17 -0
- package/core/statusable/statusable.d.ts +5 -3
- package/core/statusable/statusable.directive.d.ts +6 -4
- package/esm2022/accordion/accordion/animation/accordion-animation.mjs +1 -4
- package/esm2022/accordion/accordion.module.mjs +4 -2
- package/esm2022/article/article.module.mjs +4 -2
- package/esm2022/atoms/form/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/atoms/form/checkbox-set/checkbox-set.component.mjs +2 -2
- package/esm2022/atoms/form/form-field/form-field/form-field.component.mjs +2 -2
- package/esm2022/atoms/form/radio/radio.component.mjs +2 -2
- package/esm2022/atoms/form/radio-set/radio-set.component.mjs +2 -2
- package/esm2022/breadcrumb/breadcrumb.module.mjs +4 -2
- package/esm2022/button/button/basic/button.component.mjs +48 -0
- package/esm2022/button/button/button-base.directive.mjs +105 -0
- package/esm2022/button/button/flat/flat.component.mjs +48 -0
- package/esm2022/button/button/icon/icon.component.mjs +44 -0
- package/esm2022/button/button/raised/raised.component.mjs +48 -0
- package/esm2022/button/button/stroked/stroked.component.mjs +48 -0
- package/esm2022/button/button/underline/underline.component.mjs +48 -0
- package/esm2022/button/button.mjs +12 -2
- package/esm2022/button/button.module.mjs +37 -5
- package/esm2022/button/examples/basic-button/basic-button.component.mjs +4 -6
- package/esm2022/button/examples/flat-button/flat-button.component.mjs +4 -6
- package/esm2022/button/examples/icon-button/icon-button.component.mjs +4 -6
- package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -6
- package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +2 -2
- package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +3 -3
- package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -6
- package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -6
- package/esm2022/button/public_api.mjs +7 -2
- package/esm2022/callout/callout.module.mjs +4 -2
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +5 -7
- package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +5 -7
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +5 -6
- package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +4 -6
- package/esm2022/card/card.module.mjs +2 -2
- package/esm2022/card/examples/basic-card/basic-card.component.mjs +4 -6
- package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +5 -7
- package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +4 -5
- package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +4 -5
- package/esm2022/container/container/container.component.mjs +2 -2
- package/esm2022/container/container.module.mjs +2 -2
- package/esm2022/core/public_api.mjs +2 -1
- package/esm2022/core/selectable/public_api.mjs +2 -0
- package/esm2022/core/selectable/selectable.directive.mjs +41 -0
- package/esm2022/core/selectable/selectable.mjs +2 -0
- package/esm2022/core/statusable/statusable.directive.mjs +7 -5
- package/esm2022/core/statusable/statusable.mjs +3 -2
- package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +4 -6
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +5 -7
- package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +5 -7
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +4 -6
- package/esm2022/hero/hero.module.mjs +2 -2
- package/esm2022/image/image.module.mjs +2 -2
- package/esm2022/link-set/link-set.module.mjs +2 -2
- package/esm2022/list/examples/basic-list/basic-list.component.mjs +1 -1
- package/esm2022/list/examples/icon-list/icon-list.component.mjs +2 -2
- package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +1 -1
- package/esm2022/list/examples/nav-list/nav-list.component.mjs +2 -2
- package/esm2022/list/list/list.component.mjs +2 -2
- package/esm2022/list/list-item/list-item.component.mjs +10 -3
- package/esm2022/list/list.module.mjs +2 -2
- package/esm2022/loading-icon/examples/examples.mjs +1 -3
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +2 -2
- package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +5 -20
- package/esm2022/loading-icon/loading-icon.module.mjs +2 -2
- package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +1 -1
- package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +1 -1
- package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +1 -1
- package/esm2022/media-gallery/helpers/media-gallery-token.mjs +7 -3
- package/esm2022/media-gallery/media-gallery.module.mjs +2 -2
- package/esm2022/media-gallery/thumbnail/thumbnail-compat.token.mjs +8 -3
- package/esm2022/media-gallery/thumbnail/thumbnail.directive.mjs +26 -39
- package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +5 -7
- package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +4 -6
- package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +4 -6
- package/esm2022/modal/modal-header/modal-header.component.mjs +4 -6
- package/esm2022/modal/modal.module.mjs +2 -2
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +4 -6
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +4 -6
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +5 -7
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +4 -6
- package/esm2022/navbar/navbar.module.mjs +2 -2
- package/esm2022/notification/examples/default-notification/default-notification.component.mjs +1 -3
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +1 -3
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +3 -5
- package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +4 -5
- package/esm2022/notification/notification/notification.component.mjs +3 -3
- package/esm2022/notification/notification.module.mjs +2 -2
- package/esm2022/paginator/paginator.module.mjs +2 -2
- package/esm2022/progress-bar/progress-bar.module.mjs +2 -2
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +5 -6
- package/esm2022/sidebar/sidebar-viewport/scroll-token/scroll.token.mjs +9 -3
- package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +3 -3
- package/esm2022/sidebar/sidebar.module.mjs +2 -2
- package/esm2022/switch/daffodil-design-switch.mjs +5 -0
- package/esm2022/switch/examples/basic-switch/basic-switch.component.mjs +23 -0
- package/esm2022/switch/examples/daffodil-design-switch-examples.mjs +5 -0
- package/esm2022/switch/examples/disabled-switch/disabled-switch.component.mjs +20 -0
- package/esm2022/switch/examples/examples.mjs +13 -0
- package/esm2022/switch/examples/index.mjs +2 -0
- package/esm2022/switch/examples/loading-switch/loading-switch.component.mjs +20 -0
- package/esm2022/switch/examples/public_api.mjs +7 -0
- package/esm2022/switch/examples/switch-error/switch-error.component.mjs +22 -0
- package/esm2022/switch/examples/switch-label-positions/switch-label-positions.component.mjs +31 -0
- package/esm2022/switch/index.mjs +2 -0
- package/esm2022/switch/public_api.mjs +3 -0
- package/esm2022/switch/switch/label-position.mjs +11 -0
- package/esm2022/switch/switch/switch.component.mjs +126 -0
- package/esm2022/switch/switch.mjs +7 -0
- package/esm2022/tabs/daffodil-design-tabs.mjs +5 -0
- package/esm2022/tabs/examples/basic-tabs/basic-tabs.component.mjs +22 -0
- package/esm2022/tabs/examples/custom-select-tabs/custom-select-tabs.component.mjs +34 -0
- package/esm2022/tabs/examples/daffodil-design-tabs-examples.mjs +5 -0
- package/esm2022/tabs/examples/disabled-tabs/disabled-tabs.component.mjs +22 -0
- package/esm2022/tabs/examples/index.mjs +2 -0
- package/esm2022/tabs/examples/initially-select-tab/initially-select-tab.component.mjs +22 -0
- package/esm2022/tabs/examples/public_api.mjs +11 -0
- package/esm2022/tabs/index.mjs +2 -0
- package/esm2022/tabs/public_api.mjs +6 -0
- package/esm2022/tabs/tabs/tab/tab.component.mjs +86 -0
- package/esm2022/tabs/tabs/tab-activator/tab-activator.component.mjs +84 -0
- package/esm2022/tabs/tabs/tab-label/tab-label.component.mjs +33 -0
- package/esm2022/tabs/tabs/tab-panel/tab-panel.component.mjs +68 -0
- package/esm2022/tabs/tabs/tabs.component.mjs +157 -0
- package/esm2022/tabs/tabs.mjs +13 -0
- package/esm2022/text-snippet/daffodil-design-text-snippet.mjs +5 -0
- package/esm2022/text-snippet/examples/basic-text-snippet/basic-text-snippet.component.mjs +14 -0
- package/esm2022/text-snippet/examples/daffodil-design-text-snippet-examples.mjs +5 -0
- package/esm2022/text-snippet/examples/index.mjs +2 -0
- package/esm2022/text-snippet/examples/public_api.mjs +5 -0
- package/esm2022/text-snippet/index.mjs +2 -0
- package/esm2022/text-snippet/public_api.mjs +2 -0
- package/esm2022/text-snippet/text-snippet.component.mjs +46 -0
- package/esm2022/toast/examples/default-toast/default-toast.component.mjs +4 -6
- package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +4 -6
- package/esm2022/toast/examples/toast-status/toast-status.component.mjs +8 -10
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +4 -6
- package/esm2022/toast/options/daff-toast-options.mjs +7 -7
- package/esm2022/toast/toast/toast-provider.mjs +2 -2
- package/esm2022/toast/toast/toast-template.component.mjs +2 -2
- package/esm2022/toast/toast/toast.component.mjs +3 -3
- package/esm2022/toast/toast.module.mjs +2 -2
- package/esm2022/tree/tree.module.mjs +2 -2
- package/fesm2022/daffodil-design-accordion.mjs +3 -4
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +3 -1
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-breadcrumb.mjs +3 -1
- package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +16 -16
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +308 -132
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +12 -13
- package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +3 -1
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-card-examples.mjs +10 -12
- package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +1 -1
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +5 -6
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container.mjs +3 -3
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +11 -13
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +1 -1
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +1 -1
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-link-set.mjs +1 -1
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list-examples.mjs +4 -4
- package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +12 -5
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +1 -13
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +5 -20
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery-examples.mjs +3 -3
- package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +37 -42
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +3 -5
- package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +5 -7
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +4 -5
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +11 -13
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +1 -1
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +5 -9
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +3 -3
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +1 -1
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +4 -5
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +11 -5
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-switch-examples.mjs +109 -0
- package/fesm2022/daffodil-design-switch-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-switch.mjs +148 -0
- package/fesm2022/daffodil-design-switch.mjs.map +1 -0
- package/fesm2022/daffodil-design-tabs-examples.mjs +93 -0
- package/fesm2022/daffodil-design-tabs-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-tabs.mjs +428 -0
- package/fesm2022/daffodil-design-tabs.mjs.map +1 -0
- package/fesm2022/daffodil-design-text-snippet-examples.mjs +25 -0
- package/fesm2022/daffodil-design-text-snippet-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-text-snippet.mjs +53 -0
- package/fesm2022/daffodil-design-text-snippet.mjs.map +1 -0
- package/fesm2022/daffodil-design-toast-examples.mjs +13 -15
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +13 -12
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +1 -1
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +53 -11
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/hero.module.d.ts +1 -1
- package/hero/src/hero-theme.scss +11 -17
- package/image/README.md +4 -1
- package/image/image.module.d.ts +1 -1
- package/link-set/README.md +1 -1
- package/link-set/link-set.module.d.ts +1 -1
- package/list/list-item/list-item.component.d.ts +3 -1
- package/list/list.module.d.ts +1 -1
- package/list/src/list-theme.scss +13 -9
- package/loading-icon/README.md +0 -5
- package/loading-icon/examples/examples.d.ts +2 -2
- package/loading-icon/loading-icon/loading-icon.component.d.ts +1 -9
- package/loading-icon/loading-icon.module.d.ts +1 -1
- package/loading-icon/src/loading-icon-theme.scss +7 -7
- package/media-gallery/README.md +4 -1
- package/media-gallery/helpers/media-gallery-token.d.ts +1 -2
- package/media-gallery/media-gallery.module.d.ts +1 -1
- package/media-gallery/src/media-gallery-theme.scss +3 -3
- package/media-gallery/thumbnail/thumbnail-compat.token.d.ts +1 -5
- package/media-gallery/thumbnail/thumbnail.directive.d.ts +9 -18
- package/menu/src/menu-theme.scss +5 -5
- package/modal/modal.module.d.ts +1 -1
- package/modal/src/modal-theme.scss +1 -1
- package/navbar/navbar.module.d.ts +1 -1
- package/navbar/src/navbar-theme.scss +8 -8
- package/notification/README.md +2 -2
- package/notification/notification/notification.component.d.ts +1 -1
- package/notification/notification.module.d.ts +1 -1
- package/notification/src/notification-theme.scss +25 -21
- package/package.json +1 -1
- package/paginator/paginator.module.d.ts +1 -1
- package/paginator/src/paginator-theme.scss +11 -10
- package/progress-bar/progress-bar.module.d.ts +1 -1
- package/progress-bar/src/progress-bar-theme.scss +10 -10
- package/scss/accessibility/_index.scss +1 -1
- package/scss/core/_index.scss +1 -2
- package/scss/core/error/error-to-string.scss +13 -0
- package/scss/core/map/map-deep-check/map-deep-check.scss +2 -1
- package/scss/core/map/map-deep-get/map-deep-get.scss +1 -0
- package/scss/core/map/map-get/map-get.scss +23 -0
- package/scss/core/map/map-get/map-get.spec.scss +65 -0
- package/scss/core/string/split/string-split.scss +10 -7
- package/scss/global.scss +1 -0
- package/scss/interactions/_index.scss +1 -1
- package/scss/layout/_index.scss +1 -1
- package/scss/state/skeleton/_mixins.scss +2 -2
- package/scss/theme.scss +15 -1
- package/scss/theming/_configure-theme.scss +60 -2
- package/scss/theming/_daff-theme.scss +14 -4
- package/scss/theming/_index.scss +1 -1
- package/scss/theming/_theme-css-variables.scss +15 -13
- package/scss/theming/contrast/luminance/luminance.scss +8 -6
- package/scss/theming/illuminate/illuminate.scss +20 -17
- package/scss/typography/utilities/_index.scss +1 -1
- package/scss/typography/utilities/_variables.scss +1 -1
- package/sidebar/sidebar-viewport/scroll-token/scroll.token.d.ts +1 -7
- package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +1 -1
- package/sidebar/sidebar.module.d.ts +1 -1
- package/sidebar/src/sidebar-theme.scss +3 -3
- package/src/atoms/form/form-field/form-field/form-field-theme.scss +6 -6
- package/src/atoms/form/input/input-theme.scss +2 -2
- package/src/atoms/form/native-select/native-select-theme.scss +3 -3
- package/switch/README.md +61 -0
- package/switch/examples/basic-switch/basic-switch.component.d.ts +8 -0
- package/switch/examples/disabled-switch/disabled-switch.component.d.ts +7 -0
- package/switch/examples/examples.d.ts +5 -0
- package/switch/examples/index.d.ts +1 -0
- package/switch/examples/loading-switch/loading-switch.component.d.ts +7 -0
- package/switch/examples/public_api.d.ts +6 -0
- package/switch/examples/switch-error/switch-error.component.d.ts +7 -0
- package/switch/examples/switch-label-positions/switch-label-positions.component.d.ts +12 -0
- package/switch/index.d.ts +1 -0
- package/switch/public_api.d.ts +2 -0
- package/switch/src/switch-theme.scss +31 -0
- package/switch/switch/label-position.d.ts +10 -0
- package/switch/switch/switch.component.d.ts +53 -0
- package/switch/switch.d.ts +3 -0
- package/tabs/README.md +19 -0
- package/tabs/examples/basic-tabs/basic-tabs.component.d.ts +6 -0
- package/tabs/examples/custom-select-tabs/custom-select-tabs.component.d.ts +11 -0
- package/tabs/examples/disabled-tabs/disabled-tabs.component.d.ts +6 -0
- package/tabs/examples/index.d.ts +1 -0
- package/tabs/examples/initially-select-tab/initially-select-tab.component.d.ts +6 -0
- package/tabs/examples/public_api.d.ts +2 -0
- package/tabs/index.d.ts +1 -0
- package/tabs/public_api.d.ts +5 -0
- package/tabs/src/tabs-theme.scss +22 -0
- package/tabs/tabs/tab/tab.component.d.ts +57 -0
- package/tabs/tabs/tab-activator/tab-activator.component.d.ts +38 -0
- package/tabs/tabs/tab-label/tab-label.component.d.ts +19 -0
- package/tabs/tabs/tab-panel/tab-panel.component.d.ts +38 -0
- package/tabs/tabs/tabs.component.d.ts +103 -0
- package/tabs/tabs.d.ts +6 -0
- package/text-snippet/README.md +2 -0
- package/text-snippet/examples/basic-text-snippet/basic-text-snippet.component.d.ts +5 -0
- package/text-snippet/examples/index.d.ts +1 -0
- package/text-snippet/examples/public_api.d.ts +2 -0
- package/text-snippet/index.d.ts +1 -0
- package/text-snippet/public_api.d.ts +1 -0
- package/text-snippet/text-snippet.component.d.ts +19 -0
- package/toast/README.md +5 -5
- package/toast/options/daff-toast-options.d.ts +1 -3
- package/toast/src/toast-theme.scss +28 -24
- package/toast/toast/toast-provider.d.ts +1 -1
- package/toast/toast.module.d.ts +1 -1
- package/tree/src/tree-theme.scss +11 -11
- package/tree/tree.module.d.ts +1 -1
- package/button/button/button.component.d.ts +0 -80
- package/button/src/button-theme-variants/button.scss +0 -26
- package/button/src/button-theme-variants/flat.scss +0 -25
- package/button/src/button-theme-variants/icon.scss +0 -21
- package/button/src/button-theme-variants/raised.scss +0 -36
- package/button/src/button-theme-variants/stroked.scss +0 -28
- package/button/src/button-theme-variants/underline.scss +0 -9
- package/button/src/button-theme.scss +0 -574
- package/esm2022/button/button/button.component.mjs +0 -212
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +0 -15
- package/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.d.ts +0 -5
- package/scss/core/map/map-deep-check/map-deep-check.spec.scss +0 -43
- package/scss/core/map/map-deep-get/map-deep-get.spec.scss +0 -25
- package/scss/theming/contrast/contrast-ratio/contrast-ratio.spec.scss +0 -0
- package/scss/theming/contrast/text-contrast/text-contrast.spec.scss +0 -0
- 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
|
7
|
-
$secondary: map
|
8
|
-
$tertiary: map
|
9
|
-
$base: core.daff-map-
|
10
|
-
$base-contrast: core.daff-map-
|
11
|
-
$white: core.daff-map-
|
12
|
-
$black: core.daff-map-
|
13
|
-
$neutral: core.daff-map-
|
14
|
-
$font-color: core.daff-map-
|
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
|
-
|
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
|
7
|
-
$secondary: map
|
8
|
-
$tertiary: map
|
9
|
-
$base: core.daff-map-
|
10
|
-
$base-contrast: core.daff-map-
|
11
|
-
$white: core.daff-map-
|
12
|
-
$black: core.daff-map-
|
13
|
-
$neutral: core.daff-map-
|
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';
|
package/scss/core/_index.scss
CHANGED
@@ -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
|
|
@@ -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:
|
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:
|
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:
|
25
|
-
$index:
|
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
@@ -1 +1 @@
|
|
1
|
-
@forward 'mouse/clickable';
|
1
|
+
@forward 'mouse/clickable';
|
package/scss/layout/_index.scss
CHANGED
@@ -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-
|
6
|
-
$base: core.daff-map-
|
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-
|
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(
|
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(
|
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-
|
19
|
-
$white: core.daff-map-
|
28
|
+
$black: core.daff-map-get($theme, 'core', 'black');
|
29
|
+
$white: core.daff-map-get($theme, 'core', 'white');
|
package/scss/theming/_index.scss
CHANGED
@@ -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-
|
10
|
-
$base-contrast: core.daff-map-
|
11
|
-
$primary: map
|
12
|
-
$secondary: map
|
13
|
-
$tertiary: map
|
14
|
-
$neutral: core.daff-map-
|
15
|
-
$white: core.daff-map-
|
16
|
-
$black: core.daff-map-
|
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-
|
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
|
-
}
|
43
|
+
}
|
44
|
+
@else {
|
43
45
|
@include daff-root-theme-tokens($theme);
|
44
46
|
}
|
45
47
|
}
|