@max-ts/svelte 1.1.1 → 1.3.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/assets/styles.css.ts.vanilla-CryWmzed.css +84 -0
- package/dist/assets/styles.css.ts.vanilla-DONNicjp.css +62 -0
- package/dist/assets/{theme.css.ts.vanilla-BRMmE1vI.css → theme.css.ts.vanilla-HT3RGHeI.css} +4 -4
- package/dist/components/Accordion/Content/styles.css.js +1 -1
- package/dist/components/Accordion/Item/styles.css.js +1 -1
- package/dist/components/Accordion/Trigger/styles.css.js +1 -1
- package/dist/components/Alert/Description/styles.css.js +1 -1
- package/dist/components/Alert/Title/styles.css.js +1 -1
- package/dist/components/Alert/styles.css.js +1 -1
- package/dist/components/Badge/styles.css.js +1 -1
- package/dist/components/Button/styles.css.js +1 -1
- package/dist/components/ButtonGroup/Separator/styles.css.js +1 -1
- package/dist/components/ButtonGroup/Text/styles.css.js +1 -1
- package/dist/components/ButtonGroup/styles.css.js +1 -1
- package/dist/components/Calendar/Cell/styles.css.js +1 -1
- package/dist/components/Calendar/Day/styles.css.js +1 -1
- package/dist/components/Calendar/Grid/styles.css.js +1 -1
- package/dist/components/Calendar/GridRow/styles.css.js +1 -1
- package/dist/components/Calendar/HeadCell/styles.css.js +1 -1
- package/dist/components/Calendar/Header/styles.css.js +1 -1
- package/dist/components/Calendar/MonthSelect/styles.css.js +1 -1
- package/dist/components/Calendar/Months/styles.css.js +1 -1
- package/dist/components/Calendar/Nav/styles.css.js +1 -1
- package/dist/components/Calendar/YearSelect/styles.css.js +1 -1
- package/dist/components/Calendar/styles.css.js +1 -1
- package/dist/components/Card/Content/styles.css.js +1 -1
- package/dist/components/Card/Description/styles.css.js +1 -1
- package/dist/components/Card/Footer/styles.css.js +1 -1
- package/dist/components/Card/Header/styles.css.js +1 -1
- package/dist/components/Card/Title/styles.css.js +1 -1
- package/dist/components/Card/styles.css.js +1 -1
- package/dist/components/Carousel/Content/styles.css.js +1 -1
- package/dist/components/Carousel/Item/styles.css.js +1 -1
- package/dist/components/Carousel/Next/styles.css.js +1 -1
- package/dist/components/Carousel/Previous/styles.css.js +1 -1
- package/dist/components/Checkbox/styles.css.js +1 -1
- package/dist/components/CircularProgress/styles.css.js +1 -1
- package/dist/components/DataGrid/Cell/styles.css.js +1 -1
- package/dist/components/DataGrid/Footer/styles.css.js +1 -1
- package/dist/components/DataGrid/HeaderCell/styles.css.js +1 -1
- package/dist/components/DataGrid/Row/styles.css.js +1 -1
- package/dist/components/DataGrid/styles.css.js +1 -1
- package/dist/components/DataGridSortHeader/styles.css.js +1 -1
- package/dist/components/DropdownMenu/CheckboxItem/styles.css.js +1 -1
- package/dist/components/DropdownMenu/Content/styles.css.js +1 -1
- package/dist/components/DropdownMenu/GroupHeading/styles.css.js +1 -1
- package/dist/components/DropdownMenu/Item/styles.css.js +1 -1
- package/dist/components/DropdownMenu/Label/styles.css.js +1 -1
- package/dist/components/DropdownMenu/RadioItem/styles.css.js +1 -1
- package/dist/components/DropdownMenu/Separator/styles.css.js +1 -1
- package/dist/components/DropdownMenu/Shortcut/styles.css.js +1 -1
- package/dist/components/DropdownMenu/SubContent/styles.css.js +1 -1
- package/dist/components/DropdownMenu/SubTrigger/styles.css.js +1 -1
- package/dist/components/Empty/Content/Content.js +32 -0
- package/dist/components/Empty/Content/Content.svelte.d.ts +5 -0
- package/dist/components/Empty/Content/index.d.ts +1 -0
- package/dist/components/Empty/Description/Description.js +32 -0
- package/dist/components/Empty/Description/Description.svelte.d.ts +5 -0
- package/dist/components/Empty/Description/index.d.ts +1 -0
- package/dist/components/Empty/Empty.js +32 -0
- package/dist/components/Empty/Empty.svelte.d.ts +5 -0
- package/dist/components/Empty/Header/Header.js +32 -0
- package/dist/components/Empty/Header/Header.svelte.d.ts +5 -0
- package/dist/components/Empty/Header/index.d.ts +1 -0
- package/dist/components/Empty/Media/Media.js +38 -0
- package/dist/components/Empty/Media/Media.svelte.d.ts +4 -0
- package/dist/components/Empty/Media/index.d.ts +1 -0
- package/dist/components/Empty/Title/Title.js +32 -0
- package/dist/components/Empty/Title/Title.svelte.d.ts +5 -0
- package/dist/components/Empty/Title/index.d.ts +1 -0
- package/dist/components/Empty/index.d.ts +9 -0
- package/dist/components/Empty/index.js +19 -0
- package/dist/components/Empty/styles.css.d.ts +18 -0
- package/dist/components/Empty/styles.css.js +21 -0
- package/dist/components/Empty/types.d.ts +6 -0
- package/dist/components/Field/Content/styles.css.js +1 -1
- package/dist/components/Field/Description/styles.css.js +1 -1
- package/dist/components/Field/FieldError/styles.css.js +1 -1
- package/dist/components/Field/FieldSet/styles.css.js +1 -1
- package/dist/components/Field/Group/styles.css.js +1 -1
- package/dist/components/Field/Label/styles.css.js +1 -1
- package/dist/components/Field/Legend/styles.css.js +1 -1
- package/dist/components/Field/Separator/styles.css.js +1 -1
- package/dist/components/Field/Title/styles.css.js +1 -1
- package/dist/components/Field/styles.css.js +1 -1
- package/dist/components/Input/styles.css.js +1 -1
- package/dist/components/Item/styles.css.js +1 -1
- package/dist/components/Label/styles.css.js +1 -1
- package/dist/components/Placeholder/Image/styles.css.js +1 -1
- package/dist/components/Placeholder/styles.css.js +1 -1
- package/dist/components/Popover/styles.css.js +1 -1
- package/dist/components/RangeInput/styles.css.js +1 -1
- package/dist/components/Select/Content/styles.css.js +1 -1
- package/dist/components/Select/GroupHeading/styles.css.js +1 -1
- package/dist/components/Select/Item/styles.css.js +1 -1
- package/dist/components/Select/Label/styles.css.js +1 -1
- package/dist/components/Select/ScrollDownButton/styles.css.js +1 -1
- package/dist/components/Select/ScrollUpButton/styles.css.js +1 -1
- package/dist/components/Select/Separator/styles.css.js +1 -1
- package/dist/components/Select/Trigger/styles.css.js +1 -1
- package/dist/components/Separator/styles.css.js +1 -1
- package/dist/components/Slider/styles.css.js +1 -1
- package/dist/components/Spinner/styles.css.js +1 -1
- package/dist/components/Tabs/Content/Content.js +49 -0
- package/dist/components/Tabs/Content/Content.svelte.d.ts +4 -0
- package/dist/components/Tabs/Content/index.d.ts +1 -0
- package/dist/components/Tabs/List/List.js +49 -0
- package/dist/components/Tabs/List/List.svelte.d.ts +4 -0
- package/dist/components/Tabs/List/index.d.ts +1 -0
- package/dist/components/Tabs/Tabs.js +56 -0
- package/dist/components/Tabs/Tabs.svelte.d.ts +4 -0
- package/dist/components/Tabs/Trigger/Trigger.js +49 -0
- package/dist/components/Tabs/Trigger/Trigger.svelte.d.ts +4 -0
- package/dist/components/Tabs/Trigger/index.d.ts +1 -0
- package/dist/components/Tabs/index.d.ts +7 -0
- package/dist/components/Tabs/index.js +15 -0
- package/dist/components/Tabs/styles.css.d.ts +11 -0
- package/dist/components/Tabs/styles.css.js +14 -0
- package/dist/components/Tabs/types.d.ts +5 -0
- package/dist/components/Tooltip/Content/styles.css.js +1 -1
- package/dist/components/Typography/styles.css.js +1 -1
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.js +3 -1
- package/dist/stories/Empty.stories.svelte.d.ts +19 -0
- package/dist/stories/Tabs.stories.svelte.d.ts +19 -0
- package/dist/theme.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
.styles_root__13225ic0 {
|
|
2
|
+
display: flex;
|
|
3
|
+
min-width: 0;
|
|
4
|
+
flex: 1;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
align-items: center;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
gap: var(--spacing-6);
|
|
9
|
+
border-radius: var(--borderRadius-lg);
|
|
10
|
+
border: 2px dashed var(--colors-border);
|
|
11
|
+
padding: var(--spacing-6);
|
|
12
|
+
text-align: center;
|
|
13
|
+
text-wrap: balance;
|
|
14
|
+
}
|
|
15
|
+
.styles_content__13225ic1 {
|
|
16
|
+
display: flex;
|
|
17
|
+
width: 100%;
|
|
18
|
+
max-width: 24rem;
|
|
19
|
+
min-width: 0;
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
align-items: center;
|
|
22
|
+
gap: var(--spacing-4);
|
|
23
|
+
font-size: var(--fontSize-sm);
|
|
24
|
+
text-wrap: balance;
|
|
25
|
+
}
|
|
26
|
+
.styles_header__13225ic2 {
|
|
27
|
+
display: flex;
|
|
28
|
+
max-width: 24rem;
|
|
29
|
+
flex-direction: column;
|
|
30
|
+
align-items: center;
|
|
31
|
+
gap: var(--spacing-2);
|
|
32
|
+
text-align: center;
|
|
33
|
+
}
|
|
34
|
+
.styles_title__13225ic3 {
|
|
35
|
+
font-size: var(--fontSize-lg);
|
|
36
|
+
font-weight: var(--fontWeight-medium);
|
|
37
|
+
letter-spacing: -0.025em;
|
|
38
|
+
}
|
|
39
|
+
.styles_description__13225ic4 {
|
|
40
|
+
color: var(--colors-text-secondary);
|
|
41
|
+
font-size: var(--fontSize-sm);
|
|
42
|
+
line-height: var(--lineHeight-relaxed);
|
|
43
|
+
}
|
|
44
|
+
.styles_description__13225ic4 > a {
|
|
45
|
+
text-decoration: underline;
|
|
46
|
+
text-underline-offset: 4px;
|
|
47
|
+
}
|
|
48
|
+
.styles_description__13225ic4 > a:hover {
|
|
49
|
+
color: var(--colors-primary);
|
|
50
|
+
}
|
|
51
|
+
.styles_media__13225ic5 {
|
|
52
|
+
margin-bottom: var(--spacing-2);
|
|
53
|
+
display: flex;
|
|
54
|
+
flex-shrink: 0;
|
|
55
|
+
align-items: center;
|
|
56
|
+
justify-content: center;
|
|
57
|
+
}
|
|
58
|
+
.styles_media__13225ic5 svg {
|
|
59
|
+
pointer-events: none;
|
|
60
|
+
flex-shrink: 0;
|
|
61
|
+
}
|
|
62
|
+
.styles_mediaVariants_default__13225ic6 {
|
|
63
|
+
background-color: transparent;
|
|
64
|
+
}
|
|
65
|
+
.styles_mediaVariants_icon__13225ic7 {
|
|
66
|
+
background-color: var(--colors-background-element);
|
|
67
|
+
color: var(--colors-text-primary);
|
|
68
|
+
display: flex;
|
|
69
|
+
width: var(--spacing-10);
|
|
70
|
+
height: var(--spacing-10);
|
|
71
|
+
flex-shrink: 0;
|
|
72
|
+
align-items: center;
|
|
73
|
+
justify-content: center;
|
|
74
|
+
border-radius: var(--borderRadius-lg);
|
|
75
|
+
}
|
|
76
|
+
.styles_mediaVariants_icon__13225ic7 svg:not([class*='size-']) {
|
|
77
|
+
width: var(--spacing-6);
|
|
78
|
+
height: var(--spacing-6);
|
|
79
|
+
}
|
|
80
|
+
@media (min-width: 768px) {
|
|
81
|
+
.styles_root__13225ic0 {
|
|
82
|
+
padding: var(--spacing-12);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
.styles_root__mob0850 {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: var(--spacing-2);
|
|
5
|
+
}
|
|
6
|
+
.styles_list__mob0851 {
|
|
7
|
+
background-color: var(--colors-background-paper);
|
|
8
|
+
color: var(--colors-text-secondary);
|
|
9
|
+
display: inline-flex;
|
|
10
|
+
height: var(--spacing-10);
|
|
11
|
+
width: fit-content;
|
|
12
|
+
align-items: center;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
border-radius: var(--borderRadius-md);
|
|
15
|
+
box-shadow: var(--shadow-3);
|
|
16
|
+
padding: var(--spacing-1);
|
|
17
|
+
gap: var(--spacing-1);
|
|
18
|
+
}
|
|
19
|
+
.styles_trigger__mob0852 {
|
|
20
|
+
color: var(--colors-text-primary);
|
|
21
|
+
display: inline-flex;
|
|
22
|
+
height: calc(100% - 1px);
|
|
23
|
+
flex: 1;
|
|
24
|
+
align-items: center;
|
|
25
|
+
justify-content: center;
|
|
26
|
+
gap: var(--spacing-1);
|
|
27
|
+
border-radius: var(--borderRadius-md);
|
|
28
|
+
border: 1px solid transparent;
|
|
29
|
+
padding: var(--spacing-1) var(--spacing-2);
|
|
30
|
+
font-size: var(--fontSize-sm);
|
|
31
|
+
font-weight: var(--fontWeight-medium);
|
|
32
|
+
white-space: nowrap;
|
|
33
|
+
transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
|
|
34
|
+
cursor: pointer;
|
|
35
|
+
outline: none;
|
|
36
|
+
}
|
|
37
|
+
.styles_trigger__mob0852[data-state=active] {
|
|
38
|
+
background-color: var(--colors-primary);
|
|
39
|
+
color: var(--colors-foreground-primary);
|
|
40
|
+
box-shadow: var(--shadow-1);
|
|
41
|
+
}
|
|
42
|
+
.styles_trigger__mob0852:focus-visible {
|
|
43
|
+
border-color: var(--colors-primary);
|
|
44
|
+
box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
|
|
45
|
+
outline: 1px solid var(--colors-primary);
|
|
46
|
+
}
|
|
47
|
+
.styles_trigger__mob0852:disabled {
|
|
48
|
+
pointer-events: none;
|
|
49
|
+
opacity: 0.5;
|
|
50
|
+
}
|
|
51
|
+
.styles_trigger__mob0852 svg {
|
|
52
|
+
pointer-events: none;
|
|
53
|
+
flex-shrink: 0;
|
|
54
|
+
}
|
|
55
|
+
.styles_trigger__mob0852 svg:not([class*='size-']) {
|
|
56
|
+
width: var(--spacing-4);
|
|
57
|
+
height: var(--spacing-4);
|
|
58
|
+
}
|
|
59
|
+
.styles_content__mob0853 {
|
|
60
|
+
flex: 1;
|
|
61
|
+
outline: none;
|
|
62
|
+
}
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
--spacing-16: 4rem;
|
|
32
32
|
--spacing-20: 5rem;
|
|
33
33
|
--shadow-1: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
34
|
-
--shadow-2: 0 1px
|
|
35
|
-
--shadow-3: 0
|
|
36
|
-
--shadow-4: 0
|
|
37
|
-
--shadow-5: 0
|
|
34
|
+
--shadow-2: 0 1px 2px 0px rgba(0, 0, 0, 0.05);
|
|
35
|
+
--shadow-3: 0 1px 3px 0px rgba(0, 0, 0, 0.1), 0 1px 2px 0px rgba(0, 0, 0, 0.06);
|
|
36
|
+
--shadow-4: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
37
|
+
--shadow-5: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
38
38
|
--elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba #00000024 (0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
|
39
39
|
--elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);;
|
|
40
40
|
--elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import styles_css_default from "../styles.css.js";
|
|
2
|
+
import "svelte/internal/disclose-version";
|
|
3
|
+
import * as $ from "svelte/internal/client";
|
|
4
|
+
|
|
5
|
+
//#region src/components/Empty/Content/Content.svelte
|
|
6
|
+
var root = $.from_html(`<div><!></div>`);
|
|
7
|
+
function Content($$anchor, $$props) {
|
|
8
|
+
$.push($$props, true);
|
|
9
|
+
let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
|
|
10
|
+
"$$slots",
|
|
11
|
+
"$$events",
|
|
12
|
+
"$$legacy",
|
|
13
|
+
"ref",
|
|
14
|
+
"class",
|
|
15
|
+
"children"
|
|
16
|
+
]);
|
|
17
|
+
var div = root();
|
|
18
|
+
$.attribute_effect(div, () => ({
|
|
19
|
+
"data-slot": "empty-content",
|
|
20
|
+
class: [styles_css_default.content, $$props.class],
|
|
21
|
+
...restProps
|
|
22
|
+
}));
|
|
23
|
+
var node = $.child(div);
|
|
24
|
+
$.snippet(node, () => $$props.children ?? $.noop);
|
|
25
|
+
$.reset(div);
|
|
26
|
+
$.bind_this(div, ($$value) => ref($$value), () => ref());
|
|
27
|
+
$.append($$anchor, div);
|
|
28
|
+
$.pop();
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
//#endregion
|
|
32
|
+
export { Content as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'svelte/elements';
|
|
2
|
+
import type { WithElementRef } from '../../../types.js';
|
|
3
|
+
declare const Content: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
|
|
4
|
+
type Content = ReturnType<typeof Content>;
|
|
5
|
+
export default Content;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Content } from './Content.svelte';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import styles_css_default from "../styles.css.js";
|
|
2
|
+
import "svelte/internal/disclose-version";
|
|
3
|
+
import * as $ from "svelte/internal/client";
|
|
4
|
+
|
|
5
|
+
//#region src/components/Empty/Description/Description.svelte
|
|
6
|
+
var root = $.from_html(`<div><!></div>`);
|
|
7
|
+
function Description($$anchor, $$props) {
|
|
8
|
+
$.push($$props, true);
|
|
9
|
+
let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
|
|
10
|
+
"$$slots",
|
|
11
|
+
"$$events",
|
|
12
|
+
"$$legacy",
|
|
13
|
+
"ref",
|
|
14
|
+
"class",
|
|
15
|
+
"children"
|
|
16
|
+
]);
|
|
17
|
+
var div = root();
|
|
18
|
+
$.attribute_effect(div, () => ({
|
|
19
|
+
"data-slot": "empty-description",
|
|
20
|
+
class: [styles_css_default.description, $$props.class],
|
|
21
|
+
...restProps
|
|
22
|
+
}));
|
|
23
|
+
var node = $.child(div);
|
|
24
|
+
$.snippet(node, () => $$props.children ?? $.noop);
|
|
25
|
+
$.reset(div);
|
|
26
|
+
$.bind_this(div, ($$value) => ref($$value), () => ref());
|
|
27
|
+
$.append($$anchor, div);
|
|
28
|
+
$.pop();
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
//#endregion
|
|
32
|
+
export { Description as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'svelte/elements';
|
|
2
|
+
import type { WithElementRef } from '../../../types.js';
|
|
3
|
+
declare const Description: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
|
|
4
|
+
type Description = ReturnType<typeof Description>;
|
|
5
|
+
export default Description;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Description } from './Description.svelte';
|