@fluentui/web-components 3.0.0-beta.47 → 3.0.0-beta.49
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/CHANGELOG.md +23 -2
- package/dist/dts/avatar/avatar.d.ts +25 -17
- package/dist/dts/avatar/index.d.ts +1 -1
- package/dist/dts/index.d.ts +5 -5
- package/dist/dts/progress-bar/index.d.ts +1 -1
- package/dist/dts/progress-bar/progress-bar.d.ts +35 -27
- package/dist/dts/spinner/index.d.ts +1 -1
- package/dist/dts/spinner/spinner.d.ts +10 -2
- package/dist/dts/text-input/index.d.ts +1 -1
- package/dist/dts/text-input/text-input.d.ts +37 -29
- package/dist/dts/theme/index.d.ts +1 -1
- package/dist/dts/theme/set-theme.d.ts +6 -1
- package/dist/esm/avatar/avatar.js +21 -13
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/avatar/index.js +1 -1
- package/dist/esm/avatar/index.js.map +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/progress-bar/index.js +1 -1
- package/dist/esm/progress-bar/index.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.js +47 -39
- package/dist/esm/progress-bar/progress-bar.js.map +1 -1
- package/dist/esm/spinner/index.js +1 -1
- package/dist/esm/spinner/index.js.map +1 -1
- package/dist/esm/spinner/spinner.js +19 -11
- package/dist/esm/spinner/spinner.js.map +1 -1
- package/dist/esm/text-input/index.js +1 -1
- package/dist/esm/text-input/index.js.map +1 -1
- package/dist/esm/text-input/text-input.js +63 -55
- package/dist/esm/text-input/text-input.js.map +1 -1
- package/dist/esm/theme/index.js.map +1 -1
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/web-components.d.ts +1179 -1137
- package/dist/web-components.js +106 -100
- package/dist/web-components.min.js +183 -183
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,33 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 25 Jul 2024 04:08:23 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-beta.49](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.49)
|
|
8
|
+
|
|
9
|
+
Thu, 25 Jul 2024 04:08:23 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.48..@fluentui/web-components_v3.0.0-beta.49)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- chore: create avatar base class to abstract style specfic api ([PR #32083](https://github.com/microsoft/fluentui/pull/32083) by jes@microsoft.com)
|
|
15
|
+
- chore: create base class for textinput and remove style and layout specific api ([PR #32080](https://github.com/microsoft/fluentui/pull/32080) by jes@microsoft.com)
|
|
16
|
+
|
|
17
|
+
## [3.0.0-beta.48](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.48)
|
|
18
|
+
|
|
19
|
+
Wed, 24 Jul 2024 04:07:07 GMT
|
|
20
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.47..@fluentui/web-components_v3.0.0-beta.48)
|
|
21
|
+
|
|
22
|
+
### Changes
|
|
23
|
+
|
|
24
|
+
- chore: create base class for progress bar and remove style and layout specfic api ([PR #32066](https://github.com/microsoft/fluentui/pull/32066) by jes@microsoft.com)
|
|
25
|
+
- feat(web-components): relax setTheme() argument type to allow custom tokens ([PR #32087](https://github.com/microsoft/fluentui/pull/32087) by machi@microsoft.com)
|
|
26
|
+
- chore: create base class for spinner and remove style and layout specfic api ([PR #32067](https://github.com/microsoft/fluentui/pull/32067) by jes@microsoft.com)
|
|
27
|
+
|
|
7
28
|
## [3.0.0-beta.47](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.47)
|
|
8
29
|
|
|
9
|
-
Tue, 23 Jul 2024 04:
|
|
30
|
+
Tue, 23 Jul 2024 04:07:05 GMT
|
|
10
31
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.46..@fluentui/web-components_v3.0.0-beta.47)
|
|
11
32
|
|
|
12
33
|
### Changes
|
|
@@ -4,7 +4,7 @@ import { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarSh
|
|
|
4
4
|
* The base class used for constructing a fluent-avatar custom element
|
|
5
5
|
* @public
|
|
6
6
|
*/
|
|
7
|
-
export declare class
|
|
7
|
+
export declare class BaseAvatar extends FASTElement {
|
|
8
8
|
/**
|
|
9
9
|
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
10
10
|
*
|
|
@@ -42,14 +42,6 @@ export declare class Avatar extends FASTElement {
|
|
|
42
42
|
*
|
|
43
43
|
*/
|
|
44
44
|
size?: AvatarSize | undefined;
|
|
45
|
-
/**
|
|
46
|
-
* The avatar can have a circular or square shape.
|
|
47
|
-
*
|
|
48
|
-
* @public
|
|
49
|
-
* @remarks
|
|
50
|
-
* HTML Attribute: shape
|
|
51
|
-
*/
|
|
52
|
-
shape?: AvatarShape | undefined;
|
|
53
45
|
/**
|
|
54
46
|
* Optional activity indicator
|
|
55
47
|
* * active: the avatar will be decorated according to activeAppearance
|
|
@@ -61,14 +53,6 @@ export declare class Avatar extends FASTElement {
|
|
|
61
53
|
* HTML Attribute: active
|
|
62
54
|
*/
|
|
63
55
|
active?: AvatarActive | undefined;
|
|
64
|
-
/**
|
|
65
|
-
* The appearance when `active="active"`
|
|
66
|
-
*
|
|
67
|
-
* @public
|
|
68
|
-
* @remarks
|
|
69
|
-
* HTML Attribute: appearance
|
|
70
|
-
*/
|
|
71
|
-
appearance?: AvatarAppearance | undefined;
|
|
72
56
|
/**
|
|
73
57
|
* The color when displaying either an icon or initials.
|
|
74
58
|
* * neutral (default): gray
|
|
@@ -115,3 +99,27 @@ export declare class Avatar extends FASTElement {
|
|
|
115
99
|
*/
|
|
116
100
|
static colors: ("anchor" | "dark-red" | "cranberry" | "red" | "pumpkin" | "peach" | "marigold" | "gold" | "brass" | "brown" | "forest" | "seafoam" | "dark-green" | "light-teal" | "teal" | "steel" | "blue" | "royal-blue" | "cornflower" | "navy" | "lavender" | "purple" | "grape" | "lilac" | "pink" | "magenta" | "plum" | "beige" | "mink" | "platinum")[];
|
|
117
101
|
}
|
|
102
|
+
/**
|
|
103
|
+
* An Avatar Custom HTML Element.
|
|
104
|
+
* Based on BaseAvatar and includes style and layout specific attributes
|
|
105
|
+
*
|
|
106
|
+
* @public
|
|
107
|
+
*/
|
|
108
|
+
export declare class Avatar extends BaseAvatar {
|
|
109
|
+
/**
|
|
110
|
+
* The avatar can have a circular or square shape.
|
|
111
|
+
*
|
|
112
|
+
* @public
|
|
113
|
+
* @remarks
|
|
114
|
+
* HTML Attribute: shape
|
|
115
|
+
*/
|
|
116
|
+
shape?: AvatarShape | undefined;
|
|
117
|
+
/**
|
|
118
|
+
* The appearance when `active="active"`
|
|
119
|
+
*
|
|
120
|
+
* @public
|
|
121
|
+
* @remarks
|
|
122
|
+
* HTML Attribute: appearance
|
|
123
|
+
*/
|
|
124
|
+
appearance?: AvatarAppearance | undefined;
|
|
125
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Avatar } from './avatar.js';
|
|
1
|
+
export { BaseAvatar, Avatar } from './avatar.js';
|
|
2
2
|
export { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize, } from './avatar.options.js';
|
|
3
3
|
export { template as AvatarTemplate } from './avatar.template.js';
|
|
4
4
|
export { styles as AvatarStyles } from './avatar.styles.js';
|
package/dist/dts/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ export { AccordionItem, accordionItemDefinition, AccordionItemMarkerPosition, Ac
|
|
|
2
2
|
export type { AccordionItemOptions } from './accordion-item/index.js';
|
|
3
3
|
export { Accordion, accordionDefinition, AccordionExpandMode, accordionStyles, accordionTemplate, } from './accordion/index.js';
|
|
4
4
|
export { Link, LinkAppearance, LinkDefinition, LinkTemplate, LinkTarget } from './link/index.js';
|
|
5
|
-
export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition, AvatarNamedColor, AvatarShape, AvatarSize, AvatarStyles, AvatarTemplate, } from './avatar/index.js';
|
|
5
|
+
export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition, AvatarNamedColor, AvatarShape, AvatarSize, AvatarStyles, AvatarTemplate, BaseAvatar, } from './avatar/index.js';
|
|
6
6
|
export { Badge, BadgeAppearance, BadgeColor, BadgeDefinition, BadgeShape, BadgeSize, BadgeStyles, BadgeTemplate, } from './badge/index.js';
|
|
7
7
|
export { BaseButton, Button, ButtonAppearance, ButtonDefinition, ButtonFormTarget, ButtonShape, ButtonSize, ButtonStyles, ButtonTemplate, ButtonType, } from './button/index.js';
|
|
8
8
|
export type { ButtonOptions } from './button/index.js';
|
|
@@ -27,14 +27,14 @@ export { MenuItem, MenuItemDefinition, MenuItemRole, MenuItemStyles, MenuItemTem
|
|
|
27
27
|
export type { MenuItemColumnCount, MenuItemOptions } from './menu-item/index.js';
|
|
28
28
|
export { MenuList, MenuListDefinition, MenuListStyles, MenuListTemplate } from './menu-list/index.js';
|
|
29
29
|
export { Menu, MenuDefinition, MenuStyles, MenuTemplate } from './menu/index.js';
|
|
30
|
-
export { ProgressBar, ProgressBarDefinition, ProgressBarShape, ProgressBarStyles, ProgressBarTemplate, ProgressBarThickness, ProgressBarValidationState, } from './progress-bar/index.js';
|
|
30
|
+
export { BaseProgressBar, ProgressBar, ProgressBarDefinition, ProgressBarShape, ProgressBarStyles, ProgressBarTemplate, ProgressBarThickness, ProgressBarValidationState, } from './progress-bar/index.js';
|
|
31
31
|
export { RadioGroup, RadioGroupDefinition, RadioGroupOrientation, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
|
|
32
32
|
export { Radio, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
|
|
33
33
|
export type { RadioControl, RadioOptions } from './radio/index.js';
|
|
34
34
|
export { RatingDisplay, RatingDisplayColor, RatingDisplayDefinition, RatingDisplaySize, RatingDisplayStyles, RatingDisplayTemplate, } from './rating-display/index.js';
|
|
35
35
|
export { Slider, SliderDefinition, SliderMode, SliderOrientation, SliderSize, SliderStyles, SliderTemplate, } from './slider/index.js';
|
|
36
36
|
export type { SliderConfiguration, SliderOptions } from './slider/index.js';
|
|
37
|
-
export { Spinner, SpinnerAppearance, SpinnerDefinition, SpinnerSize, SpinnerStyles, SpinnerTemplate, } from './spinner/index.js';
|
|
37
|
+
export { BaseSpinner, Spinner, SpinnerAppearance, SpinnerDefinition, SpinnerSize, SpinnerStyles, SpinnerTemplate, } from './spinner/index.js';
|
|
38
38
|
export { typographyBody1StrongerStyles, typographyBody1StrongStyles, typographyBody1Styles, typographyBody2Styles, typographyCaption1StrongerStyles, typographyCaption1StrongStyles, typographyCaption1Styles, typographyCaption2StrongStyles, typographyCaption2Styles, typographyDisplayStyles, typographyLargeTitleStyles, typographySubtitle1Styles, typographySubtitle2StrongerStyles, typographySubtitle2Styles, typographyTitle1Styles, typographyTitle2Styles, typographyTitle3Styles, } from './styles/partials/typography.partials.js';
|
|
39
39
|
export { Switch, SwitchDefinition, SwitchLabelPosition, SwitchStyles, SwitchTemplate } from './switch/index.js';
|
|
40
40
|
export type { SwitchOptions } from './switch/index.js';
|
|
@@ -43,11 +43,11 @@ export { Tab, TabDefinition, TabStyles, TabTemplate } from './tab/index.js';
|
|
|
43
43
|
export type { TabOptions } from './tab/index.js';
|
|
44
44
|
export { Tabs, TabsAppearance, TabsDefinition, TabsOrientation, TabsSize, TabsStyles, TabsTemplate, } from './tabs/index.js';
|
|
45
45
|
export type { TabsOptions } from './tabs/index.js';
|
|
46
|
-
export { TextInput, TextInputAppearance, TextInputControlSize, TextInputDefinition, TextInputStyles, TextInputTemplate, TextInputType, } from './text-input/index.js';
|
|
46
|
+
export { BaseTextInput, TextInput, TextInputAppearance, TextInputControlSize, TextInputDefinition, TextInputStyles, TextInputTemplate, TextInputType, } from './text-input/index.js';
|
|
47
47
|
export type { TextInputOptions } from './text-input/index.js';
|
|
48
48
|
export { Text, TextAlign, TextDefinition, TextFont, TextSize, TextStyles, TextTemplate, TextWeight, } from './text/index.js';
|
|
49
49
|
export * from './theme/design-tokens.js';
|
|
50
|
-
export { setTheme, setThemeFor } from './theme/index.js';
|
|
50
|
+
export { setTheme, setThemeFor, type Theme } from './theme/index.js';
|
|
51
51
|
export { ToggleButton, ToggleButtonAppearance, ToggleButtonDefinition, ToggleButtonShape, ToggleButtonSize, ToggleButtonStyles, ToggleButtonTemplate, } from './toggle-button/index.js';
|
|
52
52
|
export type { ToggleButtonOptions } from './toggle-button/index.js';
|
|
53
53
|
export { darkModeStylesheetBehavior, forcedColorsStylesheetBehavior, lightModeStylesheetBehavior, MatchMediaBehavior, MatchMediaStyleSheetBehavior, } from './utils/behaviors/match-media-stylesheet-behavior.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { definition as ProgressBarDefinition } from './progress-bar.definition.js';
|
|
2
|
-
export { ProgressBar } from './progress-bar.js';
|
|
2
|
+
export { BaseProgressBar, ProgressBar } from './progress-bar.js';
|
|
3
3
|
export { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js';
|
|
4
4
|
export { styles as ProgressBarStyles } from './progress-bar.styles.js';
|
|
5
5
|
export { template as ProgressBarTemplate } from './progress-bar.template.js';
|
|
@@ -1,43 +1,18 @@
|
|
|
1
1
|
import { FASTElement } from '@microsoft/fast-element';
|
|
2
2
|
import { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js';
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* A Progress HTML Element.
|
|
5
5
|
* Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
|
|
6
6
|
*
|
|
7
7
|
* @public
|
|
8
8
|
*/
|
|
9
|
-
export declare class
|
|
9
|
+
export declare class BaseProgressBar extends FASTElement {
|
|
10
10
|
/**
|
|
11
11
|
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
12
12
|
*
|
|
13
13
|
* @internal
|
|
14
14
|
*/
|
|
15
15
|
elementInternals: ElementInternals;
|
|
16
|
-
/**
|
|
17
|
-
* The thickness of the progress bar
|
|
18
|
-
*
|
|
19
|
-
* @public
|
|
20
|
-
* HTML Attribute: `thickness`
|
|
21
|
-
*/
|
|
22
|
-
thickness?: ProgressBarThickness;
|
|
23
|
-
/**
|
|
24
|
-
* Handles changes to thickness attribute custom states
|
|
25
|
-
* @param prev - the previous state
|
|
26
|
-
* @param next - the next state
|
|
27
|
-
*/
|
|
28
|
-
thicknessChanged(prev: ProgressBarThickness | undefined, next: ProgressBarThickness | undefined): void;
|
|
29
|
-
/**
|
|
30
|
-
* The shape of the progress bar
|
|
31
|
-
* @public
|
|
32
|
-
* HTML Attribute: `shape`
|
|
33
|
-
*/
|
|
34
|
-
shape?: ProgressBarShape;
|
|
35
|
-
/**
|
|
36
|
-
* Handles changes to shape attribute custom states
|
|
37
|
-
* @param prev - the previous state
|
|
38
|
-
* @param next - the next state
|
|
39
|
-
*/
|
|
40
|
-
shapeChanged(prev: ProgressBarShape | undefined, next: ProgressBarShape | undefined): void;
|
|
41
16
|
/**
|
|
42
17
|
* The validation state of the progress bar
|
|
43
18
|
* @public
|
|
@@ -96,3 +71,36 @@ export declare class ProgressBar extends FASTElement {
|
|
|
96
71
|
get percentComplete(): number;
|
|
97
72
|
constructor();
|
|
98
73
|
}
|
|
74
|
+
/**
|
|
75
|
+
* A Progress HTML Element.
|
|
76
|
+
* Based on BaseProgressBar and includes style and layout specific attributes
|
|
77
|
+
*
|
|
78
|
+
* @public
|
|
79
|
+
*/
|
|
80
|
+
export declare class ProgressBar extends BaseProgressBar {
|
|
81
|
+
/**
|
|
82
|
+
* The thickness of the progress bar
|
|
83
|
+
*
|
|
84
|
+
* @public
|
|
85
|
+
* HTML Attribute: `thickness`
|
|
86
|
+
*/
|
|
87
|
+
thickness?: ProgressBarThickness;
|
|
88
|
+
/**
|
|
89
|
+
* Handles changes to thickness attribute custom states
|
|
90
|
+
* @param prev - the previous state
|
|
91
|
+
* @param next - the next state
|
|
92
|
+
*/
|
|
93
|
+
thicknessChanged(prev: ProgressBarThickness | undefined, next: ProgressBarThickness | undefined): void;
|
|
94
|
+
/**
|
|
95
|
+
* The shape of the progress bar
|
|
96
|
+
* @public
|
|
97
|
+
* HTML Attribute: `shape`
|
|
98
|
+
*/
|
|
99
|
+
shape?: ProgressBarShape;
|
|
100
|
+
/**
|
|
101
|
+
* Handles changes to shape attribute custom states
|
|
102
|
+
* @param prev - the previous state
|
|
103
|
+
* @param next - the next state
|
|
104
|
+
*/
|
|
105
|
+
shapeChanged(prev: ProgressBarShape | undefined, next: ProgressBarShape | undefined): void;
|
|
106
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Spinner } from './spinner.js';
|
|
1
|
+
export { BaseSpinner, Spinner } from './spinner.js';
|
|
2
2
|
export { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
|
|
3
3
|
export { template as SpinnerTemplate } from './spinner.template.js';
|
|
4
4
|
export { styles as SpinnerStyles } from './spinner.styles.js';
|
|
@@ -4,13 +4,22 @@ import type { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
|
|
|
4
4
|
* The base class used for constructing a fluent-spinner custom element
|
|
5
5
|
* @public
|
|
6
6
|
*/
|
|
7
|
-
export declare class
|
|
7
|
+
export declare class BaseSpinner extends FASTElement {
|
|
8
8
|
/**
|
|
9
9
|
* The internal {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
10
10
|
*
|
|
11
11
|
* @internal
|
|
12
12
|
*/
|
|
13
13
|
elementInternals: ElementInternals;
|
|
14
|
+
constructor();
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* A Spinner Custom HTML Element.
|
|
18
|
+
* Based on BaseSpinner and includes style and layout specific attributes
|
|
19
|
+
*
|
|
20
|
+
* @public
|
|
21
|
+
*/
|
|
22
|
+
export declare class Spinner extends BaseSpinner {
|
|
14
23
|
/**
|
|
15
24
|
* The size of the spinner
|
|
16
25
|
*
|
|
@@ -38,5 +47,4 @@ export declare class Spinner extends FASTElement {
|
|
|
38
47
|
* @param next - the next state
|
|
39
48
|
*/
|
|
40
49
|
appearanceChanged(prev: SpinnerAppearance | undefined, next: SpinnerAppearance | undefined): void;
|
|
41
|
-
constructor();
|
|
42
50
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { definition as TextInputDefinition } from './text-input.definition.js';
|
|
2
|
-
export { TextInput } from './text-input.js';
|
|
2
|
+
export { BaseTextInput, TextInput } from './text-input.js';
|
|
3
3
|
export { TextInputAppearance, TextInputControlSize, TextInputType } from './text-input.options.js';
|
|
4
4
|
export type { TextInputOptions } from './text-input.options.js';
|
|
5
5
|
export { styles as TextInputStyles } from './text-input.styles.js';
|
|
@@ -14,21 +14,7 @@ import { TextInputAppearance, TextInputType } from './text-input.options.js';
|
|
|
14
14
|
* @csspart control - The internal `<input>` control
|
|
15
15
|
* @public
|
|
16
16
|
*/
|
|
17
|
-
export declare class
|
|
18
|
-
/**
|
|
19
|
-
* Indicates the styled appearance of the element.
|
|
20
|
-
*
|
|
21
|
-
* @public
|
|
22
|
-
* @remarks
|
|
23
|
-
* HTML Attribute: `appearance`
|
|
24
|
-
*/
|
|
25
|
-
appearance?: TextInputAppearance;
|
|
26
|
-
/**
|
|
27
|
-
* Handles changes to appearance attribute custom states
|
|
28
|
-
* @param prev - the previous state
|
|
29
|
-
* @param next - the next state
|
|
30
|
-
*/
|
|
31
|
-
appearanceChanged(prev: TextInputAppearance | undefined, next: TextInputAppearance | undefined): void;
|
|
17
|
+
export declare class BaseTextInput extends FASTElement {
|
|
32
18
|
/**
|
|
33
19
|
* Indicates the element's autocomplete state.
|
|
34
20
|
* @see The {@link https://developer.mozilla.org/docs/Web/HTML/Attributes/autocomplete | `autocomplete`} attribute
|
|
@@ -47,20 +33,6 @@ export declare class TextInput extends FASTElement {
|
|
|
47
33
|
* HTML Attribute: `autofocus`
|
|
48
34
|
*/
|
|
49
35
|
autofocus: boolean;
|
|
50
|
-
/**
|
|
51
|
-
* Sets the size of the control.
|
|
52
|
-
*
|
|
53
|
-
* @public
|
|
54
|
-
* @remarks
|
|
55
|
-
* HTML Attribute: `control-size`
|
|
56
|
-
*/
|
|
57
|
-
controlSize?: TextInputControlSize;
|
|
58
|
-
/**
|
|
59
|
-
* Handles changes to `control-size` attribute custom states
|
|
60
|
-
* @param prev - the previous state
|
|
61
|
-
* @param next - the next state
|
|
62
|
-
*/
|
|
63
|
-
controlSizeChanged(prev: TextInputControlSize | undefined, next: TextInputControlSize | undefined): void;
|
|
64
36
|
/**
|
|
65
37
|
* The default slotted content. This is the content that appears in the text field label.
|
|
66
38
|
*
|
|
@@ -411,6 +383,42 @@ export declare class TextInput extends FASTElement {
|
|
|
411
383
|
*/
|
|
412
384
|
setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
|
|
413
385
|
}
|
|
386
|
+
/**
|
|
387
|
+
* A Text Input Custom HTML Element.
|
|
388
|
+
* Based on BaseTextInput and includes style and layout specific attributes
|
|
389
|
+
*
|
|
390
|
+
* @public
|
|
391
|
+
*/
|
|
392
|
+
export declare class TextInput extends BaseTextInput {
|
|
393
|
+
/**
|
|
394
|
+
* Indicates the styled appearance of the element.
|
|
395
|
+
*
|
|
396
|
+
* @public
|
|
397
|
+
* @remarks
|
|
398
|
+
* HTML Attribute: `appearance`
|
|
399
|
+
*/
|
|
400
|
+
appearance?: TextInputAppearance;
|
|
401
|
+
/**
|
|
402
|
+
* Handles changes to appearance attribute custom states
|
|
403
|
+
* @param prev - the previous state
|
|
404
|
+
* @param next - the next state
|
|
405
|
+
*/
|
|
406
|
+
appearanceChanged(prev: TextInputAppearance | undefined, next: TextInputAppearance | undefined): void;
|
|
407
|
+
/**
|
|
408
|
+
* Sets the size of the control.
|
|
409
|
+
*
|
|
410
|
+
* @public
|
|
411
|
+
* @remarks
|
|
412
|
+
* HTML Attribute: `control-size`
|
|
413
|
+
*/
|
|
414
|
+
controlSize?: TextInputControlSize;
|
|
415
|
+
/**
|
|
416
|
+
* Handles changes to `control-size` attribute custom states
|
|
417
|
+
* @param prev - the previous state
|
|
418
|
+
* @param next - the next state
|
|
419
|
+
*/
|
|
420
|
+
controlSizeChanged(prev: TextInputControlSize | undefined, next: TextInputControlSize | undefined): void;
|
|
421
|
+
}
|
|
414
422
|
/**
|
|
415
423
|
* @internal
|
|
416
424
|
* @privateRemarks
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { borderRadiusNone, borderRadiusSmall, borderRadiusMedium, borderRadiusLarge, borderRadiusXLarge, borderRadiusCircular, fontSizeBase100, fontSizeBase200, fontSizeBase300, fontSizeBase400, fontSizeBase500, fontSizeBase600, fontSizeHero700, fontSizeHero800, fontSizeHero900, fontSizeHero1000, lineHeightBase100, lineHeightBase200, lineHeightBase300, lineHeightBase400, lineHeightBase500, lineHeightBase600, lineHeightHero700, lineHeightHero800, lineHeightHero900, lineHeightHero1000, fontFamilyBase, fontFamilyMonospace, fontFamilyNumeric, fontWeightRegular, fontWeightMedium, fontWeightSemibold, fontWeightBold, strokeWidthThin, strokeWidthThick, strokeWidthThicker, strokeWidthThickest, spacingHorizontalNone, spacingHorizontalXXS, spacingHorizontalXS, spacingHorizontalSNudge, spacingHorizontalS, spacingHorizontalMNudge, spacingHorizontalM, spacingHorizontalL, spacingHorizontalXL, spacingHorizontalXXL, spacingHorizontalXXXL, spacingVerticalNone, spacingVerticalXXS, spacingVerticalXS, spacingVerticalSNudge, spacingVerticalS, spacingVerticalMNudge, spacingVerticalM, spacingVerticalL, spacingVerticalXL, spacingVerticalXXL, spacingVerticalXXXL, durationUltraFast, durationFaster, durationFast, durationNormal, durationSlow, durationSlower, durationUltraSlow, curveAccelerateMax, curveAccelerateMid, curveAccelerateMin, curveDecelerateMax, curveDecelerateMid, curveDecelerateMin, curveEasyEaseMax, curveEasyEase, curveLinear, colorNeutralForeground1, colorNeutralForeground1Hover, colorNeutralForeground1Pressed, colorNeutralForeground1Selected, colorNeutralForeground2, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForeground2Selected, colorNeutralForeground2BrandHover, colorNeutralForeground2BrandPressed, colorNeutralForeground2BrandSelected, colorNeutralForeground3, colorNeutralForeground3Hover, colorNeutralForeground3Pressed, colorNeutralForeground3Selected, colorNeutralForeground3BrandHover, colorNeutralForeground3BrandPressed, colorNeutralForeground3BrandSelected, colorNeutralForeground4, colorNeutralForegroundDisabled, colorNeutralForegroundInvertedDisabled, colorBrandForegroundLink, colorBrandForegroundLinkHover, colorBrandForegroundLinkPressed, colorBrandForegroundLinkSelected, colorNeutralForeground2Link, colorNeutralForeground2LinkHover, colorNeutralForeground2LinkPressed, colorNeutralForeground2LinkSelected, colorCompoundBrandForeground1, colorCompoundBrandForeground1Hover, colorCompoundBrandForeground1Pressed, colorBrandForeground1, colorBrandForeground2, colorNeutralForeground1Static, colorNeutralForegroundStaticInverted, colorNeutralForegroundInverted, colorNeutralForegroundInvertedHover, colorNeutralForegroundInvertedPressed, colorNeutralForegroundInvertedSelected, colorNeutralForegroundInverted2, colorNeutralForegroundOnBrand, colorNeutralForegroundInvertedLink, colorNeutralForegroundInvertedLinkHover, colorNeutralForegroundInvertedLinkPressed, colorNeutralForegroundInvertedLinkSelected, colorBrandForegroundInverted, colorBrandForegroundInvertedHover, colorBrandForegroundInvertedPressed, colorBrandForegroundOnLight, colorBrandForegroundOnLightHover, colorBrandForegroundOnLightPressed, colorBrandForegroundOnLightSelected, colorNeutralBackground1, colorNeutralBackground1Hover, colorNeutralBackground1Pressed, colorNeutralBackground1Selected, colorNeutralBackground2, colorNeutralBackground2Hover, colorNeutralBackground2Pressed, colorNeutralBackground2Selected, colorNeutralBackground3, colorNeutralBackground3Hover, colorNeutralBackground3Pressed, colorNeutralBackground3Selected, colorNeutralBackground4, colorNeutralBackground4Hover, colorNeutralBackground4Pressed, colorNeutralBackground4Selected, colorNeutralBackground5, colorNeutralBackground5Hover, colorNeutralBackground5Pressed, colorNeutralBackground5Selected, colorNeutralBackground6, colorNeutralBackgroundInverted, colorNeutralBackgroundStatic, colorSubtleBackground, colorSubtleBackgroundHover, colorSubtleBackgroundPressed, colorSubtleBackgroundSelected, colorSubtleBackgroundLightAlphaHover, colorSubtleBackgroundLightAlphaPressed, colorSubtleBackgroundLightAlphaSelected, colorSubtleBackgroundInverted, colorSubtleBackgroundInvertedHover, colorSubtleBackgroundInvertedPressed, colorSubtleBackgroundInvertedSelected, colorTransparentBackground, colorTransparentBackgroundHover, colorTransparentBackgroundPressed, colorTransparentBackgroundSelected, colorNeutralBackgroundDisabled, colorNeutralBackgroundInvertedDisabled, colorNeutralStencil1, colorNeutralStencil2, colorNeutralStencil1Alpha, colorNeutralStencil2Alpha, colorBackgroundOverlay, colorScrollbarOverlay, colorBrandBackground, colorBrandBackgroundHover, colorBrandBackgroundPressed, colorBrandBackgroundSelected, colorCompoundBrandBackground, colorCompoundBrandBackgroundHover, colorCompoundBrandBackgroundPressed, colorBrandBackgroundStatic, colorBrandBackground2, colorBrandBackgroundInverted, colorBrandBackgroundInvertedHover, colorBrandBackgroundInvertedPressed, colorBrandBackgroundInvertedSelected, colorNeutralStrokeAccessible, colorNeutralStrokeAccessibleHover, colorNeutralStrokeAccessiblePressed, colorNeutralStrokeAccessibleSelected, colorNeutralStroke1, colorNeutralStroke1Hover, colorNeutralStroke1Pressed, colorNeutralStroke1Selected, colorNeutralStroke2, colorNeutralStroke3, colorNeutralStrokeOnBrand, colorNeutralStrokeOnBrand2, colorNeutralStrokeOnBrand2Hover, colorNeutralStrokeOnBrand2Pressed, colorNeutralStrokeOnBrand2Selected, colorBrandStroke1, colorBrandStroke2, colorCompoundBrandStroke, colorCompoundBrandStrokeHover, colorCompoundBrandStrokePressed, colorNeutralStrokeDisabled, colorNeutralStrokeInvertedDisabled, colorTransparentStroke, colorTransparentStrokeInteractive, colorTransparentStrokeDisabled, colorStrokeFocus1, colorStrokeFocus2, colorNeutralShadowAmbient, colorNeutralShadowKey, colorNeutralShadowAmbientLighter, colorNeutralShadowKeyLighter, colorNeutralShadowAmbientDarker, colorNeutralShadowKeyDarker, colorBrandShadowAmbient, colorBrandShadowKey, colorPaletteRedBackground1, colorPaletteRedBackground2, colorPaletteRedBackground3, colorPaletteRedForeground1, colorPaletteRedForeground2, colorPaletteRedForeground3, colorPaletteRedBorderActive, colorPaletteRedBorder1, colorPaletteRedBorder2, colorPaletteGreenBackground1, colorPaletteGreenBackground2, colorPaletteGreenBackground3, colorPaletteGreenForeground1, colorPaletteGreenForeground2, colorPaletteGreenForeground3, colorPaletteGreenBorderActive, colorPaletteGreenBorder1, colorPaletteGreenBorder2, colorPaletteDarkOrangeBackground1, colorPaletteDarkOrangeBackground2, colorPaletteDarkOrangeBackground3, colorPaletteDarkOrangeForeground1, colorPaletteDarkOrangeForeground2, colorPaletteDarkOrangeForeground3, colorPaletteDarkOrangeBorderActive, colorPaletteDarkOrangeBorder1, colorPaletteDarkOrangeBorder2, colorPaletteYellowBackground1, colorPaletteYellowBackground2, colorPaletteYellowBackground3, colorPaletteYellowForeground1, colorPaletteYellowForeground2, colorPaletteYellowForeground3, colorPaletteYellowBorderActive, colorPaletteYellowBorder1, colorPaletteYellowBorder2, colorPaletteBerryBackground1, colorPaletteBerryBackground2, colorPaletteBerryBackground3, colorPaletteBerryForeground1, colorPaletteBerryForeground2, colorPaletteBerryForeground3, colorPaletteBerryBorderActive, colorPaletteBerryBorder1, colorPaletteBerryBorder2, colorPaletteLightGreenBackground1, colorPaletteLightGreenBackground2, colorPaletteLightGreenBackground3, colorPaletteLightGreenForeground1, colorPaletteLightGreenForeground2, colorPaletteLightGreenForeground3, colorPaletteLightGreenBorderActive, colorPaletteLightGreenBorder1, colorPaletteLightGreenBorder2, colorPaletteMarigoldBackground1, colorPaletteMarigoldBackground2, colorPaletteMarigoldBackground3, colorPaletteMarigoldForeground1, colorPaletteMarigoldForeground2, colorPaletteMarigoldForeground3, colorPaletteMarigoldBorderActive, colorPaletteMarigoldBorder1, colorPaletteMarigoldBorder2, colorPaletteDarkRedBackground2, colorPaletteDarkRedForeground2, colorPaletteDarkRedBorderActive, colorPaletteCranberryBackground2, colorPaletteCranberryForeground2, colorPaletteCranberryBorderActive, colorPalettePumpkinBackground2, colorPalettePumpkinForeground2, colorPalettePumpkinBorderActive, colorPalettePeachBackground2, colorPalettePeachForeground2, colorPalettePeachBorderActive, colorPaletteGoldBackground2, colorPaletteGoldForeground2, colorPaletteGoldBorderActive, colorPaletteBrassBackground2, colorPaletteBrassForeground2, colorPaletteBrassBorderActive, colorPaletteBrownBackground2, colorPaletteBrownForeground2, colorPaletteBrownBorderActive, colorPaletteForestBackground2, colorPaletteForestForeground2, colorPaletteForestBorderActive, colorPaletteSeafoamBackground2, colorPaletteSeafoamForeground2, colorPaletteSeafoamBorderActive, colorPaletteDarkGreenBackground2, colorPaletteDarkGreenForeground2, colorPaletteDarkGreenBorderActive, colorPaletteLightTealBackground2, colorPaletteLightTealForeground2, colorPaletteLightTealBorderActive, colorPaletteTealBackground2, colorPaletteTealForeground2, colorPaletteTealBorderActive, colorPaletteSteelBackground2, colorPaletteSteelForeground2, colorPaletteSteelBorderActive, colorPaletteBlueBackground2, colorPaletteBlueForeground2, colorPaletteBlueBorderActive, colorPaletteRoyalBlueBackground2, colorPaletteRoyalBlueForeground2, colorPaletteRoyalBlueBorderActive, colorPaletteCornflowerBackground2, colorPaletteCornflowerForeground2, colorPaletteCornflowerBorderActive, colorPaletteNavyBackground2, colorPaletteNavyForeground2, colorPaletteNavyBorderActive, colorPaletteLavenderBackground2, colorPaletteLavenderForeground2, colorPaletteLavenderBorderActive, colorPalettePurpleBackground2, colorPalettePurpleForeground2, colorPalettePurpleBorderActive, colorPaletteGrapeBackground2, colorPaletteGrapeForeground2, colorPaletteGrapeBorderActive, colorPaletteLilacBackground2, colorPaletteLilacForeground2, colorPaletteLilacBorderActive, colorPalettePinkBackground2, colorPalettePinkForeground2, colorPalettePinkBorderActive, colorPaletteMagentaBackground2, colorPaletteMagentaForeground2, colorPaletteMagentaBorderActive, colorPalettePlumBackground2, colorPalettePlumForeground2, colorPalettePlumBorderActive, colorPaletteBeigeBackground2, colorPaletteBeigeForeground2, colorPaletteBeigeBorderActive, colorPaletteMinkBackground2, colorPaletteMinkForeground2, colorPaletteMinkBorderActive, colorPalettePlatinumBackground2, colorPalettePlatinumForeground2, colorPalettePlatinumBorderActive, colorPaletteAnchorBackground2, colorPaletteAnchorForeground2, colorPaletteAnchorBorderActive, colorPaletteRedForegroundInverted, colorPaletteGreenForegroundInverted, colorPaletteYellowForegroundInverted, shadow2, shadow4, shadow8, shadow16, shadow28, shadow64, shadow2Brand, shadow4Brand, shadow8Brand, shadow16Brand, shadow28Brand, shadow64Brand, } from './design-tokens.js';
|
|
2
|
-
export { setTheme, setThemeFor } from './set-theme.js';
|
|
2
|
+
export { setTheme, setThemeFor, type Theme } from './set-theme.js';
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Not using the `Theme` type from `@fluentui/tokens` package to allow custom
|
|
3
|
+
* tokens to be added.
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export type Theme = Record<string, string | number>;
|
|
2
7
|
/**
|
|
3
8
|
* Sets the theme tokens on defaultNode.
|
|
4
9
|
* @param theme - Flat object of theme token values.
|
|
@@ -7,7 +7,7 @@ import { AvatarColor, AvatarNamedColor, } from './avatar.options.js';
|
|
|
7
7
|
* The base class used for constructing a fluent-avatar custom element
|
|
8
8
|
* @public
|
|
9
9
|
*/
|
|
10
|
-
class
|
|
10
|
+
class BaseAvatar extends FASTElement {
|
|
11
11
|
constructor() {
|
|
12
12
|
super();
|
|
13
13
|
/**
|
|
@@ -79,32 +79,40 @@ class Avatar extends FASTElement {
|
|
|
79
79
|
/**
|
|
80
80
|
* An array of the available Avatar named colors
|
|
81
81
|
*/
|
|
82
|
-
|
|
82
|
+
BaseAvatar.colors = Object.values(AvatarNamedColor);
|
|
83
83
|
__decorate([
|
|
84
84
|
attr
|
|
85
|
-
],
|
|
85
|
+
], BaseAvatar.prototype, "name", void 0);
|
|
86
86
|
__decorate([
|
|
87
87
|
attr
|
|
88
|
-
],
|
|
88
|
+
], BaseAvatar.prototype, "initials", void 0);
|
|
89
89
|
__decorate([
|
|
90
90
|
attr({ converter: nullableNumberConverter })
|
|
91
|
-
],
|
|
91
|
+
], BaseAvatar.prototype, "size", void 0);
|
|
92
92
|
__decorate([
|
|
93
93
|
attr
|
|
94
|
-
],
|
|
94
|
+
], BaseAvatar.prototype, "active", void 0);
|
|
95
95
|
__decorate([
|
|
96
96
|
attr
|
|
97
|
-
],
|
|
97
|
+
], BaseAvatar.prototype, "color", void 0);
|
|
98
98
|
__decorate([
|
|
99
|
-
attr
|
|
100
|
-
],
|
|
99
|
+
attr({ attribute: 'color-id' })
|
|
100
|
+
], BaseAvatar.prototype, "colorId", void 0);
|
|
101
|
+
export { BaseAvatar };
|
|
102
|
+
/**
|
|
103
|
+
* An Avatar Custom HTML Element.
|
|
104
|
+
* Based on BaseAvatar and includes style and layout specific attributes
|
|
105
|
+
*
|
|
106
|
+
* @public
|
|
107
|
+
*/
|
|
108
|
+
export class Avatar extends BaseAvatar {
|
|
109
|
+
}
|
|
101
110
|
__decorate([
|
|
102
111
|
attr
|
|
103
|
-
], Avatar.prototype, "
|
|
112
|
+
], Avatar.prototype, "shape", void 0);
|
|
104
113
|
__decorate([
|
|
105
|
-
attr
|
|
106
|
-
], Avatar.prototype, "
|
|
107
|
-
export { Avatar };
|
|
114
|
+
attr
|
|
115
|
+
], Avatar.prototype, "appearance", void 0);
|
|
108
116
|
// copied from React avatar
|
|
109
117
|
const getHashCode = (str) => {
|
|
110
118
|
let hashCode = 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAc,UAAU,EAAW,MAAM,yBAAyB,CAAC;AACtH,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAGL,WAAW,EACX,gBAAgB,GAGjB,MAAM,qBAAqB,CAAC;AAE7B;;;GAGG;AACH,MAAa,
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/avatar/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Avatar } from './avatar.js';
|
|
1
|
+
export { BaseAvatar, Avatar } from './avatar.js';
|
|
2
2
|
export { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize, } from './avatar.options.js';
|
|
3
3
|
export { template as AvatarTemplate } from './avatar.template.js';
|
|
4
4
|
export { styles as AvatarStyles } from './avatar.styles.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { AccordionItem, accordionItemDefinition, AccordionItemMarkerPosition, AccordionItemSize, accordionItemStyles, accordionItemTemplate, } from './accordion-item/index.js';
|
|
2
2
|
export { Accordion, accordionDefinition, AccordionExpandMode, accordionStyles, accordionTemplate, } from './accordion/index.js';
|
|
3
3
|
export { Link, LinkAppearance, LinkDefinition, LinkTemplate, LinkTarget } from './link/index.js';
|
|
4
|
-
export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition, AvatarNamedColor, AvatarShape, AvatarSize, AvatarStyles, AvatarTemplate, } from './avatar/index.js';
|
|
4
|
+
export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition, AvatarNamedColor, AvatarShape, AvatarSize, AvatarStyles, AvatarTemplate, BaseAvatar, } from './avatar/index.js';
|
|
5
5
|
export { Badge, BadgeAppearance, BadgeColor, BadgeDefinition, BadgeShape, BadgeSize, BadgeStyles, BadgeTemplate, } from './badge/index.js';
|
|
6
6
|
export { BaseButton, Button, ButtonAppearance, ButtonDefinition, ButtonFormTarget, ButtonShape, ButtonSize, ButtonStyles, ButtonTemplate, ButtonType, } from './button/index.js';
|
|
7
7
|
export { Checkbox, CheckboxDefinition, CheckboxShape, CheckboxSize, CheckboxStyles, CheckboxTemplate, } from './checkbox/index.js';
|
|
@@ -21,18 +21,18 @@ export { MenuButton, MenuButtonAppearance, MenuButtonDefinition, MenuButtonShape
|
|
|
21
21
|
export { MenuItem, MenuItemDefinition, MenuItemRole, MenuItemStyles, MenuItemTemplate, roleForMenuItem, } from './menu-item/index.js';
|
|
22
22
|
export { MenuList, MenuListDefinition, MenuListStyles, MenuListTemplate } from './menu-list/index.js';
|
|
23
23
|
export { Menu, MenuDefinition, MenuStyles, MenuTemplate } from './menu/index.js';
|
|
24
|
-
export { ProgressBar, ProgressBarDefinition, ProgressBarShape, ProgressBarStyles, ProgressBarTemplate, ProgressBarThickness, ProgressBarValidationState, } from './progress-bar/index.js';
|
|
24
|
+
export { BaseProgressBar, ProgressBar, ProgressBarDefinition, ProgressBarShape, ProgressBarStyles, ProgressBarTemplate, ProgressBarThickness, ProgressBarValidationState, } from './progress-bar/index.js';
|
|
25
25
|
export { RadioGroup, RadioGroupDefinition, RadioGroupOrientation, RadioGroupStyles, RadioGroupTemplate, } from './radio-group/index.js';
|
|
26
26
|
export { Radio, RadioDefinition, RadioStyles, RadioTemplate } from './radio/index.js';
|
|
27
27
|
export { RatingDisplay, RatingDisplayColor, RatingDisplayDefinition, RatingDisplaySize, RatingDisplayStyles, RatingDisplayTemplate, } from './rating-display/index.js';
|
|
28
28
|
export { Slider, SliderDefinition, SliderMode, SliderOrientation, SliderSize, SliderStyles, SliderTemplate, } from './slider/index.js';
|
|
29
|
-
export { Spinner, SpinnerAppearance, SpinnerDefinition, SpinnerSize, SpinnerStyles, SpinnerTemplate, } from './spinner/index.js';
|
|
29
|
+
export { BaseSpinner, Spinner, SpinnerAppearance, SpinnerDefinition, SpinnerSize, SpinnerStyles, SpinnerTemplate, } from './spinner/index.js';
|
|
30
30
|
export { typographyBody1StrongerStyles, typographyBody1StrongStyles, typographyBody1Styles, typographyBody2Styles, typographyCaption1StrongerStyles, typographyCaption1StrongStyles, typographyCaption1Styles, typographyCaption2StrongStyles, typographyCaption2Styles, typographyDisplayStyles, typographyLargeTitleStyles, typographySubtitle1Styles, typographySubtitle2StrongerStyles, typographySubtitle2Styles, typographyTitle1Styles, typographyTitle2Styles, typographyTitle3Styles, } from './styles/partials/typography.partials.js';
|
|
31
31
|
export { Switch, SwitchDefinition, SwitchLabelPosition, SwitchStyles, SwitchTemplate } from './switch/index.js';
|
|
32
32
|
export { TabPanel, TabPanelDefinition, TabPanelStyles, TabPanelTemplate } from './tab-panel/index.js';
|
|
33
33
|
export { Tab, TabDefinition, TabStyles, TabTemplate } from './tab/index.js';
|
|
34
34
|
export { Tabs, TabsAppearance, TabsDefinition, TabsOrientation, TabsSize, TabsStyles, TabsTemplate, } from './tabs/index.js';
|
|
35
|
-
export { TextInput, TextInputAppearance, TextInputControlSize, TextInputDefinition, TextInputStyles, TextInputTemplate, TextInputType, } from './text-input/index.js';
|
|
35
|
+
export { BaseTextInput, TextInput, TextInputAppearance, TextInputControlSize, TextInputDefinition, TextInputStyles, TextInputTemplate, TextInputType, } from './text-input/index.js';
|
|
36
36
|
export { Text, TextAlign, TextDefinition, TextFont, TextSize, TextStyles, TextTemplate, TextWeight, } from './text/index.js';
|
|
37
37
|
export * from './theme/design-tokens.js';
|
|
38
38
|
export { setTheme, setThemeFor } from './theme/index.js';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,2BAA2B,EAC3B,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,SAAS,EACT,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EACL,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { definition as ProgressBarDefinition } from './progress-bar.definition.js';
|
|
2
|
-
export { ProgressBar } from './progress-bar.js';
|
|
2
|
+
export { BaseProgressBar, ProgressBar } from './progress-bar.js';
|
|
3
3
|
export { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js';
|
|
4
4
|
export { styles as ProgressBarStyles } from './progress-bar.styles.js';
|
|
5
5
|
export { template as ProgressBarTemplate } from './progress-bar.template.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAC/G,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC"}
|