@pondipondi/mimas 0.1.4 → 0.1.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/components/crumbs/Button.d.ts +22 -1
- package/dist/components/crumbs/ButtonGroup.d.ts +11 -0
- package/dist/components/crumbs/LoadingRing.d.ts +7 -0
- package/dist/components/frames/Inset.d.ts +2 -2
- package/dist/components/frames/Panel.d.ts +50 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/layout/Flex.d.ts +204 -0
- package/dist/mimas.cjs.js +9 -9
- package/dist/mimas.es.js +641 -533
- package/dist/stories/Mimas/Crumbs/ButtonGroup.stories.d.ts +25 -0
- package/dist/stories/Mimas/Frames/Panel.stories.d.ts +11 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -39,6 +39,9 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
39
39
|
small: {
|
|
40
40
|
inner: string;
|
|
41
41
|
};
|
|
42
|
+
medium: {
|
|
43
|
+
inner: string;
|
|
44
|
+
};
|
|
42
45
|
large: {
|
|
43
46
|
inner: string;
|
|
44
47
|
};
|
|
@@ -121,6 +124,9 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
121
124
|
small: {
|
|
122
125
|
inner: string;
|
|
123
126
|
};
|
|
127
|
+
medium: {
|
|
128
|
+
inner: string;
|
|
129
|
+
};
|
|
124
130
|
large: {
|
|
125
131
|
inner: string;
|
|
126
132
|
};
|
|
@@ -199,6 +205,9 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
199
205
|
small: {
|
|
200
206
|
inner: string;
|
|
201
207
|
};
|
|
208
|
+
medium: {
|
|
209
|
+
inner: string;
|
|
210
|
+
};
|
|
202
211
|
large: {
|
|
203
212
|
inner: string;
|
|
204
213
|
};
|
|
@@ -277,6 +286,9 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
277
286
|
small: {
|
|
278
287
|
inner: string;
|
|
279
288
|
};
|
|
289
|
+
medium: {
|
|
290
|
+
inner: string;
|
|
291
|
+
};
|
|
280
292
|
large: {
|
|
281
293
|
inner: string;
|
|
282
294
|
};
|
|
@@ -359,6 +371,9 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
359
371
|
small: {
|
|
360
372
|
inner: string;
|
|
361
373
|
};
|
|
374
|
+
medium: {
|
|
375
|
+
inner: string;
|
|
376
|
+
};
|
|
362
377
|
large: {
|
|
363
378
|
inner: string;
|
|
364
379
|
};
|
|
@@ -441,6 +456,9 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
441
456
|
small: {
|
|
442
457
|
inner: string;
|
|
443
458
|
};
|
|
459
|
+
medium: {
|
|
460
|
+
inner: string;
|
|
461
|
+
};
|
|
444
462
|
large: {
|
|
445
463
|
inner: string;
|
|
446
464
|
};
|
|
@@ -519,6 +537,9 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
519
537
|
small: {
|
|
520
538
|
inner: string;
|
|
521
539
|
};
|
|
540
|
+
medium: {
|
|
541
|
+
inner: string;
|
|
542
|
+
};
|
|
522
543
|
large: {
|
|
523
544
|
inner: string;
|
|
524
545
|
};
|
|
@@ -558,7 +579,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
|
|
|
558
579
|
};
|
|
559
580
|
};
|
|
560
581
|
}>, unknown, unknown, undefined>>;
|
|
561
|
-
interface ButtonProps extends VariantProps<typeof button>, React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
582
|
+
export interface ButtonProps extends VariantProps<typeof button>, React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
562
583
|
loading?: boolean;
|
|
563
584
|
text?: string;
|
|
564
585
|
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
import { ButtonProps } from "./Button";
|
|
3
|
+
import { FlexProps } from "../layout/Flex";
|
|
4
|
+
export interface ButtonGroupProps {
|
|
5
|
+
children?: ReactElement<ButtonProps>[];
|
|
6
|
+
corners?: ButtonProps["corners"];
|
|
7
|
+
outerCorners?: ButtonProps["corners"];
|
|
8
|
+
spacing?: FlexProps["spacing"];
|
|
9
|
+
}
|
|
10
|
+
declare const ButtonGroup: (props: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default ButtonGroup;
|
|
@@ -2,36 +2,43 @@ import { VariantProps } from "tailwind-variants";
|
|
|
2
2
|
declare const loadingRing: import("tailwind-variants").TVReturnType<{
|
|
3
3
|
size: {
|
|
4
4
|
small: string;
|
|
5
|
+
medium: string;
|
|
5
6
|
large: string;
|
|
6
7
|
};
|
|
7
8
|
}, undefined, "animate-spin", import("tailwind-variants/dist/config").TVConfig<{
|
|
8
9
|
size: {
|
|
9
10
|
small: string;
|
|
11
|
+
medium: string;
|
|
10
12
|
large: string;
|
|
11
13
|
};
|
|
12
14
|
}, {
|
|
13
15
|
size: {
|
|
14
16
|
small: string;
|
|
17
|
+
medium: string;
|
|
15
18
|
large: string;
|
|
16
19
|
};
|
|
17
20
|
}>, {
|
|
18
21
|
size: {
|
|
19
22
|
small: string;
|
|
23
|
+
medium: string;
|
|
20
24
|
large: string;
|
|
21
25
|
};
|
|
22
26
|
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
23
27
|
size: {
|
|
24
28
|
small: string;
|
|
29
|
+
medium: string;
|
|
25
30
|
large: string;
|
|
26
31
|
};
|
|
27
32
|
}, undefined, "animate-spin", import("tailwind-variants/dist/config").TVConfig<{
|
|
28
33
|
size: {
|
|
29
34
|
small: string;
|
|
35
|
+
medium: string;
|
|
30
36
|
large: string;
|
|
31
37
|
};
|
|
32
38
|
}, {
|
|
33
39
|
size: {
|
|
34
40
|
small: string;
|
|
41
|
+
medium: string;
|
|
35
42
|
large: string;
|
|
36
43
|
};
|
|
37
44
|
}>, unknown, unknown, undefined>>;
|
|
@@ -6,7 +6,7 @@ declare const variants: import("tailwind-variants").TVReturnType<{
|
|
|
6
6
|
medium: string;
|
|
7
7
|
large: string;
|
|
8
8
|
};
|
|
9
|
-
}, undefined, "bg-base-800 rounded-lg border-2 border-t-[3px] border-base-900 shadow-inner shadow-base-900/50", import("tailwind-variants/dist/config").TVConfig<{
|
|
9
|
+
}, undefined, "bg-base-800 rounded-lg border-2 border-t-[3px] border-base-900 shadow-inner shadow-base-900/50 relative", import("tailwind-variants/dist/config").TVConfig<{
|
|
10
10
|
padding: {
|
|
11
11
|
small: string;
|
|
12
12
|
medium: string;
|
|
@@ -30,7 +30,7 @@ declare const variants: import("tailwind-variants").TVReturnType<{
|
|
|
30
30
|
medium: string;
|
|
31
31
|
large: string;
|
|
32
32
|
};
|
|
33
|
-
}, undefined, "bg-base-800 rounded-lg border-2 border-t-[3px] border-base-900 shadow-inner shadow-base-900/50", import("tailwind-variants/dist/config").TVConfig<{
|
|
33
|
+
}, undefined, "bg-base-800 rounded-lg border-2 border-t-[3px] border-base-900 shadow-inner shadow-base-900/50 relative", import("tailwind-variants/dist/config").TVConfig<{
|
|
34
34
|
padding: {
|
|
35
35
|
small: string;
|
|
36
36
|
medium: string;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { VariantProps } from "tailwind-variants";
|
|
3
|
+
declare const variants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
padding: {
|
|
5
|
+
small: string;
|
|
6
|
+
medium: string;
|
|
7
|
+
large: string;
|
|
8
|
+
};
|
|
9
|
+
}, undefined, "bg-base-800 rounded-lg border-2 border-base-700 shadow-sm shadow-base-900/50 relative", import("tailwind-variants/dist/config").TVConfig<{
|
|
10
|
+
padding: {
|
|
11
|
+
small: string;
|
|
12
|
+
medium: string;
|
|
13
|
+
large: string;
|
|
14
|
+
};
|
|
15
|
+
}, {
|
|
16
|
+
padding: {
|
|
17
|
+
small: string;
|
|
18
|
+
medium: string;
|
|
19
|
+
large: string;
|
|
20
|
+
};
|
|
21
|
+
}>, {
|
|
22
|
+
padding: {
|
|
23
|
+
small: string;
|
|
24
|
+
medium: string;
|
|
25
|
+
large: string;
|
|
26
|
+
};
|
|
27
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
28
|
+
padding: {
|
|
29
|
+
small: string;
|
|
30
|
+
medium: string;
|
|
31
|
+
large: string;
|
|
32
|
+
};
|
|
33
|
+
}, undefined, "bg-base-800 rounded-lg border-2 border-base-700 shadow-sm shadow-base-900/50 relative", import("tailwind-variants/dist/config").TVConfig<{
|
|
34
|
+
padding: {
|
|
35
|
+
small: string;
|
|
36
|
+
medium: string;
|
|
37
|
+
large: string;
|
|
38
|
+
};
|
|
39
|
+
}, {
|
|
40
|
+
padding: {
|
|
41
|
+
small: string;
|
|
42
|
+
medium: string;
|
|
43
|
+
large: string;
|
|
44
|
+
};
|
|
45
|
+
}>, unknown, unknown, undefined>>;
|
|
46
|
+
interface Props extends VariantProps<typeof variants> {
|
|
47
|
+
children?: ReactNode;
|
|
48
|
+
}
|
|
49
|
+
declare const Panel: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
export default Panel;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
export { default as MimasProvider } from "./util/MimasProvider";
|
|
2
2
|
export { default as Noise } from "./util/Noise";
|
|
3
3
|
export { default as Inset } from "./frames/Inset";
|
|
4
|
+
export { default as Panel } from "./frames/Panel";
|
|
4
5
|
export { default as Button } from "./crumbs/Button";
|
|
6
|
+
export { default as ButtonGroup } from "./crumbs/ButtonGroup";
|
|
5
7
|
export { default as LoadingRing } from "./crumbs/LoadingRing";
|
|
6
8
|
export { default as ToggleSet } from "./crumbs/ToggleSet";
|
|
9
|
+
export { default as Flex } from "./layout/Flex";
|
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
import { type VariantProps } from "tailwind-variants";
|
|
2
|
+
import type { HTMLAttributes } from "react";
|
|
3
|
+
declare const flex: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
direction: {
|
|
5
|
+
row: string;
|
|
6
|
+
col: string;
|
|
7
|
+
};
|
|
8
|
+
spacing: {
|
|
9
|
+
none: string;
|
|
10
|
+
xs: string;
|
|
11
|
+
sm: string;
|
|
12
|
+
md: string;
|
|
13
|
+
lg: string;
|
|
14
|
+
xl: string;
|
|
15
|
+
};
|
|
16
|
+
justify: {
|
|
17
|
+
start: string;
|
|
18
|
+
center: string;
|
|
19
|
+
end: string;
|
|
20
|
+
between: string;
|
|
21
|
+
around: string;
|
|
22
|
+
evenly: string;
|
|
23
|
+
};
|
|
24
|
+
align: {
|
|
25
|
+
start: string;
|
|
26
|
+
center: string;
|
|
27
|
+
end: string;
|
|
28
|
+
stretch: string;
|
|
29
|
+
baseline: string;
|
|
30
|
+
};
|
|
31
|
+
}, undefined, "flex", import("tailwind-variants/dist/config").TVConfig<{
|
|
32
|
+
direction: {
|
|
33
|
+
row: string;
|
|
34
|
+
col: string;
|
|
35
|
+
};
|
|
36
|
+
spacing: {
|
|
37
|
+
none: string;
|
|
38
|
+
xs: string;
|
|
39
|
+
sm: string;
|
|
40
|
+
md: string;
|
|
41
|
+
lg: string;
|
|
42
|
+
xl: string;
|
|
43
|
+
};
|
|
44
|
+
justify: {
|
|
45
|
+
start: string;
|
|
46
|
+
center: string;
|
|
47
|
+
end: string;
|
|
48
|
+
between: string;
|
|
49
|
+
around: string;
|
|
50
|
+
evenly: string;
|
|
51
|
+
};
|
|
52
|
+
align: {
|
|
53
|
+
start: string;
|
|
54
|
+
center: string;
|
|
55
|
+
end: string;
|
|
56
|
+
stretch: string;
|
|
57
|
+
baseline: string;
|
|
58
|
+
};
|
|
59
|
+
}, {
|
|
60
|
+
direction: {
|
|
61
|
+
row: string;
|
|
62
|
+
col: string;
|
|
63
|
+
};
|
|
64
|
+
spacing: {
|
|
65
|
+
none: string;
|
|
66
|
+
xs: string;
|
|
67
|
+
sm: string;
|
|
68
|
+
md: string;
|
|
69
|
+
lg: string;
|
|
70
|
+
xl: string;
|
|
71
|
+
};
|
|
72
|
+
justify: {
|
|
73
|
+
start: string;
|
|
74
|
+
center: string;
|
|
75
|
+
end: string;
|
|
76
|
+
between: string;
|
|
77
|
+
around: string;
|
|
78
|
+
evenly: string;
|
|
79
|
+
};
|
|
80
|
+
align: {
|
|
81
|
+
start: string;
|
|
82
|
+
center: string;
|
|
83
|
+
end: string;
|
|
84
|
+
stretch: string;
|
|
85
|
+
baseline: string;
|
|
86
|
+
};
|
|
87
|
+
}>, {
|
|
88
|
+
direction: {
|
|
89
|
+
row: string;
|
|
90
|
+
col: string;
|
|
91
|
+
};
|
|
92
|
+
spacing: {
|
|
93
|
+
none: string;
|
|
94
|
+
xs: string;
|
|
95
|
+
sm: string;
|
|
96
|
+
md: string;
|
|
97
|
+
lg: string;
|
|
98
|
+
xl: string;
|
|
99
|
+
};
|
|
100
|
+
justify: {
|
|
101
|
+
start: string;
|
|
102
|
+
center: string;
|
|
103
|
+
end: string;
|
|
104
|
+
between: string;
|
|
105
|
+
around: string;
|
|
106
|
+
evenly: string;
|
|
107
|
+
};
|
|
108
|
+
align: {
|
|
109
|
+
start: string;
|
|
110
|
+
center: string;
|
|
111
|
+
end: string;
|
|
112
|
+
stretch: string;
|
|
113
|
+
baseline: string;
|
|
114
|
+
};
|
|
115
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
116
|
+
direction: {
|
|
117
|
+
row: string;
|
|
118
|
+
col: string;
|
|
119
|
+
};
|
|
120
|
+
spacing: {
|
|
121
|
+
none: string;
|
|
122
|
+
xs: string;
|
|
123
|
+
sm: string;
|
|
124
|
+
md: string;
|
|
125
|
+
lg: string;
|
|
126
|
+
xl: string;
|
|
127
|
+
};
|
|
128
|
+
justify: {
|
|
129
|
+
start: string;
|
|
130
|
+
center: string;
|
|
131
|
+
end: string;
|
|
132
|
+
between: string;
|
|
133
|
+
around: string;
|
|
134
|
+
evenly: string;
|
|
135
|
+
};
|
|
136
|
+
align: {
|
|
137
|
+
start: string;
|
|
138
|
+
center: string;
|
|
139
|
+
end: string;
|
|
140
|
+
stretch: string;
|
|
141
|
+
baseline: string;
|
|
142
|
+
};
|
|
143
|
+
}, undefined, "flex", import("tailwind-variants/dist/config").TVConfig<{
|
|
144
|
+
direction: {
|
|
145
|
+
row: string;
|
|
146
|
+
col: string;
|
|
147
|
+
};
|
|
148
|
+
spacing: {
|
|
149
|
+
none: string;
|
|
150
|
+
xs: string;
|
|
151
|
+
sm: string;
|
|
152
|
+
md: string;
|
|
153
|
+
lg: string;
|
|
154
|
+
xl: string;
|
|
155
|
+
};
|
|
156
|
+
justify: {
|
|
157
|
+
start: string;
|
|
158
|
+
center: string;
|
|
159
|
+
end: string;
|
|
160
|
+
between: string;
|
|
161
|
+
around: string;
|
|
162
|
+
evenly: string;
|
|
163
|
+
};
|
|
164
|
+
align: {
|
|
165
|
+
start: string;
|
|
166
|
+
center: string;
|
|
167
|
+
end: string;
|
|
168
|
+
stretch: string;
|
|
169
|
+
baseline: string;
|
|
170
|
+
};
|
|
171
|
+
}, {
|
|
172
|
+
direction: {
|
|
173
|
+
row: string;
|
|
174
|
+
col: string;
|
|
175
|
+
};
|
|
176
|
+
spacing: {
|
|
177
|
+
none: string;
|
|
178
|
+
xs: string;
|
|
179
|
+
sm: string;
|
|
180
|
+
md: string;
|
|
181
|
+
lg: string;
|
|
182
|
+
xl: string;
|
|
183
|
+
};
|
|
184
|
+
justify: {
|
|
185
|
+
start: string;
|
|
186
|
+
center: string;
|
|
187
|
+
end: string;
|
|
188
|
+
between: string;
|
|
189
|
+
around: string;
|
|
190
|
+
evenly: string;
|
|
191
|
+
};
|
|
192
|
+
align: {
|
|
193
|
+
start: string;
|
|
194
|
+
center: string;
|
|
195
|
+
end: string;
|
|
196
|
+
stretch: string;
|
|
197
|
+
baseline: string;
|
|
198
|
+
};
|
|
199
|
+
}>, unknown, unknown, undefined>>;
|
|
200
|
+
export interface FlexProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof flex> {
|
|
201
|
+
vertical?: boolean;
|
|
202
|
+
}
|
|
203
|
+
declare function Flex({ className, vertical, direction, spacing, justify, align, ...props }: FlexProps): import("react/jsx-runtime").JSX.Element;
|
|
204
|
+
export default Flex;
|