daisyui 1.25.3 → 2.0.0-next.2

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.2/dist/full.css" rel="stylesheet" type="text/css" />
+<link href="https://cdn.jsdelivr.net/npm/daisyui@1.25.4/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" />
 ```
 
@@ -215,6 +215,7 @@ Read the documents for more info:
   - [How to use daisyUI in SvelteKit?](https://www.youtube.com/watch?v=haKnkk6ds20) 
   - [DaisyUI Untuk Yang Mau Pindah ke TailwindCSS dari Bootstrap (Indonesian)](https://www.youtube.com/watch?v=Wm2g6FWec34)
   - [Next.js - Tailwind - DeisyUI Setup](https://www.youtube.com/watch?v=uXQgJbUj3PQ)
+  - [Svelte Setup with Vite, Tailwind, DaisyUI. Custom Themes!](https://www.youtube.com/watch?v=5lF5PxBJoso)
 - Courses
   - [Building with SvelteKit and GraphCMS](https://explorers.netlify.com/learn/building-with-sveltekit-and-graphcms)
   - [Svelte for Beginners by Mike Karan](https://www.udemy.com/course/svelte-for-beginners/)

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/colors/colorNames.js

@@ -0,0 +1,35 @@
+module.exports = {
+  "primary"           : "--p",
+  "primary-focus"     : "--pf",
+  "primary-content"   : "--pc",
+
+  "secondary"         : "--s",
+  "secondary-focus"   : "--sf",
+  "secondary-content" : "--sc",
+
+  "accent"            : "--a",
+  "accent-focus"      : "--af",
+  "accent-content"    : "--ac",
+
+  "neutral"           : "--n",
+  "neutral-focus"     : "--nf",
+  "neutral-content"   : "--nc",
+
+  "base-100"          : "--b1",
+  "base-200"          : "--b2",
+  "base-300"          : "--b3",
+  "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/colors/index.js

@@ -0,0 +1,53 @@
+
+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",
+
+  "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", "--b2"),
+  "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