@momentum-design/components 0.120.19 → 0.120.20
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 +17 -9
- package/dist/browser/index.js.map +2 -2
- package/dist/components/tab/tab.component.js +0 -1
- package/dist/components/tab/tab.styles.js +16 -8
- package/dist/custom-elements.json +71 -71
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/package.json +1 -1
@@ -160,7 +160,6 @@ class Tab extends IconNameMixin(Buttonsimple) {
|
|
160
160
|
connectedCallback() {
|
161
161
|
super.connectedCallback();
|
162
162
|
this.role = ROLE.TAB;
|
163
|
-
this.softDisabled = undefined;
|
164
163
|
this.size = undefined;
|
165
164
|
this.type = undefined;
|
166
165
|
this.ariaStateKey = 'aria-selected';
|
@@ -118,7 +118,8 @@ const styles = [
|
|
118
118
|
visibility: hidden;
|
119
119
|
}
|
120
120
|
|
121
|
-
:host([disabled])
|
121
|
+
:host([disabled]),
|
122
|
+
:host([soft-disabled]) {
|
122
123
|
cursor: default;
|
123
124
|
}
|
124
125
|
|
@@ -136,7 +137,8 @@ const styles = [
|
|
136
137
|
background-color: var(--mdc-tab-glass-inactive-background-color-pressed);
|
137
138
|
}
|
138
139
|
|
139
|
-
:host([variant='glass'][disabled])
|
140
|
+
:host([variant='glass'][disabled]),
|
141
|
+
:host([variant='glass'][soft-disabled]) {
|
140
142
|
background-color: var(--mdc-tab-glass-inactive-background-color-disabled);
|
141
143
|
color: var(--mdc-tab-glass-inactive-color-disabled);
|
142
144
|
}
|
@@ -154,7 +156,8 @@ const styles = [
|
|
154
156
|
background-color: var(--mdc-tab-glass-active-background-color-pressed);
|
155
157
|
}
|
156
158
|
|
157
|
-
:host([variant='glass'][active][disabled])
|
159
|
+
:host([variant='glass'][active][disabled]),
|
160
|
+
:host([variant='glass'][active][soft-disabled]) {
|
158
161
|
background-color: var(--mdc-tab-glass-active-background-color-disabled);
|
159
162
|
color: var(--mdc-tab-glass-active-color-disabled);
|
160
163
|
}
|
@@ -176,7 +179,8 @@ const styles = [
|
|
176
179
|
background-color: var(--mdc-tab-line-inactive-background-color-pressed);
|
177
180
|
}
|
178
181
|
|
179
|
-
:host([variant='line'][disabled])
|
182
|
+
:host([variant='line'][disabled]),
|
183
|
+
:host([variant='line'][soft-disabled]) {
|
180
184
|
background-color: var(--mdc-tab-line-inactive-background-color-disabled);
|
181
185
|
color: var(--mdc-tab-line-inactive-color-disabled);
|
182
186
|
}
|
@@ -199,12 +203,14 @@ const styles = [
|
|
199
203
|
background-color: var(--mdc-tab-line-active-background-color-pressed);
|
200
204
|
}
|
201
205
|
|
202
|
-
:host([variant='line'][active][disabled])
|
206
|
+
:host([variant='line'][active][disabled]),
|
207
|
+
:host([variant='line'][active][soft-disabled]) {
|
203
208
|
background-color: var(--mdc-tab-line-active-background-color-disabled);
|
204
209
|
color: var(--mdc-tab-line-active-color-disabled);
|
205
210
|
}
|
206
211
|
|
207
|
-
:host([variant='line'][active][disabled])::part(indicator)
|
212
|
+
:host([variant='line'][active][disabled])::part(indicator),
|
213
|
+
:host([variant='line'][active][soft-disabled])::part(indicator) {
|
208
214
|
background-color: var(--mdc-tab-line-active-indicator-color-disabled);
|
209
215
|
}
|
210
216
|
|
@@ -222,7 +228,8 @@ const styles = [
|
|
222
228
|
background-color: var(--mdc-tab-pill-inactive-background-color-pressed);
|
223
229
|
}
|
224
230
|
|
225
|
-
:host([variant='pill'][disabled])
|
231
|
+
:host([variant='pill'][disabled]),
|
232
|
+
:host([variant='pill'][soft-disabled]) {
|
226
233
|
background-color: var(--mdc-tab-pill-inactive-background-color-disabled);
|
227
234
|
color: var(--mdc-tab-pill-inactive-color-disabled);
|
228
235
|
}
|
@@ -240,7 +247,8 @@ const styles = [
|
|
240
247
|
background-color: var(--mdc-tab-pill-active-background-color-pressed);
|
241
248
|
}
|
242
249
|
|
243
|
-
:host([variant='pill'][active][disabled])
|
250
|
+
:host([variant='pill'][active][disabled]),
|
251
|
+
:host([variant='pill'][active][soft-disabled]) {
|
244
252
|
background-color: var(--mdc-tab-pill-active-background-color-disabled);
|
245
253
|
color: var(--mdc-tab-pill-active-color-disabled);
|
246
254
|
}
|
@@ -22957,77 +22957,6 @@
|
|
22957
22957
|
}
|
22958
22958
|
]
|
22959
22959
|
},
|
22960
|
-
{
|
22961
|
-
"kind": "javascript-module",
|
22962
|
-
"path": "components/marker/marker.component.js",
|
22963
|
-
"declarations": [
|
22964
|
-
{
|
22965
|
-
"kind": "class",
|
22966
|
-
"description": "`mdc-marker`, which is a vertical line and\nused to draw attention to specific parts of\nthe content or to signify important information.\n\n**Marker Variants**:\n- **solid**: Solid marker.\n- **striped**: Striped marker.",
|
22967
|
-
"name": "Marker",
|
22968
|
-
"cssProperties": [
|
22969
|
-
{
|
22970
|
-
"description": "Allows customization of the default background color in solid variant.",
|
22971
|
-
"name": "--mdc-marker-solid-background-color"
|
22972
|
-
},
|
22973
|
-
{
|
22974
|
-
"description": "Allows customization of the default stripes in striped variant.",
|
22975
|
-
"name": "--mdc-marker-striped-color"
|
22976
|
-
},
|
22977
|
-
{
|
22978
|
-
"description": "Allows customization of the default background color in striped variant.",
|
22979
|
-
"name": "--mdc-marker-striped-background-color"
|
22980
|
-
},
|
22981
|
-
{
|
22982
|
-
"description": "Allows customization of the default width.",
|
22983
|
-
"name": "--mdc-marker-width"
|
22984
|
-
}
|
22985
|
-
],
|
22986
|
-
"members": [
|
22987
|
-
{
|
22988
|
-
"kind": "field",
|
22989
|
-
"name": "variant",
|
22990
|
-
"type": {
|
22991
|
-
"text": "MarkerVariants"
|
22992
|
-
},
|
22993
|
-
"privacy": "public",
|
22994
|
-
"description": "There are two variants of markers, each with a width of 0.25rem:\n- **solid**: Solid marker.\n- **striped**: Striped marker.",
|
22995
|
-
"default": "solid",
|
22996
|
-
"attribute": "variant",
|
22997
|
-
"reflects": true
|
22998
|
-
}
|
22999
|
-
],
|
23000
|
-
"attributes": [
|
23001
|
-
{
|
23002
|
-
"name": "variant",
|
23003
|
-
"type": {
|
23004
|
-
"text": "MarkerVariants"
|
23005
|
-
},
|
23006
|
-
"description": "There are two variants of markers, each with a width of 0.25rem:\n- **solid**: Solid marker.\n- **striped**: Striped marker.",
|
23007
|
-
"default": "solid",
|
23008
|
-
"fieldName": "variant"
|
23009
|
-
}
|
23010
|
-
],
|
23011
|
-
"superclass": {
|
23012
|
-
"name": "Component",
|
23013
|
-
"module": "/src/models"
|
23014
|
-
},
|
23015
|
-
"tagName": "mdc-marker",
|
23016
|
-
"jsDoc": "/**\n * `mdc-marker`, which is a vertical line and\n * used to draw attention to specific parts of\n * the content or to signify important information.\n *\n * **Marker Variants**:\n * - **solid**: Solid marker.\n * - **striped**: Striped marker.\n *\n * @tagname mdc-marker\n *\n * @cssproperty --mdc-marker-solid-background-color - Allows customization of the default background color\n * in solid variant.\n * @cssproperty --mdc-marker-striped-color - Allows customization of the default stripes in striped variant.\n * @cssproperty --mdc-marker-striped-background-color - Allows customization of the default background color\n * in striped variant.\n * @cssproperty --mdc-marker-width - Allows customization of the default width.\n */",
|
23017
|
-
"customElement": true
|
23018
|
-
}
|
23019
|
-
],
|
23020
|
-
"exports": [
|
23021
|
-
{
|
23022
|
-
"kind": "js",
|
23023
|
-
"name": "default",
|
23024
|
-
"declaration": {
|
23025
|
-
"name": "Marker",
|
23026
|
-
"module": "components/marker/marker.component.js"
|
23027
|
-
}
|
23028
|
-
}
|
23029
|
-
]
|
23030
|
-
},
|
23031
22960
|
{
|
23032
22961
|
"kind": "javascript-module",
|
23033
22962
|
"path": "components/menubar/menubar.component.js",
|
@@ -25242,6 +25171,77 @@
|
|
25242
25171
|
}
|
25243
25172
|
]
|
25244
25173
|
},
|
25174
|
+
{
|
25175
|
+
"kind": "javascript-module",
|
25176
|
+
"path": "components/marker/marker.component.js",
|
25177
|
+
"declarations": [
|
25178
|
+
{
|
25179
|
+
"kind": "class",
|
25180
|
+
"description": "`mdc-marker`, which is a vertical line and\nused to draw attention to specific parts of\nthe content or to signify important information.\n\n**Marker Variants**:\n- **solid**: Solid marker.\n- **striped**: Striped marker.",
|
25181
|
+
"name": "Marker",
|
25182
|
+
"cssProperties": [
|
25183
|
+
{
|
25184
|
+
"description": "Allows customization of the default background color in solid variant.",
|
25185
|
+
"name": "--mdc-marker-solid-background-color"
|
25186
|
+
},
|
25187
|
+
{
|
25188
|
+
"description": "Allows customization of the default stripes in striped variant.",
|
25189
|
+
"name": "--mdc-marker-striped-color"
|
25190
|
+
},
|
25191
|
+
{
|
25192
|
+
"description": "Allows customization of the default background color in striped variant.",
|
25193
|
+
"name": "--mdc-marker-striped-background-color"
|
25194
|
+
},
|
25195
|
+
{
|
25196
|
+
"description": "Allows customization of the default width.",
|
25197
|
+
"name": "--mdc-marker-width"
|
25198
|
+
}
|
25199
|
+
],
|
25200
|
+
"members": [
|
25201
|
+
{
|
25202
|
+
"kind": "field",
|
25203
|
+
"name": "variant",
|
25204
|
+
"type": {
|
25205
|
+
"text": "MarkerVariants"
|
25206
|
+
},
|
25207
|
+
"privacy": "public",
|
25208
|
+
"description": "There are two variants of markers, each with a width of 0.25rem:\n- **solid**: Solid marker.\n- **striped**: Striped marker.",
|
25209
|
+
"default": "solid",
|
25210
|
+
"attribute": "variant",
|
25211
|
+
"reflects": true
|
25212
|
+
}
|
25213
|
+
],
|
25214
|
+
"attributes": [
|
25215
|
+
{
|
25216
|
+
"name": "variant",
|
25217
|
+
"type": {
|
25218
|
+
"text": "MarkerVariants"
|
25219
|
+
},
|
25220
|
+
"description": "There are two variants of markers, each with a width of 0.25rem:\n- **solid**: Solid marker.\n- **striped**: Striped marker.",
|
25221
|
+
"default": "solid",
|
25222
|
+
"fieldName": "variant"
|
25223
|
+
}
|
25224
|
+
],
|
25225
|
+
"superclass": {
|
25226
|
+
"name": "Component",
|
25227
|
+
"module": "/src/models"
|
25228
|
+
},
|
25229
|
+
"tagName": "mdc-marker",
|
25230
|
+
"jsDoc": "/**\n * `mdc-marker`, which is a vertical line and\n * used to draw attention to specific parts of\n * the content or to signify important information.\n *\n * **Marker Variants**:\n * - **solid**: Solid marker.\n * - **striped**: Striped marker.\n *\n * @tagname mdc-marker\n *\n * @cssproperty --mdc-marker-solid-background-color - Allows customization of the default background color\n * in solid variant.\n * @cssproperty --mdc-marker-striped-color - Allows customization of the default stripes in striped variant.\n * @cssproperty --mdc-marker-striped-background-color - Allows customization of the default background color\n * in striped variant.\n * @cssproperty --mdc-marker-width - Allows customization of the default width.\n */",
|
25231
|
+
"customElement": true
|
25232
|
+
}
|
25233
|
+
],
|
25234
|
+
"exports": [
|
25235
|
+
{
|
25236
|
+
"kind": "js",
|
25237
|
+
"name": "default",
|
25238
|
+
"declaration": {
|
25239
|
+
"name": "Marker",
|
25240
|
+
"module": "components/marker/marker.component.js"
|
25241
|
+
}
|
25242
|
+
}
|
25243
|
+
]
|
25244
|
+
},
|
25245
25245
|
{
|
25246
25246
|
"kind": "javascript-module",
|
25247
25247
|
"path": "components/menuitemradio/menuitemradio.component.js",
|
package/dist/react/index.d.ts
CHANGED
@@ -42,10 +42,10 @@ export { default as List } from './list';
|
|
42
42
|
export { default as ListBox } from './listbox';
|
43
43
|
export { default as Listheader } from './listheader';
|
44
44
|
export { default as ListItem } from './listitem';
|
45
|
-
export { default as Marker } from './marker';
|
46
45
|
export { default as MenuBar } from './menubar';
|
47
46
|
export { default as MenuItem } from './menuitem';
|
48
47
|
export { default as MenuItemCheckbox } from './menuitemcheckbox';
|
48
|
+
export { default as Marker } from './marker';
|
49
49
|
export { default as MenuItemRadio } from './menuitemradio';
|
50
50
|
export { default as MenuPopover } from './menupopover';
|
51
51
|
export { default as MenuSection } from './menusection';
|
package/dist/react/index.js
CHANGED
@@ -42,10 +42,10 @@ export { default as List } from './list';
|
|
42
42
|
export { default as ListBox } from './listbox';
|
43
43
|
export { default as Listheader } from './listheader';
|
44
44
|
export { default as ListItem } from './listitem';
|
45
|
-
export { default as Marker } from './marker';
|
46
45
|
export { default as MenuBar } from './menubar';
|
47
46
|
export { default as MenuItem } from './menuitem';
|
48
47
|
export { default as MenuItemCheckbox } from './menuitemcheckbox';
|
48
|
+
export { default as Marker } from './marker';
|
49
49
|
export { default as MenuItemRadio } from './menuitemradio';
|
50
50
|
export { default as MenuPopover } from './menupopover';
|
51
51
|
export { default as MenuSection } from './menusection';
|