@quaffui/quaff 0.1.0-prealpha11 → 0.1.0-prealpha12

package/dist/css/theme/theme.light.scss

@@ -1,4 +1,4 @@
-body.light {
+.body--light {
   --body: #fff;
   --primary: rgba(var(--primary-light));
   --on-primary: rgba(var(--on-primary-light));
@@ -27,6 +27,8 @@ body.light {
   --on-surface-variant-2: rgba(var(--on-surface-variant-light), 0.08);
   --on-surface-variant-4: rgba(var(--on-surface-variant-light), 0.12);
   --outline: rgba(var(--outline-light));
+  --outline-2: rgba(var(--outline-light), 0.12);
+  --outline-4: rgba(var(--outline-light), 0.24);
   --inverse-on-surface: rgba(var(--inverse-on-surface-light));
   --inverse-surface: rgba(var(--inverse-surface-light));
   --inverse-primary: rgba(var(--inverse-primary-light));

package/dist/helpers/ripple.d.ts

@@ -2,6 +2,7 @@ interface RippleOptions {
     center?: boolean;
     color?: string;
     duration?: number;
+    disable?: boolean;
 }
 export declare function ripple(el: HTMLElement, options?: RippleOptions): {
     destroy(): void;

package/dist/helpers/ripple.js

@@ -25,7 +25,7 @@ export function ripple(el, options = {}) {
     addClasses();
     setOptions(options);
     function createRipple(e, center) {
-        if (el.hasAttribute("aria-disabled"))
+        if (options.disable || el.hasAttribute("aria-disabled"))
             return;
         if (e instanceof KeyboardEvent) {
             if (!["Enter", "Space"].includes(e.code) || e.repeat) {

package/dist/helpers/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.1.0-prealpha11";
+declare const _default: "0.1.0-prealpha12";
 export default _default;

package/dist/helpers/version.js

@@ -1 +1 @@
-export default "0.1.0-prealpha11";
+export default "0.1.0-prealpha12";

package/dist/stores/Quaff.js

@@ -9,24 +9,29 @@ function quaff() {
         //TODO? iconSet: {},
     });
     const toggleDarkMode = () => {
-        return update((q) => {
-            q.dark = !q.dark;
+        return update(($quaff) => {
+            $quaff.dark = !$quaff.dark;
+            const mode = $quaff.dark
+                ? {
+                    from: "light",
+                    to: "dark",
+                }
+                : {
+                    from: "dark",
+                    to: "light",
+                };
             let body = document.querySelector("body");
-            if (q.dark === true) {
-                body && body.classList.replace("light", "dark");
+            if (body) {
+                body.classList.replace(`body--${mode.from}`, `body--${mode.to}`);
             }
-            else {
-                body && body.classList.replace("dark", "light");
-            }
-            let mode = q.dark === true ? "dark" : "light";
-            document.cookie = `current_mode=${mode}; max-age=31536000; path="/"; SameSite=strict`;
-            return q;
+            document.cookie = `current_mode=${mode.to}; max-age=31536000; path="/"; SameSite=strict`;
+            return $quaff;
         });
     };
     const setDarkMode = (newVal) => {
-        return update((q) => {
-            q.dark = newVal;
-            return q;
+        return update(($quaff) => {
+            $quaff.dark = newVal;
+            return $quaff;
         });
     };
     return {

package/dist/utils/props.d.ts

@@ -2,7 +2,7 @@ export declare function createStyles(styleObj: Record<string, string | number |
 interface CreateClassesOptions {
     component?: string;
     element?: string;
-    userClasses?: string;
+    userClasses?: string | null;
     quaffClasses?: any[];
 }
 export declare function createClasses(modifiers: any[], options?: CreateClassesOptions): string;

package/dist/utils/types.d.ts

@@ -1,6 +1,6 @@
 export interface NativeProps {
-    userClasses?: string;
-    userStyles?: string;
+    userClasses?: string | null;
+    userStyles?: string | null;
 }
 export declare const NativePropsDefaults: NativeProps;
 export type QuaffSizes = "xs" | "sm" | "md" | "lg" | "xl";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quaffui/quaff",
-  "version": "0.1.0-prealpha11",
+  "version": "0.1.0-prealpha12",
   "scripts": {
     "dev": "vite dev",
     "open": "vite dev --open",