@intlayer/design-system 8.7.8 → 8.7.9
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 +1 -1
- package/dist/types/components/Button/Button.d.ts +2 -2
- package/dist/types/components/Command/index.d.ts +3 -3
- package/dist/types/components/Container/index.d.ts +3 -3
- package/dist/types/components/Input/Checkbox.d.ts +1 -1
- package/dist/types/components/Link/Link.d.ts +1 -1
- package/dist/types/components/Pagination/Pagination.d.ts +1 -1
- package/dist/types/components/SwitchSelector/index.d.ts +1 -1
- package/dist/types/components/TabSelector/TabSelector.d.ts +1 -1
- package/dist/types/components/Tag/index.d.ts +1 -1
- package/package.json +14 -14
|
@@ -43,7 +43,7 @@ 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" | "
|
|
46
|
+
color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "error" | "success" | "custom";
|
|
47
47
|
variant?: "none" | "default" | "outline" | "hoverable";
|
|
48
48
|
size?: "sm" | "md" | "lg";
|
|
49
49
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
@@ -61,9 +61,9 @@ declare enum ButtonTextAlign {
|
|
|
61
61
|
*/
|
|
62
62
|
declare const buttonVariants: (props?: {
|
|
63
63
|
size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
|
|
64
|
-
color?: "primary" | "secondary" | "destructive" | "neutral" | "card" | "light" | "dark" | "
|
|
64
|
+
color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "card" | "light" | "dark" | "current" | "text-inverse" | "error" | "success" | "custom";
|
|
65
65
|
roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "5xl" | "full";
|
|
66
|
-
variant?: "
|
|
66
|
+
variant?: "input" | "none" | "default" | "outline" | "link" | "invisible-link" | "hoverable" | "fade";
|
|
67
67
|
textAlign?: "left" | "center" | "right";
|
|
68
68
|
isFullWidth?: boolean;
|
|
69
69
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
@@ -29,7 +29,7 @@ declare const Command: {
|
|
|
29
29
|
ref?: React.Ref<HTMLInputElement>;
|
|
30
30
|
} & {
|
|
31
31
|
asChild?: boolean;
|
|
32
|
-
}, "key" |
|
|
32
|
+
}, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "onChange" | "value"> & {
|
|
33
33
|
value?: string;
|
|
34
34
|
onValueChange?: (search: string) => void;
|
|
35
35
|
} & _$react.RefAttributes<HTMLInputElement>>;
|
|
@@ -55,7 +55,7 @@ declare const Command: {
|
|
|
55
55
|
ref?: React.Ref<HTMLDivElement>;
|
|
56
56
|
} & {
|
|
57
57
|
asChild?: boolean;
|
|
58
|
-
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "
|
|
58
|
+
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
|
|
59
59
|
heading?: React.ReactNode;
|
|
60
60
|
value?: string;
|
|
61
61
|
forceMount?: boolean;
|
|
@@ -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" | "value" | "disabled"> & {
|
|
77
77
|
disabled?: boolean;
|
|
78
78
|
onSelect?: (value: string) => void;
|
|
79
79
|
value?: string;
|
|
@@ -12,9 +12,9 @@ declare const containerVariants: (props?: {
|
|
|
12
12
|
transparency?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full";
|
|
13
13
|
padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
|
|
14
14
|
separator?: "both" | "without" | "x" | "y";
|
|
15
|
-
border?: "
|
|
16
|
-
borderColor?: "error" | "success" | "primary" | "secondary" | "neutral" | "card" | "
|
|
17
|
-
background?: "
|
|
15
|
+
border?: "with" | "none";
|
|
16
|
+
borderColor?: "error" | "text" | "success" | "primary" | "secondary" | "neutral" | "card" | "warning";
|
|
17
|
+
background?: "with" | "none" | "hoverable";
|
|
18
18
|
gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
|
|
19
19
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
20
20
|
/** Available rounded corner sizes for the container */
|
|
@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
|
|
|
6
6
|
declare const checkboxVariants: (props?: {
|
|
7
7
|
variant?: "default";
|
|
8
8
|
size?: "xs" | "sm" | "md" | "lg";
|
|
9
|
-
color?: "error" | "success" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "
|
|
9
|
+
color?: "error" | "text" | "success" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "custom";
|
|
10
10
|
validationStyleEnabled?: "enabled" | "disabled";
|
|
11
11
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
12
12
|
declare enum CheckboxSize {
|
|
@@ -55,7 +55,7 @@ declare enum LinkUnderlined {
|
|
|
55
55
|
declare const linkVariants: (props?: {
|
|
56
56
|
variant?: "default" | "invisible-link" | "hoverable" | "button" | "button-outlined";
|
|
57
57
|
roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full";
|
|
58
|
-
color?: "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text
|
|
58
|
+
color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "error" | "success" | "custom";
|
|
59
59
|
size?: "sm" | "md" | "lg" | "xl" | "custom";
|
|
60
60
|
underlined?: boolean | LinkUnderlined.DEFAULT;
|
|
61
61
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
|
|
|
5
5
|
//#region src/components/Pagination/Pagination.d.ts
|
|
6
6
|
declare const paginationVariants: (props?: {
|
|
7
7
|
size?: "sm" | "md" | "lg";
|
|
8
|
-
color?: "
|
|
8
|
+
color?: "text" | "primary" | "secondary" | "destructive" | "neutral";
|
|
9
9
|
variant?: "default" | "bordered" | "ghost";
|
|
10
10
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
11
11
|
declare enum PaginationSize {
|
|
@@ -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 {
|
|
@@ -15,7 +15,7 @@ declare enum TabSelectorColor {
|
|
|
15
15
|
TEXT = "text"
|
|
16
16
|
}
|
|
17
17
|
declare const tabSelectorVariant: (props?: {
|
|
18
|
-
color?: "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark"
|
|
18
|
+
color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark";
|
|
19
19
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
20
20
|
type TabSelectorItemProps = HTMLAttributes<HTMLElement> & {
|
|
21
21
|
key: string | number;
|
|
@@ -186,7 +186,7 @@ declare enum TagBackground {
|
|
|
186
186
|
}
|
|
187
187
|
declare const containerVariants: (props?: {
|
|
188
188
|
roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full";
|
|
189
|
-
color?: "
|
|
189
|
+
color?: "text" | "primary" | "neutral" | "error" | "success" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
|
|
190
190
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
191
191
|
border?: "none" | "with";
|
|
192
192
|
background?: "none" | "with";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intlayer/design-system",
|
|
3
|
-
"version": "8.7.
|
|
3
|
+
"version": "8.7.9",
|
|
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.9",
|
|
423
423
|
"@better-auth/sso": "1.6.9",
|
|
424
|
-
"@intlayer/api": "8.7.
|
|
425
|
-
"@intlayer/config": "8.7.
|
|
426
|
-
"@intlayer/core": "8.7.
|
|
427
|
-
"@intlayer/dictionaries-entry": "8.7.
|
|
428
|
-
"@intlayer/editor-react": "8.7.
|
|
429
|
-
"@intlayer/types": "8.7.
|
|
424
|
+
"@intlayer/api": "8.7.9",
|
|
425
|
+
"@intlayer/config": "8.7.9",
|
|
426
|
+
"@intlayer/core": "8.7.9",
|
|
427
|
+
"@intlayer/dictionaries-entry": "8.7.9",
|
|
428
|
+
"@intlayer/editor-react": "8.7.9",
|
|
429
|
+
"@intlayer/types": "8.7.9",
|
|
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.9",
|
|
436
436
|
"class-variance-authority": "0.7.1",
|
|
437
437
|
"cmdk": "1.1.1",
|
|
438
|
-
"react-intlayer": "8.7.
|
|
438
|
+
"react-intlayer": "8.7.9",
|
|
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.9",
|
|
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.9",
|
|
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.10",
|
|
479
479
|
"typescript": "6.0.3",
|
|
480
480
|
"vite": "8.0.10",
|
|
481
|
-
"vite-intlayer": "8.7.
|
|
481
|
+
"vite-intlayer": "8.7.9",
|
|
482
482
|
"vite-plugin-dts": "4.5.4",
|
|
483
483
|
"vitest": "4.1.5"
|
|
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.9",
|
|
489
489
|
"@monaco-editor/react": "4.7.0",
|
|
490
490
|
"@shikijs/transformers": "4.0.2",
|
|
491
491
|
"@tanstack/react-query": "5.100.5",
|
|
492
492
|
"@tanstack/react-query-devtools": "5.100.1",
|
|
493
493
|
"framer-motion": "12.38.0",
|
|
494
494
|
"fuse.js": "7.3.0",
|
|
495
|
-
"intlayer": "8.7.
|
|
495
|
+
"intlayer": "8.7.9",
|
|
496
496
|
"lucide-react": "1.11.0",
|
|
497
497
|
"react": ">=16.0.0",
|
|
498
498
|
"react-dom": ">=16.0.0",
|
|
499
499
|
"react-hook-form": "7.73.1",
|
|
500
|
-
"react-intlayer": "8.7.
|
|
500
|
+
"react-intlayer": "8.7.9",
|
|
501
501
|
"shiki": "4.0.2",
|
|
502
502
|
"tailwindcss": "4.2.1"
|
|
503
503
|
},
|