@momentum-design/components 0.29.0 → 0.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +72 -72
- package/dist/browser/index.js.map +4 -4
- package/dist/components/buttonsimple/buttonsimple.component.d.ts +7 -1
- package/dist/components/buttonsimple/buttonsimple.component.js +9 -2
- package/dist/components/checkbox/checkbox.component.js +0 -2
- package/dist/components/input/input.component.d.ts +0 -1
- package/dist/components/input/input.component.js +1 -3
- package/dist/components/radio/radio.component.js +0 -2
- package/dist/components/themeprovider/themeprovider.component.d.ts +14 -0
- package/dist/components/themeprovider/themeprovider.component.js +14 -0
- package/dist/components/toggle/toggle.component.js +0 -2
- package/dist/custom-elements.json +63 -614
- package/dist/react/themeprovider/index.d.ts +14 -0
- package/dist/react/themeprovider/index.js +14 -0
- package/dist/utils/mixins/FormInternalsMixin.js +2 -0
- package/package.json +1 -1
@@ -6,6 +6,20 @@ import Component from '../../components/themeprovider';
|
|
6
6
|
*
|
7
7
|
* CSS variables defined in the themeclass will be used for the styling of child dom nodes.
|
8
8
|
*
|
9
|
+
* Available Momentum theme classes:
|
10
|
+
*
|
11
|
+
* `mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`
|
12
|
+
*
|
13
|
+
* `mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`
|
14
|
+
*
|
15
|
+
* `mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`
|
16
|
+
*
|
17
|
+
* `mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`
|
18
|
+
*
|
19
|
+
* `mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`
|
20
|
+
*
|
21
|
+
* `mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`
|
22
|
+
*
|
9
23
|
* Themeclass context can be be consumed from Lit child components
|
10
24
|
* (see providerUtils.consume for how to consume)
|
11
25
|
*
|
@@ -9,6 +9,20 @@ import { TAG_NAME } from '../../components/themeprovider/themeprovider.constants
|
|
9
9
|
*
|
10
10
|
* CSS variables defined in the themeclass will be used for the styling of child dom nodes.
|
11
11
|
*
|
12
|
+
* Available Momentum theme classes:
|
13
|
+
*
|
14
|
+
* `mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`
|
15
|
+
*
|
16
|
+
* `mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`
|
17
|
+
*
|
18
|
+
* `mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`
|
19
|
+
*
|
20
|
+
* `mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`
|
21
|
+
*
|
22
|
+
* `mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`
|
23
|
+
*
|
24
|
+
* `mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`
|
25
|
+
*
|
12
26
|
* Themeclass context can be be consumed from Lit child components
|
13
27
|
* (see providerUtils.consume for how to consume)
|
14
28
|
*
|
@@ -8,6 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
8
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
9
9
|
};
|
10
10
|
import { property, query } from 'lit/decorators.js';
|
11
|
+
import { v4 as uuidv4 } from 'uuid';
|
11
12
|
export const FormInternalsMixin = (superClass) => {
|
12
13
|
class InnerMixinClass extends superClass {
|
13
14
|
/** @internal */
|
@@ -35,6 +36,7 @@ export const FormInternalsMixin = (superClass) => {
|
|
35
36
|
this.value = '';
|
36
37
|
/** @internal */
|
37
38
|
this.internals = this.attachInternals();
|
39
|
+
this.id = `mdc-input-${uuidv4()}`;
|
38
40
|
}
|
39
41
|
/**
|
40
42
|
* Sets the validity of the input field based on the input field's validity.
|
package/package.json
CHANGED