@daffodil/design 0.86.0 → 0.87.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/atoms/form/form-field/action/action.directive.d.ts +9 -0
- package/atoms/form/form-field/form-field/form-field.component.d.ts +33 -1
- package/atoms/form/form-field/form-field.d.ts +2 -1
- package/atoms/form/form-field/public_api.d.ts +1 -0
- package/button/README.md +58 -42
- package/button/button/button-base.directive.d.ts +10 -4
- package/button/button.d.ts +22 -1
- package/button/public_api.d.ts +1 -1
- package/button/src/button/button-base.scss +0 -1
- package/button/src/button/raised/raised-theme.scss +3 -3
- package/core/statusable/statusable.directive.d.ts +22 -2
- package/fesm2022/daffodil-design-article.mjs +2 -2
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +58 -16
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-form-field-examples.mjs +95 -0
- package/fesm2022/daffodil-design-form-field-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-input-examples.mjs +5 -5
- package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-input.mjs +11 -15
- package/fesm2022/daffodil-design-input.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +3 -2
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +12 -11
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +3 -3
- package/fesm2022/daffodil-design-notification-examples.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-select-examples.mjs +117 -0
- package/fesm2022/daffodil-design-select-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-select.mjs +431 -0
- package/fesm2022/daffodil-design-select.mjs.map +1 -0
- package/fesm2022/daffodil-design-textarea-examples.mjs +66 -0
- package/fesm2022/daffodil-design-textarea-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-textarea.mjs +124 -0
- package/fesm2022/daffodil-design-textarea.mjs.map +1 -0
- package/fesm2022/daffodil-design.mjs +135 -11
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/form-field/examples/examples.d.ts +3 -0
- package/form-field/examples/form-field-appearances/form-field-appearances.component.d.ts +7 -0
- package/form-field/examples/form-field-with-action/form-field-with-action.component.d.ts +9 -0
- package/form-field/examples/form-field-with-prefix/form-field-with-prefix.component.d.ts +6 -0
- package/form-field/examples/form-field-with-suffix/form-field-with-suffix.component.d.ts +6 -0
- package/form-field/examples/index.d.ts +1 -0
- package/form-field/examples/public_api.d.ts +1 -0
- package/input/input.component.d.ts +4 -8
- package/modal/modal/modal.component.d.ts +5 -3
- package/notification/src/notification-theme.scss +34 -18
- package/package.json +1 -1
- package/scss/theme.scss +8 -0
- package/scss/theming/illuminate/illuminate.scss +2 -0
- package/select/README.md +8 -0
- package/select/animation/select-animation-state.d.ts +7 -0
- package/select/animation/select-animation.d.ts +4 -0
- package/select/animation/state.enum.d.ts +4 -0
- package/select/examples/default-select/default-select.component.d.ts +8 -0
- package/select/examples/disabled-select/disabled-select.component.d.ts +8 -0
- package/select/examples/index.d.ts +1 -0
- package/select/examples/models/address.type.d.ts +7 -0
- package/select/examples/models/addresses.d.ts +2 -0
- package/select/examples/public_api.d.ts +3 -0
- package/select/examples/select-with-error/select-with-error.component.d.ts +8 -0
- package/select/examples/skeleton-select/skeleton-select.component.d.ts +8 -0
- package/select/index.d.ts +1 -0
- package/select/option/context.type.d.ts +17 -0
- package/select/option/option.directive.d.ts +11 -0
- package/select/public_api.d.ts +4 -0
- package/select/select/select.component.d.ts +170 -0
- package/select/select.d.ts +4 -0
- package/select/src/select-theme.scss +75 -0
- package/src/atoms/form/form-field/form-field/form-field-theme.scss +35 -8
- package/textarea/README.md +28 -0
- package/textarea/examples/basic-textarea/basic-textarea.component.d.ts +5 -0
- package/textarea/examples/examples.d.ts +2 -0
- package/textarea/examples/index.d.ts +1 -0
- package/textarea/examples/public_api.d.ts +1 -0
- package/textarea/examples/textarea-disabled/textarea-disabled.component.d.ts +7 -0
- package/textarea/examples/textarea-error/textarea-error.component.d.ts +7 -0
- package/textarea/index.d.ts +1 -0
- package/textarea/public_api.d.ts +1 -0
- package/textarea/textarea.component.d.ts +59 -0
@@ -0,0 +1,9 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class DaffFormFieldActionDirective {
|
3
|
+
/**
|
4
|
+
* @docs-private
|
5
|
+
*/
|
6
|
+
class: boolean;
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormFieldActionDirective, never>;
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffFormFieldActionDirective, "[daffFormFieldAction]", never, {}, {}, never, never, true, never>;
|
9
|
+
}
|
@@ -2,10 +2,12 @@ import { AfterContentInit, AfterContentChecked, ChangeDetectorRef, AfterViewInit
|
|
2
2
|
import { DaffPrefixDirective } from '../../../../core/prefix-suffix/prefix.directive';
|
3
3
|
import { DaffSuffixDirective } from '../../../../core/prefix-suffix/suffix.directive';
|
4
4
|
import { DaffFormLabelDirective } from '../../form-label/form-label.directive';
|
5
|
+
import { DaffFormFieldActionDirective } from '../action/action.directive';
|
5
6
|
import { DaffFormFieldControl } from '../form-field-control';
|
6
7
|
import { DaffFormFieldLabelDirective } from '../label/label.directive';
|
7
8
|
import * as i0 from "@angular/core";
|
8
9
|
import * as i1 from "../../../../core/skeletonable/skeletonable.directive";
|
10
|
+
export type DaffFormFieldApperanace = 'fluid' | 'fixed';
|
9
11
|
export declare class DaffFormFieldComponent implements AfterContentInit, AfterContentChecked, AfterViewInit {
|
10
12
|
private cd;
|
11
13
|
/** @docs-private */
|
@@ -15,8 +17,16 @@ export declare class DaffFormFieldComponent implements AfterContentInit, AfterCo
|
|
15
17
|
constructor(cd: ChangeDetectorRef);
|
16
18
|
/** @docs-private */
|
17
19
|
_prefix: DaffPrefixDirective;
|
20
|
+
/**
|
21
|
+
* @docs-private
|
22
|
+
*/
|
23
|
+
get hasPrefixClass(): DaffPrefixDirective;
|
18
24
|
/** @docs-private */
|
19
25
|
_suffix: DaffSuffixDirective;
|
26
|
+
/**
|
27
|
+
* @docs-private
|
28
|
+
*/
|
29
|
+
get hasSuffixClass(): DaffSuffixDirective | DaffFormFieldActionDirective;
|
20
30
|
/**
|
21
31
|
* @docs-private
|
22
32
|
*
|
@@ -32,6 +42,10 @@ export declare class DaffFormFieldComponent implements AfterContentInit, AfterCo
|
|
32
42
|
* @docs-private
|
33
43
|
*/
|
34
44
|
_formFieldLabelDirective: DaffFormFieldLabelDirective;
|
45
|
+
/**
|
46
|
+
* @docs-private
|
47
|
+
*/
|
48
|
+
_action: DaffFormFieldActionDirective;
|
35
49
|
/**
|
36
50
|
* @docs-private
|
37
51
|
*/
|
@@ -94,6 +108,24 @@ export declare class DaffFormFieldComponent implements AfterContentInit, AfterCo
|
|
94
108
|
* @docs-private
|
95
109
|
*/
|
96
110
|
get raisedClass(): boolean;
|
111
|
+
private _appearance;
|
112
|
+
/**
|
113
|
+
* The appearance style of a form field, whether the label is fluid or fixed.
|
114
|
+
*/
|
115
|
+
get appearance(): DaffFormFieldApperanace;
|
116
|
+
set appearance(value: DaffFormFieldApperanace);
|
117
|
+
/**
|
118
|
+
* @docs-private
|
119
|
+
*/
|
120
|
+
get fluidClass(): boolean;
|
121
|
+
/**
|
122
|
+
* @docs-private
|
123
|
+
*/
|
124
|
+
get fixedClass(): boolean;
|
125
|
+
/**
|
126
|
+
* @docs-private
|
127
|
+
*/
|
128
|
+
get isFixed(): boolean;
|
97
129
|
/**
|
98
130
|
* The unique id of the form field. Defaults to an autogenerated value. When using this,
|
99
131
|
* it's your responsibility to ensure that the id for each form field is unique.
|
@@ -152,5 +184,5 @@ export declare class DaffFormFieldComponent implements AfterContentInit, AfterCo
|
|
152
184
|
*/
|
153
185
|
ngAfterContentChecked(): void;
|
154
186
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormFieldComponent, never>;
|
155
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffFormFieldComponent, "daff-form-field", never, { "id": { "alias": "id"; "required": false; }; }, {}, ["_prefix", "_suffix", "_control", "_formLabelDirective", "_formFieldLabelDirective", "_hint", "_error"], ["[daffPrefix]", "
|
187
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffFormFieldComponent, "daff-form-field", never, { "appearance": { "alias": "appearance"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, ["_prefix", "_suffix", "_control", "_formLabelDirective", "_formFieldLabelDirective", "_action", "_hint", "_error"], ["*", "[daffPrefix]", "*", "[daffSuffix]", "daff-hint", "daff-error-message", "[daffFormFieldAction]", "label[daffFormLabel]", "daff-form-label", "label"], true, [{ directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
|
156
188
|
}
|
@@ -4,8 +4,9 @@ import { DaffSuffixDirective } from '../../../core/prefix-suffix/suffix.directiv
|
|
4
4
|
import { DaffErrorMessageComponent } from '../error-message/error-message.component';
|
5
5
|
import { DaffFormLabelDirective } from '../form-label/form-label.directive';
|
6
6
|
import { DaffHintComponent } from '../hint/hint.component';
|
7
|
+
import { DaffFormFieldActionDirective } from './action/action.directive';
|
7
8
|
import { DaffFormFieldLabelDirective } from './label/label.directive';
|
8
9
|
/**
|
9
10
|
* @docs-private
|
10
11
|
*/
|
11
|
-
export declare const DAFF_FORM_FIELD_COMPONENTS: readonly [typeof DaffFormFieldComponent, typeof DaffErrorMessageComponent, typeof DaffFormLabelDirective, typeof DaffHintComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective, typeof DaffFormFieldLabelDirective];
|
12
|
+
export declare const DAFF_FORM_FIELD_COMPONENTS: readonly [typeof DaffFormFieldComponent, typeof DaffErrorMessageComponent, typeof DaffFormLabelDirective, typeof DaffHintComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective, typeof DaffFormFieldLabelDirective, typeof DaffFormFieldActionDirective];
|
@@ -3,3 +3,4 @@ export { DaffFormFieldComponent } from './form-field/form-field.component';
|
|
3
3
|
export { DaffFormFieldControl } from './form-field-control';
|
4
4
|
export { DAFF_FORM_FIELD_COMPONENTS } from './form-field';
|
5
5
|
export { DaffFormFieldLabelDirective } from './label/label.directive';
|
6
|
+
export { DaffFormFieldActionDirective } from './action/action.directive';
|
package/button/README.md
CHANGED
@@ -1,55 +1,63 @@
|
|
1
1
|
# Button
|
2
|
-
Buttons
|
2
|
+
Buttons make actions apparent to users and can navigate to different pages or perform actions. They can display text, icons, or both.
|
3
3
|
|
4
4
|
## Overview
|
5
|
-
|
5
|
+
Button supports five variants that change its visual style, each applied as an attribute:
|
6
6
|
|
7
|
-
|
8
|
-
|
7
|
+
| Attribute | Description |
|
8
|
+
| --------- | ----------- |
|
9
|
+
| `daff-button` | Rectangular button with background color |
|
10
|
+
| `daff-flat-button`| Rectangular button with no outline or background color |
|
11
|
+
| `daff-icon-button` | Icon only button used with icon fonts |
|
12
|
+
| `daff-stroked-button` | Rectangular button with oultline, no background color |
|
13
|
+
| `daff-underline-button` | Text button with underline styling |
|
9
14
|
|
10
|
-
|
11
|
-
Button supports five types that change its visual style.
|
12
|
-
|
13
|
-
- `daff-button` - Rectangular contained button with background color
|
14
|
-
- `daff-flat-button` - Rectangular contained button with no outline or background color
|
15
|
-
- `daff-icon-button` - Icon button used with icon fonts
|
16
|
-
- `daff-stroked-button` - Rectangular outlined button with no background color
|
17
|
-
|
18
|
-
### Basic Button
|
15
|
+
**Basic button**
|
19
16
|
<design-land-example-viewer-container example="basic-button"></design-land-example-viewer-container>
|
20
17
|
|
21
|
-
|
18
|
+
**Flat button**
|
22
19
|
<design-land-example-viewer-container example="flat-button"></design-land-example-viewer-container>
|
23
20
|
|
24
|
-
|
21
|
+
**Stroked button**
|
25
22
|
<design-land-example-viewer-container example="stroked-button"></design-land-example-viewer-container>
|
26
23
|
|
27
24
|
> `dark`, `light`, and `theme` should be used with caution to ensure that there is sufficient contrast.
|
28
25
|
|
29
|
-
|
26
|
+
**Icon button**
|
30
27
|
<design-land-example-viewer-container example="icon-button"></design-land-example-viewer-container>
|
31
28
|
|
32
29
|
> `dark`, `light`, and `theme` should be used with caution to ensure that there is sufficient contrast.
|
33
30
|
|
34
|
-
|
31
|
+
**Underline button**
|
35
32
|
<design-land-example-viewer-container example="underline-button"></design-land-example-viewer-container>
|
36
33
|
|
37
|
-
|
38
|
-
|
34
|
+
## When to use
|
35
|
+
Native `<button>` or `<a>` elements should always be used in order to provide an easy, accessible experience for users.
|
36
|
+
|
37
|
+
- Use `<a>` for navigation to new pages or different sections.
|
38
|
+
- Use `<button>` for actions performed within the same page.
|
39
39
|
|
40
40
|
## Usage
|
41
41
|
|
42
42
|
### Within a standalone component
|
43
|
-
To use button in a standalone component, import each button type directly into your custom component.
|
43
|
+
To use button in a standalone component, import each button type directly into your custom component.
|
44
|
+
|
45
|
+
Available imports:
|
46
|
+
- `DAFF_BASIC_BUTTON_COMPONENTS`
|
47
|
+
- `DAFF_FLAT_BUTTON_COMPONENTS`
|
48
|
+
- `DAFF_ICON_BUTTON_COMPONENTS`
|
49
|
+
- `DAFF_STROKED_BUTTON_COMPONENTS`
|
50
|
+
- `DAFF_UNDERLINE_BUTTON_COMPONENTS`
|
51
|
+
- `DAFF_BUTTON_COMPONENTS` (all types)
|
44
52
|
|
45
53
|
```ts
|
46
|
-
import {
|
54
|
+
import { DAFF_BASIC_BUTTON_COMPONENTS } from '@daffodil/design/button';
|
47
55
|
|
48
56
|
@Component({
|
49
57
|
selector: 'custom-component',
|
50
58
|
templateUrl: './custom-component.component.html',
|
51
59
|
imports: [
|
52
|
-
|
60
|
+
DAFF_BASIC_BUTTON_COMPONENTS,
|
53
61
|
],
|
54
62
|
})
|
55
63
|
export class CustomComponent {}
|
@@ -79,41 +87,49 @@ export class CustomComponentModule { }
|
|
79
87
|
|
80
88
|
> This method is deprecated. It's recommended to update all custom components to standalone.
|
81
89
|
|
90
|
+
## Anatomy
|
91
|
+
Buttons should always have a label, unless you are only using an icon that is universally understood and accessible.
|
92
|
+
|
93
|
+
### Icon support
|
94
|
+
An icon can be rendered on either side of the button text content with the `daffPrefix` and `daffSuffix` selectors. Avoid using both simultaneously.
|
95
|
+
|
96
|
+
```html
|
97
|
+
<button daff-button>
|
98
|
+
<fa-icon [faIcon]="faUser" daffPrefix></fa-icon>
|
99
|
+
Button label
|
100
|
+
</button>
|
101
|
+
|
102
|
+
<button daff-button>
|
103
|
+
Button label
|
104
|
+
<fa-icon [faIcon]="faArrowRight" daffPrefix></fa-icon>
|
105
|
+
</button>
|
106
|
+
```
|
107
|
+
|
82
108
|
## Sizes
|
83
|
-
Use the `size` property to
|
109
|
+
Use the `size` property to control button dimensions. The default size is `md`.
|
84
110
|
|
85
111
|
<design-land-example-viewer-container example="sizeable-button"></design-land-example-viewer-container>
|
86
112
|
|
87
113
|
## Colors
|
88
|
-
Use the `color` property to change the color of a button.
|
114
|
+
Use the `color` property to change the color of a button.
|
89
115
|
|
90
|
-
>
|
116
|
+
> Note: `dark`, `light`, and `theme` should be used on appropriate backgrounds for sufficient contrast.
|
91
117
|
|
92
118
|
## Status indicators
|
93
|
-
|
119
|
+
Status indicators help users understand the type of action a button performs and its importance relative to other buttons in the same context. Use the `status` property to convey different semantic meanings.
|
94
120
|
|
95
121
|
<design-land-example-viewer-container example="statusable-button"></design-land-example-viewer-container>
|
96
122
|
|
97
123
|
## Elevation
|
98
|
-
|
124
|
+
Add shadows to buttons with the `elevated` property.
|
99
125
|
|
100
|
-
|
101
|
-
|
102
|
-
## Icon support
|
103
|
-
An icon can be rendered on either side of the button text content with the `daffPrefix` and `daffSuffix` selectors.
|
126
|
+
> Note: The `elevated` property is not supported for flat, icon, and underline buttons.
|
104
127
|
|
105
|
-
|
106
|
-
<button daff-button>
|
107
|
-
<fa-icon [faIcon]="faUser" daffPrefix></fa-icon>
|
108
|
-
Button Content
|
109
|
-
<fa-icon [faIcon]="faUser" daffSuffix></fa-icon>
|
110
|
-
</button>
|
111
|
-
```
|
128
|
+
<design-land-example-viewer-container example="elevated-button"></design-land-example-viewer-container>
|
112
129
|
|
113
130
|
## Accessbility
|
114
131
|
Daffodil uses native `<a>` and `<button>` HTML elements to ensure an accessible experience by default.
|
115
132
|
|
116
|
-
-
|
117
|
-
-
|
118
|
-
|
119
|
-
Buttons and links containing only icons (`<daff-icon-button>`) need to be given meaningful labels using `aria-label` or `aria-labelledby`.
|
133
|
+
- Use `<a>` for navigation to new pages or different sections.
|
134
|
+
- Use `<button>` for actions performed within the same page.
|
135
|
+
- Icon only buttons (`<daff-icon-button>`) need to be given meaningful labels using `aria-label` or `aria-labelledby`.
|
@@ -5,18 +5,24 @@ import * as i1 from "@daffodil/design";
|
|
5
5
|
import * as i2 from "./button-sizable.directive";
|
6
6
|
export declare class DaffButtonBaseDirective {
|
7
7
|
private size;
|
8
|
+
/**
|
9
|
+
* @docs-private
|
10
|
+
*/
|
8
11
|
_prefix: DaffPrefixDirective;
|
9
|
-
_suffix: DaffSuffixDirective;
|
10
|
-
constructor(size: DaffButtonSizableDirective);
|
11
12
|
/**
|
12
13
|
* @docs-private
|
13
14
|
*/
|
14
|
-
|
15
|
+
_suffix: DaffSuffixDirective;
|
16
|
+
constructor(size: DaffButtonSizableDirective);
|
15
17
|
/**
|
16
|
-
* Sets the tabindex.
|
18
|
+
* Sets the tabindex.
|
17
19
|
*/
|
18
20
|
tabindex: number;
|
19
21
|
private _disabled;
|
22
|
+
/**
|
23
|
+
* @docs-private
|
24
|
+
*/
|
25
|
+
get disabledClass(): any;
|
20
26
|
/**
|
21
27
|
* The disabled state of the button.
|
22
28
|
*/
|
package/button/button.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { DaffPrefixDirective, DaffSuffixDirective } from '@daffodil/design';
|
1
2
|
import { DaffButtonComponent } from './button/basic/button.component';
|
2
3
|
import { DaffFlatButtonComponent } from './button/flat/flat.component';
|
3
4
|
import { DaffIconButtonComponent } from './button/icon/icon.component';
|
@@ -7,4 +8,24 @@ import { DaffUnderlineButtonComponent } from './button/underline/underline.compo
|
|
7
8
|
/**
|
8
9
|
* @docs-private
|
9
10
|
*/
|
10
|
-
export declare const DAFF_BUTTON_COMPONENTS: readonly [typeof DaffButtonComponent, typeof DaffFlatButtonComponent, typeof DaffIconButtonComponent, typeof DaffRaisedButtonComponent, typeof DaffStrokedButtonComponent, typeof DaffUnderlineButtonComponent];
|
11
|
+
export declare const DAFF_BUTTON_COMPONENTS: readonly [typeof DaffButtonComponent, typeof DaffFlatButtonComponent, typeof DaffIconButtonComponent, typeof DaffRaisedButtonComponent, typeof DaffStrokedButtonComponent, typeof DaffUnderlineButtonComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
|
12
|
+
/**
|
13
|
+
* @docs-private
|
14
|
+
*/
|
15
|
+
export declare const DAFF_BASIC_BUTTON_COMPONENTS: readonly [typeof DaffButtonComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
|
16
|
+
/**
|
17
|
+
* @docs-private
|
18
|
+
*/
|
19
|
+
export declare const DAFF_FLAT_BUTTON_COMPONENTS: readonly [typeof DaffFlatButtonComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
|
20
|
+
/**
|
21
|
+
* @docs-private
|
22
|
+
*/
|
23
|
+
export declare const DAFF_ICON_BUTTON_COMPONENTS: readonly [typeof DaffIconButtonComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
|
24
|
+
/**
|
25
|
+
* @docs-private
|
26
|
+
*/
|
27
|
+
export declare const DAFF_STROKED_BUTTON_COMPONENTS: readonly [typeof DaffStrokedButtonComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
|
28
|
+
/**
|
29
|
+
* @docs-private
|
30
|
+
*/
|
31
|
+
export declare const DAFF_UNDERLINE_BUTTON_COMPONENTS: readonly [typeof DaffUnderlineButtonComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];
|
package/button/public_api.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
export { DaffButtonModule } from './button.module';
|
2
|
-
export { DAFF_BUTTON_COMPONENTS } from './button';
|
2
|
+
export { DAFF_BUTTON_COMPONENTS, DAFF_BASIC_BUTTON_COMPONENTS, DAFF_FLAT_BUTTON_COMPONENTS, DAFF_ICON_BUTTON_COMPONENTS, DAFF_STROKED_BUTTON_COMPONENTS, DAFF_UNDERLINE_BUTTON_COMPONENTS, } from './button';
|
3
3
|
export { DaffButtonComponent } from './button/basic/button.component';
|
4
4
|
export { DaffFlatButtonComponent } from './button/flat/flat.component';
|
5
5
|
export { DaffRaisedButtonComponent } from './button/raised/raised.component';
|
@@ -42,7 +42,7 @@
|
|
42
42
|
|
43
43
|
.daff-raised-button {
|
44
44
|
@include daff-raised-button-theme-variant(
|
45
|
-
daff-
|
45
|
+
daff-color($neutral, 20)
|
46
46
|
);
|
47
47
|
|
48
48
|
&.daff-primary {
|
@@ -76,9 +76,9 @@
|
|
76
76
|
&[disabled],
|
77
77
|
&.disabled {
|
78
78
|
@include daff-raised-button-theme-variant(
|
79
|
-
daff-
|
79
|
+
daff-color($neutral, 30)
|
80
80
|
);
|
81
|
-
color: daff-
|
81
|
+
color: daff-color($neutral, 50);
|
82
82
|
|
83
83
|
&::after {
|
84
84
|
box-shadow: none;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
1
2
|
import { DaffStatus, DaffStatusable } from './statusable';
|
2
3
|
import * as i0 from "@angular/core";
|
3
4
|
/**
|
@@ -43,7 +44,7 @@ import * as i0 from "@angular/core";
|
|
43
44
|
* - `daff-critical`: Applied when the status is `critical`.
|
44
45
|
* - `daff-success`: Applied when the status is `success`.
|
45
46
|
*/
|
46
|
-
export declare class DaffStatusableDirective implements DaffStatusable {
|
47
|
+
export declare class DaffStatusableDirective implements DaffStatusable, OnChanges, OnInit {
|
47
48
|
/**
|
48
49
|
* Dynamically sets the CSS classes based on the status.
|
49
50
|
* @docs-private
|
@@ -57,9 +58,28 @@ export declare class DaffStatusableDirective implements DaffStatusable {
|
|
57
58
|
/**
|
58
59
|
* Sets the status on a component.
|
59
60
|
*
|
60
|
-
*
|
61
|
+
* Options are: `info`, `warn`, `critical`, and `success`.
|
61
62
|
*/
|
62
63
|
status: DaffStatus;
|
64
|
+
/**
|
65
|
+
* Sets a default status.
|
66
|
+
*
|
67
|
+
* @example
|
68
|
+
* ```ts
|
69
|
+
* constructor(private statusDirective: DaffStatusableDirective) {
|
70
|
+
* this.statusDirective.defaultStatus = 'info';
|
71
|
+
* }
|
72
|
+
* ```
|
73
|
+
*/
|
74
|
+
defaultStatus: DaffStatus;
|
75
|
+
/**
|
76
|
+
* @docs-private
|
77
|
+
*/
|
78
|
+
ngOnChanges(changes: SimpleChanges): void;
|
79
|
+
/**
|
80
|
+
* @docs-private
|
81
|
+
*/
|
82
|
+
ngOnInit(): void;
|
63
83
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffStatusableDirective, never>;
|
64
84
|
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffStatusableDirective, "[daffStatusable]", never, { "status": { "alias": "status"; "required": false; }; }, {}, never, never, true, never>;
|
65
85
|
}
|
@@ -17,11 +17,11 @@ class DaffArticleComponent {
|
|
17
17
|
this.role = 'article';
|
18
18
|
}
|
19
19
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffArticleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
20
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffArticleComponent, isStandalone: true, selector: "daff-article", host: { properties: { "class.daff-article": "this.class", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article a:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae){word-break:break-all;font-size:2rem;font-weight:700;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.
|
20
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DaffArticleComponent, isStandalone: true, selector: "daff-article", host: { properties: { "class.daff-article": "this.class", "attr.role": "this.role" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article a:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae){word-break:break-all;font-size:2rem;font-weight:700;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.125rem;line-height:1.5rem;font-weight:400}.daff-article h1:not(.daff-ae *,.daff-ae)+p code{font-size:1rem;line-height:1rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.25rem;font-weight:400;line-height:1.75rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:1.75rem;line-height:2rem;margin-top:2.5rem}@media (min-width: 768px){.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem;margin-top:2.5rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem;margin-top:2rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:.25rem;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre:last-child{margin-bottom:0}.daff-article pre code{display:block;padding:0}.daff-article code{border-radius:.25rem;font-size:.875rem;line-height:1rem;padding:.125rem .25rem}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:.25rem;margin:1.5rem 0;padding:1rem}@media (min-width: 768px){.daff-article blockquote{padding:1rem 1.5rem}}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:table;border-collapse:separate;border-spacing:0;border-radius:.25rem;font-size:1rem;line-height:1.25rem;margin:1.5rem 0;overflow:hidden}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:top;box-sizing:border-box}.daff-article table td{padding:1rem;vertical-align:top;box-sizing:border-box}.daff-article table td p:only-child,.daff-article table td p:last-child{margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
21
21
|
}
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffArticleComponent, decorators: [{
|
23
23
|
type: Component,
|
24
|
-
args: [{ selector: 'daff-article', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article a:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae){word-break:break-all;font-size:2rem;font-weight:700;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.
|
24
|
+
args: [{ selector: 'daff-article', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".daff-article{display:block;overflow:hidden}.daff-article a:not(.daff-ae *,.daff-ae){font-weight:600;text-decoration:none}.daff-article a:not(.daff-ae *,.daff-ae):hover{text-decoration:underline}.daff-article a:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae),.daff-article h2:not(.daff-ae *,.daff-ae),.daff-article h3:not(.daff-ae *,.daff-ae),.daff-article h4:not(.daff-ae *,.daff-ae),.daff-article h5:not(.daff-ae *,.daff-ae),.daff-article h6:not(.daff-ae *,.daff-ae){margin-bottom:1rem;word-wrap:break-word}.daff-article h1:not(.daff-ae *,.daff-ae) code,.daff-article h2:not(.daff-ae *,.daff-ae) code,.daff-article h3:not(.daff-ae *,.daff-ae) code,.daff-article h4:not(.daff-ae *,.daff-ae) code,.daff-article h5:not(.daff-ae *,.daff-ae) code,.daff-article h6:not(.daff-ae *,.daff-ae) code{font-size:.875rem;font-weight:600;line-height:.875rem}.daff-article h1:not(.daff-ae *,.daff-ae){word-break:break-all;font-size:2rem;font-weight:700;line-height:2.25rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae){font-size:3rem;line-height:3.5rem}}.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.125rem;line-height:1.5rem;font-weight:400}.daff-article h1:not(.daff-ae *,.daff-ae)+p code{font-size:1rem;line-height:1rem}@media (min-width: 768px){.daff-article h1:not(.daff-ae *,.daff-ae)+p{font-size:1.25rem;font-weight:400;line-height:1.75rem}}.daff-article h2:not(.daff-ae *,.daff-ae){font-size:1.75rem;line-height:2rem;margin-top:2.5rem}@media (min-width: 768px){.daff-article h2:not(.daff-ae *,.daff-ae){font-size:2rem;line-height:2.5rem}}.daff-article h3:not(.daff-ae *,.daff-ae){font-size:1.5rem;line-height:2rem;margin-top:2.5rem}.daff-article h4:not(.daff-ae *,.daff-ae){font-size:1.25rem;line-height:1.5rem;margin-top:2rem}.daff-article h5:not(.daff-ae *,.daff-ae){font-size:1.125rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article h6:not(.daff-ae *,.daff-ae){font-size:1rem;font-weight:600;line-height:1.5rem;margin-top:1.5rem}.daff-article p:not(.daff-ae *,.daff-ae){margin:0 0 1rem}.daff-article strong{font-weight:700}.daff-article pre{display:block;border-radius:.25rem;font-size:.875rem;line-height:1.5rem;margin:1.5rem 0;padding:1.5rem;overflow:auto;white-space:pre-wrap}.daff-article pre:last-child{margin-bottom:0}.daff-article pre code{display:block;padding:0}.daff-article code{border-radius:.25rem;font-size:.875rem;line-height:1rem;padding:.125rem .25rem}.daff-article__meta{font-size:.875rem}.daff-article hr{border:0;height:1px;margin:2rem 0}.daff-article blockquote{border-radius:.25rem;margin:1.5rem 0;padding:1rem}@media (min-width: 768px){.daff-article blockquote{padding:1rem 1.5rem}}.daff-article blockquote:last-child{margin-bottom:0}.daff-article blockquote cite{font-size:.875rem;font-weight:400;line-height:1.25rem;display:block;margin-top:1rem}.daff-article blockquote p:last-of-type{margin:0}.daff-article table{display:table;border-collapse:separate;border-spacing:0;border-radius:.25rem;font-size:1rem;line-height:1.25rem;margin:1.5rem 0;overflow:hidden}.daff-article table:last-child{margin-bottom:0}.daff-article table th{font-weight:600;outline:0;padding:1rem;text-align:left;vertical-align:top;box-sizing:border-box}.daff-article table td{padding:1rem;vertical-align:top;box-sizing:border-box}.daff-article table td p:only-child,.daff-article table td p:last-child{margin:0}\n"] }]
|
25
25
|
}], propDecorators: { class: [{
|
26
26
|
type: HostBinding,
|
27
27
|
args: ['class.daff-article']
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-article.mjs","sources":["../../../libs/design/article/src/article/article.component.ts","../../../libs/design/article/src/article-meta/article-meta.directive.ts","../../../libs/design/article/src/article.module.ts","../../../libs/design/article/src/article.ts","../../../libs/design/article/src/daffodil-design-article.ts"],"sourcesContent":["import {\n Component,\n ViewEncapsulation,\n HostBinding,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n/**\n * A component for creating articles within your page.\n */\n@Component({\n selector: 'daff-article',\n template: '<ng-content></ng-content>',\n styleUrls: ['./article.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class DaffArticleComponent {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-article') class = true;\n\n /**\n * @docs-private\n */\n @HostBinding('attr.role') role = 'article';\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffArticleMeta]',\n standalone: true,\n})\nexport class DaffArticleMetaDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-article__meta') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffArticleComponent } from './article/article.component';\nimport { DaffArticleMetaDirective } from './article-meta/article-meta.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_ARTICLE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n imports: [\n CommonModule,\n DaffArticleComponent,\n DaffArticleMetaDirective,\n ],\n exports: [\n DaffArticleComponent,\n DaffArticleMetaDirective,\n ],\n})\nexport class DaffArticleModule { }\n","import { DaffArticleComponent } from './article/article.component';\nimport { DaffArticleMetaDirective } from './article-meta/article-meta.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_ARTICLE_COMPONENTS = <const> [\n DaffArticleComponent,\n DaffArticleMetaDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAOA;;AAEG;MASU,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;AAUE;;AAEG;QACgC,IAAK,CAAA,KAAA,GAAG,IAAI;AAE/C;;AAEG;QACuB,IAAI,CAAA,IAAA,GAAG,SAAS;AAC3C;kIAXY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,gKANrB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
1
|
+
{"version":3,"file":"daffodil-design-article.mjs","sources":["../../../libs/design/article/src/article/article.component.ts","../../../libs/design/article/src/article-meta/article-meta.directive.ts","../../../libs/design/article/src/article.module.ts","../../../libs/design/article/src/article.ts","../../../libs/design/article/src/daffodil-design-article.ts"],"sourcesContent":["import {\n Component,\n ViewEncapsulation,\n HostBinding,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\n/**\n * A component for creating articles within your page.\n */\n@Component({\n selector: 'daff-article',\n template: '<ng-content></ng-content>',\n styleUrls: ['./article.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class DaffArticleComponent {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-article') class = true;\n\n /**\n * @docs-private\n */\n @HostBinding('attr.role') role = 'article';\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffArticleMeta]',\n standalone: true,\n})\nexport class DaffArticleMetaDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-article__meta') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffArticleComponent } from './article/article.component';\nimport { DaffArticleMetaDirective } from './article-meta/article-meta.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_ARTICLE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n imports: [\n CommonModule,\n DaffArticleComponent,\n DaffArticleMetaDirective,\n ],\n exports: [\n DaffArticleComponent,\n DaffArticleMetaDirective,\n ],\n})\nexport class DaffArticleModule { }\n","import { DaffArticleComponent } from './article/article.component';\nimport { DaffArticleMetaDirective } from './article-meta/article-meta.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_ARTICLE_COMPONENTS = <const> [\n DaffArticleComponent,\n DaffArticleMetaDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|