@daffodil/design 0.79.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/button.module.d.ts +3 -1
- package/button/src/button/basic/button-theme.scss +14 -14
- package/button/src/button/button-base.scss +3 -3
- package/button/src/button/flat/flat-theme.scss +21 -22
- package/button/src/button/icon/icon-theme.scss +13 -14
- package/button/src/button/raised/raised-theme.scss +32 -45
- package/button/src/button/stroked/stroked-theme.scss +18 -21
- package/button/src/button/underline/underline-theme.scss +14 -18
- 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/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.module.mjs +4 -2
- package/esm2022/callout/callout.module.mjs +4 -2
- package/esm2022/card/card.module.mjs +2 -2
- 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/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/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/media-gallery.module.mjs +2 -2
- package/esm2022/media-gallery/thumbnail/thumbnail.directive.mjs +26 -39
- package/esm2022/modal/modal.module.mjs +2 -2
- package/esm2022/navbar/navbar.module.mjs +2 -2
- 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/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/examples/basic-tabs/basic-tabs.component.mjs +3 -3
- package/esm2022/tabs/tabs/tab-activator/tab-activator.component.mjs +22 -21
- package/esm2022/tabs/tabs/tabs.component.mjs +4 -8
- 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 -1
- 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.mjs +3 -1
- package/fesm2022/daffodil-design-button.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.mjs +1 -1
- package/fesm2022/daffodil-design-card.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.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.mjs +1 -1
- 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 +25 -40
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +1 -1
- package/fesm2022/daffodil-design-modal.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.mjs +1 -1
- 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.mjs +1 -1
- 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 +2 -2
- package/fesm2022/daffodil-design-tabs-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-tabs.mjs +23 -26
- package/fesm2022/daffodil-design-tabs.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +3 -3
- 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 +45 -6
- 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/image.module.d.ts +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/loading-icon.module.d.ts +1 -1
- package/loading-icon/src/loading-icon-theme.scss +7 -7
- 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.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/notification.module.d.ts +1 -1
- package/notification/src/notification-theme.scss +12 -12
- 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 +2 -0
- package/scss/theming/_configure-theme.scss +2 -2
- package/scss/theming/_daff-theme.scss +14 -4
- package/scss/theming/_index.scss +1 -1
- package/scss/theming/_theme-css-variables.scss +14 -12
- 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.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/src/tabs-theme.scss +9 -9
- package/tabs/tabs/tab-activator/tab-activator.component.d.ts +5 -4
- package/tabs/tabs/tabs.component.d.ts +1 -2
- package/toast/src/toast-theme.scss +18 -18
- 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/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/hero/hero.module.d.ts
CHANGED
@@ -7,7 +7,7 @@ import * as i5 from "./hero-title/hero-title.directive";
|
|
7
7
|
import * as i6 from "./hero-subtitle/hero-subtitle.directive";
|
8
8
|
import * as i7 from "./hero-body/hero-body.directive";
|
9
9
|
/**
|
10
|
-
* @deprecated in favor of {@link DAFF_HERO_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.
|
10
|
+
* @deprecated in favor of {@link DAFF_HERO_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
11
11
|
* */
|
12
12
|
export declare class DaffHeroModule {
|
13
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffHeroModule, never>;
|
package/hero/src/hero-theme.scss
CHANGED
@@ -8,14 +8,14 @@
|
|
8
8
|
}
|
9
9
|
|
10
10
|
@mixin daff-hero-theme($theme) {
|
11
|
-
$primary: map
|
12
|
-
$secondary: map
|
13
|
-
$tertiary: map
|
14
|
-
$neutral: core.daff-map-
|
15
|
-
$base: core.daff-map-
|
16
|
-
$base-contrast: core.daff-map-
|
17
|
-
$white: core.daff-map-
|
18
|
-
$black: core.daff-map-
|
11
|
+
$primary: core.daff-map-get($theme, primary);
|
12
|
+
$secondary: core.daff-map-get($theme, secondary);
|
13
|
+
$tertiary: core.daff-map-get($theme, tertiary);
|
14
|
+
$neutral: core.daff-map-get($theme, 'core', 'neutral');
|
15
|
+
$base: core.daff-map-get($theme, 'core', 'base');
|
16
|
+
$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
|
17
|
+
$white: core.daff-map-get($theme, 'core', 'white');
|
18
|
+
$black: core.daff-map-get($theme, 'core', 'black');
|
19
19
|
|
20
20
|
.daff-hero {
|
21
21
|
@include daff-hero-theme-variant(
|
@@ -23,21 +23,15 @@
|
|
23
23
|
);
|
24
24
|
|
25
25
|
&.daff-primary {
|
26
|
-
@include daff-hero-theme-variant(
|
27
|
-
theming.daff-color($primary)
|
28
|
-
);
|
26
|
+
@include daff-hero-theme-variant(theming.daff-color($primary));
|
29
27
|
}
|
30
28
|
|
31
29
|
&.daff-secondary {
|
32
|
-
@include daff-hero-theme-variant(
|
33
|
-
theming.daff-color($secondary)
|
34
|
-
);
|
30
|
+
@include daff-hero-theme-variant(theming.daff-color($secondary));
|
35
31
|
}
|
36
32
|
|
37
33
|
&.daff-tertiary {
|
38
|
-
@include daff-hero-theme-variant(
|
39
|
-
theming.daff-color($tertiary)
|
40
|
-
);
|
34
|
+
@include daff-hero-theme-variant(theming.daff-color($tertiary));
|
41
35
|
}
|
42
36
|
|
43
37
|
&.daff-theme {
|
package/image/image.module.d.ts
CHANGED
@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "@angular/common";
|
3
3
|
import * as i2 from "./image/image.component";
|
4
4
|
/**
|
5
|
-
* @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.
|
5
|
+
* @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
6
6
|
* */
|
7
7
|
export declare class DaffImageModule {
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffImageModule, never>;
|
@@ -5,7 +5,7 @@ import * as i3 from "./link-set-heading/link-set-heading.directive";
|
|
5
5
|
import * as i4 from "./link-set-subheading/link-set-subheading.directive";
|
6
6
|
import * as i5 from "./link-set-item/link-set-item.component";
|
7
7
|
/**
|
8
|
-
* @deprecated in favor of {@link DAFF_LINK_SET_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.
|
8
|
+
* @deprecated in favor of {@link DAFF_LINK_SET_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
9
9
|
*/
|
10
10
|
export declare class DaffLinkSetModule {
|
11
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffLinkSetModule, never>;
|
@@ -7,6 +7,8 @@ export declare class DaffListItemComponent {
|
|
7
7
|
* @docs-private
|
8
8
|
*/
|
9
9
|
class: boolean;
|
10
|
+
/** Whether or not the header item is active */
|
11
|
+
active: boolean;
|
10
12
|
/**
|
11
13
|
* @docs-private
|
12
14
|
*/
|
@@ -26,5 +28,5 @@ export declare class DaffListItemComponent {
|
|
26
28
|
/** Gets whether a list item has one of the given attributes. */
|
27
29
|
private _isAnchor;
|
28
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffListItemComponent, never>;
|
29
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffListItemComponent, "daff-list-item,a[daff-list-item]", never, {}, {}, ["_prefix", "_suffix"], ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffListItemComponent, "daff-list-item,a[daff-list-item]", never, { "active": { "alias": "active"; "required": false; }; }, {}, ["_prefix", "_suffix"], ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
|
30
32
|
}
|
package/list/list.module.d.ts
CHANGED
@@ -4,7 +4,7 @@ import * as i2 from "./list/list.component";
|
|
4
4
|
import * as i3 from "./list-item/list-item.component";
|
5
5
|
import * as i4 from "@daffodil/design";
|
6
6
|
/**
|
7
|
-
* @deprecated in favor of {@link DAFF_LIST_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.
|
7
|
+
* @deprecated in favor of {@link DAFF_LIST_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
8
8
|
*/
|
9
9
|
export declare class DaffListModule {
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffListModule, never>;
|
package/list/src/list-theme.scss
CHANGED
@@ -2,19 +2,22 @@
|
|
2
2
|
@use '../../scss/core';
|
3
3
|
@use '../../scss/theming';
|
4
4
|
|
5
|
+
// styleline-disable selector-class-pattern
|
5
6
|
@mixin daff-list-theme($theme) {
|
6
|
-
$neutral: core.daff-map-
|
7
|
-
$base: core.daff-map-
|
8
|
-
$base-contrast: core.daff-map-
|
7
|
+
$neutral: core.daff-map-get($theme, 'core', 'neutral');
|
8
|
+
$base: core.daff-map-get($theme, 'core', 'base');
|
9
|
+
$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
|
9
10
|
|
10
11
|
.daff-list {
|
11
12
|
.daff-list-item {
|
12
13
|
&__content {
|
13
|
-
|
14
|
+
// stylelint-disable-next-line scss/selector-nest-combinators
|
15
|
+
*:nth-child(1) {
|
14
16
|
color: $base-contrast;
|
15
17
|
}
|
16
18
|
|
17
|
-
|
19
|
+
// stylelint-disable-next-line scss/selector-nest-combinators
|
20
|
+
*:nth-child(n + 2) {
|
18
21
|
color: theming.daff-illuminate($base-contrast, $neutral, 3);
|
19
22
|
}
|
20
23
|
}
|
@@ -23,13 +26,14 @@
|
|
23
26
|
|
24
27
|
.daff-nav-list {
|
25
28
|
.daff-list-item {
|
26
|
-
|
29
|
+
&::after {
|
27
30
|
background-color: $base;
|
28
31
|
}
|
29
32
|
|
30
|
-
&:hover
|
31
|
-
|
32
|
-
|
33
|
+
&:hover,
|
34
|
+
&.active {
|
35
|
+
&::after {
|
36
|
+
background-color: theming.daff-illuminate($base, $neutral, 2);
|
33
37
|
}
|
34
38
|
}
|
35
39
|
}
|
@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "@angular/common";
|
3
3
|
import * as i2 from "./loading-icon/loading-icon.component";
|
4
4
|
/**
|
5
|
-
* @deprecated in favor of {@link DAFF_LOADING_ICON_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.
|
5
|
+
* @deprecated in favor of {@link DAFF_LOADING_ICON_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
6
6
|
*/
|
7
7
|
export declare class DaffLoadingIconModule {
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffLoadingIconModule, never>;
|
@@ -3,13 +3,13 @@
|
|
3
3
|
@use '../../scss/theming';
|
4
4
|
|
5
5
|
@mixin daff-loading-icon-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-
|
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
13
|
|
14
14
|
.daff-loading-icon {
|
15
15
|
&__loader {
|
@@ -4,7 +4,7 @@ import * as i2 from "./media-gallery/media-gallery.component";
|
|
4
4
|
import * as i3 from "./thumbnail/thumbnail.directive";
|
5
5
|
import * as i4 from "./media-renderer/media-renderer.component";
|
6
6
|
/**
|
7
|
-
* @deprecated in favor of {@link DAFF_MEDIA_GALLERY_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.
|
7
|
+
* @deprecated in favor of {@link DAFF_MEDIA_GALLERY_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
8
8
|
*/
|
9
9
|
export declare class DaffMediaGalleryModule {
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryModule, never>;
|
@@ -3,7 +3,7 @@
|
|
3
3
|
@use '../../scss/core';
|
4
4
|
|
5
5
|
@mixin daff-media-gallery-theme($theme) {
|
6
|
-
$neutral: core.daff-map-
|
6
|
+
$neutral: core.daff-map-get($theme, 'core', 'neutral');
|
7
7
|
|
8
8
|
.daff-media-gallery {
|
9
9
|
$root: &;
|
@@ -11,14 +11,14 @@
|
|
11
11
|
.daff-thumbnail {
|
12
12
|
border: 1px solid transparent;
|
13
13
|
|
14
|
-
|
14
|
+
&.daff-selected {
|
15
15
|
border: 1px solid theming.daff-color($neutral);
|
16
16
|
}
|
17
17
|
}
|
18
18
|
|
19
19
|
&.daff-skeleton {
|
20
20
|
.daff-thumbnail {
|
21
|
-
|
21
|
+
&.daff-selected {
|
22
22
|
border: none;
|
23
23
|
}
|
24
24
|
}
|
@@ -1,34 +1,27 @@
|
|
1
|
-
import { Type,
|
1
|
+
import { Type, OnInit, OnDestroy } from '@angular/core';
|
2
|
+
import { DaffSelectableDirective } from '@daffodil/design';
|
2
3
|
import { DaffThumbnailRegistration } from './thumbnail-registration.interface';
|
3
4
|
import { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';
|
4
5
|
import { DaffMediaGalleryRegistry } from '../registry/media-gallery.registry';
|
5
6
|
import * as i0 from "@angular/core";
|
7
|
+
import * as i1 from "@daffodil/design";
|
6
8
|
/**
|
7
9
|
* A directive marking thumbnails for the `DaffMediaRendererComponent`. Needs to be wrapped in a `daff-media-gallery` component
|
8
10
|
* and needs to be placed on a component that is provided as a `daffThumbnailCompatToken`.
|
9
11
|
*/
|
10
12
|
export declare class DaffThumbnailDirective implements OnInit, OnDestroy, DaffThumbnailRegistration {
|
11
13
|
component: Type<unknown>;
|
12
|
-
private cd;
|
13
14
|
private registry;
|
14
15
|
gallery: DaffMediaGalleryRegistration;
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
16
|
+
private selectedDirective;
|
17
|
+
constructor(component: Type<unknown>, registry: DaffMediaGalleryRegistry, gallery: DaffMediaGalleryRegistration, selectedDirective: DaffSelectableDirective);
|
18
|
+
get selected(): boolean;
|
19
|
+
select(): this;
|
20
|
+
deselect(): this;
|
20
21
|
/**
|
21
22
|
* Adds a class for styling a thumbnail
|
22
23
|
*/
|
23
24
|
class: boolean;
|
24
|
-
/**
|
25
|
-
* A prop for determining whether or not the media element is selected.
|
26
|
-
*/
|
27
|
-
selected: boolean;
|
28
|
-
/**
|
29
|
-
* An event that fires after the media element becomes selected.
|
30
|
-
*/
|
31
|
-
becameSelected: EventEmitter<void>;
|
32
25
|
/**
|
33
26
|
* Adds a click event to trigger selection of the media element.
|
34
27
|
*
|
@@ -37,8 +30,6 @@ export declare class DaffThumbnailDirective implements OnInit, OnDestroy, DaffTh
|
|
37
30
|
onClick($event: MouseEvent): void;
|
38
31
|
ngOnInit(): void;
|
39
32
|
ngOnDestroy(): void;
|
40
|
-
select(): this;
|
41
|
-
deselect(): this;
|
42
33
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffThumbnailDirective, never>;
|
43
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffThumbnailDirective, "[daffThumbnail]", never, {}, { "
|
34
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffThumbnailDirective, "[daffThumbnail]", never, {}, {}, never, never, true, [{ directive: typeof i1.DaffSelectableDirective; inputs: { "selected": "selected"; }; outputs: { "becameSelected": "becameSelected"; }; }]>;
|
44
35
|
}
|
package/menu/src/menu-theme.scss
CHANGED
@@ -2,11 +2,11 @@
|
|
2
2
|
@use '../../scss/theming';
|
3
3
|
|
4
4
|
@mixin daff-menu-theme($theme) {
|
5
|
-
$white: core.daff-map-
|
6
|
-
$black: core.daff-map-
|
7
|
-
$neutral: core.daff-map-
|
8
|
-
$base: core.daff-map-
|
9
|
-
$base-contrast: core.daff-map-
|
5
|
+
$white: core.daff-map-get($theme, 'core', 'white');
|
6
|
+
$black: core.daff-map-get($theme, 'core', 'black');
|
7
|
+
$neutral: core.daff-map-get($theme, 'core', 'neutral');
|
8
|
+
$base: core.daff-map-get($theme, 'core', 'base');
|
9
|
+
$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
|
10
10
|
|
11
11
|
.daff-menu {
|
12
12
|
background: $base;
|
package/modal/modal.module.d.ts
CHANGED
@@ -11,7 +11,7 @@ import * as i9 from "./modal-content/modal-content.component";
|
|
11
11
|
import * as i10 from "./modal-actions/modal-actions.component";
|
12
12
|
import * as i11 from "./modal-close/modal-close.directive";
|
13
13
|
/**
|
14
|
-
* @deprecated in favor of {@link DAFF_MODAL_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.
|
14
|
+
* @deprecated in favor of {@link DAFF_MODAL_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
15
15
|
*/
|
16
16
|
export declare class DaffModalModule {
|
17
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalModule, never>;
|
@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "@angular/common";
|
3
3
|
import * as i2 from "./navbar/navbar.component";
|
4
4
|
/**
|
5
|
-
* @deprecated in favor of {@link DAFF_NAVBAR_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.
|
5
|
+
* @deprecated in favor of {@link DAFF_NAVBAR_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
6
6
|
*/
|
7
7
|
export declare class DaffNavbarModule {
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffNavbarModule, never>;
|
@@ -8,14 +8,14 @@
|
|
8
8
|
}
|
9
9
|
|
10
10
|
@mixin daff-navbar-theme($theme) {
|
11
|
-
$primary: map
|
12
|
-
$secondary: map
|
13
|
-
$tertiary: map
|
14
|
-
$neutral: core.daff-map-
|
15
|
-
$base: core.daff-map-
|
16
|
-
$base-contrast: core.daff-map-
|
17
|
-
$white: core.daff-map-
|
18
|
-
$black: core.daff-map-
|
11
|
+
$primary: core.daff-map-get($theme, primary);
|
12
|
+
$secondary: core.daff-map-get($theme, secondary);
|
13
|
+
$tertiary: core.daff-map-get($theme, tertiary);
|
14
|
+
$neutral: core.daff-map-get($theme, 'core', 'neutral');
|
15
|
+
$base: core.daff-map-get($theme, 'core', 'base');
|
16
|
+
$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
|
17
|
+
$white: core.daff-map-get($theme, 'core', 'white');
|
18
|
+
$black: core.daff-map-get($theme, 'core', 'black');
|
19
19
|
|
20
20
|
.daff-navbar {
|
21
21
|
@include daff-navbar-theme-variant(
|
@@ -8,7 +8,7 @@ import * as i6 from "./notification-message/notification-message.directive";
|
|
8
8
|
import * as i7 from "./notification-title/notification-title.directive";
|
9
9
|
import * as i8 from "./notification-subtitle/notification-subtitle.directive";
|
10
10
|
/**
|
11
|
-
* @deprecated in favor of {@link DAFF_NOTIFICATION_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.
|
11
|
+
* @deprecated in favor of {@link DAFF_NOTIFICATION_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
12
12
|
*/
|
13
13
|
export declare class DaffNotificationModule {
|
14
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationModule, never>;
|
@@ -3,18 +3,18 @@
|
|
3
3
|
@use '../../scss/theming';
|
4
4
|
|
5
5
|
@mixin daff-notification-theme($theme) {
|
6
|
-
$primary: map
|
7
|
-
$secondary: map
|
8
|
-
$tertiary: map
|
9
|
-
$info: map
|
10
|
-
$warn: map
|
11
|
-
$critical: map
|
12
|
-
$success: map
|
13
|
-
$neutral: core.daff-map-
|
14
|
-
$base: core.daff-map-
|
15
|
-
$base-contrast: core.daff-map-
|
16
|
-
$white: core.daff-map-
|
17
|
-
$black: 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
|
+
$info: core.daff-map-get($theme, informational);
|
10
|
+
$warn: core.daff-map-get($theme, warn);
|
11
|
+
$critical: core.daff-map-get($theme, critical);
|
12
|
+
$success: core.daff-map-get($theme, success);
|
13
|
+
$neutral: core.daff-map-get($theme, 'core', 'neutral');
|
14
|
+
$base: core.daff-map-get($theme, 'core', 'base');
|
15
|
+
$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
|
16
|
+
$white: core.daff-map-get($theme, 'core', 'white');
|
17
|
+
$black: core.daff-map-get($theme, 'core', 'black');
|
18
18
|
|
19
19
|
.daff-notification {
|
20
20
|
background: theming.daff-illuminate($base, $neutral, 1);
|
package/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.79.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.79.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"},"./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"},"./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"}}
|
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} Deprecated in version 0.78.0. Will be removed in version 0.
|
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} Deprecated in version 0.78.0. Will be removed in version 0.
|
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