@axis-ds/ui-react 1.1.3 → 1.2.1

package/dist/alert/index.js

@@ -51,13 +51,16 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var alertVariants = (0, import_class_variance_authority.cva)(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-current",
   {
+    // 아이콘은 기본 클래스 [&>svg]:text-current로 변형의 글자색(text-*)을 따른다.
+    // 라이트 icon-success(#22C55E) · icon-warning(#EAB308)은 상태 배경 대비가 2.18:1 · 1.85:1로
+    // 비텍스트 기준 3:1에 못 미치므로 아이콘 색에 쓰지 않는다(글자색은 4.76:1 이상).
     variants: {
       variant: {
-        default: "bg-[var(--axis-surface-primary)] text-[var(--axis-text-primary)] border-[var(--axis-border-default)]",
-        info: "bg-[var(--axis-blue-100)] text-[var(--axis-blue-900)] border-[var(--axis-blue-200)] [&>svg]:text-[var(--axis-blue-600)]",
-        success: "bg-[var(--axis-green-100)] text-[var(--axis-green-900)] border-[var(--axis-green-200)] [&>svg]:text-[var(--axis-green-600)]",
-        warning: "bg-[var(--axis-yellow-100)] text-[var(--axis-yellow-900)] border-[var(--axis-yellow-200)] [&>svg]:text-[var(--axis-yellow-600)]",
-        destructive: "bg-[var(--axis-red-100)] text-[var(--axis-red-900)] border-[var(--axis-red-200)] [&>svg]:text-[var(--axis-red-600)]"
+        default: "bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)] border-[var(--axis-border-default)]",
+        info: "bg-[var(--axis-surface-info)] text-[var(--axis-text-info)] border-[var(--axis-border-info)]",
+        success: "bg-[var(--axis-surface-success)] text-[var(--axis-text-success)] border-[var(--axis-border-success)]",
+        warning: "bg-[var(--axis-surface-warning)] text-[var(--axis-text-warning)] border-[var(--axis-border-warning)]",
+        destructive: "bg-[var(--axis-surface-error)] text-[var(--axis-text-error)] border-[var(--axis-border-error)]"
       }
     },
     defaultVariants: {

package/dist/alert/index.mjs

@@ -3,7 +3,7 @@ import {
   AlertDescription,
   AlertTitle,
   alertVariants
-} from "../chunk-TD5OLTUB.mjs";
+} from "../chunk-WN4YFVP6.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   Alert,

package/dist/badge/index.js

@@ -52,7 +52,7 @@ var badgeVariants = (0, import_class_variance_authority.cva)(
     variants: {
       variant: {
         default: "border-transparent bg-[var(--axis-badge-default-bg)] text-[var(--axis-badge-default-text)]",
-        secondary: "border-transparent bg-[var(--axis-bg-muted)] text-[var(--axis-text-secondary)]",
+        secondary: "border-transparent bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
         destructive: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
         success: "border-transparent bg-[var(--axis-badge-success-bg)] text-[var(--axis-badge-success-text)]",
         warning: "border-transparent bg-[var(--axis-badge-warning-bg)] text-[var(--axis-badge-warning-text)]",

package/dist/badge/index.mjs

@@ -1,7 +1,7 @@
 import {
   Badge,
   badgeVariants
-} from "../chunk-WVWKKHBP.mjs";
+} from "../chunk-3X4D5BY3.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   Badge,

package/dist/checkbox/index.js

@@ -51,8 +51,8 @@ var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ref,
     className: cn(
       "peer h-4 w-4 shrink-0 rounded-sm border border-[var(--axis-border-default)]",
-      "ring-offset-[var(--axis-surface-primary)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "ring-offset-[var(--axis-surface-default)]",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:bg-[var(--axis-interactive-primary)] data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-white",
       className

package/dist/checkbox/index.mjs

@@ -1,6 +1,6 @@
 import {
   Checkbox
-} from "../chunk-AJERK2UH.mjs";
+} from "../chunk-MCAHPQTZ.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   Checkbox

package/dist/{chunk-WVWKKHBP.mjs → chunk-3X4D5BY3.mjs}

@@ -12,7 +12,7 @@ var badgeVariants = cva(
     variants: {
       variant: {
         default: "border-transparent bg-[var(--axis-badge-default-bg)] text-[var(--axis-badge-default-text)]",
-        secondary: "border-transparent bg-[var(--axis-bg-muted)] text-[var(--axis-text-secondary)]",
+        secondary: "border-transparent bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
         destructive: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
         success: "border-transparent bg-[var(--axis-badge-success-bg)] text-[var(--axis-badge-success-text)]",
         warning: "border-transparent bg-[var(--axis-badge-warning-bg)] text-[var(--axis-badge-warning-text)]",

package/dist/{chunk-Q3KALTWT.mjs → chunk-5363AGDM.mjs}

@@ -11,7 +11,7 @@ var Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   {
     className: cn(
       "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--axis-surface-primary)]",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--axis-surface-default)]",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:bg-[var(--axis-interactive-primary)]",
       "data-[state=unchecked]:bg-[var(--axis-surface-tertiary)]",

package/dist/{chunk-3H7DF7QZ.mjs → chunk-AIZOU3L5.mjs}

@@ -21,8 +21,8 @@ var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => /* @__PU
     ref,
     className: cn(
       "aspect-square h-4 w-4 rounded-full border border-[var(--axis-border-default)]",
-      "ring-offset-[var(--axis-surface-primary)]",
-      "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "ring-offset-[var(--axis-surface-default)]",
+      "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-[var(--axis-interactive-primary)]",
       className

package/dist/{chunk-5PIG7LWJ.mjs → chunk-DMN6TZ5P.mjs}

@@ -24,7 +24,7 @@ var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
 ));
 SheetOverlay.displayName = "SheetOverlay";
 var sheetVariants = cva(
-  "fixed z-50 gap-4 bg-[var(--axis-surface-primary)] border-[var(--axis-border-default)] p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  "fixed z-50 gap-4 bg-[var(--axis-surface-default)] border-[var(--axis-border-default)] p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
       side: {
@@ -48,7 +48,7 @@ var SheetContent = React.forwardRef(({ side = "right", className, children, ...p
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-[var(--axis-surface-primary)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--axis-ring)] focus:ring-offset-2 disabled:pointer-events-none", children: [
+        /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-[var(--axis-surface-default)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--axis-border-focus)] focus:ring-offset-2 disabled:pointer-events-none", children: [
           /* @__PURE__ */ jsxs(
             "svg",
             {

package/dist/{chunk-HQB5TO4N.mjs → chunk-EDGX5DCD.mjs}

@@ -9,11 +9,11 @@ var Textarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   "textarea",
   {
     className: cn(
-      "flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] px-3 py-2 text-sm",
+      "flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] px-3 py-2 text-sm",
       "text-[var(--axis-text-primary)]",
-      "ring-offset-[var(--axis-surface-primary)]",
+      "ring-offset-[var(--axis-surface-default)]",
       "placeholder:text-[var(--axis-text-tertiary)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       className
     ),

package/dist/{chunk-S7LWOK76.mjs → chunk-HQJBSI2B.mjs}

@@ -28,7 +28,7 @@ var Slider = React.forwardRef(
           {
             "aria-label": ariaLabel,
             "aria-labelledby": ariaLabelledby,
-            className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-primary)] ring-offset-[var(--axis-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+            className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-default)] ring-offset-[var(--axis-surface-default)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
           }
         )
       ]

package/dist/{chunk-XW4HTSUY.mjs → chunk-IVINZBZH.mjs}

@@ -11,7 +11,7 @@ var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   {
     ref,
     className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-[var(--axis-surface-primary)] text-[var(--axis-text-primary)]",
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)]",
       className
     ),
     ...props

package/dist/{chunk-AJERK2UH.mjs → chunk-MCAHPQTZ.mjs}

@@ -12,8 +12,8 @@ var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ref,
     className: cn(
       "peer h-4 w-4 shrink-0 rounded-sm border border-[var(--axis-border-default)]",
-      "ring-offset-[var(--axis-surface-primary)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "ring-offset-[var(--axis-surface-default)]",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:bg-[var(--axis-interactive-primary)] data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-white",
       className

package/dist/{chunk-SR3JZW6T.mjs → chunk-QGLMN7PH.mjs}

@@ -52,7 +52,7 @@ var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) =>
   {
     ref,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-1 text-[var(--axis-text-primary)] shadow-lg",
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-1 text-[var(--axis-text-primary)] shadow-lg",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
@@ -66,7 +66,7 @@ var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...prop
     ref,
     sideOffset,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-1 text-[var(--axis-text-primary)] shadow-md",
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-1 text-[var(--axis-text-primary)] shadow-md",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),

package/dist/{chunk-YVJ7BL4T.mjs → chunk-WD72RERV.mjs}

@@ -26,10 +26,10 @@ var progressIndicatorVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-[var(--axis-brand-500)]",
-        success: "bg-[var(--axis-green-500)]",
-        warning: "bg-[var(--axis-yellow-500)]",
-        destructive: "bg-[var(--axis-red-500)]"
+        default: "bg-[var(--axis-surface-brand)]",
+        success: "bg-[var(--axis-color-green-500)]",
+        warning: "bg-[var(--axis-color-yellow-500)]",
+        destructive: "bg-[var(--axis-color-red-500)]"
       }
     },
     defaultVariants: {

package/dist/{chunk-TD5OLTUB.mjs → chunk-WN4YFVP6.mjs}

@@ -9,13 +9,16 @@ import { jsx } from "react/jsx-runtime";
 var alertVariants = cva(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-current",
   {
+    // 아이콘은 기본 클래스 [&>svg]:text-current로 변형의 글자색(text-*)을 따른다.
+    // 라이트 icon-success(#22C55E) · icon-warning(#EAB308)은 상태 배경 대비가 2.18:1 · 1.85:1로
+    // 비텍스트 기준 3:1에 못 미치므로 아이콘 색에 쓰지 않는다(글자색은 4.76:1 이상).
     variants: {
       variant: {
-        default: "bg-[var(--axis-surface-primary)] text-[var(--axis-text-primary)] border-[var(--axis-border-default)]",
-        info: "bg-[var(--axis-blue-100)] text-[var(--axis-blue-900)] border-[var(--axis-blue-200)] [&>svg]:text-[var(--axis-blue-600)]",
-        success: "bg-[var(--axis-green-100)] text-[var(--axis-green-900)] border-[var(--axis-green-200)] [&>svg]:text-[var(--axis-green-600)]",
-        warning: "bg-[var(--axis-yellow-100)] text-[var(--axis-yellow-900)] border-[var(--axis-yellow-200)] [&>svg]:text-[var(--axis-yellow-600)]",
-        destructive: "bg-[var(--axis-red-100)] text-[var(--axis-red-900)] border-[var(--axis-red-200)] [&>svg]:text-[var(--axis-red-600)]"
+        default: "bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)] border-[var(--axis-border-default)]",
+        info: "bg-[var(--axis-surface-info)] text-[var(--axis-text-info)] border-[var(--axis-border-info)]",
+        success: "bg-[var(--axis-surface-success)] text-[var(--axis-text-success)] border-[var(--axis-border-success)]",
+        warning: "bg-[var(--axis-surface-warning)] text-[var(--axis-text-warning)] border-[var(--axis-border-warning)]",
+        destructive: "bg-[var(--axis-surface-error)] text-[var(--axis-text-error)] border-[var(--axis-border-error)]"
       }
     },
     defaultVariants: {

package/dist/{chunk-ZU6FMFB5.mjs → chunk-WZKK4HZL.mjs}

@@ -15,7 +15,7 @@ var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset
     align,
     sideOffset,
     className: cn(
-      "z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
+      "z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),

package/dist/{chunk-JM45JPSK.mjs → chunk-ZPMR6JNE.mjs}

@@ -8,7 +8,7 @@ import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 var toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-[var(--axis-surface-primary)] transition-colors hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-[var(--axis-surface-secondary)] data-[state=on]:text-[var(--axis-text-primary)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-[var(--axis-surface-default)] transition-colors hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-[var(--axis-surface-secondary)] data-[state=on]:text-[var(--axis-text-primary)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {

package/dist/command/index.js

@@ -56,7 +56,7 @@ var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   {
     ref,
     className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-[var(--axis-surface-primary)] text-[var(--axis-text-primary)]",
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)]",
       className
     ),
     ...props

package/dist/command/index.mjs

@@ -6,7 +6,7 @@ import {
   CommandItem,
   CommandList,
   CommandSeparator
-} from "../chunk-XW4HTSUY.mjs";
+} from "../chunk-IVINZBZH.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   Command,

package/dist/dropdown-menu/index.js

@@ -105,7 +105,7 @@ var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) =>
   {
     ref,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-1 text-[var(--axis-text-primary)] shadow-lg",
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-1 text-[var(--axis-text-primary)] shadow-lg",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
@@ -119,7 +119,7 @@ var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...prop
     ref,
     sideOffset,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-1 text-[var(--axis-text-primary)] shadow-md",
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-1 text-[var(--axis-text-primary)] shadow-md",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),

package/dist/dropdown-menu/index.mjs

@@ -14,7 +14,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "../chunk-SR3JZW6T.mjs";
+} from "../chunk-QGLMN7PH.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   DropdownMenu,

package/dist/index.js

@@ -264,8 +264,8 @@ var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ref,
     className: cn(
       "peer h-4 w-4 shrink-0 rounded-sm border border-[var(--axis-border-default)]",
-      "ring-offset-[var(--axis-surface-primary)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "ring-offset-[var(--axis-surface-default)]",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:bg-[var(--axis-interactive-primary)] data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-white",
       className
@@ -315,8 +315,8 @@ var RadioGroupItem = React5.forwardRef(({ className, ...props }, ref) => /* @__P
     ref,
     className: cn(
       "aspect-square h-4 w-4 rounded-full border border-[var(--axis-border-default)]",
-      "ring-offset-[var(--axis-surface-primary)]",
-      "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "ring-offset-[var(--axis-surface-default)]",
+      "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-[var(--axis-interactive-primary)]",
       className
@@ -493,7 +493,7 @@ var Slider = React7.forwardRef(
           {
             "aria-label": ariaLabel,
             "aria-labelledby": ariaLabelledby,
-            className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-primary)] ring-offset-[var(--axis-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+            className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-default)] ring-offset-[var(--axis-surface-default)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
           }
         )
       ]
@@ -511,7 +511,7 @@ var Switch = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   {
     className: cn(
       "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--axis-surface-primary)]",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--axis-surface-default)]",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:bg-[var(--axis-interactive-primary)]",
       "data-[state=unchecked]:bg-[var(--axis-surface-tertiary)]",
@@ -539,11 +539,11 @@ var Textarea = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   "textarea",
   {
     className: cn(
-      "flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] px-3 py-2 text-sm",
+      "flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] px-3 py-2 text-sm",
       "text-[var(--axis-text-primary)]",
-      "ring-offset-[var(--axis-surface-primary)]",
+      "ring-offset-[var(--axis-surface-default)]",
       "placeholder:text-[var(--axis-text-tertiary)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       className
     ),
@@ -559,7 +559,7 @@ var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"));
 var import_class_variance_authority3 = require("class-variance-authority");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority3.cva)(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-[var(--axis-surface-primary)] transition-colors hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-[var(--axis-surface-secondary)] data-[state=on]:text-[var(--axis-text-primary)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-[var(--axis-surface-default)] transition-colors hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-[var(--axis-surface-secondary)] data-[state=on]:text-[var(--axis-text-primary)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -1137,7 +1137,7 @@ var DropdownMenuSubContent = React18.forwardRef(({ className, ...props }, ref) =
   {
     ref,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-1 text-[var(--axis-text-primary)] shadow-lg",
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-1 text-[var(--axis-text-primary)] shadow-lg",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
@@ -1151,7 +1151,7 @@ var DropdownMenuContent = React18.forwardRef(({ className, sideOffset = 4, ...pr
     ref,
     sideOffset,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-1 text-[var(--axis-text-primary)] shadow-md",
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-1 text-[var(--axis-text-primary)] shadow-md",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
@@ -1289,7 +1289,7 @@ var PopoverContent = React19.forwardRef(({ className, align = "center", sideOffs
     align,
     sideOffset,
     className: cn(
-      "z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
+      "z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
@@ -1320,7 +1320,7 @@ var SheetOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 SheetOverlay.displayName = "SheetOverlay";
 var sheetVariants = (0, import_class_variance_authority4.cva)(
-  "fixed z-50 gap-4 bg-[var(--axis-surface-primary)] border-[var(--axis-border-default)] p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  "fixed z-50 gap-4 bg-[var(--axis-surface-default)] border-[var(--axis-border-default)] p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
       side: {
@@ -1344,7 +1344,7 @@ var SheetContent = React20.forwardRef(({ side = "right", className, children, ..
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-[var(--axis-surface-primary)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--axis-ring)] focus:ring-offset-2 disabled:pointer-events-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-[var(--axis-surface-default)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--axis-border-focus)] focus:ring-offset-2 disabled:pointer-events-none", children: [
           /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
             "svg",
             {
@@ -1455,13 +1455,16 @@ var import_jsx_runtime22 = require("react/jsx-runtime");
 var alertVariants = (0, import_class_variance_authority5.cva)(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-current",
   {
+    // 아이콘은 기본 클래스 [&>svg]:text-current로 변형의 글자색(text-*)을 따른다.
+    // 라이트 icon-success(#22C55E) · icon-warning(#EAB308)은 상태 배경 대비가 2.18:1 · 1.85:1로
+    // 비텍스트 기준 3:1에 못 미치므로 아이콘 색에 쓰지 않는다(글자색은 4.76:1 이상).
     variants: {
       variant: {
-        default: "bg-[var(--axis-surface-primary)] text-[var(--axis-text-primary)] border-[var(--axis-border-default)]",
-        info: "bg-[var(--axis-blue-100)] text-[var(--axis-blue-900)] border-[var(--axis-blue-200)] [&>svg]:text-[var(--axis-blue-600)]",
-        success: "bg-[var(--axis-green-100)] text-[var(--axis-green-900)] border-[var(--axis-green-200)] [&>svg]:text-[var(--axis-green-600)]",
-        warning: "bg-[var(--axis-yellow-100)] text-[var(--axis-yellow-900)] border-[var(--axis-yellow-200)] [&>svg]:text-[var(--axis-yellow-600)]",
-        destructive: "bg-[var(--axis-red-100)] text-[var(--axis-red-900)] border-[var(--axis-red-200)] [&>svg]:text-[var(--axis-red-600)]"
+        default: "bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)] border-[var(--axis-border-default)]",
+        info: "bg-[var(--axis-surface-info)] text-[var(--axis-text-info)] border-[var(--axis-border-info)]",
+        success: "bg-[var(--axis-surface-success)] text-[var(--axis-text-success)] border-[var(--axis-border-success)]",
+        warning: "bg-[var(--axis-surface-warning)] text-[var(--axis-text-warning)] border-[var(--axis-border-warning)]",
+        destructive: "bg-[var(--axis-surface-error)] text-[var(--axis-text-error)] border-[var(--axis-border-error)]"
       }
     },
     defaultVariants: {
@@ -1510,7 +1513,7 @@ var badgeVariants = (0, import_class_variance_authority6.cva)(
     variants: {
       variant: {
         default: "border-transparent bg-[var(--axis-badge-default-bg)] text-[var(--axis-badge-default-text)]",
-        secondary: "border-transparent bg-[var(--axis-bg-muted)] text-[var(--axis-text-secondary)]",
+        secondary: "border-transparent bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
         destructive: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
         success: "border-transparent bg-[var(--axis-badge-success-bg)] text-[var(--axis-badge-success-text)]",
         warning: "border-transparent bg-[var(--axis-badge-warning-bg)] text-[var(--axis-badge-warning-text)]",
@@ -1560,10 +1563,10 @@ var progressIndicatorVariants = (0, import_class_variance_authority7.cva)(
   {
     variants: {
       variant: {
-        default: "bg-[var(--axis-brand-500)]",
-        success: "bg-[var(--axis-green-500)]",
-        warning: "bg-[var(--axis-yellow-500)]",
-        destructive: "bg-[var(--axis-red-500)]"
+        default: "bg-[var(--axis-surface-brand)]",
+        success: "bg-[var(--axis-color-green-500)]",
+        warning: "bg-[var(--axis-color-yellow-500)]",
+        destructive: "bg-[var(--axis-color-red-500)]"
       }
     },
     defaultVariants: {
@@ -1816,7 +1819,7 @@ var Command = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   {
     ref,
     className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-[var(--axis-surface-primary)] text-[var(--axis-text-primary)]",
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)]",
       className
     ),
     ...props

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   Switch
-} from "./chunk-Q3KALTWT.mjs";
+} from "./chunk-5363AGDM.mjs";
 import {
   Table,
   TableBody,
@@ -19,7 +19,11 @@ import {
 } from "./chunk-NEZK6NO5.mjs";
 import {
   Textarea
-} from "./chunk-HQB5TO4N.mjs";
+} from "./chunk-EDGX5DCD.mjs";
+import {
+  Toggle,
+  toggleVariants
+} from "./chunk-ZPMR6JNE.mjs";
 import {
   Toast,
   ToastAction,
@@ -29,10 +33,6 @@ import {
   ToastTitle,
   ToastViewport
 } from "./chunk-E2C7WDLA.mjs";
-import {
-  Toggle,
-  toggleVariants
-} from "./chunk-JM45JPSK.mjs";
 import {
   Tooltip,
   TooltipContent,
@@ -43,11 +43,11 @@ import {
   Progress,
   progressIndicatorVariants,
   progressVariants
-} from "./chunk-YVJ7BL4T.mjs";
+} from "./chunk-WD72RERV.mjs";
 import {
   RadioGroup,
   RadioGroupItem
-} from "./chunk-3H7DF7QZ.mjs";
+} from "./chunk-AIZOU3L5.mjs";
 import {
   ScrollArea,
   ScrollBar
@@ -76,16 +76,16 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "./chunk-5PIG7LWJ.mjs";
+} from "./chunk-DMN6TZ5P.mjs";
 import {
   Skeleton
 } from "./chunk-FMXB7UCT.mjs";
 import {
   Slider
-} from "./chunk-S7LWOK76.mjs";
+} from "./chunk-HQJBSI2B.mjs";
 import {
   Checkbox
-} from "./chunk-AJERK2UH.mjs";
+} from "./chunk-MCAHPQTZ.mjs";
 import {
   Collapsible,
   CollapsibleContent,
@@ -99,7 +99,7 @@ import {
   CommandItem,
   CommandList,
   CommandSeparator
-} from "./chunk-XW4HTSUY.mjs";
+} from "./chunk-IVINZBZH.mjs";
 import {
   Dialog,
   DialogClose,
@@ -126,7 +126,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "./chunk-SR3JZW6T.mjs";
+} from "./chunk-QGLMN7PH.mjs";
 import {
   Input
 } from "./chunk-SLQ756Q7.mjs";
@@ -137,7 +137,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-ZU6FMFB5.mjs";
+} from "./chunk-WZKK4HZL.mjs";
 import {
   Accordion,
   AccordionContent,
@@ -149,7 +149,7 @@ import {
   AlertDescription,
   AlertTitle,
   alertVariants
-} from "./chunk-TD5OLTUB.mjs";
+} from "./chunk-WN4YFVP6.mjs";
 import {
   Avatar,
   avatarVariants
@@ -157,7 +157,7 @@ import {
 import {
   Badge,
   badgeVariants
-} from "./chunk-WVWKKHBP.mjs";
+} from "./chunk-3X4D5BY3.mjs";
 import {
   Breadcrumb,
   BreadcrumbEllipsis,

package/dist/popover/index.js

@@ -56,7 +56,7 @@ var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset
     align,
     sideOffset,
     className: cn(
-      "z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
+      "z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),

package/dist/popover/index.mjs

@@ -2,7 +2,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "../chunk-ZU6FMFB5.mjs";
+} from "../chunk-WZKK4HZL.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   Popover,

package/dist/progress/index.js

@@ -67,10 +67,10 @@ var progressIndicatorVariants = (0, import_class_variance_authority.cva)(
   {
     variants: {
       variant: {
-        default: "bg-[var(--axis-brand-500)]",
-        success: "bg-[var(--axis-green-500)]",
-        warning: "bg-[var(--axis-yellow-500)]",
-        destructive: "bg-[var(--axis-red-500)]"
+        default: "bg-[var(--axis-surface-brand)]",
+        success: "bg-[var(--axis-color-green-500)]",
+        warning: "bg-[var(--axis-color-yellow-500)]",
+        destructive: "bg-[var(--axis-color-red-500)]"
       }
     },
     defaultVariants: {

package/dist/progress/index.mjs

@@ -2,7 +2,7 @@ import {
   Progress,
   progressIndicatorVariants,
   progressVariants
-} from "../chunk-YVJ7BL4T.mjs";
+} from "../chunk-WD72RERV.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   Progress,

package/dist/radio-group/index.js

@@ -61,8 +61,8 @@ var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => /* @__PU
     ref,
     className: cn(
       "aspect-square h-4 w-4 rounded-full border border-[var(--axis-border-default)]",
-      "ring-offset-[var(--axis-surface-primary)]",
-      "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "ring-offset-[var(--axis-surface-default)]",
+      "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-[var(--axis-interactive-primary)]",
       className

package/dist/radio-group/index.mjs

@@ -1,7 +1,7 @@
 import {
   RadioGroup,
   RadioGroupItem
-} from "../chunk-3H7DF7QZ.mjs";
+} from "../chunk-AIZOU3L5.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   RadioGroup,

package/dist/sheet/index.js

@@ -72,7 +72,7 @@ var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
 ));
 SheetOverlay.displayName = "SheetOverlay";
 var sheetVariants = (0, import_class_variance_authority.cva)(
-  "fixed z-50 gap-4 bg-[var(--axis-surface-primary)] border-[var(--axis-border-default)] p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  "fixed z-50 gap-4 bg-[var(--axis-surface-default)] border-[var(--axis-border-default)] p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
       side: {
@@ -96,7 +96,7 @@ var SheetContent = React.forwardRef(({ side = "right", className, children, ...p
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-[var(--axis-surface-primary)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--axis-ring)] focus:ring-offset-2 disabled:pointer-events-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-[var(--axis-surface-default)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--axis-border-focus)] focus:ring-offset-2 disabled:pointer-events-none", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             "svg",
             {

package/dist/sheet/index.mjs

@@ -9,7 +9,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../chunk-5PIG7LWJ.mjs";
+} from "../chunk-DMN6TZ5P.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   Sheet,

package/dist/slider/index.js

@@ -67,7 +67,7 @@ var Slider = React.forwardRef(
           {
             "aria-label": ariaLabel,
             "aria-labelledby": ariaLabelledby,
-            className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-primary)] ring-offset-[var(--axis-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+            className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-default)] ring-offset-[var(--axis-surface-default)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
           }
         )
       ]

package/dist/slider/index.mjs

@@ -1,6 +1,6 @@
 import {
   Slider
-} from "../chunk-S7LWOK76.mjs";
+} from "../chunk-HQJBSI2B.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   Slider

package/dist/switch/index.js

@@ -50,7 +50,7 @@ var Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   {
     className: cn(
       "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--axis-surface-primary)]",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--axis-surface-default)]",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:bg-[var(--axis-interactive-primary)]",
       "data-[state=unchecked]:bg-[var(--axis-surface-tertiary)]",

package/dist/switch/index.mjs

@@ -1,6 +1,6 @@
 import {
   Switch
-} from "../chunk-Q3KALTWT.mjs";
+} from "../chunk-5363AGDM.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   Switch

package/dist/textarea/index.js

@@ -48,11 +48,11 @@ var Textarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   "textarea",
   {
     className: cn(
-      "flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] px-3 py-2 text-sm",
+      "flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] px-3 py-2 text-sm",
       "text-[var(--axis-text-primary)]",
-      "ring-offset-[var(--axis-surface-primary)]",
+      "ring-offset-[var(--axis-surface-default)]",
       "placeholder:text-[var(--axis-text-tertiary)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       className
     ),

package/dist/textarea/index.mjs

@@ -1,6 +1,6 @@
 import {
   Textarea
-} from "../chunk-HQB5TO4N.mjs";
+} from "../chunk-EDGX5DCD.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   Textarea

package/dist/toggle/index.js

@@ -48,7 +48,7 @@ function cn(...inputs) {
 // src/toggle/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-[var(--axis-surface-primary)] transition-colors hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-[var(--axis-surface-secondary)] data-[state=on]:text-[var(--axis-text-primary)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-[var(--axis-surface-default)] transition-colors hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-[var(--axis-surface-secondary)] data-[state=on]:text-[var(--axis-text-primary)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {

package/dist/toggle/index.mjs

@@ -1,7 +1,7 @@
 import {
   Toggle,
   toggleVariants
-} from "../chunk-JM45JPSK.mjs";
+} from "../chunk-ZPMR6JNE.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   Toggle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-ds/ui-react",
-  "version": "1.1.3",
+  "version": "1.2.1",
   "description": "AXIS Design System - Core React UI Components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -196,7 +196,7 @@
     "clsx": "^2.1.0",
     "cmdk": "^1.1.1",
     "tailwind-merge": "^2.5.0",
-    "@axis-ds/tokens": "1.1.3"
+    "@axis-ds/tokens": "1.2.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -224,7 +224,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/thoughtandaction/axis.git",
+    "url": "https://github.com/IDEA-on-Action/AXIS-Design-System.git",
     "directory": "packages/axis-ui-react"
   },
   "homepage": "https://axis.minu.best",