daisyui 1.25.4 → 2.0.0-next.0

package/README.md

@@ -79,7 +79,7 @@ Loading CSS files from CDN is not recommended for production. It's better to ins
 
   
 ```html
-<link href="https://cdn.jsdelivr.net/npm/daisyui@1.25.3/dist/full.css" rel="stylesheet" type="text/css" />
+<link href="https://cdn.jsdelivr.net/npm/daisyui@1.25.0/dist/full.css" rel="stylesheet" type="text/css" />
 <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css" rel="stylesheet" type="text/css" />
 ```
 

package/colors/colorNames.js

@@ -21,7 +21,15 @@ module.exports = {
   "base-content"      : "--bc",
 
   "info"              : "--in",
+  "info-content"      : "--inc",
+
   "success"           : "--su",
+  "success-content"   : "--suc",
+
   "warning"           : "--wa",
+  "warning-content"   : "--wac",
+
   "error"             : "--er",
+  "error-content"     : "--erc",
+
 }

package/colors/index.js

@@ -1,20 +1,53 @@
-const colorValues = require('./colorNames')
+
+function withOpacityValue(variable, fallbackColor) {
+  return ({ opacityValue }) => {
+    let fallbackColorValue = ''
+    if (fallbackColor) {
+      fallbackColorValue = `, var(${fallbackColor})`
+    }
+    if (opacityValue === undefined) {
+      return `hsl(var(${variable}${fallbackColorValue}))`
+    }
+    return `hsl(var(${variable}${fallbackColorValue}) / ${opacityValue})`
+  }
+}
 
 let colorObject = {
   "transparent": "transparent",
   "current": "currentColor",
-}
 
-for (const [key, item] of Object.entries(colorValues)) {
-  colorObject[key] = ({ opacityVariable, opacityValue }) => {
-    if (opacityValue !== undefined) {
-      return `hsla(var(`+ item +`) / ${opacityValue})`
-    }
-    if (opacityVariable !== undefined) {
-      return `hsla(var(`+ item +`) / var(${opacityVariable}, 1))`
-    }
-    return `hsl(var(`+ item +`))`
-  }
+  "primary": withOpacityValue("--p"),
+  "primary-focus": withOpacityValue("--pf", "--p"),
+  "primary-content": withOpacityValue("--pc"),
+
+  "secondary": withOpacityValue("--s"),
+  "secondary-focus": withOpacityValue("--sf", "--s"),
+  "secondary-content": withOpacityValue("--sc"),
+
+  "accent": withOpacityValue("--a"),
+  "accent-focus": withOpacityValue("--af", "--a"),
+  "accent-content": withOpacityValue("--ac"),
+
+  "neutral": withOpacityValue("--n"),
+  "neutral-focus": withOpacityValue("--nf", "--n"),
+  "neutral-content": withOpacityValue("--nc"),
+
+  "base-100": withOpacityValue("--b1"),
+  "base-200": withOpacityValue("--b2", "--b1"),
+  "base-300": withOpacityValue("--b3", "--b1"),
+  "base-content": withOpacityValue("--bc"),
+
+  "info": withOpacityValue("--in"),
+  "info-content": withOpacityValue("--inc", "--nc"),
+
+  "success": withOpacityValue("--su"),
+  "success-content": withOpacityValue("--suc", "--nc"),
+
+  "warning": withOpacityValue("--wa"),
+  "warning-content": withOpacityValue("--wac", "--nc"),
+
+  "error": withOpacityValue("--er"),
+  "error-content": withOpacityValue("--erc", "--nc"),
 }
 
 module.exports = colorObject

package/colors/themes.js

