@intlayer/design-system 8.7.3 → 8.7.4-canary.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/types/components/Badge/index.d.ts +3 -3
- package/dist/types/components/Button/Button.d.ts +4 -4
- package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts +1 -1
- package/dist/types/components/Command/index.d.ts +2 -2
- package/dist/types/components/Container/index.d.ts +5 -5
- package/dist/types/components/Input/Checkbox.d.ts +2 -2
- package/dist/types/components/Input/Input.d.ts +1 -1
- package/dist/types/components/Link/Link.d.ts +4 -4
- package/dist/types/components/SwitchSelector/index.d.ts +2 -2
- package/dist/types/components/Tag/index.d.ts +3 -3
- package/dist/types/components/Toaster/Toast.d.ts +1 -1
- package/package.json +13 -13
|
@@ -43,9 +43,9 @@ declare enum BadgeSize {
|
|
|
43
43
|
* @description Defines the styling variants for different badge combinations
|
|
44
44
|
*/
|
|
45
45
|
declare const badgeVariants: (props?: {
|
|
46
|
-
color?: "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "
|
|
47
|
-
variant?: "
|
|
48
|
-
size?: "
|
|
46
|
+
color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "error" | "success" | "custom";
|
|
47
|
+
variant?: "none" | "default" | "hoverable" | "outline";
|
|
48
|
+
size?: "sm" | "md" | "lg";
|
|
49
49
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
50
50
|
/**
|
|
51
51
|
* Badge component props interface
|
|
@@ -60,10 +60,10 @@ declare enum ButtonTextAlign {
|
|
|
60
60
|
* Enhanced button variants with improved accessibility and focus states
|
|
61
61
|
*/
|
|
62
62
|
declare const buttonVariants: (props?: {
|
|
63
|
-
size?: "
|
|
64
|
-
color?: "
|
|
65
|
-
roundedSize?: "
|
|
66
|
-
variant?: "
|
|
63
|
+
size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
|
|
64
|
+
color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "error" | "success" | "custom" | "card" | "current";
|
|
65
|
+
roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "4xl" | "5xl";
|
|
66
|
+
variant?: "none" | "default" | "input" | "invisible-link" | "hoverable" | "outline" | "link" | "fade";
|
|
67
67
|
textAlign?: "left" | "center" | "right";
|
|
68
68
|
isFullWidth?: boolean;
|
|
69
69
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
|
|
|
6
6
|
declare const collapsibleTableVariants: (props?: {
|
|
7
7
|
size?: "sm" | "md" | "lg" | "xl" | "full";
|
|
8
8
|
variant?: "default" | "dark" | "ghost" | "outlined";
|
|
9
|
-
spacing?: "
|
|
9
|
+
spacing?: "none" | "sm" | "md" | "lg" | "auto";
|
|
10
10
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
11
11
|
interface CollapsibleTableProps extends Omit<HTMLAttributes<HTMLElement>, 'title'>, VariantProps<typeof collapsibleTableVariants> {
|
|
12
12
|
/** Table title displayed in the header */
|
|
@@ -29,7 +29,7 @@ declare const Command: {
|
|
|
29
29
|
ref?: React.Ref<HTMLInputElement>;
|
|
30
30
|
} & {
|
|
31
31
|
asChild?: boolean;
|
|
32
|
-
}, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "
|
|
32
|
+
}, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "value" | "type"> & {
|
|
33
33
|
value?: string;
|
|
34
34
|
onValueChange?: (search: string) => void;
|
|
35
35
|
} & _$react.RefAttributes<HTMLInputElement>>;
|
|
@@ -73,7 +73,7 @@ declare const Command: {
|
|
|
73
73
|
ref?: React.Ref<HTMLDivElement>;
|
|
74
74
|
} & {
|
|
75
75
|
asChild?: boolean;
|
|
76
|
-
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "
|
|
76
|
+
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
|
|
77
77
|
disabled?: boolean;
|
|
78
78
|
onSelect?: (value: string) => void;
|
|
79
79
|
value?: string;
|
|
@@ -8,14 +8,14 @@ import { VariantProps } from "class-variance-authority";
|
|
|
8
8
|
* Provides flexible styling options for background, padding, borders, and layout
|
|
9
9
|
*/
|
|
10
10
|
declare const containerVariants: (props?: {
|
|
11
|
-
roundedSize?: "
|
|
12
|
-
transparency?: "
|
|
13
|
-
padding?: "
|
|
11
|
+
roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "4xl";
|
|
12
|
+
transparency?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
13
|
+
padding?: "none" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
14
14
|
separator?: "both" | "without" | "x" | "y";
|
|
15
15
|
border?: "none" | "with";
|
|
16
16
|
borderColor?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "card" | "warning";
|
|
17
|
-
background?: "none" | "
|
|
18
|
-
gap?: "
|
|
17
|
+
background?: "none" | "hoverable" | "with";
|
|
18
|
+
gap?: "none" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
19
19
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
20
20
|
/** Available rounded corner sizes for the container */
|
|
21
21
|
declare enum ContainerRoundedSize {
|
|
@@ -5,9 +5,9 @@ import { VariantProps } from "class-variance-authority";
|
|
|
5
5
|
//#region src/components/Input/Checkbox.d.ts
|
|
6
6
|
declare const checkboxVariants: (props?: {
|
|
7
7
|
variant?: "default";
|
|
8
|
-
size?: "
|
|
8
|
+
size?: "xs" | "sm" | "md" | "lg";
|
|
9
9
|
color?: "error" | "success" | "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "custom";
|
|
10
|
-
validationStyleEnabled?: "
|
|
10
|
+
validationStyleEnabled?: "enabled" | "disabled";
|
|
11
11
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
12
12
|
declare enum CheckboxSize {
|
|
13
13
|
XS = "xs",
|
|
@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
|
|
|
6
6
|
declare const inputVariants: (props?: {
|
|
7
7
|
variant?: "default" | "invisible";
|
|
8
8
|
size?: "sm" | "md" | "lg";
|
|
9
|
-
validationStyleEnabled?: "
|
|
9
|
+
validationStyleEnabled?: "enabled" | "disabled";
|
|
10
10
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
11
11
|
declare enum InputVariant {
|
|
12
12
|
DEFAULT = "default",
|
|
@@ -53,10 +53,10 @@ declare enum LinkUnderlined {
|
|
|
53
53
|
FALSE = "false"
|
|
54
54
|
}
|
|
55
55
|
declare const linkVariants: (props?: {
|
|
56
|
-
variant?: "default" | "invisible-link" | "
|
|
57
|
-
roundedSize?: "
|
|
58
|
-
color?: "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text
|
|
59
|
-
size?: "
|
|
56
|
+
variant?: "default" | "invisible-link" | "button" | "button-outlined" | "hoverable";
|
|
57
|
+
roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
|
|
58
|
+
color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "error" | "success" | "custom";
|
|
59
|
+
size?: "sm" | "md" | "lg" | "xl" | "custom";
|
|
60
60
|
underlined?: boolean | LinkUnderlined.DEFAULT;
|
|
61
61
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
62
62
|
type LinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & VariantProps<typeof linkVariants> & {
|
|
@@ -29,7 +29,7 @@ declare enum SwitchSelectorColor {
|
|
|
29
29
|
TEXT = "text"
|
|
30
30
|
}
|
|
31
31
|
declare const switchSelectorVariant: (props?: {
|
|
32
|
-
color?: "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark"
|
|
32
|
+
color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark";
|
|
33
33
|
disabled?: boolean;
|
|
34
34
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
35
35
|
declare enum SwitchSelectorSize {
|
|
@@ -38,7 +38,7 @@ declare enum SwitchSelectorSize {
|
|
|
38
38
|
LG = "lg"
|
|
39
39
|
}
|
|
40
40
|
declare const choiceVariant: (props?: {
|
|
41
|
-
size?: "
|
|
41
|
+
size?: "sm" | "md" | "lg";
|
|
42
42
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
43
43
|
/**
|
|
44
44
|
*
|
|
@@ -185,9 +185,9 @@ declare enum TagBackground {
|
|
|
185
185
|
WITH = "with"
|
|
186
186
|
}
|
|
187
187
|
declare const containerVariants: (props?: {
|
|
188
|
-
roundedSize?: "
|
|
189
|
-
color?: "
|
|
190
|
-
size?: "
|
|
188
|
+
roundedSize?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
|
|
189
|
+
color?: "text" | "primary" | "neutral" | "error" | "success" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
|
|
190
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
191
191
|
border?: "none" | "with";
|
|
192
192
|
background?: "none" | "with";
|
|
193
193
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
@@ -25,7 +25,7 @@ declare const ToastViewport: FC<ComponentProps<typeof ToastPrimitives.Viewport>>
|
|
|
25
25
|
* ```
|
|
26
26
|
*/
|
|
27
27
|
declare const toastVariants: (props?: {
|
|
28
|
-
variant?: "
|
|
28
|
+
variant?: "error" | "default" | "success";
|
|
29
29
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
30
30
|
/**
|
|
31
31
|
* Toast Component
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intlayer/design-system",
|
|
3
|
-
"version": "8.7.
|
|
3
|
+
"version": "8.7.4-canary.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
|
|
6
6
|
"keywords": [
|
|
@@ -421,12 +421,12 @@
|
|
|
421
421
|
"dependencies": {
|
|
422
422
|
"@better-auth/passkey": "1.6.4",
|
|
423
423
|
"@better-auth/sso": "1.6.4",
|
|
424
|
-
"@intlayer/api": "8.7.
|
|
425
|
-
"@intlayer/config": "8.7.
|
|
426
|
-
"@intlayer/core": "8.7.
|
|
424
|
+
"@intlayer/api": "8.7.4-canary.0",
|
|
425
|
+
"@intlayer/config": "8.7.4-canary.0",
|
|
426
|
+
"@intlayer/core": "8.7.4-canary.0",
|
|
427
427
|
"@intlayer/dictionaries-entry": "8.7.1",
|
|
428
|
-
"@intlayer/editor-react": "8.7.
|
|
429
|
-
"@intlayer/types": "8.7.
|
|
428
|
+
"@intlayer/editor-react": "8.7.4-canary.0",
|
|
429
|
+
"@intlayer/types": "8.7.4-canary.0",
|
|
430
430
|
"@radix-ui/react-dialog": "1.1.15",
|
|
431
431
|
"@radix-ui/react-select": "2.2.6",
|
|
432
432
|
"@radix-ui/react-slot": "1.2.4",
|
|
@@ -435,12 +435,12 @@
|
|
|
435
435
|
"better-auth": "1.6.4",
|
|
436
436
|
"class-variance-authority": "0.7.1",
|
|
437
437
|
"cmdk": "1.1.1",
|
|
438
|
-
"react-intlayer": "8.7.
|
|
438
|
+
"react-intlayer": "8.7.4-canary.0",
|
|
439
439
|
"rollup-preserve-directives": "1.1.3",
|
|
440
440
|
"zod": "4.3.6"
|
|
441
441
|
},
|
|
442
442
|
"devDependencies": {
|
|
443
|
-
"@intlayer/backend": "8.7.
|
|
443
|
+
"@intlayer/backend": "8.7.4-canary.0",
|
|
444
444
|
"@shikijs/transformers": "4.0.2",
|
|
445
445
|
"@storybook/addon-a11y": "8.6.14",
|
|
446
446
|
"@storybook/addon-essentials": "8.6.14",
|
|
@@ -470,7 +470,7 @@
|
|
|
470
470
|
"@utils/ts-config-types": "1.0.4",
|
|
471
471
|
"clsx": "2.1.1",
|
|
472
472
|
"fast-glob": "3.3.3",
|
|
473
|
-
"intlayer": "8.7.
|
|
473
|
+
"intlayer": "8.7.4-canary.0",
|
|
474
474
|
"rimraf": "6.1.3",
|
|
475
475
|
"shiki": "4.0.2",
|
|
476
476
|
"storybook": "8.6.17",
|
|
@@ -478,26 +478,26 @@
|
|
|
478
478
|
"tsdown": "0.21.8",
|
|
479
479
|
"typescript": "6.0.2",
|
|
480
480
|
"vite": "8.0.8",
|
|
481
|
-
"vite-intlayer": "8.7.
|
|
481
|
+
"vite-intlayer": "8.7.4-canary.0",
|
|
482
482
|
"vite-plugin-dts": "4.5.4",
|
|
483
483
|
"vitest": "4.1.4"
|
|
484
484
|
},
|
|
485
485
|
"peerDependencies": {
|
|
486
486
|
"@better-fetch/fetch": "1.1.21",
|
|
487
487
|
"@hookform/resolvers": "5.2.2",
|
|
488
|
-
"@intlayer/backend": "8.7.
|
|
488
|
+
"@intlayer/backend": "8.7.4-canary.0",
|
|
489
489
|
"@monaco-editor/react": "4.7.0",
|
|
490
490
|
"@shikijs/transformers": "4.0.2",
|
|
491
491
|
"@tanstack/react-query": "5.99.0",
|
|
492
492
|
"@tanstack/react-query-devtools": "5.97.0",
|
|
493
493
|
"framer-motion": "12.38.0",
|
|
494
494
|
"fuse.js": "7.3.0",
|
|
495
|
-
"intlayer": "8.7.
|
|
495
|
+
"intlayer": "8.7.4-canary.0",
|
|
496
496
|
"lucide-react": "1.8.0",
|
|
497
497
|
"react": ">=16.0.0",
|
|
498
498
|
"react-dom": ">=16.0.0",
|
|
499
499
|
"react-hook-form": "7.72.1",
|
|
500
|
-
"react-intlayer": "8.7.
|
|
500
|
+
"react-intlayer": "8.7.4-canary.0",
|
|
501
501
|
"shiki": "4.0.2",
|
|
502
502
|
"tailwindcss": "4.2.1"
|
|
503
503
|
},
|