ixia-ui-react 1.2.0 → 1.4.0

package/dist/styles.css

@@ -14,6 +14,7 @@
   --color-brand-subtle: var(--ixia-brand-subtle);
   --color-brand-on-default: var(--ixia-brand-on-default);
   --color-brand-container: var(--ixia-brand-container);
+  --color-brand-container-low: var(--ixia-brand-container-low);
   --color-brand-container-high: var(--ixia-brand-container-high);
   --color-brand-on-container: var(--ixia-brand-on-container);
   --color-brand-on-container-muted: var(--ixia-brand-on-container-muted);
@@ -25,6 +26,7 @@
   --color-accent-subtle: var(--ixia-accent-subtle);
   --color-accent-on-default: var(--ixia-accent-on-default);
   --color-accent-container: var(--ixia-accent-container);
+  --color-accent-container-low: var(--ixia-accent-container-low);
   --color-accent-container-high: var(--ixia-accent-container-high);
   --color-accent-on-container: var(--ixia-accent-on-container);
   --color-accent-on-container-muted: var(--ixia-accent-on-container-muted);
@@ -37,6 +39,7 @@
   --color-neutral-on-default: var(--ixia-neutral-on-default);
   --color-neutral-container: var(--ixia-neutral-container);
   --color-neutral-container-high: var(--ixia-neutral-container-high);
+  --color-neutral-container-low: var(--ixia-neutral-container-low);
   --color-neutral-on-container: var(--ixia-neutral-on-container);
   --color-neutral-on-container-muted: var(--ixia-neutral-on-container-muted);
   --color-neutral-border: var(--ixia-neutral-border);
@@ -46,6 +49,7 @@
   --color-error-muted: var(--ixia-error-muted);
   --color-error-subtle: var(--ixia-error-subtle);
   --color-error-on-default: var(--ixia-error-on-default);
+  --color-error-container-low: var(--ixia-error-container-low);
   --color-error-container: var(--ixia-error-container);
   --color-error-container-high: var(--ixia-error-container-high);
   --color-error-on-container: var(--ixia-error-on-container);
@@ -58,6 +62,7 @@
   --color-info-subtle: var(--ixia-info-subtle);
   --color-info-on-default: var(--ixia-info-on-default);
   --color-info-container: var(--ixia-info-container);
+  --color-info-container-low: var(--ixia-info-container-low);
   --color-info-container-high: var(--ixia-info-container-high);
   --color-info-on-container: var(--ixia-info-on-container);
   --color-info-on-container-muted: var(--ixia-info-on-container-muted);
@@ -69,6 +74,7 @@
   --color-success-subtle: var(--ixia-success-subtle);
   --color-success-on-default: var(--ixia-success-on-default);
   --color-success-container: var(--ixia-success-container);
+  --color-success-container-low: var(--ixia-success-container-low);
   --color-success-container-high: var(--ixia-success-container-high);
   --color-success-on-container: var(--ixia-success-on-container);
   --color-success-on-container-muted: var(--ixia-success-on-container-muted);
@@ -80,6 +86,7 @@
   --color-warning-subtle: var(--ixia-warning-subtle);
   --color-warning-on-default: var(--ixia-warning-on-default);
   --color-warning-container: var(--ixia-warning-container);
+  --color-warning-container-low: var(--ixia-warning-container-low);
   --color-warning-container-high: var(--ixia-warning-container-high);
   --color-warning-on-container: var(--ixia-warning-on-container);
   --color-warning-on-container-muted: var(--ixia-warning-on-container-muted);
@@ -376,6 +383,7 @@
   --ixia-brand-subtle: light-dark(var(--orange-50), var(--orange-950));
   --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-brand-container: light-dark(var(--orange-100), var(--orange-950));
+  --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
   --ixia-brand-container-high: light-dark(var(--orange-200), var(--orange-900));
   --ixia-brand-on-container: light-dark(var(--orange-900), var(--orange-100));
   --ixia-brand-on-container-muted: light-dark(var(--orange-700), var(--orange-300));
@@ -395,6 +403,7 @@
   --ixia-accent-subtle: light-dark(var(--teal-50), var(--teal-950));
   --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-accent-container: light-dark(var(--teal-100), var(--teal-950));
