@duskmoon-dev/core 1.17.0 → 1.17.1

package/dist/esm/components/switch.js

@@ -204,6 +204,24 @@ export const css = `/**
     --switch-container-color: var(--color-info-container);
   }
 
+  .switch-accent {
+    --switch-color: var(--color-accent);
+    --switch-content-color: var(--color-accent-content);
+    --switch-container-color: color-mix(in oklch, var(--color-accent) 20%, var(--color-surface));
+  }
+
+  .switch-neutral {
+    --switch-color: var(--color-neutral);
+    --switch-content-color: var(--color-neutral-content);
+    --switch-container-color: color-mix(in oklch, var(--color-neutral) 20%, var(--color-surface));
+  }
+
+  .switch-base {
+    --switch-color: var(--color-base-100);
+    --switch-content-color: var(--color-base-content);
+    --switch-container-color: color-mix(in oklch, var(--color-base-100) 20%, var(--color-surface));
+  }
+
   /* Ghost Variant — borderless track */
   .switch-ghost {
     --switch-border-color: transparent;

package/dist/esm/components/textarea.js

@@ -163,6 +163,9 @@ export const css = `/**
   .textarea-filled.textarea-success:focus-visible { border-bottom-color: var(--color-success); }
   .textarea-filled.textarea-warning:focus-visible { border-bottom-color: var(--color-warning); }
   .textarea-filled.textarea-error:focus-visible { border-bottom-color: var(--color-error); }
+  .textarea-filled.textarea-accent:focus-visible { border-bottom-color: var(--color-accent); }
+  .textarea-filled.textarea-neutral:focus-visible { border-bottom-color: var(--color-neutral); }
+  .textarea-filled.textarea-base:focus-visible { border-bottom-color: var(--color-base-content); }
 
   /* Outlined Variant (default) */
   .textarea-outlined {
@@ -206,6 +209,9 @@ export const css = `/**
   .textarea-success { color: var(--color-success); }
   .textarea-warning { color: var(--color-warning); }
   .textarea-error   { color: var(--color-error); }
+  .textarea-accent  { color: var(--color-accent); }
+  .textarea-neutral { color: var(--color-neutral); }
+  .textarea-base    { color: var(--color-base-content); }
 
   /* ============================================
    * SIZE VARIANTS

package/dist/esm/components/time-input.js

@@ -222,6 +222,33 @@ export const css = `/**
     box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-error) 10%, transparent);
   }
 
+  .time-input-accent .time-input-field,
+  .time-input-accent .time-input-segments {
+    color: var(--color-accent);
+  }
+
+  .time-input-accent .time-input-field:focus {
+    box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-accent) 10%, transparent);
+  }
+
+  .time-input-neutral .time-input-field,
+  .time-input-neutral .time-input-segments {
+    color: var(--color-neutral);
+  }
+
+  .time-input-neutral .time-input-field:focus {
+    box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-neutral) 10%, transparent);
+  }
+
+  .time-input-base .time-input-field,
+  .time-input-base .time-input-segments {
+    color: var(--color-base-content);
+  }
+
+  .time-input-base .time-input-field:focus {
+    box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-base-content) 10%, transparent);
+  }
+
   /* Ghost Variant */
   .time-input-ghost .time-input-field,
   .time-input-ghost .time-input-segments {

package/dist/esm/components/toast.js

@@ -217,6 +217,30 @@ export const css = `/**
     color: var(--color-tertiary);
   }
 
+  .toast-accent {
+    border-color: var(--color-accent);
+  }
+
+  .toast-accent .toast-icon {
+    color: var(--color-accent);
+  }
+
+  .toast-neutral {
+    border-color: var(--color-neutral);
+  }
+
+  .toast-neutral .toast-icon {
+    color: var(--color-neutral);
+  }
+
+  .toast-base {
+    border-color: var(--color-base-content);
+  }
+
+  .toast-base .toast-icon {
+    color: var(--color-base-content);
+  }
+
   /* Filled Variants */
   .toast-filled.toast-info {
     background-color: var(--color-info-container);
@@ -260,6 +284,24 @@ export const css = `/**
     color: var(--color-on-tertiary-container);
   }
 
+  .toast-filled.toast-accent {
+    background-color: color-mix(in oklch, var(--color-accent) 15%, var(--color-surface));
+    border-color: transparent;
+    color: var(--color-on-surface);
+  }
+
+  .toast-filled.toast-neutral {
+    background-color: color-mix(in oklch, var(--color-neutral) 15%, var(--color-surface));
+    border-color: transparent;
+    color: var(--color-on-surface);
+  }
+
+  .toast-filled.toast-base {
+    background-color: var(--color-base-200);
+    border-color: transparent;
+    color: var(--color-base-content);
+  }
+
   /* Filled variant sub-element color inheritance fix.
      .toast-title and .toast-message have explicit color rules that would otherwise
      override the filled variant's inherited on-container color. */
@@ -281,6 +323,9 @@ export const css = `/**
   .toast-ghost.toast-success   { color: var(--color-success); }
   .toast-ghost.toast-warning   { color: var(--color-warning); }
   .toast-ghost.toast-error     { color: var(--color-error); }
+  .toast-ghost.toast-accent    { color: var(--color-accent); }
+  .toast-ghost.toast-neutral   { color: var(--color-neutral); }
+  .toast-ghost.toast-base      { color: var(--color-base-content); }
 
   .toast-ghost .toast-title,
   .toast-ghost .toast-message {

package/dist/esm/components/toggle.js

@@ -99,6 +99,30 @@ export const css = `/**
     border-color: var(--color-error);
   }
 
+  /* Accent variant */
+  .toggle-btn-accent.toggle-btn-active,
+  .toggle-btn-accent.active {
+    color: var(--color-on-surface);
+    background-color: color-mix(in oklch, var(--color-accent) 15%, var(--color-surface));
+    border-color: var(--color-accent);
+  }
+
+  /* Neutral variant */
+  .toggle-btn-neutral.toggle-btn-active,
+  .toggle-btn-neutral.active {
+    color: var(--color-on-surface);
+    background-color: color-mix(in oklch, var(--color-neutral) 15%, var(--color-surface));
+    border-color: var(--color-neutral);
+  }
+
+  /* Base variant */
+  .toggle-btn-base.toggle-btn-active,
+  .toggle-btn-base.active {
+    color: var(--color-base-content);
+    background-color: var(--color-base-200);
+    border-color: var(--color-base-content);
+  }
+
   /* Ghost Variant */
   .toggle-btn-ghost {
     background-color: transparent;
@@ -116,6 +140,9 @@ export const css = `/**
   .toggle-btn-ghost.toggle-btn-success   { color: var(--color-success); }
   .toggle-btn-ghost.toggle-btn-warning   { color: var(--color-warning); }
   .toggle-btn-ghost.toggle-btn-error     { color: var(--color-error); }
+  .toggle-btn-ghost.toggle-btn-accent    { color: var(--color-accent); }
+  .toggle-btn-ghost.toggle-btn-neutral   { color: var(--color-neutral); }
+  .toggle-btn-ghost.toggle-btn-base      { color: var(--color-base-content); }
 
   /* Focus state */
   .toggle-btn:focus-visible {

package/dist/esm/components/tooltip.js

@@ -319,6 +319,69 @@ export const css = `/**
     border-right-color: var(--color-warning);
   }
 
+  .tooltip.tooltip-accent .tooltip-content {
+    background-color: var(--color-accent);
+    color: var(--color-accent-content);
+  }
+
+  .tooltip.tooltip-accent .tooltip-content::before {
+    border-top-color: var(--color-accent);
+  }
+
+  .tooltip.tooltip-accent.tooltip-bottom .tooltip-content::before {
+    border-bottom-color: var(--color-accent);
+  }
+
+  .tooltip.tooltip-accent.tooltip-left .tooltip-content::before {
+    border-left-color: var(--color-accent);
+  }
+
+  .tooltip.tooltip-accent.tooltip-right .tooltip-content::before {
+    border-right-color: var(--color-accent);
+  }
+
+  .tooltip.tooltip-neutral .tooltip-content {
+    background-color: var(--color-neutral);
+    color: var(--color-neutral-content);
+  }
+
+  .tooltip.tooltip-neutral .tooltip-content::before {
+    border-top-color: var(--color-neutral);
+  }
+
+  .tooltip.tooltip-neutral.tooltip-bottom .tooltip-content::before {
+    border-bottom-color: var(--color-neutral);
+  }
+
+  .tooltip.tooltip-neutral.tooltip-left .tooltip-content::before {
+    border-left-color: var(--color-neutral);
+  }
+
+  .tooltip.tooltip-neutral.tooltip-right .tooltip-content::before {
+    border-right-color: var(--color-neutral);
+  }
+
+  .tooltip.tooltip-base .tooltip-content {
+    background-color: var(--color-base-100);
+    color: var(--color-base-content);
+  }
+
+  .tooltip.tooltip-base .tooltip-content::before {
+    border-top-color: var(--color-base-100);
+  }
+
+  .tooltip.tooltip-base.tooltip-bottom .tooltip-content::before {
+    border-bottom-color: var(--color-base-100);
+  }
+
+  .tooltip.tooltip-base.tooltip-left .tooltip-content::before {
+    border-left-color: var(--color-base-100);
+  }
+
+  .tooltip.tooltip-base.tooltip-right .tooltip-content::before {
+    border-right-color: var(--color-base-100);
+  }
+
   /* Multi-line Tooltip */
   .tooltip-multiline .tooltip-content {
     white-space: normal;

package/dist/esm/components/tree-select.js

@@ -430,6 +430,27 @@ export const css = `/**
     box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-error) 10%, transparent);
   }
 
+  .tree-select-accent .tree-select-trigger {
+    color: var(--color-accent);
+  }
+  .tree-select-accent .tree-select-trigger:focus {
+    box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-accent) 10%, transparent);
+  }
+
+  .tree-select-neutral .tree-select-trigger {
+    color: var(--color-neutral);
+  }
+  .tree-select-neutral .tree-select-trigger:focus {
+    box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-neutral) 10%, transparent);
+  }
+
+  .tree-select-base .tree-select-trigger {
+    color: var(--color-base-content);
+  }
+  .tree-select-base .tree-select-trigger:focus {
+    box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-base-content) 10%, transparent);
+  }
+
   /* Ghost Variant */
   .tree-select-ghost .tree-select-trigger {
     background-color: transparent;