@intlayer/design-system 8.12.4-canary.0 → 8.12.5-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 +1 -1
- package/dist/types/components/Button/Button.d.ts +3 -3
- package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts +2 -2
- package/dist/types/components/Command/index.d.ts +1 -1
- package/dist/types/components/Container/index.d.ts +2 -2
- package/dist/types/components/Input/Checkbox.d.ts +2 -2
- package/dist/types/components/Input/Input.d.ts +1 -1
- package/dist/types/components/Input/Radio.d.ts +2 -2
- package/dist/types/components/Link/Link.d.ts +2 -2
- package/dist/types/components/Pagination/Pagination.d.ts +1 -1
- package/dist/types/components/Tab/Tab.d.ts +1 -1
- package/dist/types/components/Tag/index.d.ts +1 -1
- package/package.json +16 -16
|
@@ -23,7 +23,7 @@ type BadgeSize = 'sm' | 'md' | 'lg';
|
|
|
23
23
|
* @description Defines the styling variants for different badge combinations
|
|
24
24
|
*/
|
|
25
25
|
declare const badgeVariants: (props?: {
|
|
26
|
-
color?: "error" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "
|
|
26
|
+
color?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "custom";
|
|
27
27
|
variant?: "default" | "none" | "outline" | "hoverable";
|
|
28
28
|
size?: "sm" | "md" | "lg";
|
|
29
29
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
@@ -25,10 +25,10 @@ type ButtonTextAlign = 'left' | 'center' | 'right';
|
|
|
25
25
|
*/
|
|
26
26
|
declare const buttonVariants: (props?: {
|
|
27
27
|
size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
|
|
28
|
-
color?: "error" | "text" | "primary" | "secondary" | "neutral" | "card" | "light" | "dark" | "current" | "text-inverse" | "
|
|
28
|
+
color?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "card" | "light" | "dark" | "current" | "text-inverse" | "custom";
|
|
29
29
|
roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "5xl" | "full";
|
|
30
|
-
variant?: "input" | "default" | "
|
|
31
|
-
textAlign?: "
|
|
30
|
+
variant?: "input" | "default" | "link" | "none" | "outline" | "invisible-link" | "hoverable" | "fade";
|
|
31
|
+
textAlign?: "left" | "center" | "right";
|
|
32
32
|
isFullWidth?: boolean;
|
|
33
33
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
34
34
|
/**
|
|
@@ -5,8 +5,8 @@ import { VariantProps } from "class-variance-authority";
|
|
|
5
5
|
//#region src/components/CollapsibleTable/CollapsibleTable.d.ts
|
|
6
6
|
declare const collapsibleTableVariants: (props?: {
|
|
7
7
|
size?: "sm" | "md" | "lg" | "xl" | "full";
|
|
8
|
-
variant?: "default" | "
|
|
9
|
-
spacing?: "
|
|
8
|
+
variant?: "default" | "dark" | "ghost" | "outlined";
|
|
9
|
+
spacing?: "auto" | "sm" | "md" | "lg" | "none";
|
|
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 */
|
|
@@ -28,7 +28,7 @@ declare const Command: {
|
|
|
28
28
|
ref?: React.Ref<HTMLInputElement>;
|
|
29
29
|
} & {
|
|
30
30
|
asChild?: boolean;
|
|
31
|
-
}, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement
|
|
31
|
+
}, "key" | "asChild" | keyof _$react.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
|
|
32
32
|
value?: string;
|
|
33
33
|
onValueChange?: (search: string) => void;
|
|
34
34
|
} & _$react.RefAttributes<HTMLInputElement>>;
|
|
@@ -11,9 +11,9 @@ declare const containerVariants: (props?: {
|
|
|
11
11
|
roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "full";
|
|
12
12
|
transparency?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full";
|
|
13
13
|
padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
|
|
14
|
-
separator?: "
|
|
14
|
+
separator?: "both" | "without" | "x" | "y";
|
|
15
15
|
border?: "with" | "none";
|
|
16
|
-
borderColor?: "error" | "text" | "primary" | "secondary" | "neutral" | "card" | "
|
|
16
|
+
borderColor?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "card" | "warning";
|
|
17
17
|
background?: "with" | "none" | "hoverable";
|
|
18
18
|
gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
|
|
19
19
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
@@ -6,8 +6,8 @@ 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" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse" | "
|
|
10
|
-
validationStyleEnabled?: "
|
|
9
|
+
color?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse" | "custom";
|
|
10
|
+
validationStyleEnabled?: "enabled" | "disabled";
|
|
11
11
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
12
12
|
type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
13
13
|
type CheckboxColor = 'primary' | 'secondary' | 'neutral' | 'light' | 'text' | 'text-inverse' | 'dark' | 'error' | 'success' | 'custom';
|
|
@@ -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
|
type InputVariant = 'default' | 'invisible';
|
|
12
12
|
type InputSize = 'md' | 'lg';
|
|
@@ -6,8 +6,8 @@ import { VariantProps } from "class-variance-authority";
|
|
|
6
6
|
declare const radioVariants: (props?: {
|
|
7
7
|
variant?: "default";
|
|
8
8
|
size?: "xs" | "sm" | "md" | "lg";
|
|
9
|
-
color?: "error" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse" | "
|
|
10
|
-
validationStyleEnabled?: "
|
|
9
|
+
color?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse" | "custom";
|
|
10
|
+
validationStyleEnabled?: "enabled" | "disabled";
|
|
11
11
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
12
12
|
type RadioSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
13
13
|
type RadioColor = 'primary' | 'secondary' | 'neutral' | 'light' | 'text' | 'text-inverse' | 'dark' | 'error' | 'success' | 'custom';
|
|
@@ -13,9 +13,9 @@ type LinkRoundedSize = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'ful
|
|
|
13
13
|
type LinkSize = 'sm' | 'md' | 'lg' | 'xl' | 'custom';
|
|
14
14
|
type LinkUnderlined = 'default' | 'true' | 'false';
|
|
15
15
|
declare const linkVariants: (props?: {
|
|
16
|
-
variant?: "default" | "
|
|
16
|
+
variant?: "default" | "invisible-link" | "hoverable" | "button" | "button-outlined";
|
|
17
17
|
roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full";
|
|
18
|
-
color?: "error" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse" | "
|
|
18
|
+
color?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse" | "custom";
|
|
19
19
|
size?: "sm" | "md" | "lg" | "xl" | "custom";
|
|
20
20
|
underlined?: boolean | "default";
|
|
21
21
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
|
|
|
6
6
|
declare const paginationVariants: (props?: {
|
|
7
7
|
size?: "sm" | "md" | "lg";
|
|
8
8
|
color?: "text" | "primary" | "secondary" | "neutral";
|
|
9
|
-
variant?: "default" | "
|
|
9
|
+
variant?: "default" | "ghost" | "bordered";
|
|
10
10
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
11
11
|
type PaginationSize = 'sm' | 'md' | 'lg';
|
|
12
12
|
type PaginationVariant = 'default' | 'bordered' | 'ghost';
|
|
@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
|
|
|
6
6
|
//#region src/components/Tab/Tab.d.ts
|
|
7
7
|
declare const tabContainerVariant: (props?: {
|
|
8
8
|
background?: "with" | "without";
|
|
9
|
-
variant?: "default" | "
|
|
9
|
+
variant?: "default" | "ghost" | "bordered";
|
|
10
10
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
11
11
|
type TabProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof tabContainerVariant> & {
|
|
12
12
|
defaultTab?: string;
|
|
@@ -147,7 +147,7 @@ type TagBorder = 'none' | 'with';
|
|
|
147
147
|
type TagBackground = 'none' | 'with';
|
|
148
148
|
declare const containerVariants: (props?: {
|
|
149
149
|
roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "full" | "xxl" | "xxxl";
|
|
150
|
-
color?: "error" | "
|
|
150
|
+
color?: "error" | "success" | "text" | "primary" | "neutral" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
|
|
151
151
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
152
152
|
border?: "with" | "none";
|
|
153
153
|
background?: "with" | "none";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intlayer/design-system",
|
|
3
|
-
"version": "8.12.
|
|
3
|
+
"version": "8.12.5-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": [
|
|
@@ -430,12 +430,12 @@
|
|
|
430
430
|
"dependencies": {
|
|
431
431
|
"@better-auth/passkey": "1.6.15",
|
|
432
432
|
"@better-auth/sso": "1.6.15",
|
|
433
|
-
"@intlayer/api": "8.12.
|
|
434
|
-
"@intlayer/config": "8.12.
|
|
435
|
-
"@intlayer/core": "8.12.
|
|
436
|
-
"@intlayer/dictionaries-entry": "8.12.
|
|
437
|
-
"@intlayer/editor-react": "8.12.
|
|
438
|
-
"@intlayer/types": "8.12.
|
|
433
|
+
"@intlayer/api": "8.12.5-canary.0",
|
|
434
|
+
"@intlayer/config": "8.12.5-canary.0",
|
|
435
|
+
"@intlayer/core": "8.12.5-canary.0",
|
|
436
|
+
"@intlayer/dictionaries-entry": "8.12.5-canary.0",
|
|
437
|
+
"@intlayer/editor-react": "8.12.5-canary.0",
|
|
438
|
+
"@intlayer/types": "8.12.5-canary.0",
|
|
439
439
|
"@radix-ui/react-dialog": "1.1.16",
|
|
440
440
|
"@radix-ui/react-select": "2.3.0",
|
|
441
441
|
"@radix-ui/react-slot": "1.2.5",
|
|
@@ -450,12 +450,12 @@
|
|
|
450
450
|
"defu": "6.1.7",
|
|
451
451
|
"dompurify": "3.4.8",
|
|
452
452
|
"isomorphic-dompurify": "3.16.0",
|
|
453
|
-
"react-intlayer": "8.12.
|
|
453
|
+
"react-intlayer": "8.12.5-canary.0",
|
|
454
454
|
"rollup-preserve-directives": "1.1.3",
|
|
455
455
|
"zod": "4.4.3"
|
|
456
456
|
},
|
|
457
457
|
"devDependencies": {
|
|
458
|
-
"@intlayer/backend": "8.12.
|
|
458
|
+
"@intlayer/backend": "8.12.5-canary.0",
|
|
459
459
|
"@shikijs/transformers": "4.2.0",
|
|
460
460
|
"@storybook/addon-a11y": "8.6.14",
|
|
461
461
|
"@storybook/addon-essentials": "8.6.14",
|
|
@@ -486,7 +486,7 @@
|
|
|
486
486
|
"@utils/ts-config-types": "1.0.4",
|
|
487
487
|
"clsx": "2.1.1",
|
|
488
488
|
"fast-glob": "3.3.3",
|
|
489
|
-
"intlayer": "8.12.
|
|
489
|
+
"intlayer": "8.12.5-canary.0",
|
|
490
490
|
"rimraf": "6.1.3",
|
|
491
491
|
"shiki": "4.2.0",
|
|
492
492
|
"storybook": "8.6.17",
|
|
@@ -494,26 +494,26 @@
|
|
|
494
494
|
"tsdown": "0.21.10",
|
|
495
495
|
"typescript": "6.0.3",
|
|
496
496
|
"vite": "8.0.16",
|
|
497
|
-
"vite-intlayer": "8.12.
|
|
497
|
+
"vite-intlayer": "8.12.5-canary.0",
|
|
498
498
|
"vite-plugin-dts": "5.0.2",
|
|
499
499
|
"vitest": "4.1.8"
|
|
500
500
|
},
|
|
501
501
|
"peerDependencies": {
|
|
502
|
-
"@better-fetch/fetch": "1.
|
|
502
|
+
"@better-fetch/fetch": "1.2.2",
|
|
503
503
|
"@hookform/resolvers": "5.4.0",
|
|
504
|
-
"@intlayer/backend": "8.12.
|
|
504
|
+
"@intlayer/backend": "8.12.5-canary.0",
|
|
505
505
|
"@monaco-editor/react": "4.7.0",
|
|
506
506
|
"@shikijs/transformers": "4.2.0",
|
|
507
507
|
"@tanstack/react-query": "5.101.0",
|
|
508
508
|
"@tanstack/react-query-devtools": "5.101.0",
|
|
509
509
|
"framer-motion": "12.40.0",
|
|
510
510
|
"fuse.js": "7.4.2",
|
|
511
|
-
"intlayer": "8.12.
|
|
511
|
+
"intlayer": "8.12.5-canary.0",
|
|
512
512
|
"lucide-react": "1.17.0",
|
|
513
513
|
"react": ">=16.0.0",
|
|
514
514
|
"react-dom": ">=16.0.0",
|
|
515
|
-
"react-hook-form": "7.
|
|
516
|
-
"react-intlayer": "8.12.
|
|
515
|
+
"react-hook-form": "7.78.0",
|
|
516
|
+
"react-intlayer": "8.12.5-canary.0",
|
|
517
517
|
"shiki": "4.2.0",
|
|
518
518
|
"tailwindcss": "4.3.0"
|
|
519
519
|
},
|