@m3e/theme 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 +4 -4
- package/dist/custom-elements.json +41 -38
- package/dist/index.js +596 -39
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +153 -25
- package/dist/index.min.js.map +1 -1
- package/dist/src/ColorScheme.d.ts +3 -0
- package/dist/src/ColorScheme.d.ts.map +1 -0
- package/dist/src/ContrastLevel.d.ts +3 -0
- package/dist/src/ContrastLevel.d.ts.map +1 -0
- package/dist/src/MotionScheme.d.ts +3 -0
- package/dist/src/MotionScheme.d.ts.map +1 -0
- package/dist/src/ThemeElement.d.ts +98 -0
- package/dist/src/ThemeElement.d.ts.map +1 -0
- package/dist/src/ThemeVariant.d.ts +3 -0
- package/dist/src/ThemeVariant.d.ts.map +1 -0
- package/dist/src/index.d.ts +6 -0
- package/dist/src/index.d.ts.map +1 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -29,7 +29,7 @@ Alternately, you can explicitly reference the `html-custom-data.json` and `css-c
|
|
|
29
29
|
}
|
|
30
30
|
```
|
|
31
31
|
|
|
32
|
-
## 🚀
|
|
32
|
+
## 🚀 Native Module Support
|
|
33
33
|
|
|
34
34
|
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.
|
|
35
35
|
|
|
@@ -62,7 +62,7 @@ The following example adds a top-level `m3e-theme` directly beneath a document's
|
|
|
62
62
|
|
|
63
63
|
```html
|
|
64
64
|
<body>
|
|
65
|
-
<m3e-theme color="#
|
|
65
|
+
<m3e-theme color="#6750A4" scheme="auto" motion="expressive" strong-focus>
|
|
66
66
|
<!-- App content here -->
|
|
67
67
|
</m3e-theme>
|
|
68
68
|
</body>
|
|
@@ -74,8 +74,8 @@ The following example adds a top-level `m3e-theme` directly beneath a document's
|
|
|
74
74
|
|
|
75
75
|
| Attribute | Type | Default | Description |
|
|
76
76
|
| -------------- | --------------------------------------------------------------------------------------------------------------------------------- | ------------ | ---------------------------------------------------------- |
|
|
77
|
-
| `color` | `string` | `"#
|
|
78
|
-
| `variant` | `"monochrome" \| "neutral" \| "tonal-spot" \| "vibrant" \| "expressive" \| "fidelity" \| "rainbow" \| "fruit-salad" \| "content"` | `"
|
|
77
|
+
| `color` | `string` | `"#6750A4"` | The hex color from which to derive dynamic color palettes. |
|
|
78
|
+
| `variant` | `"monochrome" \| "neutral" \| "tonal-spot" \| "vibrant" \| "expressive" \| "fidelity" \| "rainbow" \| "fruit-salad" \| "content"` | `"content"` | The color variant of the theme. |
|
|
79
79
|
| `scheme` | `"auto" \| "light" \| "dark"` | `"auto"` | The color scheme of the theme. |
|
|
80
80
|
| `contrast` | `"standard" \| "medium" \| "high"` | `"standard"` | The contrast level of the theme. |
|
|
81
81
|
| `strong-focus` | `boolean` | `false` | Whether to enable strong focus indicators. |
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
"type": {
|
|
128
128
|
"text": "string"
|
|
129
129
|
},
|
|
130
|
-
"default": "\"#
|
|
130
|
+
"default": "\"#6750A4\"",
|
|
131
131
|
"description": "The hex color from which to derive dynamic color palettes.",
|
|
132
132
|
"attribute": "color"
|
|
133
133
|
},
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
"type": {
|
|
138
138
|
"text": "ThemeVariant"
|
|
139
139
|
},
|
|
140
|
-
"default": "\"
|
|
140
|
+
"default": "\"content\"",
|
|
141
141
|
"description": "The color variant of the theme.",
|
|
142
142
|
"attribute": "variant"
|
|
143
143
|
},
|
|
@@ -202,21 +202,29 @@
|
|
|
202
202
|
},
|
|
203
203
|
{
|
|
204
204
|
"kind": "method",
|
|
205
|
-
"name": "#
|
|
205
|
+
"name": "#createScheme",
|
|
206
206
|
"privacy": "private",
|
|
207
207
|
"return": {
|
|
208
208
|
"type": {
|
|
209
|
-
"text": "
|
|
209
|
+
"text": "DynamicScheme"
|
|
210
210
|
}
|
|
211
|
-
}
|
|
211
|
+
},
|
|
212
|
+
"parameters": [
|
|
213
|
+
{
|
|
214
|
+
"name": "sourceColor",
|
|
215
|
+
"type": {
|
|
216
|
+
"text": "Hct"
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
]
|
|
212
220
|
},
|
|
213
221
|
{
|
|
214
222
|
"kind": "method",
|
|
215
|
-
"name": "#
|
|
223
|
+
"name": "#apply",
|
|
216
224
|
"privacy": "private",
|
|
217
225
|
"return": {
|
|
218
226
|
"type": {
|
|
219
|
-
"text": "
|
|
227
|
+
"text": "void"
|
|
220
228
|
}
|
|
221
229
|
}
|
|
222
230
|
},
|
|
@@ -247,7 +255,7 @@
|
|
|
247
255
|
"type": {
|
|
248
256
|
"text": "string"
|
|
249
257
|
},
|
|
250
|
-
"default": "\"#
|
|
258
|
+
"default": "\"#6750A4\"",
|
|
251
259
|
"fieldName": "color"
|
|
252
260
|
},
|
|
253
261
|
{
|
|
@@ -292,7 +300,7 @@
|
|
|
292
300
|
"type": {
|
|
293
301
|
"text": "ThemeVariant"
|
|
294
302
|
},
|
|
295
|
-
"default": "\"
|
|
303
|
+
"default": "\"content\"",
|
|
296
304
|
"fieldName": "variant"
|
|
297
305
|
},
|
|
298
306
|
{
|
|
@@ -1192,25 +1200,6 @@
|
|
|
1192
1200
|
"kind": "mixin",
|
|
1193
1201
|
"description": "Mixin that adds support for custom event attributes.",
|
|
1194
1202
|
"name": "EventAttribute",
|
|
1195
|
-
"members": [
|
|
1196
|
-
{
|
|
1197
|
-
"kind": "method",
|
|
1198
|
-
"name": "dispatchEvent",
|
|
1199
|
-
"return": {
|
|
1200
|
-
"type": {
|
|
1201
|
-
"text": "boolean"
|
|
1202
|
-
}
|
|
1203
|
-
},
|
|
1204
|
-
"parameters": [
|
|
1205
|
-
{
|
|
1206
|
-
"name": "event",
|
|
1207
|
-
"type": {
|
|
1208
|
-
"text": "Event"
|
|
1209
|
-
}
|
|
1210
|
-
}
|
|
1211
|
-
]
|
|
1212
|
-
}
|
|
1213
|
-
],
|
|
1214
1203
|
"parameters": [
|
|
1215
1204
|
{
|
|
1216
1205
|
"name": "base",
|
|
@@ -1508,6 +1497,17 @@
|
|
|
1508
1497
|
"description": "Mixin to augment an element with behavior used to submit a form.",
|
|
1509
1498
|
"name": "FormSubmitter",
|
|
1510
1499
|
"members": [
|
|
1500
|
+
{
|
|
1501
|
+
"kind": "field",
|
|
1502
|
+
"name": "formAssociated",
|
|
1503
|
+
"type": {
|
|
1504
|
+
"text": "boolean"
|
|
1505
|
+
},
|
|
1506
|
+
"static": true,
|
|
1507
|
+
"readonly": true,
|
|
1508
|
+
"default": "true",
|
|
1509
|
+
"description": "Indicates that this custom element participates in form submission, validation, and form state restoration."
|
|
1510
|
+
},
|
|
1511
1511
|
{
|
|
1512
1512
|
"kind": "field",
|
|
1513
1513
|
"name": "name",
|
|
@@ -2044,6 +2044,11 @@
|
|
|
2044
2044
|
"kind": "javascript-module",
|
|
2045
2045
|
"path": "../core/src/shared/mixins/Labelled.ts",
|
|
2046
2046
|
"declarations": [
|
|
2047
|
+
{
|
|
2048
|
+
"kind": "variable",
|
|
2049
|
+
"name": "updateLabels",
|
|
2050
|
+
"description": "A symbol through which to update labels to reflect a control's current state."
|
|
2051
|
+
},
|
|
2047
2052
|
{
|
|
2048
2053
|
"kind": "function",
|
|
2049
2054
|
"name": "isLabelledMixin",
|
|
@@ -2093,16 +2098,6 @@
|
|
|
2093
2098
|
},
|
|
2094
2099
|
"description": "The label elements that the element is associated with.",
|
|
2095
2100
|
"readonly": true
|
|
2096
|
-
},
|
|
2097
|
-
{
|
|
2098
|
-
"kind": "method",
|
|
2099
|
-
"name": "[_updateLabels]",
|
|
2100
|
-
"privacy": "private",
|
|
2101
|
-
"return": {
|
|
2102
|
-
"type": {
|
|
2103
|
-
"text": "void"
|
|
2104
|
-
}
|
|
2105
|
-
}
|
|
2106
2101
|
}
|
|
2107
2102
|
],
|
|
2108
2103
|
"parameters": [
|
|
@@ -2117,6 +2112,14 @@
|
|
|
2117
2112
|
}
|
|
2118
2113
|
],
|
|
2119
2114
|
"exports": [
|
|
2115
|
+
{
|
|
2116
|
+
"kind": "js",
|
|
2117
|
+
"name": "updateLabels",
|
|
2118
|
+
"declaration": {
|
|
2119
|
+
"name": "updateLabels",
|
|
2120
|
+
"module": "../core/src/shared/mixins/Labelled.ts"
|
|
2121
|
+
}
|
|
2122
|
+
},
|
|
2120
2123
|
{
|
|
2121
2124
|
"kind": "js",
|
|
2122
2125
|
"name": "isLabelledMixin",
|