@sekiui/elements 0.0.64 → 0.0.65

package/dist/collection/components/switch/seki-switch.css

@@ -770,42 +770,42 @@
   /* Dimensions with CSS custom properties */
   width: var(--seki-switch-width, 2.75rem);
   height: var(--seki-switch-height, 1.5rem);
-  
+
   /* Layout */
   position: relative;
   display: inline-flex;
   align-items: center;
   flex-shrink: 0;
-  
+
   /* Background colors */
-  background-color: var(--seki-switch-bg-unchecked, hsl(var(--muted, 240 4.8% 95.9%)));
-  
+  background-color: var(--seki-switch-bg-unchecked, var(--seki-muted, hsl(240 4.8% 95.9%)));
+
   /* Border radius */
   border-radius: 9999px;
-  
+
   /* Cursor */
   cursor: pointer;
-  
+
   /* Transition */
   transition: background-color var(--seki-switch-transition-duration, 150ms) ease-out;
-  
+
   /* Outline for focus */
   outline: none;
 }
 
 .switch:focus-visible {
-  outline: 2px solid var(--seki-switch-focus-ring, hsl(var(--ring, 240 5% 64.9%)));
+  outline: 2px solid var(--seki-switch-focus-ring, var(--seki-ring, hsl(240 5% 64.9%)));
   outline-offset: 2px;
 }
 
 /* Checked state */
 :host([data-state="checked"]) .switch {
-  background-color: var(--seki-switch-bg-checked, hsl(var(--primary, 240 5.9% 10%)));
+  background-color: var(--seki-switch-bg-checked, var(--seki-primary, hsl(240 5.9% 10%)));
 }
 
 /* Disabled state */
 :host([data-disabled]) .switch {
-  background-color: var(--seki-switch-bg-disabled, hsl(var(--muted, 240 4.8% 95.9%) / 0.5));
+  background-color: var(--seki-switch-bg-disabled, var(--seki-muted, hsl(240 4.8% 95.9%)));
   cursor: not-allowed;
   opacity: 0.5;
 }
@@ -815,9 +815,9 @@
   /* Dimensions */
   width: var(--seki-switch-thumb-size, 1.25rem);
   height: var(--seki-switch-thumb-size, 1.25rem);
-  
+
   /* Background */
-  background-color: var(--seki-switch-thumb-bg, hsl(var(--background, 0 0% 100%)));
+  background-color: var(--seki-switch-thumb-bg, var(--seki-background, hsl(0 0% 100%)));
   
   /* Position */
   position: absolute;

package/dist/collection/components/table/seki-table.css

