@m3e/switch 1.0.0-rc.2 → 1.0.0-rc.3
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/dist/custom-elements.json +11 -19
- package/dist/src/SwitchElement.d.ts +147 -0
- package/dist/src/SwitchElement.d.ts.map +1 -0
- package/dist/src/SwitchIcons.d.ts +3 -0
- package/dist/src/SwitchIcons.d.ts.map +1 -0
- package/dist/src/index.d.ts +3 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/styles/SwitchHandleStyle.d.ts +6 -0
- package/dist/src/styles/SwitchHandleStyle.d.ts.map +1 -0
- package/dist/src/styles/SwitchIconStyle.d.ts +6 -0
- package/dist/src/styles/SwitchIconStyle.d.ts.map +1 -0
- package/dist/src/styles/SwitchStateLayerStyle.d.ts +6 -0
- package/dist/src/styles/SwitchStateLayerStyle.d.ts.map +1 -0
- package/dist/src/styles/SwitchStyle.d.ts +6 -0
- package/dist/src/styles/SwitchStyle.d.ts.map +1 -0
- package/dist/src/styles/SwitchToken.d.ts +76 -0
- package/dist/src/styles/SwitchToken.d.ts.map +1 -0
- package/dist/src/styles/SwitchTrackStyle.d.ts +6 -0
- package/dist/src/styles/SwitchTrackStyle.d.ts.map +1 -0
- package/dist/src/styles/index.d.ts +6 -0
- package/dist/src/styles/index.d.ts.map +1 -0
- package/package.json +2 -2
|
@@ -1997,25 +1997,6 @@
|
|
|
1997
1997
|
"kind": "mixin",
|
|
1998
1998
|
"description": "Mixin that adds support for custom event attributes.",
|
|
1999
1999
|
"name": "EventAttribute",
|
|
2000
|
-
"members": [
|
|
2001
|
-
{
|
|
2002
|
-
"kind": "method",
|
|
2003
|
-
"name": "dispatchEvent",
|
|
2004
|
-
"return": {
|
|
2005
|
-
"type": {
|
|
2006
|
-
"text": "boolean"
|
|
2007
|
-
}
|
|
2008
|
-
},
|
|
2009
|
-
"parameters": [
|
|
2010
|
-
{
|
|
2011
|
-
"name": "event",
|
|
2012
|
-
"type": {
|
|
2013
|
-
"text": "Event"
|
|
2014
|
-
}
|
|
2015
|
-
}
|
|
2016
|
-
]
|
|
2017
|
-
}
|
|
2018
|
-
],
|
|
2019
2000
|
"parameters": [
|
|
2020
2001
|
{
|
|
2021
2002
|
"name": "base",
|
|
@@ -2313,6 +2294,17 @@
|
|
|
2313
2294
|
"description": "Mixin to augment an element with behavior used to submit a form.",
|
|
2314
2295
|
"name": "FormSubmitter",
|
|
2315
2296
|
"members": [
|
|
2297
|
+
{
|
|
2298
|
+
"kind": "field",
|
|
2299
|
+
"name": "formAssociated",
|
|
2300
|
+
"type": {
|
|
2301
|
+
"text": "boolean"
|
|
2302
|
+
},
|
|
2303
|
+
"static": true,
|
|
2304
|
+
"readonly": true,
|
|
2305
|
+
"default": "true",
|
|
2306
|
+
"description": "Indicates that this custom element participates in form submission, validation, and form state restoration."
|
|
2307
|
+
},
|
|
2316
2308
|
{
|
|
2317
2309
|
"kind": "field",
|
|
2318
2310
|
"name": "name",
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import { CSSResultGroup, LitElement, PropertyValues } from "lit";
|
|
2
|
+
import { formValue } from "@m3e/core";
|
|
3
|
+
import { SwitchIcons } from "./SwitchIcons";
|
|
4
|
+
declare const M3eSwitchElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").LabelledMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DirtyMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").TouchedMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").ConstraintValidationMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").CheckedMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").FormAssociatedMixin> & 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").DisabledMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").AttachInternalsMixin> & typeof LitElement;
|
|
5
|
+
/**
|
|
6
|
+
* An on/off control that can be toggled by clicking.
|
|
7
|
+
*
|
|
8
|
+
* @description
|
|
9
|
+
* The `m3e-switch` component is a semantic, accessible toggle control that reflects a binary state.
|
|
10
|
+
* Designed according to Material Design 3 guidelines, it supports shape transitions, and adaptive color
|
|
11
|
+
* theming across selected, unselected, and disabled states. The component responds to user interaction
|
|
12
|
+
* with smooth motion and expressive feedback. It supports optional icons (`none`, `selected`, or `both`)
|
|
13
|
+
* and integrates with form-associated behavior, emitting `input` and `change` events when toggled.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* The following example illustrates a switch wrapped by a `label`.
|
|
17
|
+
*
|
|
18
|
+
* ```html
|
|
19
|
+
* <label>Switch label <m3e-switch></m3e-switch></label>
|
|
20
|
+
* ```
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* By default, icons are not presented. Use the `icons` attribute to control which icons to show. The next
|
|
24
|
+
* example illustrates showing both the unselected and selected icons.
|
|
25
|
+
*
|
|
26
|
+
* ```html
|
|
27
|
+
* <label>Switch label <m3e-switch icons="both"></m3e-switch></label>
|
|
28
|
+
* ```
|
|
29
|
+
*
|
|
30
|
+
* @tag m3e-switch
|
|
31
|
+
*
|
|
32
|
+
* @attr checked - Whether the element is checked.
|
|
33
|
+
* @attr disabled - Whether the element is disabled.
|
|
34
|
+
* @attr icons - The icons to present.
|
|
35
|
+
* @attr name - The name that identifies the element when submitting the associated form.
|
|
36
|
+
* @attr value - A string representing the value of the switch.
|
|
37
|
+
*
|
|
38
|
+
* @fires input - Emitted when the checked state changes.
|
|
39
|
+
* @fires change - Emitted when the checked state changes.
|
|
40
|
+
* @fires click - Emitted when the element is clicked.
|
|
41
|
+
*
|
|
42
|
+
* @cssprop --m3e-switch-selected-icon-color - Color of the icon when the switch is selected.
|
|
43
|
+
* @cssprop --m3e-switch-selected-icon-size - Size of the icon in the selected state.
|
|
44
|
+
* @cssprop --m3e-switch-unselected-icon-color - Color of the icon when the switch is unselected.
|
|
45
|
+
* @cssprop --m3e-switch-unselected-icon-size - Size of the icon in the unselected state.
|
|
46
|
+
* @cssprop --m3e-switch-track-height - Height of the switch track.
|
|
47
|
+
* @cssprop --m3e-switch-track-width - Width of the switch track.
|
|
48
|
+
* @cssprop --m3e-switch-track-outline-color - Color of the track’s outline.
|
|
49
|
+
* @cssprop --m3e-switch-track-outline-width - Thickness of the track’s outline.
|
|
50
|
+
* @cssprop --m3e-switch-track-shape - Corner shape of the track.
|
|
51
|
+
* @cssprop --m3e-switch-selected-track-color - Track color when selected.
|
|
52
|
+
* @cssprop --m3e-switch-unselected-track-color - Track color when unselected.
|
|
53
|
+
* @cssprop --m3e-switch-unselected-handle-height - Height of the handle when unselected.
|
|
54
|
+
* @cssprop --m3e-switch-unselected-handle-width - Width of the handle when unselected.
|
|
55
|
+
* @cssprop --m3e-switch-with-icon-handle-height - Height of the handle when icons are present.
|
|
56
|
+
* @cssprop --m3e-switch-with-icon-handle-width - Width of the handle when icons are present.
|
|
57
|
+
* @cssprop --m3e-switch-selected-handle-height - Height of the handle when selected.
|
|
58
|
+
* @cssprop --m3e-switch-selected-handle-width - Width of the handle when selected.
|
|
59
|
+
* @cssprop --m3e-switch-pressed-handle-height - Height of the handle during press.
|
|
60
|
+
* @cssprop --m3e-switch-pressed-handle-width - Width of the handle during press.
|
|
61
|
+
* @cssprop --m3e-switch-handle-shape - Corner shape of the handle.
|
|
62
|
+
* @cssprop --m3e-switch-selected-handle-color - Handle color when selected.
|
|
63
|
+
* @cssprop --m3e-switch-unselected-handle-color - Handle color when unselected.
|
|
64
|
+
* @cssprop --m3e-switch-state-layer-size - Diameter of the state layer overlay.
|
|
65
|
+
* @cssprop --m3e-switch-state-layer-shape - Corner shape of the state layer.
|
|
66
|
+
* @cssprop --m3e-switch-disabled-selected-icon-color - Icon color when selected and disabled.
|
|
67
|
+
* @cssprop --m3e-switch-disabled-selected-icon-opacity - Icon opacity when selected and disabled.
|
|
68
|
+
* @cssprop --m3e-switch-disabled-unselected-icon-color - Icon color when unselected and disabled.
|
|
69
|
+
* @cssprop --m3e-switch-disabled-unselected-icon-opacity - Icon opacity when unselected and disabled.
|
|
70
|
+
* @cssprop --m3e-switch-disabled-track-opacity - Track opacity when disabled.
|
|
71
|
+
* @cssprop --m3e-switch-disabled-selected-track-color - Track color when selected and disabled.
|
|
72
|
+
* @cssprop --m3e-switch-disabled-unselected-track-color - Track color when unselected and disabled.
|
|
73
|
+
* @cssprop --m3e-switch-disabled-unselected-track-outline-color - Outline color when unselected and disabled.
|
|
74
|
+
* @cssprop --m3e-switch-disabled-unselected-handle-opacity - Handle opacity when unselected and disabled.
|
|
75
|
+
* @cssprop --m3e-switch-disabled-selected-handle-opacity - Handle opacity when selected and disabled.
|
|
76
|
+
* @cssprop --m3e-switch-disabled-selected-handle-color - Handle color when selected and disabled.
|
|
77
|
+
* @cssprop --m3e-switch-disabled-unselected-handle-color - Handle color when unselected and disabled.
|
|
78
|
+
* @cssprop --m3e-switch-selected-hover-icon-color - Icon color when selected and hovered.
|
|
79
|
+
* @cssprop --m3e-switch-unselected-hover-icon-color - Icon color when unselected and hovered.
|
|
80
|
+
* @cssprop --m3e-switch-selected-hover-track-color - Track color when selected and hovered.
|
|
81
|
+
* @cssprop --m3e-switch-selected-hover-state-layer-color - State layer color when selected and hovered.
|
|
82
|
+
* @cssprop --m3e-switch-selected-hover-state-layer-opacity - State layer opacity when selected and hovered.
|
|
83
|
+
* @cssprop --m3e-switch-unselected-hover-track-color - Track color when unselected and hovered.
|
|
84
|
+
* @cssprop --m3e-switch-unselected-hover-track-outline-color - Outline color when unselected and hovered.
|
|
85
|
+
* @cssprop --m3e-switch-unselected-hover-state-layer-color - State layer color when unselected and hovered.
|
|
86
|
+
* @cssprop --m3e-switch-unselected-hover-state-layer-opacity - State layer opacity when unselected and hovered.
|
|
87
|
+
* @cssprop --m3e-switch-selected-hover-handle-color - Handle color when selected and hovered.
|
|
88
|
+
* @cssprop --m3e-switch-unselected-hover-handle-color - Handle color when unselected and hovered.
|
|
89
|
+
* @cssprop --m3e-switch-selected-focus-icon-color - Icon color when selected and focused.
|
|
90
|
+
* @cssprop --m3e-switch-unselected-focus-icon-color - Icon color when unselected and focused.
|
|
91
|
+
* @cssprop --m3e-switch-selected-focus-track-color - Track color when selected and focused.
|
|
92
|
+
* @cssprop --m3e-switch-selected-focus-state-layer-color - State layer color when selected and focused.
|
|
93
|
+
* @cssprop --m3e-switch-selected-focus-state-layer-opacity - State layer opacity when selected and focused.
|
|
94
|
+
* @cssprop --m3e-switch-unselected-focus-track-color - Track color when unselected and focused.
|
|
95
|
+
* @cssprop --m3e-switch-unselected-focus-track-outline-color - Outline color when unselected and focused.
|
|
96
|
+
* @cssprop --m3e-switch-unselected-focus-state-layer-color - State layer color when unselected and focused.
|
|
97
|
+
* @cssprop --m3e-switch-unselected-focus-state-layer-opacity - State layer opacity when unselected and focused.
|
|
98
|
+
* @cssprop --m3e-switch-selected-focus-handle-color - Handle color when selected and focused.
|
|
99
|
+
* @cssprop --m3e-switch-unselected-focus-handle-color - Handle color when unselected and focused.
|
|
100
|
+
* @cssprop --m3e-switch-selected-pressed-icon-color - Icon color when selected and pressed.
|
|
101
|
+
* @cssprop --m3e-switch-unselected-pressed-icon-color - Icon color when unselected and pressed.
|
|
102
|
+
* @cssprop --m3e-switch-selected-pressed-track-color - Track color when selected and pressed.
|
|
103
|
+
* @cssprop --m3e-switch-selected-pressed-state-layer-color - State layer color when selected and pressed.
|
|
104
|
+
* @cssprop --m3e-switch-selected-pressed-state-layer-opacity - State layer opacity when selected and pressed.
|
|
105
|
+
* @cssprop --m3e-switch-unselected-pressed-track-color - Track color when unselected and pressed.
|
|
106
|
+
* @cssprop --m3e-switch-unselected-pressed-track-outline-color - Outline color when unselected and pressed.
|
|
107
|
+
* @cssprop --m3e-switch-unselected-pressed-state-layer-color - State layer color when unselected and pressed.
|
|
108
|
+
* @cssprop --m3e-switch-unselected-pressed-state-layer-opacity - State layer opacity when unselected and pressed.
|
|
109
|
+
* @cssprop --m3e-switch-selected-pressed-handle-color - Handle color when selected and pressed.
|
|
110
|
+
* @cssprop --m3e-switch-unselected-pressed-handle-color - Handle color when unselected and pressed.
|
|
111
|
+
*/
|
|
112
|
+
export declare class M3eSwitchElement extends M3eSwitchElement_base {
|
|
113
|
+
#private;
|
|
114
|
+
/** The styles of the element. */
|
|
115
|
+
static styles: CSSResultGroup;
|
|
116
|
+
/** @private */ private readonly _track?;
|
|
117
|
+
/** @private */ private readonly _focusRing?;
|
|
118
|
+
/** @private */ private readonly _stateLayer?;
|
|
119
|
+
constructor();
|
|
120
|
+
/**
|
|
121
|
+
* The icons to present.
|
|
122
|
+
* @default "none"
|
|
123
|
+
*/
|
|
124
|
+
icons: SwitchIcons;
|
|
125
|
+
/**
|
|
126
|
+
* A string representing the value of the switch.
|
|
127
|
+
* @default "on"
|
|
128
|
+
*/
|
|
129
|
+
value: string;
|
|
130
|
+
/** @inheritdoc @private */
|
|
131
|
+
get [formValue](): string | File | FormData | null;
|
|
132
|
+
/** @inheritdoc */
|
|
133
|
+
connectedCallback(): void;
|
|
134
|
+
/** @inheritdoc */
|
|
135
|
+
disconnectedCallback(): void;
|
|
136
|
+
/** @inheritdoc */
|
|
137
|
+
protected firstUpdated(_changedProperties: PropertyValues): void;
|
|
138
|
+
/** @inheritdoc */
|
|
139
|
+
protected render(): unknown;
|
|
140
|
+
}
|
|
141
|
+
declare global {
|
|
142
|
+
interface HTMLElementTagNameMap {
|
|
143
|
+
"m3e-switch": M3eSwitchElement;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
export {};
|
|
147
|
+
//# sourceMappingURL=SwitchElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchElement.d.ts","sourceRoot":"","sources":["../../src/SwitchElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvE,OAAO,EAOL,SAAS,EAUV,MAAM,WAAW,CAAC;AAInB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0GG;AACH,qBACa,gBAAiB,SAAQ,qBAQrC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAMpC;IAEF,eAAe,CAAkB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAc;IACvE,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;;IA6B3F;;;OAGG;IAC0B,KAAK,EAAE,WAAW,CAAU;IAEzD;;;OAGG;IACS,KAAK,SAAQ;IAEzB,2BAA2B;IAC3B,IAAa,CAAC,SAAS,CAAC,IAAI,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,CAE1D;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAUlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAUrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAKzE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAgCrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchIcons.d.ts","sourceRoot":"","sources":["../../src/SwitchIcons.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchHandleStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/SwitchHandleStyle.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,iBAAiB,yBAkI7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchIconStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/SwitchIconStyle.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,eAAe,yBA+E3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchStateLayerStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/SwitchStateLayerStyle.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,qBAAqB,yBAkCjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/SwitchStyle.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,WAAW,yBAsBvB,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Component design tokens that control `M3eSwitchElement`.
|
|
3
|
+
* @internal
|
|
4
|
+
*/
|
|
5
|
+
export declare const SwitchToken: {
|
|
6
|
+
readonly selectedIconColor: import("lit").CSSResult;
|
|
7
|
+
readonly selectedIconSize: import("lit").CSSResult;
|
|
8
|
+
readonly unselectedIconColor: import("lit").CSSResult;
|
|
9
|
+
readonly unselectedIconSize: import("lit").CSSResult;
|
|
10
|
+
readonly trackHeight: import("lit").CSSResult;
|
|
11
|
+
readonly trackWidth: import("lit").CSSResult;
|
|
12
|
+
readonly trackOutlineColor: import("lit").CSSResult;
|
|
13
|
+
readonly trackOutlineWidth: import("lit").CSSResult;
|
|
14
|
+
readonly trackShape: import("lit").CSSResult;
|
|
15
|
+
readonly selectedTrackColor: import("lit").CSSResult;
|
|
16
|
+
readonly unselectedTrackColor: import("lit").CSSResult;
|
|
17
|
+
readonly unselectedHandleHeight: import("lit").CSSResult;
|
|
18
|
+
readonly unselectedHandleWidth: import("lit").CSSResult;
|
|
19
|
+
readonly withIconHandleHeight: import("lit").CSSResult;
|
|
20
|
+
readonly withIconHandleWidth: import("lit").CSSResult;
|
|
21
|
+
readonly selectedHandleHeight: import("lit").CSSResult;
|
|
22
|
+
readonly selectedHandleWidth: import("lit").CSSResult;
|
|
23
|
+
readonly pressedHandleHeight: import("lit").CSSResult;
|
|
24
|
+
readonly pressedHandleWidth: import("lit").CSSResult;
|
|
25
|
+
readonly handleShape: import("lit").CSSResult;
|
|
26
|
+
readonly selectedHandleColor: import("lit").CSSResult;
|
|
27
|
+
readonly unselectedHandleColor: import("lit").CSSResult;
|
|
28
|
+
readonly stateLayerSize: import("lit").CSSResult;
|
|
29
|
+
readonly stateLayerShape: import("lit").CSSResult;
|
|
30
|
+
readonly disabledSelectedIconColor: import("lit").CSSResult;
|
|
31
|
+
readonly disabledSelectedIconOpacity: import("lit").CSSResult;
|
|
32
|
+
readonly disabledUnselectedIconColor: import("lit").CSSResult;
|
|
33
|
+
readonly disabledUnselectedIconOpacity: import("lit").CSSResult;
|
|
34
|
+
readonly disabledTrackOpacity: import("lit").CSSResult;
|
|
35
|
+
readonly disabledSelectedTrackColor: import("lit").CSSResult;
|
|
36
|
+
readonly disabledUnselectedTrackColor: import("lit").CSSResult;
|
|
37
|
+
readonly disabledUnselectedTrackOutlineColor: import("lit").CSSResult;
|
|
38
|
+
readonly disabledUnselectedHandleOpacity: import("lit").CSSResult;
|
|
39
|
+
readonly disabledSelectedHandleOpacity: import("lit").CSSResult;
|
|
40
|
+
readonly disabledSelectedHandleColor: import("lit").CSSResult;
|
|
41
|
+
readonly disabledUnselectedHandleColor: import("lit").CSSResult;
|
|
42
|
+
readonly selectedHoverIconColor: import("lit").CSSResult;
|
|
43
|
+
readonly unselectedHoverIconColor: import("lit").CSSResult;
|
|
44
|
+
readonly selectedHoverTrackColor: import("lit").CSSResult;
|
|
45
|
+
readonly selectedHoverStateLayerColor: import("lit").CSSResult;
|
|
46
|
+
readonly selectedHoverStateLayerOpacity: import("lit").CSSResult;
|
|
47
|
+
readonly unselectedHoverTrackColor: import("lit").CSSResult;
|
|
48
|
+
readonly unselectedHoverTrackOutlineColor: import("lit").CSSResult;
|
|
49
|
+
readonly unselectedHoverStateLayerColor: import("lit").CSSResult;
|
|
50
|
+
readonly unselectedHoverStateLayerOpacity: import("lit").CSSResult;
|
|
51
|
+
readonly selectedHoverHandleColor: import("lit").CSSResult;
|
|
52
|
+
readonly unselectedHoverHandleColor: import("lit").CSSResult;
|
|
53
|
+
readonly selectedFocusIconColor: import("lit").CSSResult;
|
|
54
|
+
readonly unselectedFocusIconColor: import("lit").CSSResult;
|
|
55
|
+
readonly selectedFocusTrackColor: import("lit").CSSResult;
|
|
56
|
+
readonly selectedFocusStateLayerColor: import("lit").CSSResult;
|
|
57
|
+
readonly selectedFocusStateLayerOpacity: import("lit").CSSResult;
|
|
58
|
+
readonly unselectedFocusTrackColor: import("lit").CSSResult;
|
|
59
|
+
readonly unselectedFocusTrackOutlineColor: import("lit").CSSResult;
|
|
60
|
+
readonly unselectedFocusStateLayerColor: import("lit").CSSResult;
|
|
61
|
+
readonly unselectedFocusStateLayerOpacity: import("lit").CSSResult;
|
|
62
|
+
readonly selectedFocusHandleColor: import("lit").CSSResult;
|
|
63
|
+
readonly unselectedFocusHandleColor: import("lit").CSSResult;
|
|
64
|
+
readonly selectedPressedIconColor: import("lit").CSSResult;
|
|
65
|
+
readonly unselectedPressedIconColor: import("lit").CSSResult;
|
|
66
|
+
readonly selectedPressedTrackColor: import("lit").CSSResult;
|
|
67
|
+
readonly selectedPressedStateLayerColor: import("lit").CSSResult;
|
|
68
|
+
readonly selectedPressedStateLayerOpacity: import("lit").CSSResult;
|
|
69
|
+
readonly unselectedPressedTrackColor: import("lit").CSSResult;
|
|
70
|
+
readonly unselectedPressedTrackOutlineColor: import("lit").CSSResult;
|
|
71
|
+
readonly unselectedPressedStateLayerColor: import("lit").CSSResult;
|
|
72
|
+
readonly unselectedPressedStateLayerOpacity: import("lit").CSSResult;
|
|
73
|
+
readonly selectedPressedHandleColor: import("lit").CSSResult;
|
|
74
|
+
readonly unselectedPressedHandleColor: import("lit").CSSResult;
|
|
75
|
+
};
|
|
76
|
+
//# sourceMappingURL=SwitchToken.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchToken.d.ts","sourceRoot":"","sources":["../../../src/styles/SwitchToken.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwId,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchTrackStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/SwitchTrackStyle.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,gBAAgB,yBA8F5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@m3e/switch",
|
|
3
|
-
"version": "1.0.0-rc.
|
|
3
|
+
"version": "1.0.0-rc.3",
|
|
4
4
|
"description": "Switch for M3E",
|
|
5
5
|
"author": "matraic <matraic@yahoo.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"clean": "rimraf dist"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
|
-
"@m3e/core": "1.0.0-rc.
|
|
30
|
+
"@m3e/core": "1.0.0-rc.3",
|
|
31
31
|
"lit": "^3.3.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|