@daffodil/design 0.71.0 → 0.73.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/README.md +36 -40
- package/accordion/accordion/accordion-item/accordion-item.component.d.ts +1 -3
- package/accordion/accordion.module.d.ts +4 -5
- package/accordion/public_api.d.ts +0 -1
- package/article/README.md +0 -5
- package/article/article.module.d.ts +3 -5
- package/article/examples/article-examples.module.d.ts +8 -9
- package/article/examples/public_api.d.ts +0 -1
- package/article/public_api.d.ts +0 -2
- package/atoms/form/quantity-field/quantity-field.component.d.ts +2 -1
- package/callout/callout/callout.component.d.ts +1 -31
- package/esm2022/accordion/accordion/accordion-item/accordion-item.component.mjs +2 -5
- package/esm2022/accordion/accordion.module.mjs +3 -8
- package/esm2022/accordion/examples/basic-accordion/basic-accordion.component.mjs +1 -1
- package/esm2022/accordion/public_api.mjs +1 -2
- package/esm2022/article/article/article.component.mjs +2 -2
- package/esm2022/article/article.module.mjs +1 -11
- package/esm2022/article/examples/article-examples.module.mjs +7 -8
- package/esm2022/article/examples/examples.mjs +1 -3
- package/esm2022/article/examples/public_api.mjs +1 -2
- package/esm2022/article/public_api.mjs +1 -3
- package/esm2022/atoms/form/quantity-field/quantity-field.component.mjs +7 -4
- package/esm2022/callout/callout/callout.component.mjs +5 -35
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +1 -1
- package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +1 -1
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +1 -1
- package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +1 -1
- package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +1 -1
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +1 -1
- package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +1 -1
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +1 -1
- package/esm2022/hero/hero/hero.component.mjs +5 -36
- package/esm2022/list/examples/basic-list/basic-list.component.mjs +1 -1
- package/esm2022/list/examples/icon-list/icon-list.component.mjs +1 -1
- package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +1 -1
- package/esm2022/list/examples/nav-list/nav-list.component.mjs +1 -1
- package/esm2022/list/list/list.component.mjs +5 -43
- package/esm2022/list/list.module.mjs +1 -6
- package/esm2022/list/public_api.mjs +1 -2
- package/esm2022/menu/menu-activator/menu-activator.component.mjs +1 -1
- package/esm2022/notification/examples/default-notification/default-notification.component.mjs +1 -1
- package/esm2022/notification/examples/{dismissable-notification/dismissable-notification.component.mjs → dismissible-notification/dismissible-notification.component.mjs} +6 -6
- package/esm2022/notification/examples/{dismissable-notification/dismissable-notification.module.mjs → dismissible-notification/dismissible-notification.module.mjs} +10 -10
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +1 -1
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +1 -1
- package/esm2022/notification/examples/public_api.mjs +4 -4
- package/esm2022/notification/notification/notification.component.mjs +6 -6
- package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs +1 -1
- package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs +1 -1
- package/esm2022/paginator/paginator/paginator.component.mjs +8 -24
- package/esm2022/public_api.mjs +1 -8
- package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.mjs +1 -1
- package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.mjs +1 -1
- package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.mjs +1 -1
- package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.mjs +1 -1
- package/esm2022/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.mjs +1 -5
- package/esm2022/tree/tree-item/tree-item.directive.mjs +4 -2
- package/fesm2022/daffodil-design-accordion-examples.mjs +1 -1
- package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-accordion.mjs +4 -34
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article-examples.mjs +2 -12
- package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +3 -51
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +4 -4
- package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +5 -35
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +4 -4
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +5 -36
- package/fesm2022/daffodil-design-hero.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 +5 -70
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +17 -17
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +5 -5
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator-examples.mjs +2 -2
- package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +6 -22
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field-examples.mjs +4 -4
- package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +0 -4
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +3 -1
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +64 -602
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/README.md +0 -6
- package/hero/hero/hero.component.d.ts +1 -32
- package/list/README.md +0 -7
- package/list/list/list.component.d.ts +1 -30
- package/list/list.module.d.ts +4 -5
- package/list/public_api.d.ts +0 -1
- package/list/src/list-theme.scss +0 -34
- package/menu/README.md +15 -3
- package/notification/examples/dismissible-notification/dismissible-notification.component.d.ts +6 -0
- package/notification/examples/dismissible-notification/dismissible-notification.module.d.ts +11 -0
- package/notification/notification/notification.component.d.ts +2 -2
- package/package.json +1 -1
- package/paginator/paginator/paginator.component.d.ts +4 -24
- package/paginator/src/paginator-theme.scss +0 -55
- package/public_api.d.ts +0 -6
- package/scss/theme.scss +0 -2
- package/scss/typography/_classes.scss +0 -5
- package/scss/typography/_index.scss +0 -1
- package/scss/typography/mixins/_text-truncate.scss +1 -6
- package/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts +0 -4
- package/accordion/accordion/accordion-item-content/accordion-item-content.directive.d.ts +0 -12
- package/article/article-lead/article-lead.directive.d.ts +0 -9
- package/article/article-title/article-title.directive.d.ts +0 -9
- package/article/examples/article-lead/article-lead.component.d.ts +0 -5
- package/atoms/progress-indicator/animation/progress-indicator-animation.d.ts +0 -4
- package/atoms/progress-indicator/progress-indicator.component.d.ts +0 -57
- package/atoms/progress-indicator/progress-indicator.module.d.ts +0 -8
- package/atoms/progress-indicator/public_api.d.ts +0 -2
- package/esm2022/accordion/accordion/accordion-item-content/accordion-item-content.directive.mjs +0 -25
- package/esm2022/article/article-lead/article-lead.directive.mjs +0 -22
- package/esm2022/article/article-title/article-title.directive.mjs +0 -22
- package/esm2022/article/examples/article-lead/article-lead.component.mjs +0 -12
- package/esm2022/atoms/progress-indicator/animation/progress-indicator-animation.mjs +0 -8
- package/esm2022/atoms/progress-indicator/progress-indicator.component.mjs +0 -82
- package/esm2022/atoms/progress-indicator/progress-indicator.module.mjs +0 -20
- package/esm2022/atoms/progress-indicator/public_api.mjs +0 -3
- package/esm2022/list/list-subheader/list-subheader.directive.mjs +0 -25
- package/esm2022/molecules/button-set/button-set.component.mjs +0 -23
- package/esm2022/molecules/button-set/button-set.module.mjs +0 -20
- package/esm2022/molecules/button-set/public_api.mjs +0 -3
- package/esm2022/molecules/feature/feature/feature.component.mjs +0 -49
- package/esm2022/molecules/feature/feature-icon/feature-icon.directive.mjs +0 -22
- package/esm2022/molecules/feature/feature-subheader/feature-subheader.directive.mjs +0 -22
- package/esm2022/molecules/feature/feature-subtitle/feature-subtitle.directive.mjs +0 -22
- package/esm2022/molecules/feature/feature-title/feature-title.directive.mjs +0 -22
- package/esm2022/molecules/feature/feature.module.mjs +0 -44
- package/esm2022/molecules/feature/public_api.mjs +0 -7
- package/esm2022/molecules/image-gallery/gallery-image/gallery-image.component.mjs +0 -25
- package/esm2022/molecules/image-gallery/image-gallery/image-gallery.component.mjs +0 -15
- package/esm2022/molecules/image-gallery/image-gallery.module.mjs +0 -33
- package/esm2022/molecules/image-gallery/public_api.mjs +0 -4
- package/esm2022/molecules/image-list/image-list.component.mjs +0 -20
- package/esm2022/molecules/image-list/image-list.module.mjs +0 -24
- package/esm2022/molecules/image-list/public_api.mjs +0 -3
- package/esm2022/molecules/qty-dropdown/public_api.mjs +0 -3
- package/esm2022/molecules/qty-dropdown/qty-dropdown.component.mjs +0 -113
- package/esm2022/molecules/qty-dropdown/qty-dropdown.module.mjs +0 -40
- package/list/list-subheader/list-subheader.directive.d.ts +0 -12
- package/molecules/button-set/button-set.component.d.ts +0 -12
- package/molecules/button-set/button-set.module.d.ts +0 -7
- package/molecules/button-set/public_api.d.ts +0 -2
- package/molecules/feature/feature/feature.component.d.ts +0 -26
- package/molecules/feature/feature-icon/feature-icon.directive.d.ts +0 -9
- package/molecules/feature/feature-subheader/feature-subheader.directive.d.ts +0 -9
- package/molecules/feature/feature-subtitle/feature-subtitle.directive.d.ts +0 -9
- package/molecules/feature/feature-title/feature-title.directive.d.ts +0 -9
- package/molecules/feature/feature.module.d.ts +0 -12
- package/molecules/feature/public_api.d.ts +0 -6
- package/molecules/image-gallery/gallery-image/gallery-image.component.d.ts +0 -10
- package/molecules/image-gallery/image-gallery/image-gallery.component.d.ts +0 -8
- package/molecules/image-gallery/image-gallery.module.d.ts +0 -10
- package/molecules/image-gallery/public_api.d.ts +0 -3
- package/molecules/image-list/image-list.component.d.ts +0 -9
- package/molecules/image-list/image-list.module.d.ts +0 -8
- package/molecules/image-list/public_api.d.ts +0 -2
- package/molecules/qty-dropdown/public_api.d.ts +0 -2
- package/molecules/qty-dropdown/qty-dropdown.component.d.ts +0 -61
- package/molecules/qty-dropdown/qty-dropdown.module.d.ts +0 -12
- package/notification/examples/dismissable-notification/dismissable-notification.component.d.ts +0 -6
- package/notification/examples/dismissable-notification/dismissable-notification.module.d.ts +0 -11
- package/scss/daff-global.scss +0 -5
- package/scss/daff-typography.scss +0 -55
- package/scss/daff-util.scss +0 -5
- package/scss/typography/mixins/_text-transform.scss +0 -4
- package/src/atoms/progress-indicator/progress-indicator-theme.scss +0 -60
package/hero/README.md
CHANGED
@@ -46,9 +46,3 @@ Heros are flexible enough to support grids within them.
|
|
46
46
|
|
47
47
|
### Hero with Two Columns
|
48
48
|
<design-land-example-viewer-container example="hero-with-grid"></design-land-example-viewer-container>
|
49
|
-
|
50
|
-
## Size
|
51
|
-
The `size` property will be deprecated in v1.0.0. `compact` will be replaced by the `DaffCompactable` interface.
|
52
|
-
|
53
|
-
## Layout
|
54
|
-
The `layout` property will be deprecated in v1.0.0
|
@@ -1,21 +1,6 @@
|
|
1
1
|
import { ElementRef, Renderer2 } from '@angular/core';
|
2
2
|
import { DaffColorable, DaffCompactable, DaffTextAlignable } from '@daffodil/design';
|
3
3
|
import * as i0 from "@angular/core";
|
4
|
-
/**
|
5
|
-
* @deprecated See {@link DaffTextAlignable}
|
6
|
-
*/
|
7
|
-
export type DaffHeroLayout = 'centered' | undefined;
|
8
|
-
export declare enum DaffHeroLayoutEnum {
|
9
|
-
Centered = "centered"
|
10
|
-
}
|
11
|
-
/**
|
12
|
-
* @deprecated See {@link DaffCompactable}
|
13
|
-
*/
|
14
|
-
export type DaffHeroSize = 'compact' | 'small' | undefined;
|
15
|
-
export declare enum DaffHeroSizeEnum {
|
16
|
-
Compact = "compact",
|
17
|
-
Small = "small"
|
18
|
-
}
|
19
4
|
/**
|
20
5
|
* An _elementRef and an instance of renderer2 are needed for the hero mixins
|
21
6
|
*/
|
@@ -52,28 +37,12 @@ declare const _daffHeroBase: (new (...args: any[]) => {
|
|
52
37
|
export declare class DaffHeroComponent extends _daffHeroBase implements DaffColorable, DaffTextAlignable, DaffCompactable {
|
53
38
|
private elementRef;
|
54
39
|
private renderer;
|
55
|
-
/**
|
56
|
-
* @deprecated See {@link DaffTextAlignable}
|
57
|
-
*/
|
58
|
-
layout: DaffHeroLayout;
|
59
|
-
/**
|
60
|
-
* @deprecated See {@link DaffCompactable}
|
61
|
-
*/
|
62
|
-
size: DaffHeroSize;
|
63
40
|
constructor(elementRef: ElementRef, renderer: Renderer2);
|
64
41
|
/**
|
65
42
|
* @docs-private
|
66
43
|
*/
|
67
44
|
class: boolean;
|
68
|
-
/**
|
69
|
-
* @deprecated See {@link DaffTextAlignable}
|
70
|
-
*/
|
71
|
-
get centered(): boolean;
|
72
|
-
/**
|
73
|
-
* @deprecated See {@link DaffCompactable}
|
74
|
-
*/
|
75
|
-
get compactClass(): boolean;
|
76
45
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffHeroComponent, never>;
|
77
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffHeroComponent, "daff-hero", never, { "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; };
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffHeroComponent, "daff-hero", never, { "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "textAlignment": { "alias": "textAlignment"; "required": false; }; }, {}, never, ["*"], false, never>;
|
78
47
|
}
|
79
48
|
export {};
|
package/list/README.md
CHANGED
@@ -20,10 +20,3 @@ For lists that have multiple lines per item, wrap each line appropriately with a
|
|
20
20
|
To add an icon to a list item, use the `daffPrefix` or `daffSuffix` attributes for the appropriate placements.
|
21
21
|
|
22
22
|
<design-land-example-viewer-container example="icon-list"></design-land-example-viewer-container>
|
23
|
-
|
24
|
-
## Deprecation Notice
|
25
|
-
The `mode` property will be deprecated in v1.0.0.
|
26
|
-
|
27
|
-
- `mode="navigation"` is replaced with `<daff-nav-list>`.
|
28
|
-
- `mode="link"` is replaced with `<daff-nav-list>`.
|
29
|
-
- `mode="multiline"` is completely deprecated. Multi-line lists will be a natural result of adding multiple lines to a `<daff-list-item>`.
|
@@ -1,15 +1,5 @@
|
|
1
1
|
import { ElementRef, Renderer2 } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
|
-
/**
|
4
|
-
* @deprecated
|
5
|
-
* DaffListMode will be completely deprecated in v1.0.0
|
6
|
-
* */
|
7
|
-
export type DaffListMode = 'multi-line' | 'link' | 'navigation' | undefined;
|
8
|
-
export declare enum DaffListModeEnum {
|
9
|
-
Multiline = "multi-line",
|
10
|
-
Link = "link",
|
11
|
-
Navigation = "navigation"
|
12
|
-
}
|
13
3
|
export type DaffListType = 'daff-list' | 'daff-nav-list';
|
14
4
|
/**
|
15
5
|
* An _elementRef and an instance of renderer2 are needed for the list mixins
|
@@ -26,29 +16,10 @@ declare const _daffListBase: (new (...args: any[]) => {
|
|
26
16
|
export declare class DaffListComponent extends _daffListBase {
|
27
17
|
private elementRef;
|
28
18
|
private renderer;
|
29
|
-
/**
|
30
|
-
* @deprecated
|
31
|
-
* */
|
32
|
-
mode: DaffListMode;
|
33
19
|
/**
|
34
20
|
* @docs-private
|
35
21
|
*/
|
36
22
|
get list(): boolean;
|
37
|
-
/**
|
38
|
-
* @docs-private
|
39
|
-
* @deprecated
|
40
|
-
* */
|
41
|
-
get multiline(): boolean;
|
42
|
-
/**
|
43
|
-
* @docs-private
|
44
|
-
* @deprecated
|
45
|
-
* */
|
46
|
-
get link(): boolean;
|
47
|
-
/**
|
48
|
-
* @docs-private
|
49
|
-
* @deprecated
|
50
|
-
* */
|
51
|
-
get navigation(): boolean;
|
52
23
|
/**
|
53
24
|
* @docs-private
|
54
25
|
*/
|
@@ -66,6 +37,6 @@ export declare class DaffListComponent extends _daffListBase {
|
|
66
37
|
get role(): "list" | "navigation";
|
67
38
|
private _getHostElement;
|
68
39
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffListComponent, never>;
|
69
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffListComponent, "daff-list,daff-nav-list", never, {
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffListComponent, "daff-list,daff-nav-list", never, {}, {}, never, ["*"], false, never>;
|
70
41
|
}
|
71
42
|
export {};
|
package/list/list.module.d.ts
CHANGED
@@ -1,11 +1,10 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
2
|
import * as i1 from "./list/list.component";
|
3
|
-
import * as i2 from "./list-
|
4
|
-
import * as i3 from "
|
5
|
-
import * as i4 from "@
|
6
|
-
import * as i5 from "@daffodil/design";
|
3
|
+
import * as i2 from "./list-item/list-item.component";
|
4
|
+
import * as i3 from "@angular/common";
|
5
|
+
import * as i4 from "@daffodil/design";
|
7
6
|
export declare class DaffListModule {
|
8
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffListModule, never>;
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffListModule, [typeof i1.DaffListComponent, typeof i2.
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffListModule, [typeof i1.DaffListComponent, typeof i2.DaffListItemComponent], [typeof i3.CommonModule, typeof i4.DaffPrefixSuffixModule], [typeof i1.DaffListComponent, typeof i2.DaffListItemComponent, typeof i4.DaffPrefixSuffixModule]>;
|
10
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffListModule>;
|
11
10
|
}
|
package/list/public_api.d.ts
CHANGED
package/list/src/list-theme.scss
CHANGED
@@ -19,40 +19,6 @@
|
|
19
19
|
}
|
20
20
|
}
|
21
21
|
}
|
22
|
-
|
23
|
-
// link and navigation deprecated in v1.0.0
|
24
|
-
&--link,
|
25
|
-
&--navigation {
|
26
|
-
a {
|
27
|
-
&:hover {
|
28
|
-
color: theming.daff-color($neutral, 80);
|
29
|
-
}
|
30
|
-
}
|
31
|
-
}
|
32
|
-
|
33
|
-
// deprecated in v1.0.0
|
34
|
-
&--navigation {
|
35
|
-
.daff-list-item {
|
36
|
-
&:hover {
|
37
|
-
background-color: theming.daff-illuminate($base, $neutral, 1);
|
38
|
-
}
|
39
|
-
}
|
40
|
-
}
|
41
|
-
|
42
|
-
// deprecated in v1.0.0
|
43
|
-
&--multi-line {
|
44
|
-
.daff-list-item {
|
45
|
-
&__content {
|
46
|
-
*:nth-child(1) { /* stylelint-disable-line scss/selector-nest-combinators */
|
47
|
-
color: $base-contrast;
|
48
|
-
}
|
49
|
-
|
50
|
-
*:nth-child(n + 2) { /* stylelint-disable-line scss/selector-nest-combinators */
|
51
|
-
color: theming.daff-illuminate($base-contrast, $neutral, 3);
|
52
|
-
}
|
53
|
-
}
|
54
|
-
}
|
55
|
-
}
|
56
22
|
}
|
57
23
|
|
58
24
|
.daff-nav-list {
|
package/menu/README.md
CHANGED
@@ -1,7 +1,19 @@
|
|
1
1
|
# Menu
|
2
|
-
|
2
|
+
Menu is a small floating panel used to display a list of actions or navigational items.
|
3
3
|
|
4
|
-
##
|
4
|
+
## Overview
|
5
|
+
Menus only appear when a user interacts with a menu activator button. They should be used for secondary actions or options where users don't need immediate access to.
|
5
6
|
|
6
|
-
|
7
|
+
## Basic Menu
|
7
8
|
<design-land-example-viewer-container example="basic-menu"></design-land-example-viewer-container>
|
9
|
+
|
10
|
+
## Supported Content Types
|
11
|
+
|
12
|
+
### Menu Item
|
13
|
+
A menu consists of multiple `daff-menu-item`s. Menu items should be used with an anchor or button HTML element.
|
14
|
+
|
15
|
+
### Icon
|
16
|
+
An icon can be added before the content in `daff-menu-item` by using the `daffPrefix` selector.
|
17
|
+
|
18
|
+
### Menu Activator
|
19
|
+
A menu is attached to and triggered by the `daffMenuActivator` directive.
|
package/notification/examples/dismissible-notification/dismissible-notification.component.d.ts
ADDED
@@ -0,0 +1,6 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class DismissibleNotificationComponent {
|
3
|
+
faInfoCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DismissibleNotificationComponent, never>;
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DismissibleNotificationComponent, "dismissible-notification", never, {}, {}, never, never, false, never>;
|
6
|
+
}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "./dismissible-notification.component";
|
3
|
+
import * as i2 from "@angular/common";
|
4
|
+
import * as i3 from "@daffodil/design/notification";
|
5
|
+
import * as i4 from "@fortawesome/angular-fontawesome";
|
6
|
+
import * as i5 from "@daffodil/design/button";
|
7
|
+
export declare class DismissibleNotificationModule {
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DismissibleNotificationModule, never>;
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DismissibleNotificationModule, [typeof i1.DismissibleNotificationComponent], [typeof i2.CommonModule, typeof i3.DaffNotificationModule, typeof i4.FontAwesomeModule, typeof i5.DaffButtonModule], [typeof i1.DismissibleNotificationComponent]>;
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DismissibleNotificationModule>;
|
11
|
+
}
|
@@ -33,7 +33,7 @@ export declare class DaffNotificationComponent extends _daffNotificationBase imp
|
|
33
33
|
get verticalOrientation(): boolean;
|
34
34
|
get horizontalOrientation(): boolean;
|
35
35
|
/** Whether or not a notification is closable */
|
36
|
-
|
36
|
+
dismissible: boolean;
|
37
37
|
closeNotification: EventEmitter<void>;
|
38
38
|
private _orientation;
|
39
39
|
get orientation(): DaffNotificationOrientation;
|
@@ -42,6 +42,6 @@ export declare class DaffNotificationComponent extends _daffNotificationBase imp
|
|
42
42
|
_prefix: DaffPrefixDirective;
|
43
43
|
onCloseNotification(event: Event): void;
|
44
44
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationComponent, never>;
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "status": { "alias": "status"; "required": false; }; "
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "status": { "alias": "status"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "closeNotification": "closeNotification"; }, ["_prefix"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationSubtitle]", "[daffNotificationActions]"], false, never>;
|
46
46
|
}
|
47
47
|
export {};
|
package/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.71.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^17.0.0","@angular/common":"^17.0.0","@angular/core":"^17.0.0","@angular/forms":"^17.0.0","@angular/cdk":"^17.0.0","@daffodil/core":"0.71.0","@fortawesome/angular-fontawesome":"^0.14.1","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^0.5.0","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/daffodil-design.mjs","esm":"./esm2022/daffodil-design.mjs","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","esm2022":"./esm2022/accordion/daffodil-design-accordion.mjs","esm":"./esm2022/accordion/daffodil-design-accordion.mjs","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","esm2022":"./esm2022/article/daffodil-design-article.mjs","esm":"./esm2022/article/daffodil-design-article.mjs","default":"./fesm2022/daffodil-design-article.mjs"},"./button":{"types":"./button/index.d.ts","esm2022":"./esm2022/button/daffodil-design-button.mjs","esm":"./esm2022/button/daffodil-design-button.mjs","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","esm2022":"./esm2022/callout/daffodil-design-callout.mjs","esm":"./esm2022/callout/daffodil-design-callout.mjs","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","esm2022":"./esm2022/card/daffodil-design-card.mjs","esm":"./esm2022/card/daffodil-design-card.mjs","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","esm2022":"./esm2022/container/daffodil-design-container.mjs","esm":"./esm2022/container/daffodil-design-container.mjs","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","esm2022":"./esm2022/hero/daffodil-design-hero.mjs","esm":"./esm2022/hero/daffodil-design-hero.mjs","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","esm2022":"./esm2022/image/daffodil-design-image.mjs","esm":"./esm2022/image/daffodil-design-image.mjs","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","esm2022":"./esm2022/link-set/daffodil-design-link-set.mjs","esm":"./esm2022/link-set/daffodil-design-link-set.mjs","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","esm2022":"./esm2022/list/daffodil-design-list.mjs","esm":"./esm2022/list/daffodil-design-list.mjs","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","esm2022":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","esm":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","esm2022":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","esm":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","esm2022":"./esm2022/menu/daffodil-design-menu.mjs","esm":"./esm2022/menu/daffodil-design-menu.mjs","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","esm2022":"./esm2022/modal/daffodil-design-modal.mjs","esm":"./esm2022/modal/daffodil-design-modal.mjs","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","esm2022":"./esm2022/navbar/daffodil-design-navbar.mjs","esm":"./esm2022/navbar/daffodil-design-navbar.mjs","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","esm2022":"./esm2022/notification/daffodil-design-notification.mjs","esm":"./esm2022/notification/daffodil-design-notification.mjs","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","esm2022":"./esm2022/paginator/daffodil-design-paginator.mjs","esm":"./esm2022/paginator/daffodil-design-paginator.mjs","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","esm2022":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","esm":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","esm2022":"./esm2022/sidebar/daffodil-design-sidebar.mjs","esm":"./esm2022/sidebar/daffodil-design-sidebar.mjs","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./toast":{"types":"./toast/index.d.ts","esm2022":"./esm2022/toast/daffodil-design-toast.mjs","esm":"./esm2022/toast/daffodil-design-toast.mjs","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","esm2022":"./esm2022/tree/daffodil-design-tree.mjs","esm":"./esm2022/tree/daffodil-design-tree.mjs","default":"./fesm2022/daffodil-design-tree.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","esm2022":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","esm":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","esm2022":"./esm2022/article/examples/daffodil-design-article-examples.mjs","esm":"./esm2022/article/examples/daffodil-design-article-examples.mjs","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","esm2022":"./esm2022/button/examples/daffodil-design-button-examples.mjs","esm":"./esm2022/button/examples/daffodil-design-button-examples.mjs","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","esm2022":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","esm":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","esm2022":"./esm2022/card/examples/daffodil-design-card-examples.mjs","esm":"./esm2022/card/examples/daffodil-design-card-examples.mjs","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","esm2022":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","esm":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","esm2022":"./esm2022/container/examples/daffodil-design-container-examples.mjs","esm":"./esm2022/container/examples/daffodil-design-container-examples.mjs","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","esm2022":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","esm":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","esm2022":"./esm2022/image/examples/daffodil-design-image-examples.mjs","esm":"./esm2022/image/examples/daffodil-design-image-examples.mjs","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","esm2022":"./esm2022/input/examples/daffodil-design-input-examples.mjs","esm":"./esm2022/input/examples/daffodil-design-input-examples.mjs","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","esm2022":"./esm2022/list/examples/daffodil-design-list-examples.mjs","esm":"./esm2022/list/examples/daffodil-design-list-examples.mjs","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","esm2022":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","esm":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","esm2022":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","esm":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","esm2022":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","esm":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","esm2022":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","esm":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","esm2022":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","esm":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","esm2022":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","esm":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","esm2022":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","esm":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","esm2022":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","esm":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","esm2022":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","esm":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","esm2022":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","esm":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","esm2022":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","esm":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","esm2022":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","esm":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","esm2022":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","esm":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
|
1
|
+
{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.73.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^17.0.0","@angular/common":"^17.0.0","@angular/core":"^17.0.0","@angular/forms":"^17.0.0","@angular/cdk":"^17.0.0","@daffodil/core":"0.73.0","@fortawesome/angular-fontawesome":"^0.14.1","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^0.5.0","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/daffodil-design.mjs","esm":"./esm2022/daffodil-design.mjs","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","esm2022":"./esm2022/accordion/daffodil-design-accordion.mjs","esm":"./esm2022/accordion/daffodil-design-accordion.mjs","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","esm2022":"./esm2022/article/daffodil-design-article.mjs","esm":"./esm2022/article/daffodil-design-article.mjs","default":"./fesm2022/daffodil-design-article.mjs"},"./button":{"types":"./button/index.d.ts","esm2022":"./esm2022/button/daffodil-design-button.mjs","esm":"./esm2022/button/daffodil-design-button.mjs","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","esm2022":"./esm2022/callout/daffodil-design-callout.mjs","esm":"./esm2022/callout/daffodil-design-callout.mjs","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","esm2022":"./esm2022/card/daffodil-design-card.mjs","esm":"./esm2022/card/daffodil-design-card.mjs","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","esm2022":"./esm2022/container/daffodil-design-container.mjs","esm":"./esm2022/container/daffodil-design-container.mjs","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","esm2022":"./esm2022/hero/daffodil-design-hero.mjs","esm":"./esm2022/hero/daffodil-design-hero.mjs","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","esm2022":"./esm2022/image/daffodil-design-image.mjs","esm":"./esm2022/image/daffodil-design-image.mjs","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","esm2022":"./esm2022/link-set/daffodil-design-link-set.mjs","esm":"./esm2022/link-set/daffodil-design-link-set.mjs","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","esm2022":"./esm2022/list/daffodil-design-list.mjs","esm":"./esm2022/list/daffodil-design-list.mjs","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","esm2022":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","esm":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","esm2022":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","esm":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","esm2022":"./esm2022/menu/daffodil-design-menu.mjs","esm":"./esm2022/menu/daffodil-design-menu.mjs","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","esm2022":"./esm2022/modal/daffodil-design-modal.mjs","esm":"./esm2022/modal/daffodil-design-modal.mjs","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","esm2022":"./esm2022/navbar/daffodil-design-navbar.mjs","esm":"./esm2022/navbar/daffodil-design-navbar.mjs","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","esm2022":"./esm2022/notification/daffodil-design-notification.mjs","esm":"./esm2022/notification/daffodil-design-notification.mjs","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","esm2022":"./esm2022/paginator/daffodil-design-paginator.mjs","esm":"./esm2022/paginator/daffodil-design-paginator.mjs","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","esm2022":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","esm":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","esm2022":"./esm2022/sidebar/daffodil-design-sidebar.mjs","esm":"./esm2022/sidebar/daffodil-design-sidebar.mjs","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./toast":{"types":"./toast/index.d.ts","esm2022":"./esm2022/toast/daffodil-design-toast.mjs","esm":"./esm2022/toast/daffodil-design-toast.mjs","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","esm2022":"./esm2022/tree/daffodil-design-tree.mjs","esm":"./esm2022/tree/daffodil-design-tree.mjs","default":"./fesm2022/daffodil-design-tree.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","esm2022":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","esm":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","esm2022":"./esm2022/article/examples/daffodil-design-article-examples.mjs","esm":"./esm2022/article/examples/daffodil-design-article-examples.mjs","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","esm2022":"./esm2022/button/examples/daffodil-design-button-examples.mjs","esm":"./esm2022/button/examples/daffodil-design-button-examples.mjs","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","esm2022":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","esm":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","esm2022":"./esm2022/card/examples/daffodil-design-card-examples.mjs","esm":"./esm2022/card/examples/daffodil-design-card-examples.mjs","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","esm2022":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","esm":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","esm2022":"./esm2022/container/examples/daffodil-design-container-examples.mjs","esm":"./esm2022/container/examples/daffodil-design-container-examples.mjs","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","esm2022":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","esm":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","esm2022":"./esm2022/image/examples/daffodil-design-image-examples.mjs","esm":"./esm2022/image/examples/daffodil-design-image-examples.mjs","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","esm2022":"./esm2022/input/examples/daffodil-design-input-examples.mjs","esm":"./esm2022/input/examples/daffodil-design-input-examples.mjs","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","esm2022":"./esm2022/list/examples/daffodil-design-list-examples.mjs","esm":"./esm2022/list/examples/daffodil-design-list-examples.mjs","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","esm2022":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","esm":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","esm2022":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","esm":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","esm2022":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","esm":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","esm2022":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","esm":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","esm2022":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","esm":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","esm2022":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","esm":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","esm2022":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","esm":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","esm2022":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","esm":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","esm2022":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","esm":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","esm2022":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","esm":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","esm2022":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","esm":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","esm2022":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","esm":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","esm2022":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","esm":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
|
@@ -1,30 +1,11 @@
|
|
1
|
-
import { EventEmitter, ElementRef, OnChanges
|
1
|
+
import { EventEmitter, ElementRef, OnChanges } from '@angular/core';
|
2
2
|
import { Params } from '@angular/router';
|
3
|
-
import { DaffColorable } from '@daffodil/design';
|
4
3
|
import * as i0 from "@angular/core";
|
5
|
-
/**
|
6
|
-
* An _elementRef and an instance of renderer2 are needed for the Colorable mixin
|
7
|
-
*/
|
8
|
-
declare class DaffPaginatorBase {
|
9
|
-
_elementRef: ElementRef;
|
10
|
-
_renderer: Renderer2;
|
11
|
-
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
12
|
-
}
|
13
|
-
/**
|
14
|
-
* @deprecated in v1.0.0
|
15
|
-
*/
|
16
|
-
declare const _daffPaginatorBase: (new (...args: any[]) => {
|
17
|
-
_color: import("@daffodil/design").DaffPalette;
|
18
|
-
color: import("@daffodil/design").DaffPalette;
|
19
|
-
_elementRef: ElementRef<any>;
|
20
|
-
_renderer: Renderer2;
|
21
|
-
}) & typeof DaffPaginatorBase;
|
22
4
|
/**
|
23
5
|
* @inheritdoc
|
24
6
|
*/
|
25
|
-
export declare class DaffPaginatorComponent
|
7
|
+
export declare class DaffPaginatorComponent implements OnChanges {
|
26
8
|
private elementRef;
|
27
|
-
private renderer;
|
28
9
|
/**
|
29
10
|
* @docs-private
|
30
11
|
*/
|
@@ -45,7 +26,7 @@ export declare class DaffPaginatorComponent extends _daffPaginatorBase implement
|
|
45
26
|
* @docs-private
|
46
27
|
*/
|
47
28
|
_paginatorId: string;
|
48
|
-
constructor(elementRef: ElementRef
|
29
|
+
constructor(elementRef: ElementRef);
|
49
30
|
/**
|
50
31
|
* The total number of pages the paginator tracks. This number can change dynamically, but the end user is responsible for keeping numberOfPages
|
51
32
|
* and currentPage in sync. For example, if the numberOfPages is dynamically changed to a value less than the currentPage, the paginator will break.
|
@@ -140,6 +121,5 @@ export declare class DaffPaginatorComponent extends _daffPaginatorBase implement
|
|
140
121
|
_showNumber(pageNumber: number): boolean;
|
141
122
|
_buildPageQueryParams(page: number): Params;
|
142
123
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffPaginatorComponent, never>;
|
143
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffPaginatorComponent, "daff-paginator", never, { "
|
124
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffPaginatorComponent, "daff-paginator", never, { "numberOfPages": { "alias": "numberOfPages"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "linkMode": { "alias": "linkMode"; "required": false; }; "url": { "alias": "url"; "required": false; }; "queryParam": { "alias": "queryParam"; "required": false; }; }, { "notifyPageChange": "notifyPageChange"; }, never, never, false, never>;
|
144
125
|
}
|
145
|
-
export {};
|
@@ -2,19 +2,6 @@
|
|
2
2
|
@use '../../scss/core';
|
3
3
|
@use '../../scss/theming';
|
4
4
|
|
5
|
-
@mixin daff-paginator-theme-variant($active-color) {
|
6
|
-
color: currentColor;
|
7
|
-
|
8
|
-
&:hover,
|
9
|
-
&.selected { /* stylelint-disable-line selector-class-pattern */
|
10
|
-
color: theming.daff-text-contrast($active-color);
|
11
|
-
|
12
|
-
&:after {
|
13
|
-
background: $active-color;
|
14
|
-
}
|
15
|
-
}
|
16
|
-
}
|
17
|
-
|
18
5
|
@mixin daff-paginator-theme($theme) {
|
19
6
|
$primary: map.get($theme, primary);
|
20
7
|
$secondary: map.get($theme, secondary);
|
@@ -44,47 +31,5 @@
|
|
44
31
|
}
|
45
32
|
}
|
46
33
|
}
|
47
|
-
|
48
|
-
&.daff-primary {
|
49
|
-
.daff-paginator__page-link {
|
50
|
-
@include daff-paginator-theme-variant(theming.daff-color($primary));
|
51
|
-
}
|
52
|
-
}
|
53
|
-
|
54
|
-
&.daff-secondary {
|
55
|
-
.daff-paginator__page-link {
|
56
|
-
@include daff-paginator-theme-variant(theming.daff-color($secondary));
|
57
|
-
}
|
58
|
-
}
|
59
|
-
|
60
|
-
&.daff-tertiary {
|
61
|
-
.daff-paginator__page-link {
|
62
|
-
@include daff-paginator-theme-variant(theming.daff-color($tertiary));
|
63
|
-
}
|
64
|
-
}
|
65
|
-
|
66
|
-
&.daff-theme {
|
67
|
-
.daff-paginator__page-link {
|
68
|
-
@include daff-paginator-theme-variant($base);
|
69
|
-
}
|
70
|
-
}
|
71
|
-
|
72
|
-
&.daff-theme-contrast {
|
73
|
-
.daff-paginator__page-link {
|
74
|
-
@include daff-paginator-theme-variant($base-contrast);
|
75
|
-
}
|
76
|
-
}
|
77
|
-
|
78
|
-
&.daff-black {
|
79
|
-
.daff-paginator__page-link {
|
80
|
-
@include daff-paginator-theme-variant($black);
|
81
|
-
}
|
82
|
-
}
|
83
|
-
|
84
|
-
&.daff-white {
|
85
|
-
.daff-paginator__page-link {
|
86
|
-
@include daff-paginator-theme-variant($white);
|
87
|
-
}
|
88
|
-
}
|
89
34
|
}
|
90
35
|
}
|
package/public_api.d.ts
CHANGED
@@ -5,13 +5,7 @@ export * from './atoms/form/input/public_api';
|
|
5
5
|
export * from './atoms/form/native-select/public_api';
|
6
6
|
export * from './atoms/form/checkbox/public_api';
|
7
7
|
export * from './atoms/form/quantity-field/public_api';
|
8
|
-
export * from './atoms/progress-indicator/public_api';
|
9
8
|
export * from './atoms/form/radio/public_api';
|
10
9
|
export * from './atoms/form/form-label/public_api';
|
11
|
-
export * from './molecules/button-set/public_api';
|
12
|
-
export * from './molecules/image-gallery/public_api';
|
13
|
-
export * from './molecules/image-list/public_api';
|
14
|
-
export * from './molecules/qty-dropdown/public_api';
|
15
|
-
export * from './molecules/feature/public_api';
|
16
10
|
export * from './core/public_api';
|
17
11
|
export * from './examples/public_api';
|
package/scss/theme.scss
CHANGED
@@ -25,7 +25,6 @@
|
|
25
25
|
@use '../src/atoms/form/input/input-theme' as input;
|
26
26
|
@use '../src/atoms/form/native-select/native-select-theme' as native-select;
|
27
27
|
@use '../loading-icon/src/loading-icon-theme' as loading-icon;
|
28
|
-
@use '../src/atoms/progress-indicator/progress-indicator-theme' as progress-indicator;
|
29
28
|
@use '../accordion/src/accordion-theme' as accordion;
|
30
29
|
@use '../callout/src/callout-theme' as callout;
|
31
30
|
@use '../card/src/card-theme' as card;
|
@@ -66,7 +65,6 @@
|
|
66
65
|
@include input.daff-input-theme($theme);
|
67
66
|
@include native-select.daff-native-select-theme($theme);
|
68
67
|
@include loading-icon.daff-loading-icon-theme($theme);
|
69
|
-
@include progress-indicator.daff-progress-indicator-theme($theme);
|
70
68
|
@include progress-bar.daff-progress-bar-theme($theme);
|
71
69
|
|
72
70
|
// Molecules
|
@@ -10,11 +10,6 @@
|
|
10
10
|
text-transform: uppercase;
|
11
11
|
}
|
12
12
|
|
13
|
-
// deprecate in v1.0
|
14
|
-
.single-line-ellipsis { /* stylelint-disable-line selector-class-pattern */
|
15
|
-
@include single-line-ellipsis();
|
16
|
-
}
|
17
|
-
|
18
13
|
.text-truncate { /* stylelint-disable-line selector-class-pattern */
|
19
14
|
@include text-truncate();
|
20
15
|
}
|
@@ -7,14 +7,9 @@
|
|
7
7
|
// ```scss
|
8
8
|
// @use '@daffodil/design/scss/typography;'
|
9
9
|
//
|
10
|
-
// @include typography.text-truncate;
|
10
|
+
// @include typography.text-truncate();
|
11
11
|
// ```
|
12
12
|
|
13
|
-
// @deprecated in v1.0 in favor of text-truncate
|
14
|
-
@mixin single-line-ellipsis() {
|
15
|
-
@include text-truncate();
|
16
|
-
}
|
17
|
-
|
18
13
|
@mixin text-truncate() {
|
19
14
|
display: block;
|
20
15
|
overflow: hidden;
|
@@ -28,10 +28,6 @@ export declare class DaffSidebarViewportBackdropComponent implements OnInit {
|
|
28
28
|
get fadeBackdropTrigger(): import("./animation/backdrop-animation-state").DaffSidebarViewportBackdropAnimationState;
|
29
29
|
animationDone(e: AnimationEvent): void;
|
30
30
|
animationStart(e: AnimationEvent): void;
|
31
|
-
/**
|
32
|
-
* @deprecated
|
33
|
-
* Backdrop event that triggers when the backdrop element is clicked.
|
34
|
-
*/
|
35
31
|
onBackdropClicked(): void;
|
36
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarViewportBackdropComponent, never>;
|
37
33
|
static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarViewportBackdropComponent, "daff-sidebar-viewport-backdrop", never, { "transparent": { "alias": "transparent"; "required": false; }; "interactable": { "alias": "interactable"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; }, { "backdropClicked": "backdropClicked"; }, never, ["*"], false, never>;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
/**
|
3
|
-
* @deprecated in v1.0.0
|
4
|
-
*/
|
5
|
-
export declare class DaffAccordionItemContentDirective {
|
6
|
-
/**
|
7
|
-
* @docs-private
|
8
|
-
*/
|
9
|
-
class: boolean;
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DaffAccordionItemContentDirective, never>;
|
11
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffAccordionItemContentDirective, "[daffAccordionItemContent]", never, {}, {}, never, never, false, never>;
|
12
|
-
}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
export declare class DaffArticleLeadDirective {
|
3
|
-
/**
|
4
|
-
* @docs-private
|
5
|
-
*/
|
6
|
-
class: boolean;
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DaffArticleLeadDirective, never>;
|
8
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffArticleLeadDirective, "[daffArticleLead]", never, {}, {}, never, never, false, never>;
|
9
|
-
}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
export declare class DaffArticleTitleDirective {
|
3
|
-
/**
|
4
|
-
* @docs-private
|
5
|
-
*/
|
6
|
-
class: boolean;
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DaffArticleTitleDirective, never>;
|
8
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffArticleTitleDirective, "[daffArticleTitle]", never, {}, {}, never, never, false, never>;
|
9
|
-
}
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
export declare class ArticleLeadComponent {
|
3
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ArticleLeadComponent, never>;
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArticleLeadComponent, "article-lead", never, {}, {}, never, never, false, never>;
|
5
|
-
}
|