@@ -28,7 +28,7 @@
 .seki-table-container {
   width: 100%;
   overflow: auto;
-  border-radius: var(--radius-md, 8px);
+  border-radius: var(--seki-radius-md, 8px);
 }
 
 .seki-table {

package/dist/collection/components/toast/seki-toast.css

@@ -15,33 +15,33 @@
   --seki-toaster-gap: 0.5rem;
 
   /* Default variant colors */
-  --seki-toast-default-bg: var(--color-background, #ffffff);
-  --seki-toast-default-border: var(--color-border, #e5e7eb);
-  --seki-toast-default-text: var(--color-foreground, #0f172a);
+  --seki-toast-default-bg: var(--seki-background, hsl(0 0% 100%));
+  --seki-toast-default-border: var(--seki-border, hsl(240 5.9% 90%));
+  --seki-toast-default-text: var(--seki-foreground, hsl(240 10% 3.9%));
 
   /* Success variant */
-  --seki-toast-success-bg: var(--color-success-bg, #f0fdf4);
-  --seki-toast-success-border: var(--color-success, #22c55e);
-  --seki-toast-success-text: var(--color-success-text, #166534);
-  --seki-toast-success-icon: var(--color-success, #22c55e);
+  --seki-toast-success-bg: hsl(142 76% 97%);
+  --seki-toast-success-border: hsl(142 71% 45%);
+  --seki-toast-success-text: hsl(142 64% 24%);
+  --seki-toast-success-icon: hsl(142 71% 45%);
 
   /* Error variant */
-  --seki-toast-error-bg: var(--color-destructive-bg, #fef2f2);
-  --seki-toast-error-border: var(--color-destructive, #ef4444);
-  --seki-toast-error-text: var(--color-destructive-text, #991b1b);
-  --seki-toast-error-icon: var(--color-destructive, #ef4444);
+  --seki-toast-error-bg: hsl(0 86% 97%);
+  --seki-toast-error-border: var(--seki-destructive, hsl(0 84% 60%));
+  --seki-toast-error-text: hsl(0 63% 31%);
+  --seki-toast-error-icon: var(--seki-destructive, hsl(0 84% 60%));
 
   /* Warning variant */
-  --seki-toast-warning-bg: var(--color-warning-bg, #fffbeb);
-  --seki-toast-warning-border: var(--color-warning, #f59e0b);
-  --seki-toast-warning-text: var(--color-warning-text, #92400e);
-  --seki-toast-warning-icon: var(--color-warning, #f59e0b);
+  --seki-toast-warning-bg: hsl(48 96% 96%);
+  --seki-toast-warning-border: hsl(38 92% 50%);
+  --seki-toast-warning-text: hsl(21 77% 27%);
+  --seki-toast-warning-icon: hsl(38 92% 50%);
 
   /* Info variant */
-  --seki-toast-info-bg: var(--color-info-bg, #eff6ff);
-  --seki-toast-info-border: var(--color-info, #3b82f6);
-  --seki-toast-info-text: var(--color-info-text, #1e40af);
-  --seki-toast-info-icon: var(--color-info, #3b82f6);
+  --seki-toast-info-bg: hsl(214 100% 97%);
+  --seki-toast-info-border: hsl(217 91% 60%);
+  --seki-toast-info-text: hsl(224 64% 33%);
+  --seki-toast-info-icon: hsl(217 91% 60%);
 
   /* Typography */
   --seki-toast-font-family: var(--seki-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
@@ -62,29 +62,29 @@
 
 /* Dark mode support */
 :host([data-theme='dark']) {
-  --seki-toast-default-bg: var(--color-background-dark, #1f2937);
-  --seki-toast-default-border: var(--color-border-dark, #374151);
-  --seki-toast-default-text: var(--color-foreground-dark, #f9fafb);
+  --seki-toast-default-bg: var(--seki-background, hsl(240 10% 3.9%));
+  --seki-toast-default-border: var(--seki-border, hsl(240 3.7% 15.9%));
+  --seki-toast-default-text: var(--seki-foreground, hsl(0 0% 98%));
 
   --seki-toast-success-bg: rgba(34, 197, 94, 0.1);
-  --seki-toast-success-border: var(--color-success-dark, #4ade80);
-  --seki-toast-success-text: var(--color-success-dark, #4ade80);
-  --seki-toast-success-icon: var(--color-success-dark, #4ade80);
+  --seki-toast-success-border: hsl(142 69% 58%);
+  --seki-toast-success-text: hsl(142 69% 58%);
+  --seki-toast-success-icon: hsl(142 69% 58%);
 
   --seki-toast-error-bg: rgba(239, 68, 68, 0.1);
-  --seki-toast-error-border: var(--color-destructive-dark, #f87171);
-  --seki-toast-error-text: var(--color-destructive-dark, #f87171);
-  --seki-toast-error-icon: var(--color-destructive-dark, #f87171);
+  --seki-toast-error-border: hsl(0 91% 71%);
+  --seki-toast-error-text: hsl(0 91% 71%);
+  --seki-toast-error-icon: hsl(0 91% 71%);
 
   --seki-toast-warning-bg: rgba(245, 158, 11, 0.1);
-  --seki-toast-warning-border: var(--color-warning-dark, #fbbf24);
-  --seki-toast-warning-text: var(--color-warning-dark, #fbbf24);
-  --seki-toast-warning-icon: var(--color-warning-dark, #fbbf24);
+  --seki-toast-warning-border: hsl(43 96% 56%);
+  --seki-toast-warning-text: hsl(43 96% 56%);
+  --seki-toast-warning-icon: hsl(43 96% 56%);
 
   --seki-toast-info-bg: rgba(59, 130, 246, 0.1);
-  --seki-toast-info-border: var(--color-info-dark, #60a5fa);
-  --seki-toast-info-text: var(--color-info-dark, #60a5fa);
-  --seki-toast-info-icon: var(--color-info-dark, #60a5fa);
+  --seki-toast-info-border: hsl(217 92% 68%);
+  --seki-toast-info-text: hsl(217 92% 68%);
+  --seki-toast-info-icon: hsl(217 92% 68%);
 
   /* Action button colors for dark mode */
   --seki-toast-action-bg: rgba(255, 255, 255, 0.1);

package/dist/components/index.js

@@ -1,5 +1,5 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-C_O046uN.js';
-export { S as SekiSwitch } from './p-dCYFf9U9.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-2Ncy6l6O.js';
+export { S as SekiSwitch } from './p-DVEX9jyH.js';
 
 /**
  * Keyboard Service