+  --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
   --ixia-accent-container-high: light-dark(var(--teal-200), var(--teal-900));
   --ixia-accent-on-container: light-dark(var(--teal-900), var(--teal-100));
   --ixia-accent-on-container-muted: light-dark(var(--teal-700), var(--teal-300));
@@ -406,6 +415,7 @@
   --ixia-neutral-subtle: light-dark(var(--neutral-100), var(--neutral-800));
   --ixia-neutral-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-neutral-container: light-dark(var(--neutral-100), var(--neutral-800));
+  --ixia-neutral-container-low: light-dark(var(--neutral-100), var(--neutral-900));
   --ixia-neutral-container-high: light-dark(var(--neutral-200), var(--neutral-700));
   --ixia-neutral-on-container: light-dark(var(--neutral-900), var(--neutral-50));
   --ixia-neutral-on-container-muted: light-dark(var(--neutral-600), var(--neutral-300));
@@ -417,6 +427,7 @@
   --ixia-error-subtle: light-dark(var(--red-50), var(--red-950));
   --ixia-error-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-error-container: light-dark(var(--red-100), var(--red-950));
+  --ixia-error-container-low: light-dark(var(--white), var(--neutral-950));
   --ixia-error-container-high: light-dark(var(--red-200), var(--red-900));
   --ixia-error-on-container: light-dark(var(--red-900), var(--red-100));
   --ixia-error-on-container-muted: light-dark(var(--red-700), var(--red-300));
@@ -428,6 +439,7 @@
   --ixia-info-subtle: light-dark(var(--blue-50), var(--blue-950));
   --ixia-info-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-info-container: light-dark(var(--blue-100), var(--blue-950));
+  --ixia-info-container-low: light-dark(var(--white), var(--neutral-950));
   --ixia-info-container-high: light-dark(var(--blue-200), var(--blue-900));
   --ixia-info-on-container: light-dark(var(--blue-900), var(--blue-100));
   --ixia-info-on-container-muted: light-dark(var(--blue-700), var(--blue-300));
@@ -439,6 +451,7 @@
   --ixia-success-subtle: light-dark(var(--green-50), var(--green-950));
   --ixia-success-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-success-container: light-dark(var(--green-100), var(--green-950));
+  --ixia-success-container-low: light-dark(var(--white), var(--neutral-950));
   --ixia-success-container-high: light-dark(var(--green-200), var(--green-900));
   --ixia-success-on-container: light-dark(var(--green-900), var(--green-100));
   --ixia-success-on-container-muted: light-dark(var(--green-700), var(--green-300));
@@ -450,6 +463,7 @@
   --ixia-warning-subtle: light-dark(var(--amber-50), var(--amber-950));
   --ixia-warning-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-warning-container: light-dark(var(--amber-100), var(--amber-950));
+  --ixia-warning-container-low: light-dark(var(--white), var(--neutral-950));
   --ixia-warning-container-high: light-dark(var(--amber-200), var(--amber-900));
   --ixia-warning-on-container: light-dark(var(--amber-900), var(--amber-100));
   --ixia-warning-on-container-muted: light-dark(var(--amber-700), var(--amber-300));
@@ -460,7 +474,7 @@
   --ixia-surface: light-dark(var(--white), var(--neutral-900));
   --ixia-surface-2: light-dark(var(--white), var(--neutral-800));
   --ixia-surface-3: light-dark(var(--white), var(--neutral-700));
-  --ixia-surface-low: light-dark(var(--neutral-100), var(--black));
+  --ixia-surface-low: light-dark(var(--neutral-200), var(--black));
   --ixia-on-surface: light-dark(var(--neutral-900), var(--neutral-50));
   --ixia-on-surface-variant: light-dark(var(--neutral-700), var(--neutral-200));
   --ixia-on-surface-muted: light-dark(var(--neutral-600), var(--neutral-300));
@@ -484,24 +498,24 @@
   --ixia-text-3xl: clamp(1.5552rem, 1.1927rem + 1.6113vw, 2.4414rem);
   --ixia-text-4xl: clamp(1.8662rem, 1.3813rem + 2.1555vw, 3.0518rem);
   --ixia-spacing-0: 0rem;
