@duskmoon-dev/core 1.15.0 → 1.16.0

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

@@ -25,7 +25,7 @@ export const css = `/**
     color: var(--color-on-surface);
     background-color: var(--color-surface);
     border: 1px solid currentColor;
-    border-radius: 0.5rem;
+    border-radius: var(--radius-sm);
     cursor: pointer;
     transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
   }
@@ -106,7 +106,7 @@ export const css = `/**
     color: var(--color-on-surface-variant);
     background-color: transparent;
     border: none;
-    border-radius: 50%;
+    border-radius: var(--radius-full);
     cursor: pointer;
     flex-shrink: 0;
     transition: background-color 150ms ease-in-out;
@@ -134,7 +134,7 @@ export const css = `/**
     padding: 0.5rem;
     background-color: var(--color-surface);
     border: 1px solid var(--color-outline-variant);
-    border-radius: 0.5rem;
+    border-radius: var(--radius-sm);
     box-shadow: var(--shadow-md);
     overflow-y: auto;
   }
@@ -186,7 +186,7 @@ export const css = `/**
     color: var(--color-on-surface);
     background-color: var(--color-surface-container);
     border: none;
-    border-radius: 0.375rem;
+    border-radius: var(--radius-xs);
     outline: none;
   }
 
@@ -209,7 +209,7 @@ export const css = `/**
     font-size: 0.875rem;
     color: var(--color-on-surface);
     background-color: transparent;
-    border-radius: 0.375rem;
+    border-radius: var(--radius-xs);
     cursor: pointer;
     transition: background-color 150ms ease-in-out;
   }
@@ -243,7 +243,7 @@ export const css = `/**
     color: var(--color-on-surface-variant);
     background-color: transparent;
     border: none;
-    border-radius: 0.25rem;
+    border-radius: var(--radius-xs);
     cursor: pointer;
     flex-shrink: 0;
     transition: transform 150ms ease-in-out;
@@ -315,7 +315,7 @@ export const css = `/**
     height: 1rem;
     background-color: transparent;
     border: 2px solid var(--color-on-surface-variant);
-    border-radius: 0.125rem;
+    border-radius: var(--radius-xs);
     transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
   }
 
@@ -329,7 +329,7 @@ export const css = `/**
     display: block;
     width: 0.375rem;
     height: 0.625rem;
-    border: 2px solid var(--color-on-primary);
+    border: 2px solid var(--color-primary-content);
     border-width: 0 2px 2px 0;
     transform: rotate(45deg) translateY(-1px);
   }
@@ -346,13 +346,13 @@ export const css = `/**
   .tree-select-sm .tree-select-trigger {
     padding: 0.5rem 0.75rem;
     font-size: 0.875rem;
-    border-radius: 0.375rem;
+    border-radius: var(--radius-xs);
   }
 
   .tree-select-lg .tree-select-trigger {
     padding: 1rem 1.25rem;
     font-size: 1.125rem;
-    border-radius: 0.625rem;
+    border-radius: var(--radius-sm);
   }
 
   /* Outlined Variant (Default) */
