@a-type/ui 6.0.12 → 6.0.14
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/arbor/arbor.d.ts +72 -8
- package/dist/arbor/arbor.js +94 -8
- package/dist/arbor/arbor.js.map +1 -1
- package/dist/colors.module.css +4 -4
- package/dist/components/actions/ActionButton.module.css +1 -1
- package/dist/components/box/Box.module.css +10 -10
- package/dist/components/box/Box.stories.js +1 -1
- package/dist/components/box/Box.stories.js.map +1 -1
- package/dist/components/button/Button.js +1 -1
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/button/Button.module.css +5 -12
- package/dist/components/button/index.d.ts +0 -1
- package/dist/components/button/index.js +0 -1
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/camera/Camera.module.css +7 -7
- package/dist/components/card/Card.module.css +23 -23
- package/dist/components/card/Card.stories.js +2 -2
- package/dist/components/card/Card.stories.js.map +1 -1
- package/dist/components/chip/Chip.module.css +4 -4
- package/dist/components/combobox/Combobox.module.css +25 -25
- package/dist/components/datePicker/Calendar.module.css +3 -3
- package/dist/components/datePicker/DatePicker.d.ts +2 -1
- package/dist/components/datePicker/DatePicker.js.map +1 -1
- package/dist/components/datePicker/dateRangePicker.module.css +1 -1
- package/dist/components/dialog/Dialog.module.css +15 -15
- package/dist/components/editableText/EditableText.module.css +1 -1
- package/dist/components/emojiPicker/EmojiPicker.module.css +12 -12
- package/dist/components/forms/FieldLabel.module.css +8 -8
- package/dist/components/forms/Form.module.css +1 -1
- package/dist/components/forms/NumberStepperField.module.css +1 -1
- package/dist/components/forms/TextField.module.css +1 -1
- package/dist/components/horizontalList/HorizontalList.module.css +4 -4
- package/dist/components/icon/Icon.stories.js +2 -2
- package/dist/components/icon/Icon.stories.js.map +1 -1
- package/dist/components/imageUploader/ImageUploader.module.css +6 -6
- package/dist/components/input/Input.module.css +5 -5
- package/dist/components/layouts/PageContent.module.css +3 -3
- package/dist/components/layouts/PageFixedArea.module.css +1 -1
- package/dist/components/layouts/PageNav.module.css +3 -3
- package/dist/components/layouts/PageNowPlaying.module.css +3 -3
- package/dist/components/layouts/PageSection.module.css +2 -2
- package/dist/components/lightbox/Lightbox.module.css +3 -3
- package/dist/components/lists/lists.module.css +2 -2
- package/dist/components/masonry/masonry.d.ts +3 -2
- package/dist/components/masonry/masonry.js +2 -2
- package/dist/components/masonry/masonry.js.map +1 -1
- package/dist/components/navBar/NavBar.module.css +13 -13
- package/dist/components/note/Note.module.css +4 -4
- package/dist/components/peek/Peek.module.css +4 -4
- package/dist/components/popover/Popover.module.css +8 -8
- package/dist/components/popover/Popover.stories.js +1 -1
- package/dist/components/popover/Popover.stories.js.map +1 -1
- package/dist/components/primitives/menus.module.css +25 -27
- package/dist/components/progress/Progress.module.css +7 -7
- package/dist/components/pwaInstall/PwaInstall.module.css +3 -3
- package/dist/components/quickAction/QuickAction.module.css +1 -1
- package/dist/components/richEditor/richEditor.module.css +23 -23
- package/dist/components/select/Select.module.css +2 -2
- package/dist/components/spinner/Spinner.module.css +1 -1
- package/dist/components/switch/Switch.module.css +1 -1
- package/dist/components/tabs/tabs.module.css +6 -6
- package/dist/components/textArea/TextArea.module.css +1 -1
- package/dist/components/toasts/toasts.module.css +19 -19
- package/dist/components/toggleGroup/toggleGroup.module.css +1 -1
- package/dist/components/tooltip/Tooltip.module.css +1 -1
- package/dist/components/typography/typography.module.css +11 -11
- package/dist/components/viewport/Viewport.module.css +8 -8
- package/dist/css/arbor.css +388 -276
- package/dist/css/util.css +10 -10
- package/dist/keyboard.stories.js +1 -1
- package/dist/keyboard.stories.js.map +1 -1
- package/dist/shadows.stories.js +1 -1
- package/dist/shadows.stories.js.map +1 -1
- package/dist/theme.stories.module.css +1 -1
- package/package.json +3 -3
- package/src/arbor/arbor.ts +108 -10
- package/src/colors.module.css +4 -4
- package/src/components/actions/ActionButton.module.css +1 -1
- package/src/components/box/Box.module.css +10 -10
- package/src/components/box/Box.stories.tsx +1 -1
- package/src/components/button/Button.module.css +5 -12
- package/src/components/button/Button.tsx +1 -0
- package/src/components/button/index.ts +0 -1
- package/src/components/camera/Camera.module.css +7 -7
- package/src/components/card/Card.module.css +23 -23
- package/src/components/card/Card.stories.tsx +2 -2
- package/src/components/chip/Chip.module.css +4 -4
- package/src/components/combobox/Combobox.module.css +25 -25
- package/src/components/datePicker/Calendar.module.css +3 -3
- package/src/components/datePicker/DatePicker.tsx +2 -1
- package/src/components/datePicker/dateRangePicker.module.css +1 -1
- package/src/components/dialog/Dialog.module.css +15 -15
- package/src/components/editableText/EditableText.module.css +1 -1
- package/src/components/emojiPicker/EmojiPicker.module.css +12 -12
- package/src/components/forms/FieldLabel.module.css +8 -8
- package/src/components/forms/Form.module.css +1 -1
- package/src/components/forms/NumberStepperField.module.css +1 -1
- package/src/components/forms/TextField.module.css +1 -1
- package/src/components/horizontalList/HorizontalList.module.css +4 -4
- package/src/components/icon/Icon.stories.tsx +2 -2
- package/src/components/imageUploader/ImageUploader.module.css +6 -6
- package/src/components/input/Input.module.css +5 -5
- package/src/components/layouts/PageContent.module.css +3 -3
- package/src/components/layouts/PageFixedArea.module.css +1 -1
- package/src/components/layouts/PageNav.module.css +3 -3
- package/src/components/layouts/PageNowPlaying.module.css +3 -3
- package/src/components/layouts/PageSection.module.css +2 -2
- package/src/components/lightbox/Lightbox.module.css +3 -3
- package/src/components/lists/lists.module.css +2 -2
- package/src/components/masonry/masonry.tsx +3 -1
- package/src/components/navBar/NavBar.module.css +13 -13
- package/src/components/note/Note.module.css +4 -4
- package/src/components/peek/Peek.module.css +4 -4
- package/src/components/popover/Popover.module.css +8 -8
- package/src/components/popover/Popover.stories.tsx +1 -1
- package/src/components/primitives/menus.module.css +25 -27
- package/src/components/progress/Progress.module.css +7 -7
- package/src/components/pwaInstall/PwaInstall.module.css +3 -3
- package/src/components/quickAction/QuickAction.module.css +1 -1
- package/src/components/richEditor/richEditor.module.css +23 -23
- package/src/components/select/Select.module.css +2 -2
- package/src/components/spinner/Spinner.module.css +1 -1
- package/src/components/switch/Switch.module.css +1 -1
- package/src/components/tabs/tabs.module.css +6 -6
- package/src/components/textArea/TextArea.module.css +1 -1
- package/src/components/toasts/toasts.module.css +19 -19
- package/src/components/toggleGroup/toggleGroup.module.css +1 -1
- package/src/components/tooltip/Tooltip.module.css +1 -1
- package/src/components/typography/typography.module.css +11 -11
- package/src/components/viewport/Viewport.module.css +8 -8
- package/src/css/util.css +10 -10
- package/src/keyboard.stories.tsx +1 -1
- package/src/shadows.stories.tsx +1 -1
- package/src/theme.stories.module.css +1 -1
- package/dist/components/button/classes.d.ts +0 -7
- package/dist/components/button/classes.js +0 -24
- package/dist/components/button/classes.js.map +0 -1
- package/src/components/button/classes.tsx +0 -79
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
display: flex;
|
|
40
40
|
flex-direction: row;
|
|
41
41
|
align-items: center;
|
|
42
|
-
gap: var(--m-
|
|
42
|
+
gap: var(--m-space-xs);
|
|
43
43
|
width: max-content;
|
|
44
44
|
overflow: clip;
|
|
45
45
|
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
@apply --mx-borderColor(var(--m-control-borderColor));
|
|
54
54
|
border-radius: var(--m-control-radius);
|
|
55
55
|
|
|
56
|
-
font-size: var(--m-
|
|
57
|
-
line-height: var(--m-
|
|
58
|
-
font-weight: var(--m-
|
|
56
|
+
font-size: var(--m-prose-secondary-size);
|
|
57
|
+
line-height: var(--m-prose-secondary-lineHeight);
|
|
58
|
+
font-weight: var(--m-prose-secondary-weight);
|
|
59
59
|
|
|
60
60
|
&:has(input:disabled),
|
|
61
61
|
&:has(textarea:disabled) {
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
& > [data-icon] {
|
|
90
|
-
margin-inline: var(--m-
|
|
90
|
+
margin-inline: var(--m-space-sm);
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
padding-inline: var(--m-control-padding-inline);
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
anchor-name: --page-content;
|
|
8
8
|
flex: 1;
|
|
9
9
|
|
|
10
|
-
gap: var(--m-
|
|
10
|
+
gap: var(--m-space-md);
|
|
11
11
|
|
|
12
|
-
padding: var(--m-
|
|
12
|
+
padding: var(--m-space-md);
|
|
13
13
|
@media (min-width: 768px) {
|
|
14
|
-
padding: var(--m-
|
|
14
|
+
padding: var(--m-space-lg);
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
margin-inline: auto;
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
position: absolute;
|
|
13
13
|
content: '';
|
|
14
14
|
top: 0;
|
|
15
|
-
left: var(--m-
|
|
16
|
-
right: var(--m-
|
|
15
|
+
left: var(--m-space-md);
|
|
16
|
+
right: var(--m-space-md);
|
|
17
17
|
height: 1px;
|
|
18
18
|
@apply --mx-bg(var(--m-color-neutral-heavy));
|
|
19
19
|
@media (min-width: 768px) {
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
bottom: auto;
|
|
26
26
|
left: auto;
|
|
27
27
|
right: auto;
|
|
28
|
-
top: var(--m-
|
|
28
|
+
top: var(--m-space-lg);
|
|
29
29
|
height: auto;
|
|
30
30
|
}
|
|
31
31
|
}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
align-items: center;
|
|
5
|
-
gap: var(--m-
|
|
5
|
+
gap: var(--m-space-sm);
|
|
6
6
|
|
|
7
|
-
padding: var(--m-
|
|
7
|
+
padding: var(--m-space-sm);
|
|
8
8
|
|
|
9
9
|
position: fixed;
|
|
10
10
|
position-anchor: --page-content;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
bottom: --fn-literal(var(--nav-height, env(safe-area-inset-bottom, 0px)));
|
|
15
15
|
|
|
16
16
|
@media (min-width: 768px) {
|
|
17
|
-
bottom: var(--m-
|
|
17
|
+
bottom: var(--m-space-md);
|
|
18
18
|
align-items: center;
|
|
19
19
|
transition: bottom var(--m-duration) var(--m-easing);
|
|
20
20
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.root {
|
|
2
2
|
max-width: 80vw;
|
|
3
3
|
width: 100%;
|
|
4
|
-
padding: var(--m-
|
|
4
|
+
padding: var(--m-space-md);
|
|
5
5
|
@apply --mx-bg(var(--m-surface-ambient-bg));
|
|
6
6
|
border-radius: var(--m-radius-lg);
|
|
7
7
|
@apply --mx-borderColor(var(--m-surface-ambient-borderColor));
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
.grid {
|
|
15
15
|
display: grid;
|
|
16
|
-
gap: var(--m-
|
|
16
|
+
gap: var(--m-space-md);
|
|
17
17
|
align-items: start;
|
|
18
18
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
19
19
|
}
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
|
|
27
27
|
.close {
|
|
28
28
|
position: absolute;
|
|
29
|
-
right: var(--m-
|
|
30
|
-
top: var(--m-
|
|
29
|
+
right: var(--m-space-md);
|
|
30
|
+
top: var(--m-space-md);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
.overlay {
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
width: 90vw;
|
|
61
61
|
max-width: 100%;
|
|
62
62
|
|
|
63
|
-
padding: var(--m-
|
|
63
|
+
padding: var(--m-space-lg);
|
|
64
64
|
border: none;
|
|
65
65
|
background: none;
|
|
66
66
|
pointer-events: none;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
2
|
export interface MasonryProps {
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
className?: string;
|
|
5
5
|
columns?: number | ((containerWidth: number) => number);
|
|
6
6
|
gap?: number;
|
|
7
|
+
style?: CSSProperties;
|
|
7
8
|
}
|
|
8
|
-
export declare function Masonry({ className, children, columns, gap, }: MasonryProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function Masonry({ className, children, columns, gap, style, }: MasonryProps): import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
export declare function masonrySpan(span: number): {
|
|
10
11
|
'data-span': number;
|
|
11
12
|
};
|
|
@@ -201,7 +201,7 @@ const initialStyle = {
|
|
|
201
201
|
overflow: 'hidden',
|
|
202
202
|
visibility: 'hidden',
|
|
203
203
|
};
|
|
204
|
-
export function Masonry({ className, children, columns = 3, gap = 16, }) {
|
|
204
|
+
export function Masonry({ className, children, columns = 3, gap = 16, style, }) {
|
|
205
205
|
const [layout] = useState(() => {
|
|
206
206
|
if (typeof window === 'undefined') {
|
|
207
207
|
return new ServerLayout({ columns, gap });
|
|
@@ -217,7 +217,7 @@ export function Masonry({ className, children, columns = 3, gap = 16, }) {
|
|
|
217
217
|
return layout.attach(ref.current);
|
|
218
218
|
}
|
|
219
219
|
}, [layout, ref]);
|
|
220
|
-
return (_jsx("div", { ref: ref, style: initialStyle, className: clsx('layer-components:z-0', className), children: children }));
|
|
220
|
+
return (_jsx("div", { ref: ref, style: style ? Object.assign(Object.assign({}, initialStyle), style) : initialStyle, className: clsx('layer-components:z-0', className), children: children }));
|
|
221
221
|
}
|
|
222
222
|
export function masonrySpan(span) {
|
|
223
223
|
return { 'data-span': span };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masonry.js","sourceRoot":"","sources":["../../../src/components/masonry/masonry.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"masonry.js","sourceRoot":"","sources":["../../../src/components/masonry/masonry.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
justify-items: center;
|
|
7
7
|
overflow: clip;
|
|
8
8
|
border-radius: 0;
|
|
9
|
-
padding: var(--m-
|
|
9
|
+
padding: var(--m-space-sm);
|
|
10
10
|
z-index: 50;
|
|
11
|
-
padding-bottom: calc(var(--m-
|
|
11
|
+
padding-bottom: calc(var(--m-space-sm) + env(safe-area-inset-bottom, 0px));
|
|
12
12
|
|
|
13
13
|
@media (min-width: 768px) {
|
|
14
14
|
height: min-content;
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
flex-direction: column;
|
|
17
17
|
align-items: stretch;
|
|
18
18
|
justify-content: start;
|
|
19
|
-
gap: var(--m-
|
|
19
|
+
gap: var(--m-space-sm);
|
|
20
20
|
overflow-x: clip;
|
|
21
21
|
overflow-y: auto;
|
|
22
22
|
border-radius: 0;
|
|
23
|
-
padding-bottom: var(--m-
|
|
23
|
+
padding-bottom: var(--m-space-xl);
|
|
24
24
|
box-shadow: none;
|
|
25
25
|
@apply --mx-bg(transparent);
|
|
26
26
|
border: none;
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
user-select: none;
|
|
37
37
|
align-items: center;
|
|
38
38
|
justify-content: center;
|
|
39
|
-
gap: var(--m-
|
|
39
|
+
gap: var(--m-space-sm);
|
|
40
40
|
white-space: nowrap;
|
|
41
41
|
padding: var(--m-action-padding);
|
|
42
42
|
transition: all var(--m-duration) var(--m-easing);
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
@apply --mx-bg(transparent);
|
|
45
45
|
border-radius: var(--m-radius-sm);
|
|
46
46
|
border: none;
|
|
47
|
-
font-size: var(--m-
|
|
47
|
+
font-size: var(--m-prose-ambient-size);
|
|
48
48
|
line-height: 1;
|
|
49
|
-
font-weight: var(--m-
|
|
49
|
+
font-weight: var(--m-prose-ambient-weight);
|
|
50
50
|
@apply --mx-shadow;
|
|
51
51
|
|
|
52
52
|
&:active {
|
|
@@ -76,10 +76,10 @@
|
|
|
76
76
|
flex-direction: row-reverse;
|
|
77
77
|
justify-content: end;
|
|
78
78
|
align-items: center;
|
|
79
|
-
gap: var(--m-
|
|
79
|
+
gap: var(--m-space-md);
|
|
80
80
|
padding: var(--m-action-padding);
|
|
81
81
|
overflow: visible;
|
|
82
|
-
font-size: var(--m-
|
|
82
|
+
font-size: var(--m-prose-secondary-size);
|
|
83
83
|
&:active {
|
|
84
84
|
@apply --mx-bg-heavier(1);
|
|
85
85
|
}
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
@media (min-width: 768px) {
|
|
94
94
|
@apply --mx-bg(var(--m-color-neutral-light));
|
|
95
95
|
@apply --mx-bg-faded(50%);
|
|
96
|
-
padding: var(--m-
|
|
96
|
+
padding: var(--m-space-sm);
|
|
97
97
|
border-radius: var(--m-action-radius);
|
|
98
98
|
|
|
99
99
|
[data-active='true'] & {
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
|
|
105
105
|
.itemText {
|
|
106
106
|
@apply --mx-fg(var(--m-color-neutral-ink));
|
|
107
|
-
font-size: var(--m-
|
|
107
|
+
font-size: var(--m-prose-ambient-size);
|
|
108
108
|
line-height: 1;
|
|
109
109
|
font-weight: inherit;
|
|
110
110
|
display: inline-block;
|
|
@@ -126,8 +126,8 @@
|
|
|
126
126
|
|
|
127
127
|
.pip {
|
|
128
128
|
position: absolute;
|
|
129
|
-
top: var(--m-
|
|
130
|
-
right: var(--m-
|
|
129
|
+
top: var(--m-space-sm);
|
|
130
|
+
right: var(--m-space-sm);
|
|
131
131
|
width: 6px;
|
|
132
132
|
height: 6px;
|
|
133
133
|
border-radius: 50%;
|
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
.content {
|
|
25
25
|
position: relative;
|
|
26
26
|
flex: 1;
|
|
27
|
-
padding: var(--m-
|
|
27
|
+
padding: var(--m-space-sm);
|
|
28
28
|
|
|
29
|
-
font-size: var(--m-
|
|
30
|
-
line-height: var(--m-
|
|
31
|
-
font-weight: var(--m-
|
|
29
|
+
font-size: var(--m-prose-ambient-size);
|
|
30
|
+
line-height: var(--m-prose-ambient-lineHeight);
|
|
31
|
+
font-weight: var(--m-prose-ambient-weight);
|
|
32
32
|
font-style: italic;
|
|
33
33
|
|
|
34
34
|
@apply --mx-fg(var(--m-color-neutral-ink));
|
|
@@ -76,10 +76,10 @@
|
|
|
76
76
|
flex-direction: column;
|
|
77
77
|
align-items: center;
|
|
78
78
|
justify-content: end;
|
|
79
|
-
padding: var(--m-
|
|
80
|
-
font-size: var(--m-
|
|
81
|
-
line-height: var(--m-
|
|
82
|
-
font-weight: var(--m-
|
|
79
|
+
padding: var(--m-space-sm);
|
|
80
|
+
font-size: var(--m-prose-ambient-size);
|
|
81
|
+
line-height: var(--m-prose-ambient-lineHeight);
|
|
82
|
+
font-weight: var(--m-prose-ambient-weight);
|
|
83
83
|
@apply --mx-fg(var(--m-color-neutral-heavy));
|
|
84
84
|
}
|
|
85
85
|
&[data-state='open'] {
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
.close {
|
|
2
2
|
position: absolute;
|
|
3
|
-
right: var(--m-
|
|
4
|
-
top: var(--m-
|
|
3
|
+
right: var(--m-space-sm);
|
|
4
|
+
top: var(--m-space-sm);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
.popup {
|
|
8
|
-
padding: var(--m-
|
|
8
|
+
padding: var(--m-space-md);
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
.title {
|
|
12
12
|
font-weight: 500;
|
|
13
13
|
margin: 0;
|
|
14
|
-
margin-block-end: var(--m-
|
|
15
|
-
font-size: var(--m-
|
|
16
|
-
line-height: var(--m-
|
|
14
|
+
margin-block-end: var(--m-space-sm);
|
|
15
|
+
font-size: var(--m-prose-secondary-size);
|
|
16
|
+
line-height: var(--m-prose-secondary-lineHeight);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.description {
|
|
20
20
|
margin: 0;
|
|
21
|
-
font-size: var(--m-
|
|
22
|
-
line-height: var(--m-
|
|
21
|
+
font-size: var(--m-prose-ambient-size);
|
|
22
|
+
line-height: var(--m-prose-ambient-lineHeight);
|
|
23
23
|
@apply --mx-fg(var(--m-color-neutral-heavy));
|
|
24
24
|
}
|
|
@@ -12,7 +12,7 @@ const meta = {
|
|
|
12
12
|
export default meta;
|
|
13
13
|
export const Default = {
|
|
14
14
|
render(args) {
|
|
15
|
-
return (_jsxs(Popover, Object.assign({}, args, { children: [_jsx(Popover.Trigger, { render: _jsx(Button, { color: "primary", size: "small" }), children: "Open Popover" }), _jsxs(Popover.Content, { style: { padding: 'var(--m-
|
|
15
|
+
return (_jsxs(Popover, Object.assign({}, args, { children: [_jsx(Popover.Trigger, { render: _jsx(Button, { color: "primary", size: "small" }), children: "Open Popover" }), _jsxs(Popover.Content, { style: { padding: 'var(--m-space-md)' }, children: [_jsx(Popover.Arrow, {}), _jsx(Popover.Title, { children: "Hello" }), _jsx(Popover.Description, { children: "This is a popover content." }), _jsx(Popover.Close, {})] })] })));
|
|
16
16
|
},
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=Popover.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../src/components/popover/Popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAS;IAClB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACD,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,OAAO,oBAAK,IAAI,eAChB,KAAC,OAAO,CAAC,OAAO,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,6BAE9C,EAClB,MAAC,OAAO,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../src/components/popover/Popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAS;IAClB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACD,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,OAAO,oBAAK,IAAI,eAChB,KAAC,OAAO,CAAC,OAAO,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,6BAE9C,EAClB,MAAC,OAAO,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,aACvD,KAAC,OAAO,CAAC,KAAK,KAAG,EACjB,KAAC,OAAO,CAAC,KAAK,wBAAsB,EACpC,KAAC,OAAO,CAAC,WAAW,6CAAiD,EACrE,KAAC,OAAO,CAAC,KAAK,KAAG,IACA,KACT,CACV,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -61,9 +61,9 @@
|
|
|
61
61
|
min-height: 0px;
|
|
62
62
|
overflow-x: clip;
|
|
63
63
|
overflow-y: auto;
|
|
64
|
-
scroll-padding-block: var(--m-
|
|
64
|
+
scroll-padding-block: var(--m-space-md);
|
|
65
65
|
position: relative;
|
|
66
|
-
padding: var(--m-
|
|
66
|
+
padding: var(--m-space-xs);
|
|
67
67
|
|
|
68
68
|
border-radius: inherit;
|
|
69
69
|
}
|
|
@@ -77,14 +77,14 @@
|
|
|
77
77
|
user-select: none;
|
|
78
78
|
|
|
79
79
|
padding: var(--m-action-padding);
|
|
80
|
-
padding-left: var(--m-
|
|
81
|
-
gap: var(--m-
|
|
80
|
+
padding-left: var(--m-space-lg);
|
|
81
|
+
gap: var(--m-space-sm);
|
|
82
82
|
|
|
83
83
|
text-align: left;
|
|
84
|
-
font-size: var(--m-
|
|
85
|
-
font-weight: var(--m-
|
|
86
|
-
line-height: var(--m-
|
|
87
|
-
font-family: var(--m-
|
|
84
|
+
font-size: var(--m-prose-secondary-size);
|
|
85
|
+
font-weight: var(--m-prose-secondary-weight);
|
|
86
|
+
line-height: var(--m-prose-secondary-lineHeight);
|
|
87
|
+
font-family: var(--m-prose-secondary-font);
|
|
88
88
|
|
|
89
89
|
@apply --mx-fg(color-contrast(var(--mx-bg-ref)));
|
|
90
90
|
|
|
@@ -111,17 +111,15 @@
|
|
|
111
111
|
|
|
112
112
|
border-radius: var(--m-radius-xs);
|
|
113
113
|
&:first-child {
|
|
114
|
-
border-top-left-radius: calc(var(--m-surface-radius) - var(--m-
|
|
115
|
-
border-top-right-radius: calc(
|
|
116
|
-
var(--m-surface-radius) - var(--m-spacing-xs)
|
|
117
|
-
);
|
|
114
|
+
border-top-left-radius: calc(var(--m-surface-radius) - var(--m-space-xs));
|
|
115
|
+
border-top-right-radius: calc(var(--m-surface-radius) - var(--m-space-xs));
|
|
118
116
|
}
|
|
119
117
|
&:last-child {
|
|
120
118
|
border-bottom-left-radius: calc(
|
|
121
|
-
var(--m-surface-radius) - var(--m-
|
|
119
|
+
var(--m-surface-radius) - var(--m-space-xs)
|
|
122
120
|
);
|
|
123
121
|
border-bottom-right-radius: calc(
|
|
124
|
-
var(--m-surface-radius) - var(--m-
|
|
122
|
+
var(--m-surface-radius) - var(--m-space-xs)
|
|
125
123
|
);
|
|
126
124
|
}
|
|
127
125
|
}
|
|
@@ -131,8 +129,8 @@
|
|
|
131
129
|
display: flex;
|
|
132
130
|
flex-direction: row;
|
|
133
131
|
align-items: center;
|
|
134
|
-
gap: var(--m-
|
|
135
|
-
scroll-padding-block: var(--m-
|
|
132
|
+
gap: var(--m-space-sm);
|
|
133
|
+
scroll-padding-block: var(--m-space-md);
|
|
136
134
|
}
|
|
137
135
|
|
|
138
136
|
.itemIndicator {
|
|
@@ -144,12 +142,12 @@
|
|
|
144
142
|
align-items: center;
|
|
145
143
|
justify-content: center;
|
|
146
144
|
position: relative;
|
|
147
|
-
right: calc(-1 * var(--m-
|
|
145
|
+
right: calc(-1 * var(--m-space-xs));
|
|
148
146
|
}
|
|
149
147
|
|
|
150
148
|
.itemRightSlot {
|
|
151
149
|
margin-inline-start: auto;
|
|
152
|
-
padding-inline-start: var(--m-
|
|
150
|
+
padding-inline-start: var(--m-space-sm);
|
|
153
151
|
}
|
|
154
152
|
|
|
155
153
|
.arrow {
|
|
@@ -193,7 +191,7 @@
|
|
|
193
191
|
}
|
|
194
192
|
|
|
195
193
|
.separator {
|
|
196
|
-
margin: var(--m-
|
|
194
|
+
margin: var(--m-space-xs);
|
|
197
195
|
height: var(--m-lineWidth-sm);
|
|
198
196
|
@apply --mx-bg(var(--m-color-neutral));
|
|
199
197
|
}
|
|
@@ -201,17 +199,17 @@
|
|
|
201
199
|
.groupLabel {
|
|
202
200
|
user-select: none;
|
|
203
201
|
@apply --mx-fg(var(--m-color-neutral-heavy));
|
|
204
|
-
font-size: var(--m-
|
|
205
|
-
line-height: var(--m-
|
|
206
|
-
font-weight: var(--m-
|
|
202
|
+
font-size: var(--m-prose-ambient-size);
|
|
203
|
+
line-height: var(--m-prose-ambient-lineHeight);
|
|
204
|
+
font-weight: var(--m-prose-ambient-weight);
|
|
207
205
|
}
|
|
208
206
|
|
|
209
207
|
.scrollArrow {
|
|
210
208
|
box-sizing: border-box;
|
|
211
209
|
z-index: 1;
|
|
212
210
|
height: 1rem;
|
|
213
|
-
left: var(--m-
|
|
214
|
-
right: var(--m-
|
|
211
|
+
left: var(--m-space-md);
|
|
212
|
+
right: var(--m-space-md);
|
|
215
213
|
cursor: default;
|
|
216
214
|
user-select: none;
|
|
217
215
|
align-items: center;
|
|
@@ -220,9 +218,9 @@
|
|
|
220
218
|
@apply --mx-bg(var(--m-surface-ambient-bg));
|
|
221
219
|
@apply --mx-fg(var(--m-surface-ambient-fg));
|
|
222
220
|
border-radius: inherit;
|
|
223
|
-
font-size: var(--m-
|
|
224
|
-
line-height: var(--m-
|
|
225
|
-
font-weight: var(--m-
|
|
221
|
+
font-size: var(--m-prose-ambient-size);
|
|
222
|
+
line-height: var(--m-prose-ambient-lineHeight);
|
|
223
|
+
font-weight: var(--m-prose-ambient-weight);
|
|
226
224
|
|
|
227
225
|
&::before {
|
|
228
226
|
position: absolute;
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
display: grid;
|
|
5
5
|
grid-template-columns: 1fr 1fr;
|
|
6
|
-
row-gap: var(--m-
|
|
7
|
-
column-gap: var(--m-
|
|
6
|
+
row-gap: var(--m-space-xs);
|
|
7
|
+
column-gap: var(--m-space-md);
|
|
8
8
|
align-items: center;
|
|
9
9
|
box-sizing: border-box;
|
|
10
10
|
}
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
grid-column-start: 1;
|
|
39
39
|
grid-row-start: 1;
|
|
40
40
|
@apply --mx-fg(var(--m-color-neutral-ink));
|
|
41
|
-
font-size: var(--m-
|
|
42
|
-
line-height: var(--m-
|
|
43
|
-
font-weight: var(--m-
|
|
41
|
+
font-size: var(--m-prose-ambient-size);
|
|
42
|
+
line-height: var(--m-prose-ambient-lineHeight);
|
|
43
|
+
font-weight: var(--m-prose-ambient-weight);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.value {
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
grid-row-start: 1;
|
|
49
49
|
justify-self: end;
|
|
50
50
|
@apply --mx-fg(var(--m-color-neutral-ink));
|
|
51
|
-
font-size: var(--m-
|
|
52
|
-
line-height: var(--m-
|
|
51
|
+
font-size: var(--m-prose-ambient-size);
|
|
52
|
+
line-height: var(--m-prose-ambient-lineHeight);
|
|
53
53
|
font-weight: 500;
|
|
54
54
|
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
.dialogContent {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
|
-
gap: var(--m-
|
|
4
|
+
gap: var(--m-space-xs);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
.dialogTitle {
|
|
8
8
|
display: flex;
|
|
9
9
|
flex-direction: row;
|
|
10
10
|
align-items: center;
|
|
11
|
-
gap: var(--m-
|
|
11
|
+
gap: var(--m-space-md);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.appIcon {
|
|
@@ -19,5 +19,5 @@
|
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
.appDescription {
|
|
22
|
-
margin-bottom: var(--m-
|
|
22
|
+
margin-bottom: var(--m-space-sm);
|
|
23
23
|
}
|