ixia-ui-react 1.2.0 → 1.3.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.3.0",
   "description": "A React component library for building polished product interfaces with composable primitives and Tailwind CSS styling.",
   "keywords": [
     "accessible-ui",