@intlayer/design-system 8.7.5 → 8.7.6

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.
@@ -3,13 +3,13 @@ import { Accordion } from "../../Accordion/Accordion.mjs";
3
3
  import { getIsEditableSection } from "../getIsEditableSection.mjs";
4
4
  import { ChevronRight, Plus } from "lucide-react";
5
5
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
6
- import { internationalization } from "@intlayer/config/built";
7
6
  import { useIntlayer } from "react-intlayer";
8
7
  import { useEditedContentActions, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
9
8
  import { getContentNodeByKeyPath, getEmptyNode, getNodeType } from "@intlayer/core/dictionaryManipulator";
10
9
  import * as NodeTypes from "@intlayer/types/nodeType";
11
10
  import { isSameKeyPath } from "@intlayer/core/utils";
12
11
  import { camelCaseToSentence } from "@intlayer/config/client";
12
+ import { internationalization } from "@intlayer/config/built";
13
13
 
14
14
  //#region src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx
15
15
  const traceKeys = [
@@ -1,9 +1,9 @@
1
1
  'use client';
2
2
 
3
3
  import { useQuery } from "@tanstack/react-query";
4
- import configuration from "@intlayer/config/built";
5
4
  import { useConfiguration } from "@intlayer/editor-react";
6
5
  import { getOAuthAPI } from "@intlayer/api";
6
+ import configuration from "@intlayer/config/built";
7
7
 
8
8
  //#region src/hooks/useAuth/useOAuth2.ts
9
9
  const useOAuth2 = (intlayerConfiguration) => {
@@ -3,8 +3,8 @@
3
3
  import { getAuthAPI } from "../../libs/auth.mjs";
4
4
  import { useQueryClient } from "../reactQuery.mjs";
5
5
  import { useQuery } from "@tanstack/react-query";
6
- import configuration from "@intlayer/config/built";
7
6
  import { useConfiguration } from "@intlayer/editor-react";
7
+ import configuration from "@intlayer/config/built";
8
8
 
9
9
  //#region src/hooks/useAuth/useSession.ts
10
10
  const useSession = (sessionProp, intlayerConfiguration) => {
@@ -1,6 +1,6 @@
1
+ import configuration from "@intlayer/config/built";
1
2
  import { passkeyClient } from "@better-auth/passkey/client";
2
3
  import { ssoClient } from "@better-auth/sso/client";
3
- import configuration from "@intlayer/config/built";
4
4
  import { BACKEND_URL } from "@intlayer/config/defaultValues";
5
5
  import { createAuthClient } from "better-auth/client";
6
6
  import { magicLinkClient, twoFactorClient } from "better-auth/client/plugins";
@@ -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?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "error" | "success" | "custom";
47
- variant?: "none" | "default" | "outline" | "hoverable";
48
- size?: "sm" | "md" | "lg";
46
+ color?: "text" | "primary" | "secondary" | "destructive" | "success" | "error" | "neutral" | "light" | "dark" | "custom";
47
+ variant?: "default" | "none" | "outline" | "hoverable";
48
+ size?: "md" | "sm" | "lg";
49
49
  } & _$class_variance_authority_types0.ClassProp) => string;
50
50
  /**
51
51
  * Badge component props interface
@@ -60,11 +60,11 @@ declare enum ButtonTextAlign {
60
60
  * Enhanced button variants with improved accessibility and focus states
61
61
  */
62
62
  declare const buttonVariants: (props?: {
63
- size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
64
- color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "card" | "light" | "dark" | "current" | "text-inverse" | "error" | "success" | "custom";
65
- roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "2xl" | "3xl" | "4xl" | "5xl" | "full";
66
- variant?: "none" | "default" | "outline" | "link" | "invisible-link" | "hoverable" | "fade" | "input";
67
- textAlign?: "left" | "center" | "right";
63
+ size?: "md" | "sm" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
64
+ color?: "text" | "primary" | "secondary" | "destructive" | "success" | "error" | "neutral" | "light" | "dark" | "custom" | "text-inverse" | "card" | "current";
65
+ roundedSize?: "md" | "none" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "4xl" | "5xl";
66
+ variant?: "default" | "input" | "none" | "outline" | "hoverable" | "invisible-link" | "link" | "fade";
67
+ textAlign?: "left" | "right" | "center";
68
68
  isFullWidth?: boolean;
69
69
  } & _$class_variance_authority_types0.ClassProp) => string;
70
70
  /**
@@ -5,7 +5,7 @@ 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?: "dark" | "default" | "ghost" | "outlined";
8
+ variant?: "default" | "dark" | "ghost" | "outlined";
9
9
  spacing?: "sm" | "md" | "lg" | "none" | "auto";
10
10
  } & _$class_variance_authority_types0.ClassProp) => string;
11
11
  interface CollapsibleTableProps extends Omit<HTMLAttributes<HTMLElement>, 'title'>, VariantProps<typeof collapsibleTableVariants> {
@@ -29,51 +29,51 @@ declare const Command: {
29
29
  ref?: React.Ref<HTMLInputElement>;
30
30
  } & {
31
31
  asChild?: boolean;
32
- }, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "type" | "value"> & {
32
+ }, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "value" | "onChange"> & {
33
33
  value?: string;
34
34
  onValueChange?: (search: string) => void;
35
35
  } & _$react.RefAttributes<HTMLInputElement>>;
36
36
  List: FC<{
37
37
  children?: React.ReactNode;
38
- } & Pick<Pick<_$react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | "key"> & {
38
+ } & Pick<Pick<_$react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
39
39
  ref?: React.Ref<HTMLDivElement>;
40
40
  } & {
41
41
  asChild?: boolean;
42
- }, keyof HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
42
+ }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
43
43
  label?: string;
44
44
  } & _$react.RefAttributes<HTMLDivElement>>;
45
45
  Empty: FC<{
46
46
  children?: React.ReactNode;
47
- } & Pick<Pick<_$react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | "key"> & {
47
+ } & Pick<Pick<_$react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
48
48
  ref?: React.Ref<HTMLDivElement>;
49
49
  } & {
50
50
  asChild?: boolean;
51
- }, keyof HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & _$react.RefAttributes<HTMLDivElement>>;
51
+ }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & _$react.RefAttributes<HTMLDivElement>>;
52
52
  Group: FC<{
53
53
  children?: React.ReactNode;
54
- } & Omit<Pick<Pick<_$react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | "key"> & {
54
+ } & Omit<Pick<Pick<_$react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
55
55
  ref?: React.Ref<HTMLDivElement>;
56
56
  } & {
57
57
  asChild?: boolean;
58
- }, keyof HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "value" | "heading"> & {
58
+ }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
59
59
  heading?: React.ReactNode;
60
60
  value?: string;
61
61
  forceMount?: boolean;
62
62
  } & _$react.RefAttributes<HTMLDivElement>>;
63
- Separator: FC<Pick<Pick<_$react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | "key"> & {
63
+ Separator: FC<Pick<Pick<_$react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
64
64
  ref?: React.Ref<HTMLDivElement>;
65
65
  } & {
66
66
  asChild?: boolean;
67
- }, keyof HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
67
+ }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
68
68
  alwaysRender?: boolean;
69
69
  } & _$react.RefAttributes<HTMLDivElement>>;
70
70
  Item: FC<{
71
71
  children?: React.ReactNode;
72
- } & Omit<Pick<Pick<_$react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | "key"> & {
72
+ } & Omit<Pick<Pick<_$react.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
73
73
  ref?: React.Ref<HTMLDivElement>;
74
74
  } & {
75
75
  asChild?: boolean;
76
- }, keyof HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "onSelect" | "disabled" | "value"> & {
76
+ }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "value" | "onSelect"> & {
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?: "sm" | "md" | "lg" | "xl" | "none" | "2xl" | "3xl" | "4xl" | "full";
12
- transparency?: "sm" | "md" | "lg" | "xl" | "none" | "full" | "xs";
13
- padding?: "sm" | "md" | "lg" | "xl" | "none" | "2xl";
14
- separator?: "without" | "both" | "x" | "y";
15
- border?: "none" | "with";
16
- borderColor?: "text" | "primary" | "secondary" | "neutral" | "card" | "error" | "success" | "warning";
17
- background?: "hoverable" | "none" | "with";
18
- gap?: "sm" | "md" | "lg" | "xl" | "none" | "2xl";
11
+ roundedSize?: "sm" | "md" | "lg" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "full";
12
+ transparency?: "sm" | "md" | "lg" | "none" | "xs" | "xl" | "full";
13
+ padding?: "sm" | "md" | "lg" | "none" | "xl" | "2xl";
14
+ separator?: "both" | "without" | "x" | "y";
15
+ border?: "with" | "none";
16
+ borderColor?: "error" | "success" | "primary" | "secondary" | "neutral" | "card" | "text" | "warning";
17
+ background?: "with" | "none" | "hoverable";
18
+ gap?: "sm" | "md" | "lg" | "none" | "xl" | "2xl";
19
19
  } & _$class_variance_authority_types0.ClassProp) => string;
20
20
  /** Available rounded corner sizes for the container */
21
21
  declare enum ContainerRoundedSize {
@@ -8,8 +8,8 @@ declare const useDictionaryDetailsSchema: (projectId: string) => z.ZodObject<{
8
8
  projectIds: z.ZodDefault<z.ZodArray<z.ZodString>>;
9
9
  tags: z.ZodDefault<z.ZodArray<z.ZodString>>;
10
10
  location: z.ZodOptional<z.ZodEnum<{
11
- local: "local";
12
11
  remote: "remote";
12
+ local: "local";
13
13
  hybrid: "hybrid";
14
14
  plugin: "plugin";
15
15
  }>>;
@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
6
6
  declare const checkboxVariants: (props?: {
7
7
  variant?: "default";
8
8
  size?: "sm" | "md" | "lg" | "xs";
9
- color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "error" | "success" | "custom";
9
+ color?: "error" | "success" | "primary" | "secondary" | "neutral" | "text" | "destructive" | "light" | "dark" | "custom";
10
10
  validationStyleEnabled?: "disabled" | "enabled";
11
11
  } & _$class_variance_authority_types0.ClassProp) => string;
12
12
  declare enum CheckboxSize {
@@ -53,10 +53,10 @@ declare enum LinkUnderlined {
53
53
  FALSE = "false"
54
54
  }
55
55
  declare const linkVariants: (props?: {
56
- variant?: "default" | "invisible-link" | "hoverable" | "button" | "button-outlined";
57
- roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "2xl" | "3xl" | "full";
58
- color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "error" | "success" | "custom";
59
- size?: "sm" | "md" | "lg" | "xl" | "custom";
56
+ variant?: "default" | "hoverable" | "invisible-link" | "button" | "button-outlined";
57
+ roundedSize?: "md" | "none" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full";
58
+ color?: "text" | "primary" | "secondary" | "destructive" | "success" | "error" | "neutral" | "light" | "dark" | "custom" | "text-inverse";
59
+ size?: "md" | "sm" | "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> & {
@@ -5,8 +5,8 @@ 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?: "text" | "primary" | "secondary" | "destructive" | "neutral";
9
- variant?: "default" | "ghost" | "bordered";
8
+ color?: "primary" | "secondary" | "neutral" | "text" | "destructive";
9
+ variant?: "default" | "bordered" | "ghost";
10
10
  } & _$class_variance_authority_types0.ClassProp) => string;
11
11
  declare enum PaginationSize {
12
12
  SM = "sm",
@@ -38,7 +38,7 @@ declare enum SwitchSelectorSize {
38
38
  LG = "lg"
39
39
  }
40
40
  declare const choiceVariant: (props?: {
41
- size?: "sm" | "md" | "lg";
41
+ size?: "md" | "sm" | "lg";
42
42
  } & _$class_variance_authority_types0.ClassProp) => string;
43
43
  /**
44
44
  *
@@ -6,7 +6,7 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
6
6
  //#region src/components/Tab/Tab.d.ts
7
7
  declare const tabContainerVariant: (props?: {
8
8
  background?: "with" | "without";
9
- variant?: "default" | "ghost" | "bordered";
9
+ variant?: "default" | "bordered" | "ghost";
10
10
  } & _$class_variance_authority_types0.ClassProp) => string;
11
11
  type TabProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof tabContainerVariant> & {
12
12
  defaultTab?: string;
@@ -15,7 +15,7 @@ declare enum TabSelectorColor {
15
15
  TEXT = "text"
16
16
  }
17
17
  declare const tabSelectorVariant: (props?: {
18
- color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark";
18
+ color?: "primary" | "secondary" | "neutral" | "text" | "destructive" | "light" | "dark";
19
19
  } & _$class_variance_authority_types0.ClassProp) => string;
20
20
  type TabSelectorItemProps = HTMLAttributes<HTMLElement> & {
21
21
  key: string | number;
@@ -185,9 +185,9 @@ declare enum TagBackground {
185
185
  WITH = "with"
186
186
  }
187
187
  declare const containerVariants: (props?: {
188
- roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "2xl" | "3xl" | "full";
189
- color?: "text" | "primary" | "neutral" | "error" | "success" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
190
- size?: "sm" | "md" | "lg" | "xl" | "xs";
188
+ roundedSize?: "md" | "none" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full";
189
+ color?: "text" | "primary" | "success" | "error" | "neutral" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
190
+ size?: "md" | "xs" | "sm" | "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?: "error" | "success" | "default";
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.7.5",
3
+ "version": "8.7.6",
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.5",
423
423
  "@better-auth/sso": "1.6.5",
424
- "@intlayer/api": "8.7.5",
425
- "@intlayer/config": "8.7.5",
426
- "@intlayer/core": "8.7.5",
424
+ "@intlayer/api": "8.7.6",
425
+ "@intlayer/config": "8.7.6",
426
+ "@intlayer/core": "8.7.6",
427
427
  "@intlayer/dictionaries-entry": "8.7.1",
428
- "@intlayer/editor-react": "8.7.5",
429
- "@intlayer/types": "8.7.5",
428
+ "@intlayer/editor-react": "8.7.6",
429
+ "@intlayer/types": "8.7.6",
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.5",
436
436
  "class-variance-authority": "0.7.1",
437
437
  "cmdk": "1.1.1",
438
- "react-intlayer": "8.7.5",
438
+ "react-intlayer": "8.7.6",
439
439
  "rollup-preserve-directives": "1.1.3",
440
440
  "zod": "4.3.6"
441
441
  },
442
442
  "devDependencies": {
443
- "@intlayer/backend": "8.7.5",
443
+ "@intlayer/backend": "8.7.6",
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.5",
473
+ "intlayer": "8.7.6",
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.9",
479
479
  "typescript": "6.0.3",
480
480
  "vite": "8.0.8",
481
- "vite-intlayer": "8.7.5",
481
+ "vite-intlayer": "8.7.6",
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.5",
488
+ "@intlayer/backend": "8.7.6",
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.99.0",
493
493
  "framer-motion": "12.38.0",
494
494
  "fuse.js": "7.3.0",
495
- "intlayer": "8.7.5",
495
+ "intlayer": "8.7.6",
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.5",
500
+ "react-intlayer": "8.7.6",
501
501
  "shiki": "4.0.2",
502
502
  "tailwindcss": "4.2.1"
503
503
  },