@momentum-design/components 0.109.1 → 0.110.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 +3 -2
- package/dist/browser/index.js.map +2 -2
- package/dist/components/popover/popover.component.d.ts +1 -0
- package/dist/components/popover/popover.component.js +1 -0
- package/dist/components/popover/popover.styles.js +3 -2
- package/dist/custom-elements.json +1206 -1170
- package/dist/react/brandvisual/index.d.ts +1 -1
- package/dist/react/index.d.ts +4 -4
- package/dist/react/index.js +4 -4
- package/dist/react/popover/index.d.ts +1 -0
- package/dist/react/popover/index.js +1 -0
- package/package.json +1 -1
|
@@ -32,6 +32,7 @@ declare const Popover_base: import("../../utils/mixins/index.types").Constructor
|
|
|
32
32
|
* @cssproperty --mdc-popover-elevation-3 - elevation of the popover
|
|
33
33
|
* @cssproperty --mdc-popover-max-width - max width of the popover
|
|
34
34
|
* @cssproperty --mdc-popover-max-height - max height of the popover
|
|
35
|
+
* @cssproperty --mdc-popover-width - width of the popover
|
|
35
36
|
*
|
|
36
37
|
* @slot - Default slot for the popover content
|
|
37
38
|
*
|
|
@@ -51,6 +51,7 @@ import { PopoverUtils } from './popover.utils';
|
|
|
51
51
|
* @cssproperty --mdc-popover-elevation-3 - elevation of the popover
|
|
52
52
|
* @cssproperty --mdc-popover-max-width - max width of the popover
|
|
53
53
|
* @cssproperty --mdc-popover-max-height - max height of the popover
|
|
54
|
+
* @cssproperty --mdc-popover-width - width of the popover
|
|
54
55
|
*
|
|
55
56
|
* @slot - Default slot for the popover content
|
|
56
57
|
*
|
|
@@ -10,6 +10,7 @@ const styles = css `
|
|
|
10
10
|
--mdc-popover-inverted-border-color: var(--mds-color-theme-inverted-outline-primary-normal);
|
|
11
11
|
--mdc-popover-inverted-text-color: var(--mds-color-theme-inverted-text-primary-normal);
|
|
12
12
|
--mdc-popover-elevation-3: var(--mds-elevation-3);
|
|
13
|
+
--mdc-popover-width: unset;
|
|
13
14
|
--mdc-popover-max-width: max-content;
|
|
14
15
|
--mdc-popover-max-height: auto;
|
|
15
16
|
|
|
@@ -23,7 +24,8 @@ const styles = css `
|
|
|
23
24
|
border-radius: 0.5rem;
|
|
24
25
|
border: 0.0625rem solid var(--mdc-popover-border-color);
|
|
25
26
|
filter: var(--mdc-popover-elevation-3);
|
|
26
|
-
width: var(--mdc-popover-max-width);
|
|
27
|
+
max-width: var(--mdc-popover-max-width);
|
|
28
|
+
width: var(--mdc-popover-width, var(--mdc-popover-max-width));
|
|
27
29
|
}
|
|
28
30
|
|
|
29
31
|
:host([strategy='absolute']) {
|
|
@@ -57,7 +59,6 @@ const styles = css `
|
|
|
57
59
|
position: relative;
|
|
58
60
|
cursor: default;
|
|
59
61
|
padding: 0.75rem;
|
|
60
|
-
min-width: max-content;
|
|
61
62
|
z-index: 9998;
|
|
62
63
|
max-height: var(--mdc-popover-max-height);
|
|
63
64
|
}
|