@@ -17,9 +17,13 @@ module.exports = {
     "base-300": "#18277c",
     "base-content": "#ffffff",
     "info": "#2094f3",
+    "info-content": "#ffffff",
     "success": "#009485",
+    "success-content": "#ffffff",
     "warning": "#ff9900",
+    "warning-content": "#ffffff",
     "error": "#ff5724",
+    "error-content": "#ffffff",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -51,9 +55,13 @@ module.exports = {
     "neutral-focus": "#4d4d4d",
     "neutral-content": "#ffffff",
     "info": "#0000ff",
+    "info-content": "#000000",
     "success": "#008000",
+    "success-content": "#000000",
     "warning": "#ffff00",
+    "warning-content": "#000000",
     "error": "#ff0000",
+    "error-content": "#000000",
     "--border-color": "var(--b3)",
     "--rounded-box": "0",
     "--rounded-btn": "0",
@@ -85,9 +93,13 @@ module.exports = {
     "base-300": "#e3e3e3",
     "base-content": "#000000",
     "info": "#2094f3",
+    "info-content": "#ffffff",
     "success": "#009485",
+    "success-content": "#ffffff",
     "warning": "#ff9900",
+    "warning-content": "#ffffff",
     "error": "#ff5724",
+    "error-content": "#ffffff",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -119,9 +131,13 @@ module.exports = {
     'base-300': '#ebebeb',
     'base-content': '#000000',
     'info': '#4AA8C0',
+    'info-content': '#ffffff',
     'success': '#823290',
+    'success-content': '#ffffff',
     'warning': '#EE8133',
+    'warning-content': '#ffffff',
     'error': '#E93F33',
+    'error-content': '#ffffff',
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -153,9 +169,13 @@ module.exports = {
     "base-300": "#edf2f7",
     "base-content": "#181a2a",
     "info": "#2094f3",
+    "info-content": "#edf2f7",
     "success": "#009485",
+    "success-content": "#edf2f7",
     "warning": "#ff9900",
+    "warning-content": "#edf2f7",
     "error": "#ff5724",
+    "error-content": "#edf2f7",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -187,9 +207,13 @@ module.exports = {
     "base-300": "#e7e2df",
     "base-content": "#291334",
     "info": "#2094f3",
+    "info-content": "#ffffff",
     "success": "#009485",
+    "success-content": "#ffffff",
     "warning": "#ff9900",
+    "warning-content": "#ffffff",
     "error": "#ff5724",
+    "error-content": "#ffffff",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "1.9rem",
@@ -222,9 +246,13 @@ module.exports = {
     "base-300": "#b8ab00",
     "base-content": "#000000",
     "info": "#2094f3",
+    "info-content": "#000000",
     "success": "#009485",
+    "success-content": "#000000",
     "warning": "#ff9900",
+    "warning-content": "#000000",
     "error": "#ff5724",
+    "error-content": "#000000",
     "--border-color": "var(--b3)",
     "--rounded-box": "0",
     "--rounded-btn": "0",
@@ -256,9 +284,13 @@ module.exports = {
     "base-300": "#16181d",
     "base-content": "#ebecf0",
     "info": "#66c6ff",
+    "info-content": "#ffffff",
     "success": "#87d039",
+    "success-content": "#ffffff",
     "warning": "#e2d562",
+    "warning-content": "#ffffff",
     "error": "#ff6f6f",
+    "error-content": "#ffffff",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -290,9 +322,13 @@ module.exports = {
     "base-300": "#1d1e25",
     "base-content": "#d5ccff",
     "info": "#2094f3",
+    "info-content": "#d5ccff",
     "success": "#009485",
+    "success-content": "#d5ccff",
     "warning": "#ff9900",
+    "warning-content": "#d5ccff",
     "error": "#ff5724",
+    "error-content": "#d5ccff",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -324,9 +360,13 @@ module.exports = {
     "base-300": "#f2f2f2",
     "base-content": "#333c4d",
     "info": "#2094f3",
+    "info-content": "#f9fafb",
     "success": "#009485",
+    "success-content": "#f9fafb",
     "warning": "#ff9900",
+    "warning-content": "#f9fafb",
     "error": "#ff5724",
+    "error-content": "#f9fafb",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -358,9 +398,13 @@ module.exports = {
     "base-300": "#d1d5db",
     "base-content": "#1f2937",
     "info": "#2094f3",
+    "info-content": "#ffffff",
     "success": "#009485",
+    "success-content": "#ffffff",
     "warning": "#ff9900",
+    "warning-content": "#ffffff",
     "error": "#ff5724",
+    "error-content": "#ffffff",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -391,11 +435,15 @@ module.exports = {
     "base-200": "#110e0e",
     "base-300": "#060404",
     "base-content": "#ffffff",
-    "--rounded-btn": "1.9rem",
     "info": "#66c6ff",
+    "info-content": "#ffffff",
     "success": "#87d039",
+    "success-content": "#ffffff",
     "warning": "#e2d562",
+    "warning-content": "#ffffff",
     "error": "#ff6f6f",
+    "error-content": "#ffffff",
+    "--rounded-btn": "1.9rem",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -427,9 +475,13 @@ module.exports = {
     "base-300": "#b9b1b1",
     "base-content": "#100f0f",
     "info": "#2094f3",
+    "info-content": "#e9e7e7",
     "success": "#009485",
+    "success-content": "#e9e7e7",
     "warning": "#ff9900",
+    "warning-content": "#e9e7e7",
     "error": "#ff5724",
+    "error-content": "#e9e7e7",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -461,9 +513,13 @@ module.exports = {
     "base-300": "#131616",
     "base-content": "#ffffff",
     "info": "#66c6ff",
+    "info-content": "#ffffff",
     "success": "#87d039",
+    "success-content": "#ffffff",
     "warning": "#e2d562",
+    "warning-content": "#ffffff",
     "error": "#ff6f6f",
+    "error-content": "#ffffff",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -495,9 +551,13 @@ module.exports = {
     "base-300": "#d1d5db",
     "base-content": "#1f2937",
     "info": "#2094f3",
+    "info-content": "#ffffff",
     "success": "#009485",
+    "success-content": "#ffffff",
     "warning": "#ff9900",
+    "warning-content": "#ffffff",
     "error": "#ff5724",
+    "error-content": "#ffffff",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -529,9 +589,13 @@ module.exports = {
     "base-300": "#ffffff",
     "base-content": "#7d7d7d",
     "info": "#2094f3",
+    "info-content": "#4d4d4d",
     "success": "#009485",
+    "success-content": "#4d4d4d",
     "warning": "#ff9900",
+    "warning-content": "#4d4d4d",
     "error": "#ff5724",
+    "error-content": "#4d4d4d",
     "--border-color": "#e6e6e6",
     "--rounded-box": "0",
     "--rounded-btn": "0",
@@ -593,9 +657,13 @@ module.exports = {
     "base-300": "#2e2d2f",
     "base-content": "#dca54c",
     "info": "#66c6ff",
+    "info-content": "#171618",
     "success": "#87d039",
+    "success-content": "#171618",
     "warning": "#e2d562",
+    "warning-content": "#171618",
     "error": "#ff6f6f",
+    "error-content": "#171618",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -627,9 +695,13 @@ module.exports = {
     "base-300": "#d1d5db",
     "base-content": "#898d90",
     "info": "#2094f3",
+    "info-content": "#ffffff",
     "success": "#009485",
+    "success-content": "#ffffff",
     "warning": "#ff9900",
+    "warning-content": "#ffffff",
     "error": "#ff5724",
+    "error-content": "#ffffff",
     "--rounded-box": "1rem",
     "--rounded-btn": "1.9rem",
     "--rounded-badge": "1.9rem",
@@ -665,9 +737,13 @@ module.exports = {
     "base-300": "#c6b386",
     "base-content": "#282425",
     "info": "#2094f3",
+    "info-content": "#e4d8b4",
     "success": "#009485",
+    "success-content": "#e4d8b4",
     "warning": "#ff9900",
+    "warning-content": "#e4d8b4",
     "error": "#ff5724",
+    "error-content": "#e4d8b4",
     "--border-color": "var(--b3)",
     "--rounded-box": "0.4rem",
     "--rounded-btn": "0.4rem",
@@ -699,9 +775,13 @@ module.exports = {
     "base-300": "#140a2e",
     "base-content": "#f9f7fd",
     "info": "#53c0f3",
+    "info-content": "#f9f7fd",
     "success": "#71ead2",
+    "success-content": "#f9f7fd",
     "warning": "#f3cc30",
+    "warning-content": "#f9f7fd",
     "error": "#e24056",
+    "error-content": "#f9f7fd",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "0.5rem",
@@ -733,9 +813,13 @@ module.exports = {
     "base-300": "#e58fce",
     "base-content": "#632c3b",
     "info": "#2094f3",
+    "info-content": "#f0d6e8",
     "success": "#009485",
+    "success-content": "#f0d6e8",
     "warning": "#ff9900",
+    "warning-content": "#f0d6e8",
     "error": "#ff5724",
+    "error-content": "#f0d6e8",
     "--border-color": "var(--b3)",
     "--rounded-box": "1rem",
     "--rounded-btn": "1.9rem",
@@ -760,17 +844,21 @@ module.exports = {
     "accent": "#b8b8b8",
     "accent-focus": "#b8b8b8",
     "accent-content": "#000000",
+    "neutral": "#ebebeb",
+    "neutral-focus": "#ebebeb",
+    "neutral-content": "#000000",
     "base-100": "#ffffff",
     "base-200": "#eeeeee",
     "base-300": "#dddddd",
     "base-content": "#000000",
-    "neutral": "#ebebeb",
-    "neutral-focus": "#ebebeb",
-    "neutral-content": "#000000",
     "info": "#0000ff",
+    "info-content": "#000000",
     "success": "#008000",
+    "success-content": "#000000",
     "warning": "#a6a659",
+    "warning-content": "#000000",
     "error": "#ff0000",
+    "error-content": "#000000",
     "--border-color": "#000000",
     "--rounded-box": "0.2rem",
     "--rounded-btn": "0.2rem",