@momentum-design/components 0.28.4 → 0.28.5
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 +68 -49
- package/dist/browser/index.js.map +2 -2
- package/dist/components/input/input.component.js +1 -1
- package/dist/components/input/input.styles.js +3 -3
- package/dist/components/link/link.component.js +5 -1
- package/dist/components/link/link.styles.js +23 -15
- package/dist/custom-elements.json +367 -367
- package/dist/react/index.d.ts +2 -2
- package/dist/react/index.js +2 -2
- package/dist/utils/styles/index.js +9 -2
- package/package.json +1 -1
package/dist/react/index.d.ts
CHANGED
|
@@ -5,8 +5,8 @@ export { default as Bullet } from './bullet';
|
|
|
5
5
|
export { default as Button } from './button';
|
|
6
6
|
export { default as Buttonsimple } from './buttonsimple';
|
|
7
7
|
export { default as Checkbox } from './checkbox';
|
|
8
|
-
export { default as Divider } from './divider';
|
|
9
8
|
export { default as FormfieldGroup } from './formfieldgroup';
|
|
9
|
+
export { default as Divider } from './divider';
|
|
10
10
|
export { default as FormfieldWrapper } from './formfieldwrapper';
|
|
11
11
|
export { default as Icon } from './icon';
|
|
12
12
|
export { default as IconProvider } from './iconprovider';
|
|
@@ -21,6 +21,6 @@ export { default as RadioGroup } from './radiogroup';
|
|
|
21
21
|
export { default as Spinner } from './spinner';
|
|
22
22
|
export { default as Tab } from './tab';
|
|
23
23
|
export { default as Text } from './text';
|
|
24
|
-
export { default as Toggle } from './toggle';
|
|
25
24
|
export { default as ThemeProvider } from './themeprovider';
|
|
25
|
+
export { default as Toggle } from './toggle';
|
|
26
26
|
export { default as VirtualizedList } from './virtualizedlist';
|
package/dist/react/index.js
CHANGED
|
@@ -5,8 +5,8 @@ export { default as Bullet } from './bullet';
|
|
|
5
5
|
export { default as Button } from './button';
|
|
6
6
|
export { default as Buttonsimple } from './buttonsimple';
|
|
7
7
|
export { default as Checkbox } from './checkbox';
|
|
8
|
-
export { default as Divider } from './divider';
|
|
9
8
|
export { default as FormfieldGroup } from './formfieldgroup';
|
|
9
|
+
export { default as Divider } from './divider';
|
|
10
10
|
export { default as FormfieldWrapper } from './formfieldwrapper';
|
|
11
11
|
export { default as Icon } from './icon';
|
|
12
12
|
export { default as IconProvider } from './iconprovider';
|
|
@@ -21,6 +21,6 @@ export { default as RadioGroup } from './radiogroup';
|
|
|
21
21
|
export { default as Spinner } from './spinner';
|
|
22
22
|
export { default as Tab } from './tab';
|
|
23
23
|
export { default as Text } from './text';
|
|
24
|
-
export { default as Toggle } from './toggle';
|
|
25
24
|
export { default as ThemeProvider } from './themeprovider';
|
|
25
|
+
export { default as Toggle } from './toggle';
|
|
26
26
|
export { default as VirtualizedList } from './virtualizedlist';
|
|
@@ -37,10 +37,17 @@ const hostFocusRingStyles = (applyFocusRingOnClass = false) => {
|
|
|
37
37
|
:host([disabled]) .mdc-focus-ring:focus {
|
|
38
38
|
box-shadow: none;
|
|
39
39
|
}
|
|
40
|
+
/* Add focus ring to parent when child is focused. The parent element must have class name mdc-focus-ring */
|
|
40
41
|
.mdc-focus-ring:focus-within {
|
|
41
42
|
position: relative;
|
|
42
43
|
box-shadow: ${boxShadow};
|
|
43
44
|
}
|
|
45
|
+
/* Remove focus ring from parent when children has its own focus ring.
|
|
46
|
+
The child element must have class name own-focus-ring */
|
|
47
|
+
.mdc-focus-ring:has(.own-focus-ring:focus-visible){
|
|
48
|
+
box-shadow: none;
|
|
49
|
+
}
|
|
50
|
+
|
|
44
51
|
/* High Contrast Mode */
|
|
45
52
|
@media (forced-colors: active) {
|
|
46
53
|
.mdc-focus-ring:focus-within {
|
|
@@ -59,13 +66,13 @@ const hostFocusRingStyles = (applyFocusRingOnClass = false) => {
|
|
|
59
66
|
:host([disabled]:focus) {
|
|
60
67
|
box-shadow: none;
|
|
61
68
|
}
|
|
62
|
-
:host(:focus)
|
|
69
|
+
:host(:focus) {
|
|
63
70
|
position: relative;
|
|
64
71
|
box-shadow: ${boxShadow};
|
|
65
72
|
}
|
|
66
73
|
/* High Contrast Mode */
|
|
67
74
|
@media (forced-colors: active) {
|
|
68
|
-
:host(:focus)
|
|
75
|
+
:host(:focus) {
|
|
69
76
|
outline: 0.125rem solid var(--mds-color-theme-focus-default-0);
|
|
70
77
|
}
|
|
71
78
|
}
|
package/package.json
CHANGED