@intlayer/design-system 8.12.3 → 8.12.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/esm/api/useAuth/useOAuth2.mjs +1 -1
- package/dist/esm/api/useAuth/useSession.mjs +1 -1
- package/dist/types/components/Badge/index.d.ts +1 -1
- 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 +6 -6
- 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 +3 -3
- package/dist/types/components/Tag/index.d.ts +2 -2
- package/dist/types/components/Toaster/Toast.d.ts +1 -1
- package/package.json +14 -14
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { useQuery } from "@tanstack/react-query";
|
|
4
3
|
import { editor } from "@intlayer/config/built";
|
|
4
|
+
import { useQuery } from "@tanstack/react-query";
|
|
5
5
|
import { getOAuthAPI } from "@intlayer/api";
|
|
6
6
|
import { useConfiguration } from "@intlayer/editor-react";
|
|
7
7
|
import { defu } from "defu";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import { getAuthAPI } from "../../libs/auth.mjs";
|
|
4
|
-
import { useQuery, useQueryClient } from "@tanstack/react-query";
|
|
5
4
|
import { editor } from "@intlayer/config/built";
|
|
5
|
+
import { useQuery, useQueryClient } from "@tanstack/react-query";
|
|
6
6
|
import { useConfiguration } from "@intlayer/editor-react";
|
|
7
7
|
|
|
8
8
|
//#region src/api/useAuth/useSession.ts
|
|
@@ -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" | "
|
|
26
|
+
color?: "error" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "success" | "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" | "
|
|
29
|
-
roundedSize?: "
|
|
30
|
-
variant?: "
|
|
31
|
-
textAlign?: "
|
|
28
|
+
color?: "error" | "text" | "primary" | "secondary" | "neutral" | "card" | "light" | "dark" | "current" | "text-inverse" | "success" | "custom";
|
|
29
|
+
roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "5xl" | "full";
|
|
30
|
+
variant?: "input" | "default" | "none" | "link" | "outline" | "invisible-link" | "hoverable" | "fade";
|
|
31
|
+
textAlign?: "center" | "left" | "right";
|
|
32
32
|
isFullWidth?: boolean;
|
|
33
33
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
34
34
|
/**
|
|
@@ -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" | "ghost" | "dark" | "outlined";
|
|
9
|
-
spacing?: "
|
|
9
|
+
spacing?: "sm" | "md" | "lg" | "auto" | "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> | "asChild">, "
|
|
31
|
+
}, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "onChange" | "value"> & {
|
|
32
32
|
value?: string;
|
|
33
33
|
onValueChange?: (search: string) => void;
|
|
34
34
|
} & _$react.RefAttributes<HTMLInputElement>>;
|
|
@@ -72,7 +72,7 @@ declare const Command: {
|
|
|
72
72
|
ref?: React.Ref<HTMLDivElement>;
|
|
73
73
|
} & {
|
|
74
74
|
asChild?: boolean;
|
|
75
|
-
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "
|
|
75
|
+
}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
|
|
76
76
|
disabled?: boolean;
|
|
77
77
|
onSelect?: (value: string) => void;
|
|
78
78
|
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?: "
|
|
14
|
-
separator?: "
|
|
11
|
+
roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "full";
|
|
12
|
+
transparency?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full";
|
|
13
|
+
padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
|
|
14
|
+
separator?: "without" | "x" | "y" | "both";
|
|
15
15
|
border?: "with" | "none";
|
|
16
|
-
borderColor?: "error" | "
|
|
16
|
+
borderColor?: "error" | "text" | "primary" | "secondary" | "neutral" | "card" | "success" | "warning";
|
|
17
17
|
background?: "with" | "none" | "hoverable";
|
|
18
|
-
gap?: "
|
|
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 */
|
|
21
21
|
type ContainerRoundedSize = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
@@ -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" | "
|
|
10
|
-
validationStyleEnabled?: "
|
|
9
|
+
color?: "error" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse" | "success" | "custom";
|
|
10
|
+
validationStyleEnabled?: "disabled" | "enabled";
|
|
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?: "disabled" | "enabled";
|
|
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" | "
|
|
10
|
-
validationStyleEnabled?: "
|
|
9
|
+
color?: "error" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse" | "success" | "custom";
|
|
10
|
+
validationStyleEnabled?: "disabled" | "enabled";
|
|
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" | "
|
|
17
|
-
roundedSize?: "
|
|
18
|
-
color?: "error" | "
|
|
16
|
+
variant?: "default" | "button" | "invisible-link" | "hoverable" | "button-outlined";
|
|
17
|
+
roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full";
|
|
18
|
+
color?: "error" | "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse" | "success" | "custom";
|
|
19
19
|
size?: "sm" | "md" | "lg" | "xl" | "custom";
|
|
20
20
|
underlined?: boolean | "default";
|
|
21
21
|
} & _$class_variance_authority_types0.ClassProp) => string;
|
|
@@ -146,8 +146,8 @@ type TagBorder = 'none' | 'with';
|
|
|
146
146
|
*/
|
|
147
147
|
type TagBackground = 'none' | 'with';
|
|
148
148
|
declare const containerVariants: (props?: {
|
|
149
|
-
roundedSize?: "
|
|
150
|
-
color?: "error" | "
|
|
149
|
+
roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "full" | "xxl" | "xxxl";
|
|
150
|
+
color?: "error" | "text" | "primary" | "neutral" | "success" | "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";
|
|
@@ -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?: "default" | "error" | "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.12.
|
|
3
|
+
"version": "8.12.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": [
|
|
@@ -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.4-canary.0",
|
|
434
|
+
"@intlayer/config": "8.12.4-canary.0",
|
|
435
|
+
"@intlayer/core": "8.12.4-canary.0",
|
|
436
|
+
"@intlayer/dictionaries-entry": "8.12.4-canary.0",
|
|
437
|
+
"@intlayer/editor-react": "8.12.4-canary.0",
|
|
438
|
+
"@intlayer/types": "8.12.4-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.4-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.4-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.4-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.4-canary.0",
|
|
498
498
|
"vite-plugin-dts": "5.0.2",
|
|
499
499
|
"vitest": "4.1.8"
|
|
500
500
|
},
|
|
501
501
|
"peerDependencies": {
|
|
502
502
|
"@better-fetch/fetch": "1.1.21",
|
|
503
503
|
"@hookform/resolvers": "5.4.0",
|
|
504
|
-
"@intlayer/backend": "8.12.
|
|
504
|
+
"@intlayer/backend": "8.12.4-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.4-canary.0",
|
|
512
512
|
"lucide-react": "1.17.0",
|
|
513
513
|
"react": ">=16.0.0",
|
|
514
514
|
"react-dom": ">=16.0.0",
|
|
515
515
|
"react-hook-form": "7.77.0",
|
|
516
|
-
"react-intlayer": "8.12.
|
|
516
|
+
"react-intlayer": "8.12.4-canary.0",
|
|
517
517
|
"shiki": "4.2.0",
|
|
518
518
|
"tailwindcss": "4.3.0"
|
|
519
519
|
},
|