@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
|
-
}
|