colbrush 1.1.0 → 1.3.0

package/README.md

@@ -89,16 +89,15 @@ function Settings() {
 ```
 ### 5. Use hooks for theme and language switching
 ```
-import { useUpdateLanguage, useUpdateTheme } from 'colbrush/client';
+import { useTheme } from 'colbrush/client';
 
 export default function TestPage() {
-    const updateTheme = useUpdateTheme();
-    const updateLanguage = useUpdateLanguage();
+    const { theme, updateTheme, language, updateLanguage } = useTheme();
 
     return (
         <div className="flex">
-            <button onClick={() => updateTheme('tritanopia')}>색맹 유형 변경</button>
-            <button onClick={() => updateLanguage('English')}>언어 변경</button>
+            <button onClick={() => updateTheme('tritanopia')}>Change to tritanopia</button>
+            <button onClick={() => updateLanguage('English')}>Change to English</button>
         </div>
     );
 }
@@ -128,3 +127,4 @@ The above copyright notice and this permission notice shall be included in all c
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
+

package/dist/client.d.ts

@@ -3,11 +3,16 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 type TLanguage = 'English' | 'Korean';
 declare const THEME_KEYS: readonly ["default", "protanopia", "deuteranopia", "tritanopia"];
 type ThemeKey = (typeof THEME_KEYS)[number];
+type ThemeContextType = {
+    theme: ThemeKey;
+    language: TLanguage;
+    updateTheme: (k: ThemeKey) => void;
+    updateLanguage: (t: TLanguage) => void;
+};
+declare const useTheme: () => ThemeContextType;
 declare function ThemeProvider({ children }: {
     children: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
-declare const useUpdateTheme: () => (k: ThemeKey) => void;
-declare const useUpdateLanguage: () => (t: TLanguage) => void;
 type ThemeType = ThemeKey;
 declare const THEMES: Record<TLanguage, Record<"default" | "protanopia" | "deuteranopia" | "tritanopia", string>>;
 
@@ -20,4 +25,4 @@ type Props = {
 };
 declare function ThemeSwitcher({ options, className }: Props): react_jsx_runtime.JSX.Element;
 
-export { THEMES, ThemeProvider, ThemeSwitcher, type ThemeType, useUpdateLanguage, useUpdateTheme };
+export { THEMES, type TLanguage, ThemeProvider, ThemeSwitcher, type ThemeType, useTheme };

package/dist/client.js

@@ -74,13 +74,11 @@ function ThemeProvider({ children }) {
     }
   };
   const value = useMemo(
-    () => ({ theme, updateTheme, language, updateLanguage }),
+    () => ({ theme, language, updateTheme, updateLanguage }),
     [theme, language]
   );
   return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
 }
-var useUpdateTheme = () => useTheme().updateTheme;
-var useUpdateLanguage = () => useTheme().updateLanguage;
 var THEMES = THEME_LABEL;
 
 // src/components/ThemeSwitcher.tsx
@@ -506,26 +504,34 @@ var SvgDeuteranopia = (props) => /* @__PURE__ */ jsxs8(
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 28 29",
+    viewBox: "0 0 15 15",
     ...props,
     children: [
       /* @__PURE__ */ jsx9(
         "rect",
         {
-          width: 26.18,
-          height: 26.18,
-          x: 0.91,
-          y: 1.41,
+          width: 13.09,
+          height: 13.09,
+          x: 1.08,
+          y: 0.955,
           stroke: "currentColor",
-          strokeWidth: 1.82,
-          rx: 13.09
+          strokeWidth: 0.91,
+          rx: 6.545
         }
       ),
       /* @__PURE__ */ jsx9(
         "path",
         {
           fill: "currentColor",
-          d: "M18.272 11.787q-.493-1.466-1.58-2.287-1.076-.83-2.625-.83-1.332 0-2.41.687-1.065.687-1.691 2.02-.615 1.333-.615 3.2 0 1.865.625 3.198.625 1.334 1.723 2.02 1.097.687 2.491.687 1.252 0 2.205-.523a3.74 3.74 0 0 0 1.497-1.507q.543-.984.564-2.276H14.58v-1.62h5.68v1.6q0 1.814-.779 3.188a5.4 5.4 0 0 1-2.163 2.123q-1.374.738-3.128.738-1.967 0-3.476-.923-1.497-.933-2.327-2.655-.82-1.734-.82-4.05 0-2.308.82-4.03.83-1.734 2.307-2.667t3.373-.933q1.55 0 2.84.615a5.76 5.76 0 0 1 2.144 1.703 5.9 5.9 0 0 1 1.128 2.522z"
+          d: "M9.51 5.894q-.245-.734-.789-1.144-.538-.415-1.312-.415-.667 0-1.205.343-.534.345-.846 1.01-.308.667-.308 1.6t.313 1.6q.313.665.861 1.01.549.343 1.246.343.626 0 1.103-.261a1.87 1.87 0 0 0 .748-.754q.271-.492.282-1.138H7.665v-.81h2.84v.8q0 .907-.39 1.594-.389.687-1.081 1.061-.687.37-1.564.37-.984 0-1.738-.462-.748-.466-1.164-1.328-.41-.866-.41-2.025 0-1.153.41-2.015.416-.866 1.154-1.333.738-.465 1.687-.466.774 0 1.42.307.646.303 1.071.851.426.548.564 1.262z"
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: 0.758,
+          d: "m2.375 1.082 11.667 11.667"
         }
       )
     ]
@@ -597,99 +603,91 @@ function ThemeSwitcher({ options, className }) {
     e.stopPropagation();
     setIsOpen((prev) => !prev);
   };
-  return /* @__PURE__ */ jsx10(ThemeSwitcherPortal, { children: /* @__PURE__ */ jsxs9(
-    "div",
-    {
-      ref: wrapperRef,
-      className: "flex w-[100vw] h-[100vh] z-[10000]",
-      children: [
-        /* @__PURE__ */ jsx10(
-          "button",
-          {
-            type: "button",
-            "aria-haspopup": "menu",
-            "aria-expanded": isOpen,
-            onClick: toggle,
-            className: "fixed right-[25px] bottom-[25px] w-[60px] h-[60px] p-[10px] bg-[#ffffff] rounded-full flex justify-center items-center shadow-[0_0_3px_0_rgba(0,0,0,0.17)]",
-            children: isOpen ? /* @__PURE__ */ jsx10(X_default, { className: "self-center" }) : /* @__PURE__ */ jsx10(Logo_default, { className: "self-center" })
-          }
-        ),
-        isOpen && /* @__PURE__ */ jsxs9(
-          "div",
-          {
-            role: "menu",
-            "aria-label": "Select theme",
-            className: "fixed bottom-[100px] right-[25px] flex-col bg-[#ffffff] rounded-[18px] w-[220px] gap-[11px]",
-            children: [
-              /* @__PURE__ */ jsx10("div", { children: list.map((opt) => {
-                const Icon = THEME_ICON[opt.key];
-                return /* @__PURE__ */ jsxs9("div", { children: [
-                  /* @__PURE__ */ jsxs9(
-                    "button",
-                    {
-                      type: "button",
-                      role: "menuitemradio",
-                      "aria-checked": theme === opt.key,
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        updateTheme(opt.key);
-                      },
-                      onMouseEnter: () => setHovered(opt.key),
-                      onMouseLeave: () => setHovered(null),
-                      className: [
-                        "hover:cursor-pointer group text-[18px] text-[#3D4852] py-1 w-full h-[50px] text-center gap-[8px] flex items-center justify-center rounded-[18px] hover:bg-[#3D4852]",
-                        theme === opt.key ? "bg-[#3D4852] text-[#ffffff]" : ""
-                      ].join(" "),
-                      children: [
-                        /* @__PURE__ */ jsx10(
-                          Icon,
-                          {
-                            width: 24,
-                            height: 24,
-                            className: `inline-block ${theme === opt.key || hovered === opt.key ? "text-white" : "text-[#3D4852]"}`
-                          }
-                        ),
-                        /* @__PURE__ */ jsx10("span", { className: "group-hover:text-[#ffffff]", children: opt.label })
-                      ]
-                    },
-                    opt.key
-                  ),
-                  opt.key !== "tritanopia" && /* @__PURE__ */ jsx10("div", { className: "border-b-[0.5px] border-b-[#D9D9D9] w-full" })
-                ] }, opt.key);
-              }) }),
-              /* @__PURE__ */ jsx10("div", { className: "w-full border-[0.5px] border-[#B8B8B8]" }),
-              /* @__PURE__ */ jsx10("div", { className: "flex justify-evenly items-center gap-[10px] px-[10px] my-[15px]", children: language === "English" ? /* @__PURE__ */ jsxs9(
-                "div",
-                {
-                  className: `hover:cursor-pointer flex text-[18px] text-[#3D4852] gap-[8px] items-center justify-center`,
-                  onClick: () => updateLanguage("Korean"),
-                  children: [
-                    /* @__PURE__ */ jsx10(Us_default, {}),
-                    "English"
-                  ]
-                }
-              ) : /* @__PURE__ */ jsxs9(
-                "div",
+  return /* @__PURE__ */ jsx10(ThemeSwitcherPortal, { children: /* @__PURE__ */ jsxs9("div", { ref: wrapperRef, className: "z-[10000]", children: [
+    /* @__PURE__ */ jsx10(
+      "button",
+      {
+        type: "button",
+        "aria-haspopup": "menu",
+        "aria-expanded": isOpen,
+        onClick: toggle,
+        className: "fixed right-[25px] bottom-[25px] w-[60px] h-[60px] p-[10px] bg-[#ffffff] rounded-full flex justify-center items-center shadow-[0_0_3px_0_rgba(0,0,0,0.17)]",
+        children: isOpen ? /* @__PURE__ */ jsx10(X_default, { className: "self-center" }) : /* @__PURE__ */ jsx10(Logo_default, { className: "self-center" })
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxs9(
+      "div",
+      {
+        role: "menu",
+        "aria-label": "Select theme",
+        className: "fixed bottom-[100px] right-[25px] flex-col bg-[#ffffff] rounded-[18px] w-[220px] gap-[11px]",
+        children: [
+          /* @__PURE__ */ jsx10("div", { children: list.map((opt) => {
+            const Icon = THEME_ICON[opt.key];
+            return /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsxs9(
+                "button",
                 {
-                  className: `hover:cursor-pointer flex text-[18px] text-[#3D4852] gap-[8px] items-center justify-center `,
-                  onClick: () => updateLanguage("English"),
+                  type: "button",
+                  role: "menuitemradio",
+                  "aria-checked": theme === opt.key,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    updateTheme(opt.key);
+                  },
+                  onMouseEnter: () => setHovered(opt.key),
+                  onMouseLeave: () => setHovered(null),
+                  className: [
+                    "hover:cursor-pointer group text-[18px] text-[#3D4852] py-1 w-full h-[50px] text-center gap-[8px] flex items-center justify-center rounded-[18px] hover:bg-[#3D4852]",
+                    theme === opt.key ? "bg-[#3D4852] text-[#ffffff]" : ""
+                  ].join(" "),
                   children: [
-                    /* @__PURE__ */ jsx10(Kr_default, {}),
-                    "Korean"
+                    /* @__PURE__ */ jsx10(
+                      Icon,
+                      {
+                        width: 24,
+                        height: 24,
+                        className: `inline-block ${theme === opt.key || hovered === opt.key ? "text-white" : "text-[#3D4852]"}`
+                      }
+                    ),
+                    /* @__PURE__ */ jsx10("span", { className: "group-hover:text-[#ffffff]", children: opt.label })
                   ]
-                }
-              ) })
-            ]
-          }
-        )
-      ]
-    }
-  ) });
+                },
+                opt.key
+              ),
+              opt.key !== "tritanopia" && /* @__PURE__ */ jsx10("div", { className: "border-b-[0.5px] border-b-[#D9D9D9] w-full" })
+            ] }, opt.key);
+          }) }),
+          /* @__PURE__ */ jsx10("div", { className: "w-full border-[0.5px] border-[#B8B8B8]" }),
+          /* @__PURE__ */ jsx10("div", { className: "flex justify-evenly items-center gap-[10px] px-[10px] my-[15px]", children: language === "English" ? /* @__PURE__ */ jsxs9(
+            "div",
+            {
+              className: `hover:cursor-pointer flex text-[18px] text-[#3D4852] gap-[8px] items-center justify-center`,
+              onClick: () => updateLanguage("Korean"),
+              children: [
+                /* @__PURE__ */ jsx10(Us_default, {}),
+                "English"
+              ]
+            }
+          ) : /* @__PURE__ */ jsxs9(
+            "div",
+            {
+              className: `hover:cursor-pointer flex text-[18px] text-[#3D4852] gap-[8px] items-center justify-center `,
+              onClick: () => updateLanguage("English"),
+              children: [
+                /* @__PURE__ */ jsx10(Kr_default, {}),
+                "Korean"
+              ]
+            }
+          ) })
+        ]
+      }
+    )
+  ] }) });
 }
 export {
   THEMES,
   ThemeProvider,
   ThemeSwitcher,
-  useUpdateLanguage,
-  useUpdateTheme
+  useTheme
 };

