@quaffui/quaff 0.1.0-prealpha14 → 0.1.0-prealpha15

package/dist/components/toggle/QToggle.svelte

@@ -1,15 +1,5 @@
-<script>import { createClasses } from "../../utils";
-export let value, icon = void 0, label = void 0, leftLabel = void 0, disable = void 0, userClasses = void 0;
+<script>export let value, icon = void 0, label = void 0, leftLabel = void 0, disable = void 0, userClasses = "";
 export { userClasses as class };
-$:
-  classes = createClasses([leftLabel && "reversed", disable && "disabled", userClasses], {
-    component: "q-toggle",
-    userClasses
-  });
-$:
-  classesInner = createClasses([icon && "icon"], {
-    component: "q-toggle__inner"
-  });
 function toggle() {
   if (disable !== true) {
     value = !value;
@@ -19,15 +9,17 @@ function toggle() {
 
 <div
   on:click={toggle}
-  class={classes}
-  aria-disabled={disable}
+  class="q-toggle {userClasses}"
+  class:q-toggle--reversed={leftLabel}
+  class:q-toggle--disabled={disable}
+  aria-disabled={disable || undefined}
   role="switch"
   aria-checked={value}
   tabindex="0"
   {...$$restProps}
 >
-  <label class={classesInner}>
-    <input bind:checked={value} type="checkbox" disabled={disable} />
+  <label class="q-toggle__inner" class:q-toggle__inner--icon={icon}>
+    <input bind:checked={value} type="checkbox" disabled={disable || undefined} />
     <span>
       {#if icon}
         <i>{icon}</i>

package/dist/components/toggle/docs.props.js

@@ -1,3 +1,5 @@
+// AUTO GENERATED FILE - DO NOT MODIFY OR DELETE
+// @quaffHash ace8c9aeca6b2affbd44ebe6a8219105
 export const QToggleDocsProps = [
     {
         name: "value",

package/dist/components/toolbar/QToolbar.svelte

@@ -1,22 +1,18 @@
-<script>import { useSize } from "../../composables";
-import { createClasses, createStyles } from "../../utils";
-export let inset = false, border = false, elevate = false, height = "64px", userClasses = void 0, userStyles = void 0;
-export { userClasses as class, userStyles as style };
+<script>export let inset = false, border = false, elevate = false, height = "64px", userClasses = "";
+export { userClasses as class };
 $:
-  classes = createClasses([inset && "inset", elevate && "elevated", border && "bordered"], {
-    component: "q-toolbar",
-    userClasses
-  });
-$:
-  style = createStyles(
-    {
-      height: !userClasses?.includes("q-header") && useSize(height).style
-    },
-    userStyles
-  );
+  dynamicHeight = !userClasses?.includes("q-header") ? height : void 0;
 </script>
 
-<header class={classes} role="toolbar" {...$$restProps} {style}>
+<header
+  class="q-toolbar {userClasses}"
+  class:q-toolbar--inset={inset}
+  class:q-toolbar--elevated={elevate}
+  class:q-toolbar--bordered={border}
+  role="toolbar"
+  style:height={dynamicHeight}
+  {...$$restProps}
+>
   <nav>
     <slot />
   </nav>

package/dist/components/toolbar/QToolbar.svelte.d.ts

@@ -8,7 +8,6 @@ declare const __propDef: {
         elevate?: QToolbarProps["elevate"];
         height?: QToolbarProps["height"];
         class?: string | null | undefined;
-        style?: string | null | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/toolbar/docs.props.js

@@ -1,3 +1,5 @@
+// AUTO GENERATED FILE - DO NOT MODIFY OR DELETE
+// @quaffHash ff59611542258810d9f769e875972d2a
 export const QToolbarDocsProps = [
     {
         name: "inset",

package/dist/components/tooltip/QTooltip.svelte

@@ -1,13 +1,15 @@
-<script>import { createClasses } from "../../utils";
-export let value = void 0, position = "bottom", userClasses = "";
+<script>export let value = void 0, position = "bottom", userClasses = "";
 export { userClasses as class };
-$:
-  classes = createClasses([value && "active", position || "top"], {
-    component: "q-tooltip",
-    userClasses
-  });
 </script>
 
-<div class={classes} {...$$restProps}>
+<div
+  class="q-tooltip {userClasses}"
+  class:q-tooltip--top={position === "top"}
+  class:q-tooltip--right={position === "right"}
+  class:q-tooltip--bottom={position === "bottom"}
+  class:q-tooltip--left={position === "left"}
+  class:q-tooltip--active={value}
+  {...$$restProps}
+>
   <slot />
 </div>

package/dist/components/tooltip/docs.props.js

@@ -1,3 +1,5 @@
+// AUTO GENERATED FILE - DO NOT MODIFY OR DELETE
+// @quaffHash 7dbd449feacad30b81776c0962accee1
 export const QTooltipDocsProps = [
     {
         name: "value",

package/dist/components/tooltip/index.scss

@@ -4,6 +4,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  cursor: auto;
   gap: 0.5rem;
   background-color: var(--inverse-surface);
   color: var(--inverse-on-surface);