@m3e/fab 1.0.0-rc.2 → 1.0.0-rc.4
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 +1 -1
- package/dist/custom-elements.json +39 -41
- package/dist/src/FabElement.d.ts +356 -0
- package/dist/src/FabElement.d.ts.map +1 -0
- package/dist/src/FabSize.d.ts +3 -0
- package/dist/src/FabSize.d.ts.map +1 -0
- package/dist/src/FabVariant.d.ts +3 -0
- package/dist/src/FabVariant.d.ts.map +1 -0
- package/dist/src/index.d.ts +4 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/styles/FabSizeStyle.d.ts +7 -0
- package/dist/src/styles/FabSizeStyle.d.ts.map +1 -0
- package/dist/src/styles/FabSizeToken.d.ts +25 -0
- package/dist/src/styles/FabSizeToken.d.ts.map +1 -0
- package/dist/src/styles/FabStyle.d.ts +7 -0
- package/dist/src/styles/FabStyle.d.ts.map +1 -0
- package/dist/src/styles/FabVariantStyle.d.ts +7 -0
- package/dist/src/styles/FabVariantStyle.d.ts.map +1 -0
- package/dist/src/styles/FabVariantToken.d.ts +52 -0
- package/dist/src/styles/FabVariantToken.d.ts.map +1 -0
- package/dist/src/styles/index.d.ts +4 -0
- package/dist/src/styles/index.d.ts.map +1 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -31,7 +31,7 @@ Alternately, you can explicitly reference the `html-custom-data.json` and `css-c
|
|
|
31
31
|
}
|
|
32
32
|
```
|
|
33
33
|
|
|
34
|
-
## 🚀
|
|
34
|
+
## 🚀 Native Module Support
|
|
35
35
|
|
|
36
36
|
This package uses [JavaScript Modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules#module_specifiers). To use it directly in a browser without a bundler, use a module script similar to the following.
|
|
37
37
|
|
|
@@ -1281,6 +1281,21 @@
|
|
|
1281
1281
|
"module": "../core/src/shared/mixins/LinkButton.ts"
|
|
1282
1282
|
}
|
|
1283
1283
|
},
|
|
1284
|
+
{
|
|
1285
|
+
"kind": "field",
|
|
1286
|
+
"name": "formAssociated",
|
|
1287
|
+
"static": true,
|
|
1288
|
+
"readonly": true,
|
|
1289
|
+
"default": "true",
|
|
1290
|
+
"description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
|
|
1291
|
+
"type": {
|
|
1292
|
+
"text": "boolean"
|
|
1293
|
+
},
|
|
1294
|
+
"inheritedFrom": {
|
|
1295
|
+
"name": "AttachInternals",
|
|
1296
|
+
"module": "../core/src/shared/mixins/AttachInternals.ts"
|
|
1297
|
+
}
|
|
1298
|
+
},
|
|
1284
1299
|
{
|
|
1285
1300
|
"kind": "field",
|
|
1286
1301
|
"name": "name",
|
|
@@ -1367,18 +1382,6 @@
|
|
|
1367
1382
|
"module": "../core/src/shared/mixins/Disabled.ts"
|
|
1368
1383
|
}
|
|
1369
1384
|
},
|
|
1370
|
-
{
|
|
1371
|
-
"kind": "field",
|
|
1372
|
-
"name": "formAssociated",
|
|
1373
|
-
"static": true,
|
|
1374
|
-
"readonly": true,
|
|
1375
|
-
"default": "formAssociated",
|
|
1376
|
-
"description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
|
|
1377
|
-
"inheritedFrom": {
|
|
1378
|
-
"name": "AttachInternals",
|
|
1379
|
-
"module": "../core/src/shared/mixins/AttachInternals.ts"
|
|
1380
|
-
}
|
|
1381
|
-
},
|
|
1382
1385
|
{
|
|
1383
1386
|
"kind": "field",
|
|
1384
1387
|
"name": "[_internals]",
|
|
@@ -2571,25 +2574,6 @@
|
|
|
2571
2574
|
"kind": "mixin",
|
|
2572
2575
|
"description": "Mixin that adds support for custom event attributes.",
|
|
2573
2576
|
"name": "EventAttribute",
|
|
2574
|
-
"members": [
|
|
2575
|
-
{
|
|
2576
|
-
"kind": "method",
|
|
2577
|
-
"name": "dispatchEvent",
|
|
2578
|
-
"return": {
|
|
2579
|
-
"type": {
|
|
2580
|
-
"text": "boolean"
|
|
2581
|
-
}
|
|
2582
|
-
},
|
|
2583
|
-
"parameters": [
|
|
2584
|
-
{
|
|
2585
|
-
"name": "event",
|
|
2586
|
-
"type": {
|
|
2587
|
-
"text": "Event"
|
|
2588
|
-
}
|
|
2589
|
-
}
|
|
2590
|
-
]
|
|
2591
|
-
}
|
|
2592
|
-
],
|
|
2593
2577
|
"parameters": [
|
|
2594
2578
|
{
|
|
2595
2579
|
"name": "base",
|
|
@@ -2887,6 +2871,17 @@
|
|
|
2887
2871
|
"description": "Mixin to augment an element with behavior used to submit a form.",
|
|
2888
2872
|
"name": "FormSubmitter",
|
|
2889
2873
|
"members": [
|
|
2874
|
+
{
|
|
2875
|
+
"kind": "field",
|
|
2876
|
+
"name": "formAssociated",
|
|
2877
|
+
"type": {
|
|
2878
|
+
"text": "boolean"
|
|
2879
|
+
},
|
|
2880
|
+
"static": true,
|
|
2881
|
+
"readonly": true,
|
|
2882
|
+
"default": "true",
|
|
2883
|
+
"description": "Indicates that this custom element participates in form submission, validation, and form state restoration."
|
|
2884
|
+
},
|
|
2890
2885
|
{
|
|
2891
2886
|
"kind": "field",
|
|
2892
2887
|
"name": "name",
|
|
@@ -3423,6 +3418,11 @@
|
|
|
3423
3418
|
"kind": "javascript-module",
|
|
3424
3419
|
"path": "../core/src/shared/mixins/Labelled.ts",
|
|
3425
3420
|
"declarations": [
|
|
3421
|
+
{
|
|
3422
|
+
"kind": "variable",
|
|
3423
|
+
"name": "updateLabels",
|
|
3424
|
+
"description": "A symbol through which to update labels to reflect a control's current state."
|
|
3425
|
+
},
|
|
3426
3426
|
{
|
|
3427
3427
|
"kind": "function",
|
|
3428
3428
|
"name": "isLabelledMixin",
|
|
@@ -3472,16 +3472,6 @@
|
|
|
3472
3472
|
},
|
|
3473
3473
|
"description": "The label elements that the element is associated with.",
|
|
3474
3474
|
"readonly": true
|
|
3475
|
-
},
|
|
3476
|
-
{
|
|
3477
|
-
"kind": "method",
|
|
3478
|
-
"name": "[_updateLabels]",
|
|
3479
|
-
"privacy": "private",
|
|
3480
|
-
"return": {
|
|
3481
|
-
"type": {
|
|
3482
|
-
"text": "void"
|
|
3483
|
-
}
|
|
3484
|
-
}
|
|
3485
3475
|
}
|
|
3486
3476
|
],
|
|
3487
3477
|
"parameters": [
|
|
@@ -3496,6 +3486,14 @@
|
|
|
3496
3486
|
}
|
|
3497
3487
|
],
|
|
3498
3488
|
"exports": [
|
|
3489
|
+
{
|
|
3490
|
+
"kind": "js",
|
|
3491
|
+
"name": "updateLabels",
|
|
3492
|
+
"declaration": {
|
|
3493
|
+
"name": "updateLabels",
|
|
3494
|
+
"module": "../core/src/shared/mixins/Labelled.ts"
|
|
3495
|
+
}
|
|
3496
|
+
},
|
|
3499
3497
|
{
|
|
3500
3498
|
"kind": "js",
|
|
3501
3499
|
"name": "isLabelledMixin",
|
|
@@ -0,0 +1,356 @@
|
|
|
1
|
+
import { CSSResultGroup, LitElement, PropertyValues } from "lit";
|
|
2
|
+
import { FabSize } from "./FabSize";
|
|
3
|
+
import { FabVariant } from "./FabVariant";
|
|
4
|
+
declare const M3eFabElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").LinkButtonMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").FormSubmitterMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledInteractiveMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").AttachInternalsMixin> & typeof LitElement;
|
|
5
|
+
/**
|
|
6
|
+
* A floating action button (FAB) used to present important actions.
|
|
7
|
+
*
|
|
8
|
+
* @description
|
|
9
|
+
* The `m3e-fab` component is a prominent, expressive UI component that represents the primary action on a screen.
|
|
10
|
+
* Designed according to Material Design 3 guidelines, it supports seven visual variants, specified using the
|
|
11
|
+
* `variant` attribute—`primary`, `primary-container`, `secondary`, `secondary-container`, `tertiary`, `tertiary-container`
|
|
12
|
+
* and `surface`—each with dynamic elevation and adaptive color theming.
|
|
13
|
+
*
|
|
14
|
+
* The component is accessible by default, with ARIA roles, contrast-safe color tokens, and strong focus indicators.
|
|
15
|
+
* It can be extended to display a label alongside its icon, and responds to interaction states (hover, focus, press, disabled)
|
|
16
|
+
* with smooth motion transitions, elevation changes, and adaptive color theming. It can also function as a link or be
|
|
17
|
+
* used to submit form data.
|
|
18
|
+
*
|
|
19
|
+
* Native disabled `<button>` elements cannot receive focus. This can be problematic in some cases because it can prevent you
|
|
20
|
+
* from telling the user why the button is disabled. You can use the `disabled-interactive` attribute to style a `m3e-fab`
|
|
21
|
+
* as disabled but allow for it to receive focus. The button will have `aria-disabled="true"` for assistive technology.
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* The following example illustrates a basic floating action button.
|
|
25
|
+
* ```html
|
|
26
|
+
* <m3e-fab>
|
|
27
|
+
* <m3e-icon>add</m3e-icon>
|
|
28
|
+
* </m3e-fab>
|
|
29
|
+
* ```
|
|
30
|
+
*
|
|
31
|
+
* @example
|
|
32
|
+
* The next example illustrates an extended floating action button.
|
|
33
|
+
* ```html
|
|
34
|
+
* <m3e-fab extended>
|
|
35
|
+
* <m3e-icon>add</m3e-icon>
|
|
36
|
+
* <span slot="label">Add</span>
|
|
37
|
+
* </m3e-fab>
|
|
38
|
+
* ```
|
|
39
|
+
*
|
|
40
|
+
* @tag m3e-fab
|
|
41
|
+
*
|
|
42
|
+
* @slot - Renders the icon of the button.
|
|
43
|
+
* @slot label - Renders the label of an extended button.
|
|
44
|
+
* @slot close-icon - Renders the close icon when used to open a FAB menu.
|
|
45
|
+
*
|
|
46
|
+
* @attr disabled - Whether the element is disabled.
|
|
47
|
+
* @attr disabled-interactive - Whether the element is disabled and interactive.
|
|
48
|
+
* @attr download - A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.
|
|
49
|
+
* @attr extended - Whether the button is extended to show the label.
|
|
50
|
+
* @attr href - The URL to which the link button points.
|
|
51
|
+
* @attr lowered - Whether to present a lowered elevation.
|
|
52
|
+
* @attr name - The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.
|
|
53
|
+
* @attr rel - The relationship between the `target` of the link button and the document.
|
|
54
|
+
* @attr size - The size of the button.
|
|
55
|
+
* @attr target - The target of the link button.
|
|
56
|
+
* @attr type - The type of the element.
|
|
57
|
+
* @attr value - The value associated with the element's name when it's submitted with form data.
|
|
58
|
+
* @attr variant - The appearance variant of the button.
|
|
59
|
+
*
|
|
60
|
+
* @fires click - Emitted when the element is clicked.
|
|
61
|
+
*
|
|
62
|
+
* @cssprop --m3e-fab-small-container-height - Height of the small FAB container.
|
|
63
|
+
* @cssprop --m3e-fab-small-label-text-font-size - Font size for the small FAB label text.
|
|
64
|
+
* @cssprop --m3e-fab-small-label-text-font-weight - Font weight for the small FAB label text.
|
|
65
|
+
* @cssprop --m3e-fab-small-label-text-line-height - Line height for the small FAB label text.
|
|
66
|
+
* @cssprop --m3e-fab-small-label-text-tracking - Letter spacing (tracking) for the small FAB label text.
|
|
67
|
+
* @cssprop --m3e-fab-small-icon-size - Icon size for the small FAB.
|
|
68
|
+
* @cssprop --m3e-fab-small-shape - Border radius for the small FAB.
|
|
69
|
+
* @cssprop --m3e-fab-small-leading-space - Leading space for the small FAB.
|
|
70
|
+
* @cssprop --m3e-fab-small-trailing-space - Trailing space for the small FAB.
|
|
71
|
+
* @cssprop --m3e-fab-small-icon-label-space - Space between icon and label for the small FAB.
|
|
72
|
+
* @cssprop --m3e-fab-medium-container-height - Height of the medium FAB container.
|
|
73
|
+
* @cssprop --m3e-fab-medium-label-text-font-size - Font size for the medium FAB label text.
|
|
74
|
+
* @cssprop --m3e-fab-medium-label-text-font-weight - Font weight for the medium FAB label text.
|
|
75
|
+
* @cssprop --m3e-fab-medium-label-text-line-height - Line height for the medium FAB label text.
|
|
76
|
+
* @cssprop --m3e-fab-medium-label-text-tracking - Letter spacing (tracking) for the medium FAB label text.
|
|
77
|
+
* @cssprop --m3e-fab-medium-icon-size - Icon size for the medium FAB.
|
|
78
|
+
* @cssprop --m3e-fab-medium-shape - Border radius for the medium FAB.
|
|
79
|
+
* @cssprop --m3e-fab-medium-leading-space - Leading space for the medium FAB.
|
|
80
|
+
* @cssprop --m3e-fab-medium-trailing-space - Trailing space for the medium FAB.
|
|
81
|
+
* @cssprop --m3e-fab-medium-icon-label-space - Space between icon and label for the medium FAB.
|
|
82
|
+
* @cssprop --m3e-fab-large-container-height - Height of the large FAB container.
|
|
83
|
+
* @cssprop --m3e-fab-large-label-text-font-size - Font size for the large FAB label text.
|
|
84
|
+
* @cssprop --m3e-fab-large-label-text-font-weight - Font weight for the large FAB label text.
|
|
85
|
+
* @cssprop --m3e-fab-large-label-text-line-height - Line height for the large FAB label text.
|
|
86
|
+
* @cssprop --m3e-fab-large-label-text-tracking - Letter spacing (tracking) for the large FAB label text.
|
|
87
|
+
* @cssprop --m3e-fab-large-icon-size - Icon size for the large FAB.
|
|
88
|
+
* @cssprop --m3e-fab-large-shape - Border radius for the large FAB.
|
|
89
|
+
* @cssprop --m3e-fab-large-leading-space - Leading space for the large FAB.
|
|
90
|
+
* @cssprop --m3e-fab-large-trailing-space - Trailing space for the large FAB.
|
|
91
|
+
* @cssprop --m3e-fab-large-icon-label-space - Space between icon and label for the large FAB.
|
|
92
|
+
* @cssprop --m3e-primary-fab-label-text-color - Default label text color for primary FAB.
|
|
93
|
+
* @cssprop --m3e-primary-fab-icon-color - Default icon color for primary FAB.
|
|
94
|
+
* @cssprop --m3e-primary-fab-container-color - Default container background color for primary FAB.
|
|
95
|
+
* @cssprop --m3e-primary-fab-container-elevation - Resting elevation for primary FAB.
|
|
96
|
+
* @cssprop --m3e-primary-fab-lowered-container-elevation - Lowered resting elevation for primary FAB.
|
|
97
|
+
* @cssprop --m3e-primary-fab-disabled-container-color - Container background color when disabled (primary).
|
|
98
|
+
* @cssprop --m3e-primary-fab-disabled-container-opacity - Opacity of container when disabled (primary).
|
|
99
|
+
* @cssprop --m3e-primary-fab-disabled-icon-color - Icon color when disabled (primary).
|
|
100
|
+
* @cssprop --m3e-primary-fab-disabled-icon-opacity - Icon opacity when disabled (primary).
|
|
101
|
+
* @cssprop --m3e-primary-fab-disabled-label-text-color - Label text color when disabled (primary).
|
|
102
|
+
* @cssprop --m3e-primary-fab-disabled-label-text-opacity - Label text opacity when disabled (primary).
|
|
103
|
+
* @cssprop --m3e-primary-fab-disabled-container-elevation - Elevation when disabled (primary).
|
|
104
|
+
* @cssprop --m3e-primary-fab-lowered-disabled-container-elevation - Lowered elevation when disabled (primary).
|
|
105
|
+
* @cssprop --m3e-primary-fab-hover-icon-color - Icon color on hover (primary).
|
|
106
|
+
* @cssprop --m3e-primary-fab-hover-label-text-color - Label text color on hover (primary).
|
|
107
|
+
* @cssprop --m3e-primary-fab-hover-state-layer-color - State layer color on hover (primary).
|
|
108
|
+
* @cssprop --m3e-primary-fab-hover-state-layer-opacity - State layer opacity on hover (primary).
|
|
109
|
+
* @cssprop --m3e-primary-fab-hover-container-elevation - Elevation on hover (primary).
|
|
110
|
+
* @cssprop --m3e-primary-fab-lowered-hover-container-elevation - Lowered elevation on hover (primary).
|
|
111
|
+
* @cssprop --m3e-primary-fab-focus-icon-color - Icon color on focus (primary).
|
|
112
|
+
* @cssprop --m3e-primary-fab-focus-label-text-color - Label text color on focus (primary).
|
|
113
|
+
* @cssprop --m3e-primary-fab-focus-state-layer-color - State layer color on focus (primary).
|
|
114
|
+
* @cssprop --m3e-primary-fab-focus-state-layer-opacity - State layer opacity on focus (primary).
|
|
115
|
+
* @cssprop --m3e-primary-fab-focus-container-elevation - Elevation on focus (primary).
|
|
116
|
+
* @cssprop --m3e-primary-fab-lowered-focus-container-elevation - Lowered elevation on focus (primary).
|
|
117
|
+
* @cssprop --m3e-primary-fab-pressed-icon-color - Icon color on pressed (primary).
|
|
118
|
+
* @cssprop --m3e-primary-fab-pressed-label-text-color - Label text color on pressed (primary).
|
|
119
|
+
* @cssprop --m3e-primary-fab-pressed-state-layer-color - State layer color on pressed (primary).
|
|
120
|
+
* @cssprop --m3e-primary-fab-pressed-state-layer-opacity - State layer opacity on pressed (primary).
|
|
121
|
+
* @cssprop --m3e-primary-fab-pressed-container-elevation - Elevation on pressed (primary).
|
|
122
|
+
* @cssprop --m3e-primary-fab-lowered-pressed-container-elevation - Lowered elevation on pressed (primary).
|
|
123
|
+
* @cssprop --m3e-secondary-fab-label-text-color - Default label text color for secondary FAB.
|
|
124
|
+
* @cssprop --m3e-secondary-fab-icon-color - Default icon color for secondary FAB.
|
|
125
|
+
* @cssprop --m3e-secondary-fab-container-color - Default container background color for secondary FAB.
|
|
126
|
+
* @cssprop --m3e-secondary-fab-container-elevation - Resting elevation for secondary FAB.
|
|
127
|
+
* @cssprop --m3e-secondary-fab-lowered-container-elevation - Lowered resting elevation for secondary FAB.
|
|
128
|
+
* @cssprop --m3e-secondary-fab-disabled-container-color - Container background color when disabled (secondary).
|
|
129
|
+
* @cssprop --m3e-secondary-fab-disabled-container-opacity - Opacity of container when disabled (secondary).
|
|
130
|
+
* @cssprop --m3e-secondary-fab-disabled-icon-color - Icon color when disabled (secondary).
|
|
131
|
+
* @cssprop --m3e-secondary-fab-disabled-icon-opacity - Icon opacity when disabled (secondary).
|
|
132
|
+
* @cssprop --m3e-secondary-fab-disabled-label-text-color - Label text color when disabled (secondary).
|
|
133
|
+
* @cssprop --m3e-secondary-fab-disabled-label-text-opacity - Label text opacity when disabled (secondary).
|
|
134
|
+
* @cssprop --m3e-secondary-fab-disabled-container-elevation - Elevation when disabled (secondary).
|
|
135
|
+
* @cssprop --m3e-secondary-fab-lowered-disabled-container-elevation - Lowered elevation when disabled (secondary).
|
|
136
|
+
* @cssprop --m3e-secondary-fab-hover-icon-color - Icon color on hover (secondary).
|
|
137
|
+
* @cssprop --m3e-secondary-fab-hover-label-text-color - Label text color on hover (secondary).
|
|
138
|
+
* @cssprop --m3e-secondary-fab-hover-state-layer-color - State layer color on hover (secondary).
|
|
139
|
+
* @cssprop --m3e-secondary-fab-hover-state-layer-opacity - State layer opacity on hover (secondary).
|
|
140
|
+
* @cssprop --m3e-secondary-fab-hover-container-elevation - Elevation on hover (secondary).
|
|
141
|
+
* @cssprop --m3e-secondary-fab-lowered-hover-container-elevation - Lowered elevation on hover (secondary).
|
|
142
|
+
* @cssprop --m3e-secondary-fab-focus-icon-color - Icon color on focus (secondary).
|
|
143
|
+
* @cssprop --m3e-secondary-fab-focus-label-text-color - Label text color on focus (secondary).
|
|
144
|
+
* @cssprop --m3e-secondary-fab-focus-state-layer-color - State layer color on focus (secondary).
|
|
145
|
+
* @cssprop --m3e-secondary-fab-focus-state-layer-opacity - State layer opacity on focus (secondary).
|
|
146
|
+
* @cssprop --m3e-secondary-fab-focus-container-elevation - Elevation on focus (secondary).
|
|
147
|
+
* @cssprop --m3e-secondary-fab-lowered-focus-container-elevation - Lowered elevation on focus (secondary).
|
|
148
|
+
* @cssprop --m3e-secondary-fab-pressed-icon-color - Icon color on pressed (secondary).
|
|
149
|
+
* @cssprop --m3e-secondary-fab-pressed-label-text-color - Label text color on pressed (secondary).
|
|
150
|
+
* @cssprop --m3e-secondary-fab-pressed-state-layer-color - State layer color on pressed (secondary).
|
|
151
|
+
* @cssprop --m3e-secondary-fab-pressed-state-layer-opacity - State layer opacity on pressed (secondary).
|
|
152
|
+
* @cssprop --m3e-secondary-fab-pressed-container-elevation - Elevation on pressed (secondary).
|
|
153
|
+
* @cssprop --m3e-secondary-fab-lowered-pressed-container-elevation - Lowered elevation on pressed (secondary).
|
|
154
|
+
* @cssprop --m3e-tertiary-fab-label-text-color - Default label text color for tertiary FAB.
|
|
155
|
+
* @cssprop --m3e-tertiary-fab-icon-color - Default icon color for tertiary FAB.
|
|
156
|
+
* @cssprop --m3e-tertiary-fab-container-color - Default container background color for tertiary FAB.
|
|
157
|
+
* @cssprop --m3e-tertiary-fab-container-elevation - Resting elevation for tertiary FAB.
|
|
158
|
+
* @cssprop --m3e-tertiary-fab-lowered-container-elevation - Lowered resting elevation for tertiary FAB.
|
|
159
|
+
* @cssprop --m3e-tertiary-fab-disabled-container-color - Container background color when disabled (tertiary).
|
|
160
|
+
* @cssprop --m3e-tertiary-fab-disabled-container-opacity - Opacity of container when disabled (tertiary).
|
|
161
|
+
* @cssprop --m3e-tertiary-fab-disabled-icon-color - Icon color when disabled (tertiary).
|
|
162
|
+
* @cssprop --m3e-tertiary-fab-disabled-icon-opacity - Icon opacity when disabled (tertiary).
|
|
163
|
+
* @cssprop --m3e-tertiary-fab-disabled-label-text-color - Label text color when disabled (tertiary).
|
|
164
|
+
* @cssprop --m3e-tertiary-fab-disabled-label-text-opacity - Label text opacity when disabled (tertiary).
|
|
165
|
+
* @cssprop --m3e-tertiary-fab-disabled-container-elevation - Elevation when disabled (tertiary).
|
|
166
|
+
* @cssprop --m3e-tertiary-fab-lowered-disabled-container-elevation - Lowered elevation when disabled (tertiary).
|
|
167
|
+
* @cssprop --m3e-tertiary-fab-hover-icon-color - Icon color on hover (tertiary).
|
|
168
|
+
* @cssprop --m3e-tertiary-fab-hover-label-text-color - Label text color on hover (tertiary).
|
|
169
|
+
* @cssprop --m3e-tertiary-fab-hover-state-layer-color - State layer color on hover (tertiary).
|
|
170
|
+
* @cssprop --m3e-tertiary-fab-hover-state-layer-opacity - State layer opacity on hover (tertiary).
|
|
171
|
+
* @cssprop --m3e-tertiary-fab-hover-container-elevation - Elevation on hover (tertiary).
|
|
172
|
+
* @cssprop --m3e-tertiary-fab-lowered-hover-container-elevation - Lowered elevation on hover (tertiary).
|
|
173
|
+
* @cssprop --m3e-tertiary-fab-focus-icon-color - Icon color on focus (tertiary).
|
|
174
|
+
* @cssprop --m3e-tertiary-fab-focus-label-text-color - Label text color on focus (tertiary).
|
|
175
|
+
* @cssprop --m3e-tertiary-fab-focus-state-layer-color - State layer color on focus (tertiary).
|
|
176
|
+
* @cssprop --m3e-tertiary-fab-focus-state-layer-opacity - State layer opacity on focus (tertiary).
|
|
177
|
+
* @cssprop --m3e-tertiary-fab-focus-container-elevation - Elevation on focus (tertiary).
|
|
178
|
+
* @cssprop --m3e-tertiary-fab-lowered-focus-container-elevation - Lowered elevation on focus (tertiary).
|
|
179
|
+
* @cssprop --m3e-tertiary-fab-pressed-icon-color - Icon color on pressed (tertiary).
|
|
180
|
+
* @cssprop --m3e-tertiary-fab-pressed-label-text-color - Label text color on pressed (tertiary).
|
|
181
|
+
* @cssprop --m3e-tertiary-fab-pressed-state-layer-color - State layer color on pressed (tertiary).
|
|
182
|
+
* @cssprop --m3e-tertiary-fab-pressed-state-layer-opacity - State layer opacity on pressed (tertiary).
|
|
183
|
+
* @cssprop --m3e-tertiary-fab-pressed-container-elevation - Elevation on pressed (tertiary).
|
|
184
|
+
* @cssprop --m3e-tertiary-fab-lowered-pressed-container-elevation - Lowered elevation on pressed (tertiary).
|
|
185
|
+
* @cssprop --m3e-primary-container-fab-label-text-color - Default label text color for primary-container FAB.
|
|
186
|
+
* @cssprop --m3e-primary-container-fab-icon-color - Default icon color for primary-container FAB.
|
|
187
|
+
* @cssprop --m3e-primary-container-fab-container-color - Default container background color for primary-container FAB.
|
|
188
|
+
* @cssprop --m3e-primary-container-fab-container-elevation - Resting elevation for primary-container FAB.
|
|
189
|
+
* @cssprop --m3e-primary-container-fab-lowered-container-elevation - Lowered resting elevation for primary-container FAB.
|
|
190
|
+
* @cssprop --m3e-primary-container-fab-disabled-container-color - Container background color when disabled (primary-container).
|
|
191
|
+
* @cssprop --m3e-primary-container-fab-disabled-container-opacity - Opacity of container when disabled (primary-container).
|
|
192
|
+
* @cssprop --m3e-primary-container-fab-disabled-icon-color - Icon color when disabled (primary-container).
|
|
193
|
+
* @cssprop --m3e-primary-container-fab-disabled-icon-opacity - Icon opacity when disabled (primary-container).
|
|
194
|
+
* @cssprop --m3e-primary-container-fab-disabled-label-text-color - Label text color when disabled (primary-container).
|
|
195
|
+
* @cssprop --m3e-primary-container-fab-disabled-label-text-opacity - Label text opacity when disabled (primary-container).
|
|
196
|
+
* @cssprop --m3e-primary-container-fab-disabled-container-elevation - Elevation when disabled (primary-container).
|
|
197
|
+
* @cssprop --m3e-primary-container-fab-lowered-disabled-container-elevation - Lowered elevation when disabled (primary-container).
|
|
198
|
+
* @cssprop --m3e-primary-container-fab-hover-icon-color - Icon color on hover (primary-container).
|
|
199
|
+
* @cssprop --m3e-primary-container-fab-hover-label-text-color - Label text color on hover (primary-container).
|
|
200
|
+
* @cssprop --m3e-primary-container-fab-hover-state-layer-color - State layer color on hover (primary-container).
|
|
201
|
+
* @cssprop --m3e-primary-container-fab-hover-state-layer-opacity - State layer opacity on hover (primary-container).
|
|
202
|
+
* @cssprop --m3e-primary-container-fab-hover-container-elevation - Elevation on hover (primary-container).
|
|
203
|
+
* @cssprop --m3e-primary-container-fab-lowered-hover-container-elevation - Lowered elevation on hover (primary-container).
|
|
204
|
+
* @cssprop --m3e-primary-container-fab-focus-icon-color - Icon color on focus (primary-container).
|
|
205
|
+
* @cssprop --m3e-primary-container-fab-focus-label-text-color - Label text color on focus (primary-container).
|
|
206
|
+
* @cssprop --m3e-primary-container-fab-focus-state-layer-color - State layer color on focus (primary-container).
|
|
207
|
+
* @cssprop --m3e-primary-container-fab-focus-state-layer-opacity - State layer opacity on focus (primary-container).
|
|
208
|
+
* @cssprop --m3e-primary-container-fab-focus-container-elevation - Elevation on focus (primary-container).
|
|
209
|
+
* @cssprop --m3e-primary-container-fab-lowered-focus-container-elevation - Lowered elevation on focus (primary-container).
|
|
210
|
+
* @cssprop --m3e-primary-container-fab-pressed-icon-color - Icon color on pressed (primary-container).
|
|
211
|
+
* @cssprop --m3e-primary-container-fab-pressed-label-text-color - Label text color on pressed (primary-container).
|
|
212
|
+
* @cssprop --m3e-primary-container-fab-pressed-state-layer-color - State layer color on pressed (primary-container).
|
|
213
|
+
* @cssprop --m3e-primary-container-fab-pressed-state-layer-opacity - State layer opacity on pressed (primary-container).
|
|
214
|
+
* @cssprop --m3e-primary-container-fab-pressed-container-elevation - Elevation on pressed (primary-container).
|
|
215
|
+
* @cssprop --m3e-primary-container-fab-lowered-pressed-container-elevation - Lowered elevation on pressed (primary-container).
|
|
216
|
+
* @cssprop --m3e-secondary-container-fab-label-text-color - Default label text color for secondary-container FAB.
|
|
217
|
+
* @cssprop --m3e-secondary-container-fab-icon-color - Default icon color for secondary-container FAB.
|
|
218
|
+
* @cssprop --m3e-secondary-container-fab-container-color - Default container background color for secondary-container FAB.
|
|
219
|
+
* @cssprop --m3e-secondary-container-fab-container-elevation - Resting elevation for secondary-container FAB.
|
|
220
|
+
* @cssprop --m3e-secondary-container-fab-lowered-container-elevation - Lowered resting elevation for secondary-container FAB.
|
|
221
|
+
* @cssprop --m3e-secondary-container-fab-disabled-container-color - Container background color when disabled (secondary-container).
|
|
222
|
+
* @cssprop --m3e-secondary-container-fab-disabled-container-opacity - Opacity of container when disabled (secondary-container).
|
|
223
|
+
* @cssprop --m3e-secondary-container-fab-disabled-icon-color - Icon color when disabled (secondary-container).
|
|
224
|
+
* @cssprop --m3e-secondary-container-fab-disabled-icon-opacity - Icon opacity when disabled (secondary-container).
|
|
225
|
+
* @cssprop --m3e-secondary-container-fab-disabled-label-text-color - Label text color when disabled (secondary-container).
|
|
226
|
+
* @cssprop --m3e-secondary-container-fab-disabled-label-text-opacity - Label text opacity when disabled (secondary-container).
|
|
227
|
+
* @cssprop --m3e-secondary-container-fab-disabled-container-elevation - Elevation when disabled (secondary-container).
|
|
228
|
+
* @cssprop --m3e-secondary-container-fab-lowered-disabled-container-elevation - Lowered elevation when disabled (secondary-container).
|
|
229
|
+
* @cssprop --m3e-secondary-container-fab-hover-icon-color - Icon color on hover (secondary-container).
|
|
230
|
+
* @cssprop --m3e-secondary-container-fab-hover-label-text-color - Label text color on hover (secondary-container).
|
|
231
|
+
* @cssprop --m3e-secondary-container-fab-hover-state-layer-color - State layer color on hover (secondary-container).
|
|
232
|
+
* @cssprop --m3e-secondary-container-fab-hover-state-layer-opacity - State layer opacity on hover (secondary-container).
|
|
233
|
+
* @cssprop --m3e-secondary-container-fab-hover-container-elevation - Elevation on hover (secondary-container).
|
|
234
|
+
* @cssprop --m3e-secondary-container-fab-lowered-hover-container-elevation - Lowered elevation on hover (secondary-container).
|
|
235
|
+
* @cssprop --m3e-secondary-container-fab-focus-icon-color - Icon color on focus (secondary-container).
|
|
236
|
+
* @cssprop --m3e-secondary-container-fab-focus-label-text-color - Label text color on focus (secondary-container).
|
|
237
|
+
* @cssprop --m3e-secondary-container-fab-focus-state-layer-color - State layer color on focus (secondary-container).
|
|
238
|
+
* @cssprop --m3e-secondary-container-fab-focus-state-layer-opacity - State layer opacity on focus (secondary-container).
|
|
239
|
+
* @cssprop --m3e-secondary-container-fab-focus-container-elevation - Elevation on focus (secondary-container).
|
|
240
|
+
* @cssprop --m3e-secondary-container-fab-lowered-focus-container-elevation - Lowered elevation on focus (secondary-container).
|
|
241
|
+
* @cssprop --m3e-secondary-container-fab-pressed-icon-color - Icon color on pressed (secondary-container).
|
|
242
|
+
* @cssprop --m3e-secondary-container-fab-pressed-label-text-color - Label text color on pressed (secondary-container).
|
|
243
|
+
* @cssprop --m3e-secondary-container-fab-pressed-state-layer-color - State layer color on pressed (secondary-container).
|
|
244
|
+
* @cssprop --m3e-secondary-container-fab-pressed-state-layer-opacity - State layer opacity on pressed (secondary-container).
|
|
245
|
+
* @cssprop --m3e-secondary-container-fab-pressed-container-elevation - Elevation on pressed (secondary-container).
|
|
246
|
+
* @cssprop --m3e-secondary-container-fab-lowered-pressed-container-elevation - Lowered elevation on pressed (secondary-container).
|
|
247
|
+
* @cssprop --m3e-tertiary-container-fab-label-text-color - Default label text color for tertiary-container FAB.
|
|
248
|
+
* @cssprop --m3e-tertiary-container-fab-icon-color - Default icon color for tertiary-container FAB.
|
|
249
|
+
* @cssprop --m3e-tertiary-container-fab-container-color - Default container background color for tertiary-container FAB.
|
|
250
|
+
* @cssprop --m3e-tertiary-container-fab-container-elevation - Resting elevation for tertiary-container FAB.
|
|
251
|
+
* @cssprop --m3e-tertiary-container-fab-lowered-container-elevation - Lowered resting elevation for tertiary-container FAB.
|
|
252
|
+
* @cssprop --m3e-tertiary-container-fab-disabled-container-color - Container background color when disabled (tertiary-container).
|
|
253
|
+
* @cssprop --m3e-tertiary-container-fab-disabled-container-opacity - Opacity of container when disabled (tertiary-container).
|
|
254
|
+
* @cssprop --m3e-tertiary-container-fab-disabled-icon-color - Icon color when disabled (tertiary-container).
|
|
255
|
+
* @cssprop --m3e-tertiary-container-fab-disabled-icon-opacity - Icon opacity when disabled (tertiary-container).
|
|
256
|
+
* @cssprop --m3e-tertiary-container-fab-disabled-label-text-color - Label text color when disabled (tertiary-container).
|
|
257
|
+
* @cssprop --m3e-tertiary-container-fab-disabled-label-text-opacity - Label text opacity when disabled (tertiary-container).
|
|
258
|
+
* @cssprop --m3e-tertiary-container-fab-disabled-container-elevation - Elevation when disabled (tertiary-container).
|
|
259
|
+
* @cssprop --m3e-tertiary-container-fab-lowered-disabled-container-elevation - Lowered elevation when disabled (tertiary-container).
|
|
260
|
+
* @cssprop --m3e-tertiary-container-fab-hover-icon-color - Icon color on hover (tertiary-container).
|
|
261
|
+
* @cssprop --m3e-tertiary-container-fab-hover-label-text-color - Label text color on hover (tertiary-container).
|
|
262
|
+
* @cssprop --m3e-tertiary-container-fab-hover-state-layer-color - State layer color on hover (tertiary-container).
|
|
263
|
+
* @cssprop --m3e-tertiary-container-fab-hover-state-layer-opacity - State layer opacity on hover (tertiary-container).
|
|
264
|
+
* @cssprop --m3e-tertiary-container-fab-hover-container-elevation - Elevation on hover (tertiary-container).
|
|
265
|
+
* @cssprop --m3e-tertiary-container-fab-lowered-hover-container-elevation - Lowered elevation on hover (tertiary-container).
|
|
266
|
+
* @cssprop --m3e-tertiary-container-fab-focus-icon-color - Icon color on focus (tertiary-container).
|
|
267
|
+
* @cssprop --m3e-tertiary-container-fab-focus-label-text-color - Label text color on focus (tertiary-container).
|
|
268
|
+
* @cssprop --m3e-tertiary-container-fab-focus-state-layer-color - State layer color on focus (tertiary-container).
|
|
269
|
+
* @cssprop --m3e-tertiary-container-fab-focus-state-layer-opacity - State layer opacity on focus (tertiary-container).
|
|
270
|
+
* @cssprop --m3e-tertiary-container-fab-focus-container-elevation - Elevation on focus (tertiary-container).
|
|
271
|
+
* @cssprop --m3e-tertiary-container-fab-lowered-focus-container-elevation - Lowered elevation on focus (tertiary-container).
|
|
272
|
+
* @cssprop --m3e-tertiary-container-fab-pressed-icon-color - Icon color on pressed (tertiary-container).
|
|
273
|
+
* @cssprop --m3e-tertiary-container-fab-pressed-label-text-color - Label text color on pressed (tertiary-container).
|
|
274
|
+
* @cssprop --m3e-tertiary-container-fab-pressed-state-layer-color - State layer color on pressed (tertiary-container).
|
|
275
|
+
* @cssprop --m3e-tertiary-container-fab-pressed-state-layer-opacity - State layer opacity on pressed (tertiary-container).
|
|
276
|
+
* @cssprop --m3e-tertiary-container-fab-pressed-container-elevation - Elevation on pressed (tertiary-container).
|
|
277
|
+
* @cssprop --m3e-tertiary-container-fab-lowered-pressed-container-elevation - Lowered elevation on pressed (tertiary-container).
|
|
278
|
+
* @cssprop --m3e-surface-fab-label-text-color - Default label text color for surface FAB.
|
|
279
|
+
* @cssprop --m3e-surface-fab-icon-color - Default icon color for surface FAB.
|
|
280
|
+
* @cssprop --m3e-surface-fab-container-color - Default container background color for surface FAB.
|
|
281
|
+
* @cssprop --m3e-surface-fab-container-elevation - Resting elevation for surface FAB.
|
|
282
|
+
* @cssprop --m3e-surface-fab-lowered-container-elevation - Lowered resting elevation for surface FAB.
|
|
283
|
+
* @cssprop --m3e-surface-fab-lowered-container-color - Lowered container background color for surface FAB.
|
|
284
|
+
* @cssprop --m3e-surface-fab-disabled-container-color - Container background color when disabled (surface).
|
|
285
|
+
* @cssprop --m3e-surface-fab-disabled-container-opacity - Opacity of container when disabled (surface).
|
|
286
|
+
* @cssprop --m3e-surface-fab-disabled-icon-color - Icon color when disabled (surface).
|
|
287
|
+
* @cssprop --m3e-surface-fab-disabled-icon-opacity - Icon opacity when disabled (surface).
|
|
288
|
+
* @cssprop --m3e-surface-fab-disabled-label-text-color - Label text color when disabled (surface).
|
|
289
|
+
* @cssprop --m3e-surface-fab-disabled-label-text-opacity - Label text opacity when disabled (surface).
|
|
290
|
+
* @cssprop --m3e-surface-fab-disabled-container-elevation - Elevation when disabled (surface).
|
|
291
|
+
* @cssprop --m3e-surface-fab-lowered-disabled-container-elevation - Lowered elevation when disabled (surface).
|
|
292
|
+
* @cssprop --m3e-surface-fab-hover-icon-color - Icon color on hover (surface).
|
|
293
|
+
* @cssprop --m3e-surface-fab-hover-label-text-color - Label text color on hover (surface).
|
|
294
|
+
* @cssprop --m3e-surface-fab-hover-state-layer-color - State layer color on hover (surface).
|
|
295
|
+
* @cssprop --m3e-surface-fab-hover-state-layer-opacity - State layer opacity on hover (surface).
|
|
296
|
+
* @cssprop --m3e-surface-fab-hover-container-elevation - Elevation on hover (surface).
|
|
297
|
+
* @cssprop --m3e-surface-fab-lowered-hover-container-elevation - Lowered elevation on hover (surface).
|
|
298
|
+
* @cssprop --m3e-surface-fab-focus-icon-color - Icon color on focus (surface).
|
|
299
|
+
* @cssprop --m3e-surface-fab-focus-label-text-color - Label text color on focus (surface).
|
|
300
|
+
* @cssprop --m3e-surface-fab-focus-state-layer-color - State layer color on focus (surface).
|
|
301
|
+
* @cssprop --m3e-surface-fab-focus-state-layer-opacity - State layer opacity on focus (surface).
|
|
302
|
+
* @cssprop --m3e-surface-fab-focus-container-elevation - Elevation on focus (surface).
|
|
303
|
+
* @cssprop --m3e-surface-fab-lowered-focus-container-elevation - Lowered elevation on focus (surface).
|
|
304
|
+
* @cssprop --m3e-surface-fab-pressed-icon-color - Icon color on pressed (surface).
|
|
305
|
+
* @cssprop --m3e-surface-fab-pressed-label-text-color - Label text color on pressed (surface).
|
|
306
|
+
* @cssprop --m3e-surface-fab-pressed-state-layer-color - State layer color on pressed (surface).
|
|
307
|
+
* @cssprop --m3e-surface-fab-pressed-state-layer-opacity - State layer opacity on pressed (surface).
|
|
308
|
+
* @cssprop --m3e-surface-fab-pressed-container-elevation - Elevation on pressed (surface).
|
|
309
|
+
* @cssprop --m3e-surface-fab-lowered-pressed-container-elevation - Lowered elevation on pressed (surface).
|
|
310
|
+
*/
|
|
311
|
+
export declare class M3eFabElement extends M3eFabElement_base {
|
|
312
|
+
#private;
|
|
313
|
+
/** The styles of the element. */
|
|
314
|
+
static styles: CSSResultGroup;
|
|
315
|
+
/** @private */ private readonly _base?;
|
|
316
|
+
/** @private */ private readonly _elevation?;
|
|
317
|
+
/** @private */ private readonly _focusRing?;
|
|
318
|
+
/** @private */ private readonly _stateLayer?;
|
|
319
|
+
/** @private */ private readonly _ripple?;
|
|
320
|
+
constructor();
|
|
321
|
+
/**
|
|
322
|
+
* The appearance variant of the button.
|
|
323
|
+
* @default "primary-container"
|
|
324
|
+
*/
|
|
325
|
+
variant: FabVariant;
|
|
326
|
+
/**
|
|
327
|
+
* Whether to present a lowered elevation.
|
|
328
|
+
* @default false
|
|
329
|
+
*/
|
|
330
|
+
lowered: boolean;
|
|
331
|
+
/**
|
|
332
|
+
* The size of the button.
|
|
333
|
+
* @default "medium"
|
|
334
|
+
*/
|
|
335
|
+
size: FabSize;
|
|
336
|
+
/**
|
|
337
|
+
* Whether the button is extended to show the label.
|
|
338
|
+
* @default false
|
|
339
|
+
*/
|
|
340
|
+
extended: boolean;
|
|
341
|
+
/** @inheritdoc */
|
|
342
|
+
disconnectedCallback(): void;
|
|
343
|
+
/** @inheritdoc */
|
|
344
|
+
protected firstUpdated(_changedProperties: PropertyValues<this>): void;
|
|
345
|
+
/** @inheritdoc */
|
|
346
|
+
protected updated(_changedProperties: PropertyValues<this>): void;
|
|
347
|
+
/** @inheritdoc */
|
|
348
|
+
render(): unknown;
|
|
349
|
+
}
|
|
350
|
+
declare global {
|
|
351
|
+
interface HTMLElementTagNameMap {
|
|
352
|
+
"m3e-fab": M3eFabElement;
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
export {};
|
|
356
|
+
//# sourceMappingURL=FabElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FabElement.d.ts","sourceRoot":"","sources":["../../src/FabElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAoBvE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAI1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiTG;AACH,qBACa,aAAc,SAAQ,kBAElC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAA6C;IAEnF,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IACrE,eAAe,CAAsB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACvF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;;IAgB9E;;;OAGG;IAC0B,OAAO,EAAE,UAAU,CAAuB;IAEvE;;;OAGG;IACyC,OAAO,UAAS;IAE5D;;;OAGG;IAC0B,IAAI,EAAE,OAAO,CAAY;IAEtD;;;OAGG;IACyC,QAAQ,UAAS;IAE7D,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAOrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY1E,kBAAkB;IACT,MAAM,IAAI,OAAO;CAgC3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FabSize.d.ts","sourceRoot":"","sources":["../../src/FabSize.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FabVariant.d.ts","sourceRoot":"","sources":["../../src/FabVariant.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,mBAAmB,GACnB,WAAW,GACX,qBAAqB,GACrB,UAAU,GACV,oBAAoB,GACpB,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FabSizeStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/FabSizeStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,cAAc,EAAa,MAAM,KAAK,CAAC;AAwChE;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,cAA2E,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { CSSResult } from "lit";
|
|
2
|
+
import { FabSize } from "../FabSize";
|
|
3
|
+
/** @private */
|
|
4
|
+
type _FabSizeToken = {
|
|
5
|
+
containerHeight: CSSResult;
|
|
6
|
+
labelTextFontSize: CSSResult;
|
|
7
|
+
labelTextFontWeight: CSSResult;
|
|
8
|
+
labelTextLineHeight: CSSResult;
|
|
9
|
+
labelTextTracking: CSSResult;
|
|
10
|
+
iconSize: CSSResult;
|
|
11
|
+
extendedIconSize: CSSResult;
|
|
12
|
+
shape: CSSResult;
|
|
13
|
+
leadingSpace: CSSResult;
|
|
14
|
+
trailingSpace: CSSResult;
|
|
15
|
+
extendedLeadingSpace: CSSResult;
|
|
16
|
+
extendedTrailingSpace: CSSResult;
|
|
17
|
+
iconLabelSpace: CSSResult;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Component design tokens that control the `M3eFabElement` for all size variants.
|
|
21
|
+
* @internal
|
|
22
|
+
*/
|
|
23
|
+
export declare const FabSizeToken: Record<FabSize, _FabSizeToken>;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=FabSizeToken.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FabSizeToken.d.ts","sourceRoot":"","sources":["../../../src/styles/FabSizeToken.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAG3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,eAAe;AACf,KAAK,aAAa,GAAG;IACnB,eAAe,EAAE,SAAS,CAAC;IAC3B,iBAAiB,EAAE,SAAS,CAAC;IAC7B,mBAAmB,EAAE,SAAS,CAAC;IAC/B,mBAAmB,EAAE,SAAS,CAAC;IAC/B,iBAAiB,EAAE,SAAS,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,EAAE,SAAS,CAAC;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,EAAE,SAAS,CAAC;IACxB,aAAa,EAAE,SAAS,CAAC;IACzB,oBAAoB,EAAE,SAAS,CAAC;IAChC,qBAAqB,EAAE,SAAS,CAAC;IACjC,cAAc,EAAE,SAAS,CAAC;CAC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,OAAO,EAAE,aAAa,CA2E9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FabStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/FabStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,cAkJtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FabVariantStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/FabVariantStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,cAAc,EAAa,MAAM,KAAK,CAAC;AAkFhE;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,cAQ7B,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { CSSResult } from "lit";
|
|
2
|
+
import { FabVariant } from "../FabVariant";
|
|
3
|
+
/** @private */
|
|
4
|
+
type _FabVariantToken = {
|
|
5
|
+
labelTextColor: CSSResult;
|
|
6
|
+
iconColor: CSSResult;
|
|
7
|
+
containerColor: CSSResult;
|
|
8
|
+
containerElevation: CSSResult;
|
|
9
|
+
loweredContainerElevation: CSSResult;
|
|
10
|
+
loweredContainerColor?: CSSResult;
|
|
11
|
+
disabled: {
|
|
12
|
+
containerColor: CSSResult;
|
|
13
|
+
containerOpacity: CSSResult;
|
|
14
|
+
iconColor: CSSResult;
|
|
15
|
+
iconOpacity: CSSResult;
|
|
16
|
+
labelTextColor: CSSResult;
|
|
17
|
+
labelTextOpacity: CSSResult;
|
|
18
|
+
containerElevation: CSSResult;
|
|
19
|
+
loweredContainerElevation: CSSResult;
|
|
20
|
+
};
|
|
21
|
+
hover: {
|
|
22
|
+
iconColor: CSSResult;
|
|
23
|
+
labelTextColor: CSSResult;
|
|
24
|
+
stateLayerColor: CSSResult;
|
|
25
|
+
stateLayerOpacity: CSSResult;
|
|
26
|
+
containerElevation: CSSResult;
|
|
27
|
+
loweredContainerElevation: CSSResult;
|
|
28
|
+
};
|
|
29
|
+
focus: {
|
|
30
|
+
iconColor: CSSResult;
|
|
31
|
+
labelTextColor: CSSResult;
|
|
32
|
+
stateLayerColor: CSSResult;
|
|
33
|
+
stateLayerOpacity: CSSResult;
|
|
34
|
+
containerElevation: CSSResult;
|
|
35
|
+
loweredContainerElevation: CSSResult;
|
|
36
|
+
};
|
|
37
|
+
pressed: {
|
|
38
|
+
iconColor: CSSResult;
|
|
39
|
+
labelTextColor: CSSResult;
|
|
40
|
+
stateLayerColor: CSSResult;
|
|
41
|
+
stateLayerOpacity: CSSResult;
|
|
42
|
+
containerElevation: CSSResult;
|
|
43
|
+
loweredContainerElevation: CSSResult;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Component design tokens that control the appearance variants of `M3FabElement`.
|
|
48
|
+
* @internal
|
|
49
|
+
*/
|
|
50
|
+
export declare const FabVariantToken: Record<FabVariant, _FabVariantToken>;
|
|
51
|
+
export {};
|
|
52
|
+
//# sourceMappingURL=FabVariantToken.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FabVariantToken.d.ts","sourceRoot":"","sources":["../../../src/styles/FabVariantToken.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAI3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAe;AACf,KAAK,gBAAgB,GAAG;IACtB,cAAc,EAAE,SAAS,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,SAAS,CAAC;IAC1B,kBAAkB,EAAE,SAAS,CAAC;IAC9B,yBAAyB,EAAE,SAAS,CAAC;IACrC,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,QAAQ,EAAE;QACR,cAAc,EAAE,SAAS,CAAC;QAC1B,gBAAgB,EAAE,SAAS,CAAC;QAC5B,SAAS,EAAE,SAAS,CAAC;QACrB,WAAW,EAAE,SAAS,CAAC;QACvB,cAAc,EAAE,SAAS,CAAC;QAC1B,gBAAgB,EAAE,SAAS,CAAC;QAC5B,kBAAkB,EAAE,SAAS,CAAC;QAC9B,yBAAyB,EAAE,SAAS,CAAC;KACtC,CAAC;IACF,KAAK,EAAE;QACL,SAAS,EAAE,SAAS,CAAC;QACrB,cAAc,EAAE,SAAS,CAAC;QAC1B,eAAe,EAAE,SAAS,CAAC;QAC3B,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,EAAE,SAAS,CAAC;QAC9B,yBAAyB,EAAE,SAAS,CAAC;KACtC,CAAC;IACF,KAAK,EAAE;QACL,SAAS,EAAE,SAAS,CAAC;QACrB,cAAc,EAAE,SAAS,CAAC;QAC1B,eAAe,EAAE,SAAS,CAAC;QAC3B,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,EAAE,SAAS,CAAC;QAC9B,yBAAyB,EAAE,SAAS,CAAC;KACtC,CAAC;IACF,OAAO,EAAE;QACP,SAAS,EAAE,SAAS,CAAC;QACrB,cAAc,EAAE,SAAS,CAAC;QAC1B,eAAe,EAAE,SAAS,CAAC;QAC3B,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,EAAE,SAAS,CAAC;QAC9B,yBAAyB,EAAE,SAAS,CAAC;KACtC,CAAC;CACH,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAq/BvD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@m3e/fab",
|
|
3
|
-
"version": "1.0.0-rc.
|
|
3
|
+
"version": "1.0.0-rc.4",
|
|
4
4
|
"description": "FAB for M3E",
|
|
5
5
|
"author": "matraic <matraic@yahoo.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"clean": "rimraf dist"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"@m3e/core": "1.0.0-rc.
|
|
31
|
+
"@m3e/core": "1.0.0-rc.4",
|
|
32
32
|
"lit": "^3.3.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|