@intlayer/design-system 8.4.7 → 8.4.8

package/dist/esm/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs

@@ -1,9 +1,9 @@
 import { Button, ButtonColor, ButtonTextAlign, ButtonVariant } from "../../Button/Button.mjs";
 import { Accordion } from "../../Accordion/Accordion.mjs";
 import { getIsEditableSection } from "../getIsEditableSection.mjs";
-import configuration from "@intlayer/config/built";
 import { ChevronRight, Plus } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import configuration from "@intlayer/config/built";
 import { useIntlayer } from "react-intlayer";
 import { useEditedContentActions, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { getContentNodeByKeyPath, getEmptyNode, getNodeType } from "@intlayer/core/dictionaryManipulator";

package/dist/esm/hooks/useAuth/useOAuth2.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import configuration from "@intlayer/config/built";
 import { useQuery } from "@tanstack/react-query";
+import configuration from "@intlayer/config/built";
 import { useConfiguration } from "@intlayer/editor-react";
 import { getOAuthAPI } from "@intlayer/api";
 

package/dist/esm/hooks/useAuth/useSession.mjs

@@ -2,8 +2,8 @@
 
 import { getAuthAPI } from "../../libs/auth.mjs";
 import { useQueryClient } from "../reactQuery.mjs";
-import configuration from "@intlayer/config/built";
 import { useQuery } from "@tanstack/react-query";
+import configuration from "@intlayer/config/built";
 import { useConfiguration } from "@intlayer/editor-react";
 
 //#region src/hooks/useAuth/useSession.ts

package/dist/types/components/Badge/index.d.ts

@@ -43,7 +43,7 @@ declare enum BadgeSize {
  * @description Defines the styling variants for different badge combinations
  */
 declare const badgeVariants: (props?: {
-  color?: "error" | "custom" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text" | "success";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "error" | "success" | "custom";
   variant?: "none" | "default" | "outline" | "hoverable";
   size?: "sm" | "md" | "lg";
 } & class_variance_authority_types0.ClassProp) => string;

package/dist/types/components/Button/Button.d.ts

@@ -61,7 +61,7 @@ declare enum ButtonTextAlign {
  */
 declare const buttonVariants: (props?: {
   size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
-  color?: "error" | "custom" | "primary" | "secondary" | "destructive" | "neutral" | "card" | "light" | "dark" | "text" | "current" | "text-inverse" | "success";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "card" | "light" | "dark" | "current" | "text-inverse" | "error" | "success" | "custom";
   roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "5xl" | "full";
   variant?: "input" | "none" | "default" | "outline" | "link" | "invisible-link" | "hoverable" | "fade";
   textAlign?: "left" | "center" | "right";

package/dist/types/components/Command/index.d.ts

@@ -29,7 +29,7 @@ declare const Command: {
     ref?: React.Ref<HTMLInputElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "onChange" | "value"> & {
+  }, "key" | keyof react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "value" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
   } & react.RefAttributes<HTMLInputElement>>;
@@ -73,7 +73,7 @@ declare const Command: {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+  }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "onSelect" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/types/components/Container/index.d.ts

@@ -13,8 +13,8 @@ declare const containerVariants: (props?: {
   padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
   separator?: "both" | "without" | "x" | "y";
   border?: "none" | "with";
-  borderColor?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "card" | "warning";
-  background?: "none" | "with" | "hoverable";
+  borderColor?: "error" | "text" | "primary" | "secondary" | "neutral" | "card" | "success" | "warning";
+  background?: "none" | "hoverable" | "with";
   gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
 } & class_variance_authority_types0.ClassProp) => string;
 /** Available rounded corner sizes for the container */

package/dist/types/components/Input/Checkbox.d.ts

@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
 declare const checkboxVariants: (props?: {
   variant?: "default";
   size?: "xs" | "sm" | "md" | "lg";
-  color?: "error" | "success" | "custom" | "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark";
+  color?: "error" | "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "success" | "custom";
   validationStyleEnabled?: "enabled" | "disabled";
 } & class_variance_authority_types0.ClassProp) => string;
 declare enum CheckboxSize {

package/dist/types/components/Link/Link.d.ts

@@ -55,7 +55,7 @@ declare enum LinkUnderlined {
 declare const linkVariants: (props?: {
   variant?: "default" | "invisible-link" | "hoverable" | "button" | "button-outlined";
   roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full";
-  color?: "error" | "custom" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text" | "text-inverse" | "success";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "error" | "success" | "custom";
   size?: "sm" | "md" | "lg" | "xl" | "custom";
   underlined?: boolean | LinkUnderlined.DEFAULT;
 } & class_variance_authority_types0.ClassProp) => string;

package/dist/types/components/SwitchSelector/index.d.ts

@@ -29,7 +29,7 @@ declare enum SwitchSelectorColor {
   TEXT = "text"
 }
 declare const switchSelectorVariant: (props?: {
-  color?: "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark";
   disabled?: boolean;
 } & class_variance_authority_types0.ClassProp) => string;
 declare enum SwitchSelectorSize {

package/dist/types/components/Tag/index.d.ts

@@ -186,7 +186,7 @@ declare enum TagBackground {
 }
 declare const containerVariants: (props?: {
   roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full";
-  color?: "error" | "primary" | "neutral" | "text" | "success" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
+  color?: "text" | "primary" | "neutral" | "error" | "success" | "warning" | "blue" | "yellow" | "green" | "red" | "orange" | "purple" | "pink" | "brown" | "gray" | "black" | "white";
   size?: "xs" | "sm" | "md" | "lg" | "xl";
   border?: "none" | "with";
   background?: "none" | "with";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "8.4.7",
+  "version": "8.4.8",
   "private": false,
   "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
@@ -106,12 +106,12 @@
   "dependencies": {
     "@better-auth/passkey": "1.5.5",
     "@better-auth/sso": "1.5.5",
-    "@intlayer/api": "8.4.7",
-    "@intlayer/config": "8.4.7",
-    "@intlayer/core": "8.4.7",
-    "@intlayer/dictionaries-entry": "8.4.7",
-    "@intlayer/editor-react": "8.4.7",
-    "@intlayer/types": "8.4.7",
+    "@intlayer/api": "8.4.8",
+    "@intlayer/config": "8.4.8",
+    "@intlayer/core": "8.4.8",
+    "@intlayer/dictionaries-entry": "8.4.8",
+    "@intlayer/editor-react": "8.4.8",
+    "@intlayer/types": "8.4.8",
     "@radix-ui/react-dialog": "1.1.15",
     "@radix-ui/react-select": "2.2.6",
     "@radix-ui/react-slot": "1.2.4",
@@ -120,12 +120,12 @@
     "better-auth": "1.5.5",
     "class-variance-authority": "0.7.1",
     "cmdk": "1.1.1",
-    "react-intlayer": "8.4.7",
+    "react-intlayer": "8.4.8",
     "rollup-preserve-directives": "1.1.3",
     "zod": "4.3.6"
   },
   "devDependencies": {
-    "@intlayer/backend": "8.4.7",
+    "@intlayer/backend": "8.4.8",
     "@shikijs/transformers": "4.0.2",
     "@storybook/addon-a11y": "8.6.14",
     "@storybook/addon-essentials": "8.6.14",
@@ -154,14 +154,14 @@
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",
     "fast-glob": "3.3.3",
-    "intlayer": "8.4.7",
+    "intlayer": "8.4.8",
     "rimraf": "6.1.3",
     "shiki": "4.0.2",
     "storybook": "8.6.17",
     "tsdown": "0.21.4",
     "typescript": "5.9.3",
     "vite": "8.0.1",
-    "vite-intlayer": "8.4.7",
+    "vite-intlayer": "8.4.8",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "6.1.1",
     "vitest": "4.1.0"
@@ -169,7 +169,7 @@
   "peerDependencies": {
     "@better-fetch/fetch": "1.1.21",
     "@hookform/resolvers": "5.2.2",
-    "@intlayer/backend": "8.4.7",
+    "@intlayer/backend": "8.4.8",
     "@monaco-editor/react": "4.7.0",
     "@shikijs/transformers": "4.0.2",
     "@tanstack/react-query": "5.91.3",
@@ -177,12 +177,12 @@
     "clsx": "2.1.1",
     "framer-motion": "12.38.0",
     "fuse.js": "7.1.0",
-    "intlayer": "8.4.7",
+    "intlayer": "8.4.8",
     "lucide-react": "0.577.0",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
     "react-hook-form": "7.71.2",
-    "react-intlayer": "8.4.7",
+    "react-intlayer": "8.4.8",
     "shiki": "4.0.2",
     "tailwind-merge": "3.5.0",
     "tailwindcss": "4.2.1"