@max-ts/svelte 1.0.5 → 1.0.7
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/DropdownMenu/index.d.ts +20 -0
- package/dist/components/DropdownMenu/types.d.ts +3 -0
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.js +39 -0
- package/dist/theme.d.ts +91 -0
- package/package.json +16 -5
- package/dist/components/DropdownMenu/index.js +0 -41
- package/dist/components.js +0 -23
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CheckboxGroup } from './CheckboxGroup/index.js';
|
|
2
|
+
import { CheckboxItem } from './CheckboxItem/index.js';
|
|
3
|
+
import { Content } from './Content/index.js';
|
|
4
|
+
import Root from './DropdownMenu.svelte';
|
|
5
|
+
import { Group } from './Group/index.js';
|
|
6
|
+
import { GroupHeading } from './GroupHeading/index.js';
|
|
7
|
+
import { Item } from './Item/index.js';
|
|
8
|
+
import { Label } from './Label/index.js';
|
|
9
|
+
import { Portal } from './Portal/index.js';
|
|
10
|
+
import { RadioGroup } from './RadioGroup/index.js';
|
|
11
|
+
import { RadioItem } from './RadioItem/index.js';
|
|
12
|
+
import { Separator } from './Separator/index.js';
|
|
13
|
+
import { Shortcut } from './Shortcut/index.js';
|
|
14
|
+
import { Sub } from './Sub/index.js';
|
|
15
|
+
import { SubContent } from './SubContent/index.js';
|
|
16
|
+
import { SubTrigger } from './SubTrigger/index.js';
|
|
17
|
+
import { Trigger } from './Trigger/index.js';
|
|
18
|
+
import type { Props } from './types.js';
|
|
19
|
+
export { Root as DropdownMenuRoot, CheckboxGroup as DropdownMenuCheckboxGroup, CheckboxItem as DropdownMenuCheckboxItem, Content as DropdownMenuContent, Group as DropdownMenuGroup, GroupHeading as DropdownMenuGroupHeading, Item as DropdownMenuItem, Label as DropdownMenuLabel, Portal as DropdownMenuPortal, RadioGroup as DropdownMenuRadioGroup, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, Shortcut as DropdownMenuShortcut, Sub as DropdownMenuSub, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, Trigger as DropdownMenuTrigger, };
|
|
20
|
+
export type { Props as DropdownMenuProps };
|
|
@@ -8,7 +8,7 @@ export { CircularProgress, type CircularProgressProps, } from './CircularProgres
|
|
|
8
8
|
export { ContentState, type ContentStateErrorProps, type ContentStateProps, } from './ContentState/index.js';
|
|
9
9
|
export { DataGrid, type DataGridColumn, type DataGridColumns, type DataGridProps, type DataGridState, } from './DataGrid/index.js';
|
|
10
10
|
export { DataGridSortHeader, type DataGridSortHeaderProps, type DataGridSorting, } from './DataGridSortHeader/index.js';
|
|
11
|
-
export {
|
|
11
|
+
export { DropdownMenuRoot, DropdownMenuCheckboxGroup, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuGroupHeading, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownMenuProps, } from './DropdownMenu/index.js';
|
|
12
12
|
export { Field, type FieldOrientation, type FieldVariants, } from './Field/index.js';
|
|
13
13
|
export { Input, type InputProps, type InputType, } from './Input/index.js';
|
|
14
14
|
export { Label } from './Label/index.js';
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Accordion } from "./Accordion/index.js";
|
|
2
|
+
import { Alert } from "./Alert/index.js";
|
|
3
|
+
import { buttonVariants } from "./Button/styles.css.js";
|
|
4
|
+
import Button from "./Button/Button.js";
|
|
5
|
+
import Calendar from "./Calendar/Calendar.js";
|
|
6
|
+
import { Card } from "./Card/index.js";
|
|
7
|
+
import Checkbox from "./Checkbox/Checkbox.js";
|
|
8
|
+
import CircularProgress from "./CircularProgress/CircularProgress.js";
|
|
9
|
+
import Typography from "./Typography/Typography.js";
|
|
10
|
+
import Placeholder from "./Placeholder/Placeholder.js";
|
|
11
|
+
import Spinner from "./Spinner/Spinner.js";
|
|
12
|
+
import ContentState from "./ContentState/ContentState.js";
|
|
13
|
+
import DataGrid from "./DataGrid/DataGrid.js";
|
|
14
|
+
import DataGridSortHeader from "./DataGridSortHeader/DataGridSortHeader.js";
|
|
15
|
+
import CheckboxGroup from "./DropdownMenu/CheckboxGroup/CheckboxGroup.js";
|
|
16
|
+
import CheckboxItem from "./DropdownMenu/CheckboxItem/CheckboxItem.js";
|
|
17
|
+
import Portal from "./DropdownMenu/Portal/Portal.js";
|
|
18
|
+
import Content from "./DropdownMenu/Content/Content.js";
|
|
19
|
+
import DropdownMenu from "./DropdownMenu/DropdownMenu.js";
|
|
20
|
+
import Group from "./DropdownMenu/Group/Group.js";
|
|
21
|
+
import GroupHeading from "./DropdownMenu/GroupHeading/GroupHeading.js";
|
|
22
|
+
import Item from "./DropdownMenu/Item/Item.js";
|
|
23
|
+
import Label from "./DropdownMenu/Label/Label.js";
|
|
24
|
+
import RadioGroup from "./DropdownMenu/RadioGroup/RadioGroup.js";
|
|
25
|
+
import RadioItem from "./DropdownMenu/RadioItem/RadioItem.js";
|
|
26
|
+
import Separator from "./DropdownMenu/Separator/Separator.js";
|
|
27
|
+
import Shortcut from "./DropdownMenu/Shortcut/Shortcut.js";
|
|
28
|
+
import Sub from "./DropdownMenu/Sub/Sub.js";
|
|
29
|
+
import SubContent from "./DropdownMenu/SubContent/SubContent.js";
|
|
30
|
+
import SubTrigger from "./DropdownMenu/SubTrigger/SubTrigger.js";
|
|
31
|
+
import Trigger from "./DropdownMenu/Trigger/Trigger.js";
|
|
32
|
+
import Label_1 from "./Label/Label.js";
|
|
33
|
+
import Separator$1 from "./Separator/Separator.js";
|
|
34
|
+
import { Field } from "./Field/index.js";
|
|
35
|
+
import Input from "./Input/Input.js";
|
|
36
|
+
import { Select } from "./Select/index.js";
|
|
37
|
+
import Tooltip from "./Tooltip/Tooltip.js";
|
|
38
|
+
|
|
39
|
+
export { Accordion, Alert, Button, Calendar, Card, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, CheckboxGroup as DropdownMenuCheckboxGroup, CheckboxItem as DropdownMenuCheckboxItem, Content as DropdownMenuContent, Group as DropdownMenuGroup, GroupHeading as DropdownMenuGroupHeading, Item as DropdownMenuItem, Label as DropdownMenuLabel, Portal as DropdownMenuPortal, RadioGroup as DropdownMenuRadioGroup, RadioItem as DropdownMenuRadioItem, DropdownMenu as DropdownMenuRoot, Separator as DropdownMenuSeparator, Shortcut as DropdownMenuShortcut, Sub as DropdownMenuSub, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, Trigger as DropdownMenuTrigger, Field, Input, Label_1 as Label, Placeholder, Select, Separator$1 as Separator, Spinner, Tooltip, Typography, buttonVariants };
|
package/dist/theme.d.ts
ADDED
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
//#region src/theme.css.d.ts
|
|
2
|
+
declare const theme: {
|
|
3
|
+
colors: {
|
|
4
|
+
primary: `var(--${string})`;
|
|
5
|
+
secondary: `var(--${string})`;
|
|
6
|
+
warning: `var(--${string})`;
|
|
7
|
+
error: `var(--${string})`;
|
|
8
|
+
success: `var(--${string})`;
|
|
9
|
+
border: `var(--${string})`;
|
|
10
|
+
info: `var(--${string})`;
|
|
11
|
+
background: {
|
|
12
|
+
tooltip: `var(--${string})`;
|
|
13
|
+
paper: `var(--${string})`;
|
|
14
|
+
element: `var(--${string})`;
|
|
15
|
+
elementHover: `var(--${string})`;
|
|
16
|
+
sidebar: `var(--${string})`;
|
|
17
|
+
};
|
|
18
|
+
foreground: {
|
|
19
|
+
primary: `var(--${string})`;
|
|
20
|
+
secondary: `var(--${string})`;
|
|
21
|
+
};
|
|
22
|
+
text: {
|
|
23
|
+
primary: `var(--${string})`;
|
|
24
|
+
secondary: `var(--${string})`;
|
|
25
|
+
disabled: `var(--${string})`;
|
|
26
|
+
hint: `var(--${string})`;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
spacing: {
|
|
30
|
+
1: `var(--${string})`;
|
|
31
|
+
2: `var(--${string})`;
|
|
32
|
+
3: `var(--${string})`;
|
|
33
|
+
4: `var(--${string})`;
|
|
34
|
+
5: `var(--${string})`;
|
|
35
|
+
6: `var(--${string})`;
|
|
36
|
+
7: `var(--${string})`;
|
|
37
|
+
8: `var(--${string})`;
|
|
38
|
+
9: `var(--${string})`;
|
|
39
|
+
10: `var(--${string})`;
|
|
40
|
+
12: `var(--${string})`;
|
|
41
|
+
16: `var(--${string})`;
|
|
42
|
+
20: `var(--${string})`;
|
|
43
|
+
};
|
|
44
|
+
shadow: {
|
|
45
|
+
1: `var(--${string})`;
|
|
46
|
+
2: `var(--${string})`;
|
|
47
|
+
3: `var(--${string})`;
|
|
48
|
+
4: `var(--${string})`;
|
|
49
|
+
5: `var(--${string})`;
|
|
50
|
+
};
|
|
51
|
+
elevation: {
|
|
52
|
+
1: `var(--${string})`;
|
|
53
|
+
2: `var(--${string})`;
|
|
54
|
+
3: `var(--${string})`;
|
|
55
|
+
4: `var(--${string})`;
|
|
56
|
+
6: `var(--${string})`;
|
|
57
|
+
};
|
|
58
|
+
fontSize: {
|
|
59
|
+
xs: `var(--${string})`;
|
|
60
|
+
sm: `var(--${string})`;
|
|
61
|
+
base: `var(--${string})`;
|
|
62
|
+
lg: `var(--${string})`;
|
|
63
|
+
xl: `var(--${string})`;
|
|
64
|
+
'2xl': `var(--${string})`;
|
|
65
|
+
'3xl': `var(--${string})`;
|
|
66
|
+
'4xl': `var(--${string})`;
|
|
67
|
+
};
|
|
68
|
+
fontWeight: {
|
|
69
|
+
normal: `var(--${string})`;
|
|
70
|
+
medium: `var(--${string})`;
|
|
71
|
+
semibold: `var(--${string})`;
|
|
72
|
+
bold: `var(--${string})`;
|
|
73
|
+
};
|
|
74
|
+
lineHeight: {
|
|
75
|
+
none: `var(--${string})`;
|
|
76
|
+
tight: `var(--${string})`;
|
|
77
|
+
snug: `var(--${string})`;
|
|
78
|
+
normal: `var(--${string})`;
|
|
79
|
+
relaxed: `var(--${string})`;
|
|
80
|
+
loose: `var(--${string})`;
|
|
81
|
+
};
|
|
82
|
+
borderRadius: {
|
|
83
|
+
sm: `var(--${string})`;
|
|
84
|
+
md: `var(--${string})`;
|
|
85
|
+
lg: `var(--${string})`;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
type Theme = typeof theme;
|
|
89
|
+
type SpacingKey = keyof Theme['spacing'];
|
|
90
|
+
//#endregion
|
|
91
|
+
export { SpacingKey, Theme, theme };
|
package/package.json
CHANGED
|
@@ -1,15 +1,26 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@max-ts/svelte",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Svelte component library.",
|
|
6
6
|
"author": "Tsepelev Maksim",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"exports": {
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
".": {
|
|
10
|
+
"types": "./dist/components/index.d.ts",
|
|
11
|
+
"svelte": "./dist/components/index.js",
|
|
12
|
+
"default": "./dist/components/index.js"
|
|
13
|
+
},
|
|
14
|
+
"./package.json": "./package.json",
|
|
15
|
+
"./theme": {
|
|
16
|
+
"types": "./dist/theme.css.d.ts",
|
|
17
|
+
"default": "./dist/theme.css.js"
|
|
18
|
+
},
|
|
19
|
+
"./utils": {
|
|
20
|
+
"types": "./dist/utils.d.ts",
|
|
21
|
+
"svelte": "./dist/utils.js",
|
|
22
|
+
"default": "./dist/utils.js"
|
|
23
|
+
}
|
|
13
24
|
},
|
|
14
25
|
"sideEffects": [
|
|
15
26
|
"**/*.css"
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import CheckboxGroup from "./CheckboxGroup/CheckboxGroup.js";
|
|
2
|
-
import CheckboxItem from "./CheckboxItem/CheckboxItem.js";
|
|
3
|
-
import Portal from "./Portal/Portal.js";
|
|
4
|
-
import Content from "./Content/Content.js";
|
|
5
|
-
import DropdownMenu$1 from "./DropdownMenu.js";
|
|
6
|
-
import Group from "./Group/Group.js";
|
|
7
|
-
import GroupHeading from "./GroupHeading/GroupHeading.js";
|
|
8
|
-
import Item from "./Item/Item.js";
|
|
9
|
-
import Label from "./Label/Label.js";
|
|
10
|
-
import RadioGroup from "./RadioGroup/RadioGroup.js";
|
|
11
|
-
import RadioItem from "./RadioItem/RadioItem.js";
|
|
12
|
-
import Separator from "./Separator/Separator.js";
|
|
13
|
-
import Shortcut from "./Shortcut/Shortcut.js";
|
|
14
|
-
import Sub from "./Sub/Sub.js";
|
|
15
|
-
import SubContent from "./SubContent/SubContent.js";
|
|
16
|
-
import SubTrigger from "./SubTrigger/SubTrigger.js";
|
|
17
|
-
import Trigger from "./Trigger/Trigger.js";
|
|
18
|
-
|
|
19
|
-
//#region src/components/DropdownMenu/index.ts
|
|
20
|
-
const DropdownMenu = {
|
|
21
|
-
Root: DropdownMenu$1,
|
|
22
|
-
CheckboxGroup,
|
|
23
|
-
CheckboxItem,
|
|
24
|
-
Content,
|
|
25
|
-
Group,
|
|
26
|
-
GroupHeading,
|
|
27
|
-
Item,
|
|
28
|
-
Label,
|
|
29
|
-
Portal,
|
|
30
|
-
RadioGroup,
|
|
31
|
-
RadioItem,
|
|
32
|
-
Separator,
|
|
33
|
-
Shortcut,
|
|
34
|
-
Sub,
|
|
35
|
-
SubContent,
|
|
36
|
-
SubTrigger,
|
|
37
|
-
Trigger
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
//#endregion
|
|
41
|
-
export { DropdownMenu };
|
package/dist/components.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Accordion } from "./components/Accordion/index.js";
|
|
2
|
-
import { Alert } from "./components/Alert/index.js";
|
|
3
|
-
import { buttonVariants } from "./components/Button/styles.css.js";
|
|
4
|
-
import Button from "./components/Button/Button.js";
|
|
5
|
-
import Calendar from "./components/Calendar/Calendar.js";
|
|
6
|
-
import { Card } from "./components/Card/index.js";
|
|
7
|
-
import Checkbox from "./components/Checkbox/Checkbox.js";
|
|
8
|
-
import CircularProgress from "./components/CircularProgress/CircularProgress.js";
|
|
9
|
-
import Typography from "./components/Typography/Typography.js";
|
|
10
|
-
import Placeholder from "./components/Placeholder/Placeholder.js";
|
|
11
|
-
import Spinner from "./components/Spinner/Spinner.js";
|
|
12
|
-
import ContentState from "./components/ContentState/ContentState.js";
|
|
13
|
-
import DataGrid from "./components/DataGrid/DataGrid.js";
|
|
14
|
-
import DataGridSortHeader from "./components/DataGridSortHeader/DataGridSortHeader.js";
|
|
15
|
-
import { DropdownMenu } from "./components/DropdownMenu/index.js";
|
|
16
|
-
import Label_1 from "./components/Label/Label.js";
|
|
17
|
-
import Separator from "./components/Separator/Separator.js";
|
|
18
|
-
import { Field } from "./components/Field/index.js";
|
|
19
|
-
import Input from "./components/Input/Input.js";
|
|
20
|
-
import { Select } from "./components/Select/index.js";
|
|
21
|
-
import Tooltip from "./components/Tooltip/Tooltip.js";
|
|
22
|
-
|
|
23
|
-
export { Accordion, Alert, Button, Calendar, Card, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, DropdownMenu, Field, Input, Label_1 as Label, Placeholder, Select, Separator, Spinner, Tooltip, Typography, buttonVariants };
|