package/dist/styles.css

@@ -1,2 +1 @@
-/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.right-\[25px\]{right:25px}.bottom-\[25px\]{bottom:25px}.bottom-\[100px\]{bottom:100px}.z-\[10000\]{z-index:10000}.my-\[15px\]{margin-block:15px}.block{display:block}.contents{display:contents}.flex{display:flex}.inline{display:inline}.inline-block{display:inline-block}.h-\[50px\]{height:50px}.h-\[60px\]{height:60px}.h-\[100vh\]{height:100vh}.w-\[60px\]{width:60px}.w-\[100vw\]{width:100vw}.w-\[220px\]{width:220px}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-evenly{justify-content:space-evenly}.gap-\[8px\]{gap:8px}.gap-\[10px\]{gap:10px}.gap-\[11px\]{gap:11px}.self-center{align-self:center}.rounded-\[18px\]{border-radius:18px}.rounded-full{border-radius:3.40282e38px}.border-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.border-b-\[0\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:.5px}.border-\[\#B8B8B8\]{border-color:#b8b8b8}.border-b-\[\#D9D9D9\]{border-bottom-color:#d9d9d9}.bg-\[\#3D4852\]{background-color:#3d4852}.bg-\[\#ffffff\]{background-color:#fff}.p-\[10px\]{padding:10px}.px-\[10px\]{padding-inline:10px}.py-1{padding-block:calc(var(--spacing)*1)}.text-center{text-align:center}.text-\[18px\]{font-size:18px}.text-\[\#3D4852\]{color:#3d4852}.text-\[\#ffffff\]{color:#fff}.text-white{color:var(--color-white)}.shadow-\[0_0_3px_0_rgba\(0\,0\,0\,0\.17\)\]{--tw-shadow:0 0 3px 0 var(--tw-shadow-color,#0000002b);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (hover:hover){.group-hover\:text-\[\#ffffff\]:is(:where(.group):hover *){color:#fff}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-\[\#3D4852\]:hover{background-color:#3d4852}}}svg rect{fill:none!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
+@source "./src/**/*.{js,ts,jsx,tsx}";svg rect{fill:none!important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colbrush",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "A React theme switching library that makes it easy to apply color-blind accessible UI themes",
   "homepage": "https://colbrush.vercel.app",
   "repository": {