-  --ixia-spacing-3xs: clamp(0.1875rem, 0.1619rem + 0.1136vw, 0.25rem);
-  --ixia-spacing-2xs: clamp(0.375rem, 0.3239rem + 0.2273vw, 0.5rem);
-  --ixia-spacing-xs: clamp(0.5625rem, 0.4858rem + 0.3409vw, 0.75rem);
-  --ixia-spacing-sm: clamp(0.75rem, 0.6477rem + 0.4545vw, 1rem);
-  --ixia-spacing-md: clamp(1.125rem, 0.9716rem + 0.6818vw, 1.5rem);
-  --ixia-spacing-lg: clamp(1.5rem, 1.2955rem + 0.9091vw, 2rem);
-  --ixia-spacing-xl: clamp(2.25rem, 1.9432rem + 1.3636vw, 3rem);
-  --ixia-spacing-2xl: clamp(3rem, 2.5909rem + 1.8182vw, 4rem);
-  --ixia-spacing-3xl: clamp(4.5rem, 3.8864rem + 2.7273vw, 6rem);
-  --ixia-spacing-3xs-2xs: clamp(0.1875rem, 0.0597rem + 0.5682vw, 0.5rem);
-  --ixia-spacing-2xs-xs: clamp(0.375rem, 0.2216rem + 0.6818vw, 0.75rem);
-  --ixia-spacing-xs-sm: clamp(0.5625rem, 0.3835rem + 0.7955vw, 1rem);
-  --ixia-spacing-sm-md: clamp(0.75rem, 0.4432rem + 1.3636vw, 1.5rem);
-  --ixia-spacing-md-lg: clamp(1.125rem, 0.767rem + 1.5909vw, 2rem);
-  --ixia-spacing-lg-xl: clamp(1.5rem, 0.8864rem + 2.7273vw, 3rem);
-  --ixia-spacing-xl-2xl: clamp(2.25rem, 1.5341rem + 3.1818vw, 4rem);
-  --ixia-spacing-2xl-3xl: clamp(3rem, 1.7727rem + 5.4545vw, 6rem);
-  --ixia-spacing-sm-lg: clamp(0.75rem, 0.2386rem + 2.2727vw, 2rem);
+  --ixia-spacing-3xs: clamp(0.1875rem, 0.1875rem + 0vw, 0.1875rem);
+  --ixia-spacing-2xs: clamp(0.3125rem, 0.2869rem + 0.1136vw, 0.375rem);
+  --ixia-spacing-xs: clamp(0.5rem, 0.4744rem + 0.1136vw, 0.5625rem);
+  --ixia-spacing-sm: clamp(0.625rem, 0.5739rem + 0.2273vw, 0.75rem);
+  --ixia-spacing-md: clamp(0.9375rem, 0.8608rem + 0.3409vw, 1.125rem);
+  --ixia-spacing-lg: clamp(1.25rem, 1.1477rem + 0.4545vw, 1.5rem);
+  --ixia-spacing-xl: clamp(1.875rem, 1.7216rem + 0.6818vw, 2.25rem);
+  --ixia-spacing-2xl: clamp(2.5rem, 2.2955rem + 0.9091vw, 3rem);
+  --ixia-spacing-3xl: clamp(3.75rem, 3.4432rem + 1.3636vw, 4.5rem);
+  --ixia-spacing-3xs-2xs: clamp(0.1875rem, 0.1108rem + 0.3409vw, 0.375rem);
+  --ixia-spacing-2xs-xs: clamp(0.3125rem, 0.2102rem + 0.4545vw, 0.5625rem);
+  --ixia-spacing-xs-sm: clamp(0.5rem, 0.3977rem + 0.4545vw, 0.75rem);
+  --ixia-spacing-sm-md: clamp(0.625rem, 0.4205rem + 0.9091vw, 1.125rem);
+  --ixia-spacing-md-lg: clamp(0.9375rem, 0.7074rem + 1.0227vw, 1.5rem);
+  --ixia-spacing-lg-xl: clamp(1.25rem, 0.8409rem + 1.8182vw, 2.25rem);
+  --ixia-spacing-xl-2xl: clamp(1.875rem, 1.4148rem + 2.0455vw, 3rem);
+  --ixia-spacing-2xl-3xl: clamp(2.5rem, 1.6818rem + 3.6364vw, 4.5rem);
+  --ixia-spacing-sm-lg: clamp(0.625rem, 0.267rem + 1.5909vw, 1.5rem);
   --ixia-blur-2xs: 4px;
   --ixia-blur-xs: 8px;
   --ixia-blur-sm: 12px;