@@ -366,7 +366,7 @@ export const css = `/**
     background-color: var(--color-surface-container);
     border: none;
     border-bottom: 2px solid var(--color-outline);
-    border-radius: 0.5rem 0.5rem 0 0;
+    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
   }
 
   .tree-select-filled .tree-select-trigger:focus {
@@ -459,7 +459,7 @@ export const css = `/**
     height: 1rem;
     border: 2px solid var(--color-outline);
     border-top-color: var(--color-primary);
-    border-radius: 50%;
+    border-radius: var(--radius-full);
     animation: tree-select-spin 0.8s linear infinite;
   }
 
@@ -483,7 +483,7 @@ export const css = `/**
     font-size: 0.75rem;
     background-color: var(--color-primary-container);
     color: var(--color-on-primary-container);
-    border-radius: 1rem;
+    border-radius: var(--radius-lg);
   }
 
   .tree-select-tag-remove {
@@ -496,7 +496,7 @@ export const css = `/**
     color: inherit;
     background-color: transparent;
     border: none;
-    border-radius: 50%;
+    border-radius: var(--radius-full);
     cursor: pointer;
     opacity: 0.7;
   }

package/dist/esm/tailwind-plugin.js

@@ -2,30 +2,59 @@
 import plugin from "tailwindcss/plugin";
 var themeColors = {
   primary: "var(--color-primary)",
-  "on-primary": "var(--color-on-primary)",
+  "primary-content": "var(--color-primary-content)",
   "primary-container": "var(--color-primary-container)",
   "on-primary-container": "var(--color-on-primary-container)",
   secondary: "var(--color-secondary)",
-  "on-secondary": "var(--color-on-secondary)",
+  "secondary-content": "var(--color-secondary-content)",
   "secondary-container": "var(--color-secondary-container)",
   "on-secondary-container": "var(--color-on-secondary-container)",
   tertiary: "var(--color-tertiary)",
-  "on-tertiary": "var(--color-on-tertiary)",
+  "tertiary-content": "var(--color-tertiary-content)",
   "tertiary-container": "var(--color-tertiary-container)",
   "on-tertiary-container": "var(--color-on-tertiary-container)",
-  error: "var(--color-error)",
-  "on-error": "var(--color-on-error)",
-  "error-container": "var(--color-error-container)",
-  "on-error-container": "var(--color-on-error-container)",
+  accent: "var(--color-accent)",
+  "accent-content": "var(--color-accent-content)",
+  neutral: "var(--color-neutral)",
+  "neutral-content": "var(--color-neutral-content)",
+  "neutral-variant": "var(--color-neutral-variant)",
   surface: "var(--color-surface)",
-  "on-surface": "var(--color-on-surface)",
+  "surface-dim": "var(--color-surface-dim)",
+  "surface-bright": "var(--color-surface-bright)",
   "surface-variant": "var(--color-surface-variant)",
+  "on-surface": "var(--color-on-surface)",
   "on-surface-variant": "var(--color-on-surface-variant)",
   "surface-container": "var(--color-surface-container)",
   "surface-container-low": "var(--color-surface-container-low)",
   "surface-container-lowest": "var(--color-surface-container-lowest)",
   "surface-container-high": "var(--color-surface-container-high)",
   "surface-container-highest": "var(--color-surface-container-highest)",
+  info: "var(--color-info)",
+  "info-content": "var(--color-info-content)",
+  "info-container": "var(--color-info-container)",
+  "on-info-container": "var(--color-on-info-container)",
+  success: "var(--color-success)",
+  "success-content": "var(--color-success-content)",
+  "success-container": "var(--color-success-container)",
+  "on-success-container": "var(--color-on-success-container)",
+  warning: "var(--color-warning)",
+  "warning-content": "var(--color-warning-content)",
+  "warning-container": "var(--color-warning-container)",
+  "on-warning-container": "var(--color-on-warning-container)",
+  error: "var(--color-error)",
+  "error-content": "var(--color-error-content)",
+  "error-container": "var(--color-error-container)",
+  "on-error-container": "var(--color-on-error-container)",
+  "base-100": "var(--color-base-100)",
+  "base-200": "var(--color-base-200)",
+  "base-300": "var(--color-base-300)",
+  "base-400": "var(--color-base-400)",
+  "base-500": "var(--color-base-500)",
+  "base-600": "var(--color-base-600)",
+  "base-700": "var(--color-base-700)",
+  "base-800": "var(--color-base-800)",
+  "base-900": "var(--color-base-900)",
+  "base-content": "var(--color-base-content)",
   outline: "var(--color-outline)",
   "outline-variant": "var(--color-outline-variant)",
   "inverse-surface": "var(--color-inverse-surface)",
@@ -34,7 +63,7 @@ var themeColors = {
   scrim: "var(--color-scrim)",
   shadow: "var(--color-shadow)"
 };
-var duskmoonPlugin = plugin(({ addBase, matchUtilities, theme }) => {
+var duskmoonPlugin = plugin(({ matchUtilities, theme }) => {
   matchUtilities({
     "grid-cols-auto-fill": (value) => ({
       "grid-template-columns": `repeat(auto-fill, minmax(min(${value}, 100%), 1fr))`
@@ -43,76 +72,6 @@ var duskmoonPlugin = plugin(({ addBase, matchUtilities, theme }) => {
       "grid-template-columns": `repeat(auto-fit, minmax(min(${value}, 100%), 1fr))`
     })
   }, { values: theme("spacing") });
-  addBase({
-    ':root, [data-theme="sunshine"]': {
-      "--color-primary": "oklch(0.55 0.2 260)",
-      "--color-on-primary": "oklch(1 0 0)",
-      "--color-primary-container": "oklch(0.9 0.05 260)",
-      "--color-on-primary-container": "oklch(0.25 0.1 260)",
-      "--color-secondary": "oklch(0.5 0.1 280)",
-      "--color-on-secondary": "oklch(1 0 0)",
-      "--color-secondary-container": "oklch(0.92 0.03 280)",
-      "--color-on-secondary-container": "oklch(0.25 0.05 280)",
-      "--color-tertiary": "oklch(0.55 0.15 30)",
-      "--color-on-tertiary": "oklch(1 0 0)",
-      "--color-tertiary-container": "oklch(0.92 0.04 30)",
-      "--color-on-tertiary-container": "oklch(0.3 0.08 30)",
-      "--color-error": "oklch(0.55 0.2 25)",
-      "--color-on-error": "oklch(1 0 0)",
-      "--color-error-container": "oklch(0.92 0.05 25)",
-      "--color-on-error-container": "oklch(0.3 0.1 25)",
-      "--color-surface": "oklch(0.99 0.005 260)",
-      "--color-on-surface": "oklch(0.2 0.02 260)",
-      "--color-surface-variant": "oklch(0.93 0.01 260)",
-      "--color-on-surface-variant": "oklch(0.45 0.03 260)",
-      "--color-surface-container": "oklch(0.96 0.008 260)",
-      "--color-surface-container-low": "oklch(0.97 0.006 260)",
-      "--color-surface-container-lowest": "oklch(1 0 0)",
-      "--color-surface-container-high": "oklch(0.94 0.01 260)",
-      "--color-surface-container-highest": "oklch(0.92 0.012 260)",
-      "--color-outline": "oklch(0.55 0.02 260)",
-      "--color-outline-variant": "oklch(0.8 0.015 260)",
-      "--color-inverse-surface": "oklch(0.25 0.02 260)",
-      "--color-inverse-on-surface": "oklch(0.95 0.005 260)",
-      "--color-inverse-primary": "oklch(0.8 0.12 260)",
-      "--color-scrim": "oklch(0 0 0)",
-      "--color-shadow": "oklch(0 0 0)"
-    },
-    '[data-theme="moonlight"]': {
-      "--color-primary": "oklch(0.8 0.12 260)",
-      "--color-on-primary": "oklch(0.3 0.15 260)",
-      "--color-primary-container": "oklch(0.35 0.15 260)",
-      "--color-on-primary-container": "oklch(0.9 0.05 260)",
-      "--color-secondary": "oklch(0.8 0.06 280)",
-      "--color-on-secondary": "oklch(0.3 0.08 280)",
-      "--color-secondary-container": "oklch(0.35 0.08 280)",
-      "--color-on-secondary-container": "oklch(0.92 0.03 280)",
-      "--color-tertiary": "oklch(0.8 0.1 30)",
-      "--color-on-tertiary": "oklch(0.35 0.12 30)",
-      "--color-tertiary-container": "oklch(0.4 0.1 30)",
-      "--color-on-tertiary-container": "oklch(0.92 0.04 30)",
-      "--color-error": "oklch(0.85 0.12 25)",
-      "--color-on-error": "oklch(0.35 0.15 25)",
-      "--color-error-container": "oklch(0.4 0.12 25)",
-      "--color-on-error-container": "oklch(0.92 0.05 25)",
-      "--color-surface": "oklch(0.2 0.015 260)",
-      "--color-on-surface": "oklch(0.93 0.01 260)",
-      "--color-surface-variant": "oklch(0.35 0.02 260)",
-      "--color-on-surface-variant": "oklch(0.8 0.02 260)",
-      "--color-surface-container": "oklch(0.22 0.018 260)",
-      "--color-surface-container-low": "oklch(0.18 0.012 260)",
-      "--color-surface-container-lowest": "oklch(0.15 0.01 260)",
-      "--color-surface-container-high": "oklch(0.25 0.02 260)",
-      "--color-surface-container-highest": "oklch(0.28 0.022 260)",
-      "--color-outline": "oklch(0.55 0.025 260)",
-      "--color-outline-variant": "oklch(0.35 0.02 260)",
-      "--color-inverse-surface": "oklch(0.93 0.01 260)",
-      "--color-inverse-on-surface": "oklch(0.25 0.02 260)",
-      "--color-inverse-primary": "oklch(0.55 0.2 260)",
-      "--color-scrim": "oklch(0 0 0)",
-      "--color-shadow": "oklch(0 0 0)"
-    }
-  });
 }, {
   theme: {
     extend: {