@@ -545,15 +559,15 @@
   --ixia-radius-4xl: 32px;
   --ixia-radius-full: 9999px;
 }
+
 [data-theme='light'] {
   color-scheme: light;
 }
+
 [data-theme='dark'] {
   color-scheme: dark;
 }
-[data-theme='dark'] .shiki span {
-  color: var(--shiki-dark) !important;
-}
+
 @layer base {
   * {
     box-sizing: border-box;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ixia-ui-react",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "A React component library for building polished product interfaces with composable primitives and Tailwind CSS styling.",
   "keywords": [
     "accessible-ui",
@@ -30,7 +30,10 @@
     "**/*.css"
   ],
   "exports": {
-    ".": "./dist/index.mjs",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
     "./styles": "./dist/styles.css"
   },
   "publishConfig": {
@@ -65,13 +68,14 @@
     "@tailwindcss/vite": "^4.3.3",
     "@tanstack/charts": "^1.1.0",
     "@tanstack/react-form": "^1.33.5",
+    "@tanstack/react-store": "^0.11.2",
     "@tanstack/react-table": "^9.3.1",
-    "@tanstack/react-virtual": "^3.14.21",
+    "@tanstack/react-virtual": "^3.14.22",
     "chroma-js": "^3.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "oxc-transform-react": "^0.155.0",
-    "react-resizable-panels": "^4.14.7",
+    "react-resizable-panels": "^4.15.0",
     "recharts": "^3.10.1",
     "tailwind-merge": "^3.7.0",
     "tailwindcss": "^4.3.3",
@@ -79,7 +83,7 @@
     "zod": "^4.6.7"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.5.1",
+    "@chromatic-com/storybook": "^5.6.0",
     "@commitlint/cli": "^21.2.4",
     "@commitlint/config-conventional": "^21.2.4",
     "@faker-js/faker": "^10.6.0",
@@ -89,16 +93,15 @@
     "@semantic-release/github": "^12.0.10",
     "@semantic-release/npm": "^13.2.0",
     "@semantic-release/release-notes-generator": "^14.1.1",
-    "@storybook/addon-a11y": "^10.6.2",
-    "@storybook/addon-docs": "^10.6.2",
-    "@storybook/addon-themes": "^10.6.2",
-    "@storybook/addon-vitest": "^10.6.2",
-    "@storybook/react-vite": "^10.6.2",
+    "@storybook/addon-a11y": "^10.6.3",
+    "@storybook/addon-docs": "^10.6.3",
+    "@storybook/addon-themes": "^10.6.3",
+    "@storybook/addon-vitest": "^10.6.3",
+    "@storybook/react-vite": "^10.6.3",
     "@tailwindcss/node": "^4.3.3",
     "@tanstack/react-form": "^1.33.5",
-    "@tanstack/react-store": "^0.11.2",
     "@tanstack/react-table": "^9.1.2",
-    "@types/chroma-js": "^3.1.2",
+    "@types/chroma-js": "^3.1.3",
     "@types/node": "^26.6.5",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
@@ -106,7 +109,7 @@
     "@vitejs/plugin-react": "^6.1.2",
     "@vitest/browser-playwright": "catalog:",
     "@vitest/coverage-v8": "catalog:",
-    "chromatic": "^18.13.0",
+    "chromatic": "^18.13.3",
     "commitizen": "^4.3.2",
     "concurrently": "^10.0.6",
     "cz-conventional-changelog": "^3.3.0",
@@ -116,7 +119,7 @@
     "playwright": "^1.64.1",
     "semantic-release": "^25.0.9",
     "shiki": "^4.5.0",
-    "storybook": "^10.6.2",
+    "storybook": "^10.6.3",
     "typescript": "~7.0.2",
     "uuid": "^14.0.3",
     "vite": "catalog:",