@quaffui/quaff 0.1.0-prealpha2 → 0.1.0-prealpha3

package/dist/components/avatar/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QAvatarDocs: QComponentDocs;

package/dist/components/avatar/index.scss

@@ -3,7 +3,10 @@
   object-fit: cover;
   object-position: center;
   aspect-ratio: 1;
-  transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding;
+  transition:
+    var(--speed3) transform,
+    var(--speed3) border-radius,
+    var(--speed3) padding;
   border-radius: 0;
 
   display: flex;

package/dist/components/breadcrumbs/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QBreadcrumbsDocs: QComponentDocs;

package/dist/components/button/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QBtnDocs: QComponentDocs;

package/dist/components/button/index.scss

@@ -18,7 +18,10 @@
   background-color: var(--primary);
   margin: 0 0.5rem;
   border-radius: 1.25rem;
-  transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding;
+  transition:
+    var(--speed3) transform,
+    var(--speed3) border-radius,
+    var(--speed3) padding;
   user-select: none;
   gap: 1rem;
   line-height: normal;

package/dist/components/button/props.d.ts

@@ -1,4 +1,4 @@
-import type { NativeProps } from "$utils/types";
+import type { NativeProps } from "../../utils/types";
 export type QBtnSizeOptions = "sm" | "md" | "lg" | "xl";
 export interface QBtnProps extends NativeProps {
     /**

package/dist/components/card/QCard.svelte

@@ -1,4 +1,4 @@
-<script>import { createClasses } from "$utils/props";
+<script>import { createClasses } from "../../utils/props";
 export let bordered = false, fill = void 0, flat = false, round = false, title = void 0, userClasses = void 0;
 export { userClasses as class };
 const colorOptions = ["primary", "secondary", "tertiary"];

package/dist/components/card/QCardActions.svelte

@@ -1,5 +1,5 @@
 <script>import useAlign from "../../composables/use-align";
-import { createClasses } from "$utils/props";
+import { createClasses } from "../../utils/props";
 export let align = void 0, vertical = false, userClasses = void 0;
 export { userClasses as class };
 $:

package/dist/components/card/QCardSection.svelte

@@ -1,4 +1,4 @@
-<script>import { createClasses } from "$utils/props";
+<script>import { createClasses } from "../../utils/props";
 export let horizontal = false, userClasses = void 0;
 export { userClasses as class };
 $:

package/dist/components/card/index.scss

@@ -2,7 +2,10 @@
 .q-card {
   display: block;
   border-radius: 0.75rem;
-  transition: var(--speed-3) transform, var(--speed-3) padding, var(--speed-3) border-radius;
+  transition:
+    var(--speed-3) transform,
+    var(--speed-3) padding,
+    var(--speed-3) border-radius;
   @include padding("a", "md");
   @extend .elevate-sm-bottom;
 

package/dist/components/chip/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QChipDocs: QComponentDocs;

package/dist/components/chip/index.scss

@@ -12,7 +12,10 @@
   color: var(--on-secondary);
   text-transform: none;
   border-radius: 0.5em;
-  transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding;
+  transition:
+    var(--speed3) transform,
+    var(--speed3) border-radius,
+    var(--speed3) padding;
   line-height: normal;
   text-decoration: none;
   cursor: pointer;

package/dist/components/dialog/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QDialogDocs: QComponentDocs;

package/dist/components/drawer/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QDrawerDocs: QComponentDocs;

package/dist/components/drawer/index.scss

@@ -6,7 +6,9 @@
   bottom: 0;
   left: auto;
   height: 100%;
-  transition: all var(--speed3), background-color 0s;
+  transition:
+    all var(--speed3),
+    background-color 0s;
   overflow: auto;
   padding: 8px;
 

package/dist/components/footer/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QFooterDocs: QComponentDocs;

package/dist/components/icon/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QIconDocs: QComponentDocs;

package/dist/components/input/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QInputDocs: QComponentDocs;

package/dist/components/input/props.d.ts

@@ -1,4 +1,4 @@
-import type { NativeProps } from "$utils/types";
+import type { NativeProps } from "../../utils/types";
 export interface QInputProps extends NativeProps {
     bordered: boolean;
     dense?: boolean;

package/dist/components/layout/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QLayoutDocs: QComponentDocs;

package/dist/components/layout/index.scss

@@ -140,7 +140,10 @@
       background-color: var(--secondary-container);
       color: var(--on-secondary-container);
       padding: 0 1rem;
-      font-variation-settings: "FILL" 1, "wght" 400, "opsz" 24;
+      font-variation-settings:
+        "FILL" 1,
+        "wght" 400,
+        "opsz" 24;
     }
   }
 }

package/dist/components/private/QApi.svelte

@@ -11,7 +11,7 @@ import {
   QDrawer,
   QCodeBlock
 } from "../..";
-import Types from "$utils/types.json";
+import Types from "../../utils/types.json";
 export let QComponentDocs;
 let api = QComponentDocs.map((_doc) => "props");
 let drawer = Object.fromEntries(

package/dist/components/private/QDocs.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 declare const __propDef: {
     props: {
         QComponentDocs: QComponentDocs | QComponentDocs[];

package/dist/components/progress/props.d.ts

@@ -1,4 +1,4 @@
-import { type NativeProps } from "$utils/types";
+import { type NativeProps } from "../../utils/types";
 export interface QLinearProgressProps extends NativeProps {
     value: number;
     from: "left" | "right";

package/dist/components/progress/props.js

@@ -1,4 +1,4 @@
-import { NativePropsDefaults } from "$utils/types";
+import { NativePropsDefaults } from "../../utils/types";
 export const QLinearProgressPropsDefaults = {
     value: 0,
     from: "left",

package/dist/components/radio/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QRadioDocs: QComponentDocs;

package/dist/components/select/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QSelectDocs: QComponentDocs;

package/dist/components/select/index.scss

@@ -14,13 +14,19 @@
     opacity: 0;
     visibility: hidden;
     transform: scale(0.8) translateY(120%);
-    transition: opacity var(--speed2), transform var(--speed2), visibility 0s var(--speed2);
+    transition:
+      opacity var(--speed2),
+      transform var(--speed2),
+      visibility 0s var(--speed2);
 
     &--active {
       opacity: 1;
       visibility: visible;
       transform: scale(1) translateY(100%);
-      transition: opacity var(--speed2), transform var(--speed2), visibility 0s 0s;
+      transition:
+        opacity var(--speed2),
+        transform var(--speed2),
+        visibility 0s 0s;
     }
   }
 

package/dist/components/select/props.d.ts

@@ -1,4 +1,4 @@
-import { type NativeProps } from "$utils/types";
+import { type NativeProps } from "../../utils/types";
 export type QSelectOption = string | {
     label: string;
     value: string;

package/dist/components/separator/QSeparator.svelte

@@ -1,4 +1,4 @@
-<script>import { createClasses, createStyles } from "$utils/props";
+<script>import { createClasses, createStyles } from "../../utils/props";
 export let spacing = "none", inset = false, vertical = false, color = void 0, size = "1px", text = void 0, textAlign = vertical === true ? "middle" : "center", userClasses = void 0, userStyles = void 0;
 export { userClasses as class };
 export { userStyles as style };

package/dist/components/separator/props.d.ts

@@ -1,4 +1,4 @@
-import type { NativeProps } from "$utils/types";
+import type { NativeProps } from "../../utils/types";
 interface QSeparatorPropsVertical extends NativeProps {
     spacing: "none" | "sm" | "md" | "lg";
     inset: boolean;

package/dist/components/table/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QTableDocs: QComponentDocs;

package/dist/components/tabs/QTab.svelte

@@ -1,4 +1,4 @@
-<script>import { Quaff } from "$stores/Quaff";
+<script>import { Quaff } from "../../stores/Quaff";
 import { getContext, hasContext } from "svelte";
 import { createClasses } from "../../utils/props";
 import QIcon from "../icon/QIcon.svelte";

package/dist/components/toggle/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QToggleDocs: QComponentDocs;

package/dist/components/toggle/props.d.ts

@@ -1,4 +1,4 @@
-import { type NativeProps } from "$utils/types";
+import { type NativeProps } from "../../utils/types";
 export interface QToggleProps extends NativeProps {
     value?: boolean;
     label?: string;

package/dist/components/toggle/props.js

@@ -1,4 +1,4 @@
-import { NativePropsDefaults } from "$utils/types";
+import { NativePropsDefaults } from "../../utils/types";
 export const QTogglePropsDefaults = {
     value: false,
     label: undefined,

package/dist/css/mixins/field.scss

@@ -291,7 +291,9 @@
       left: 1rem;
       font-size: 1rem;
       transform: translateY(-50%);
-      transition: var(--speed2) all, 0s background-color;
+      transition:
+        var(--speed2) all,
+        0s background-color;
       z-index: 0;
     }
   }

package/dist/css/mixins/menu.scss

@@ -22,7 +22,9 @@
   text-align: left;
   border-radius: 0.25rem;
   transform: scale(0.8) translateY(120%);
-  transition: var(--speed2) all, 0s background-color;
+  transition:
+    var(--speed2) all,
+    0s background-color;
 
   &--active {
     opacity: 1;

package/dist/css/mixins.scss

@@ -77,7 +77,10 @@
 @mixin responsive($parent: null) {
   object-fit: cover;
   object-position: center;
-  transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding;
+  transition:
+    var(--speed3) transform,
+    var(--speed3) border-radius,
+    var(--speed3) padding;
   width: 100%;
   height: 100%;
 

package/dist/css/states.scss

@@ -2,8 +2,9 @@
 .disabled {
   opacity: 0.5;
   cursor: not-allowed;
-  
-  &::before, &::after {
+
+  &::before,
+  &::after {
     all: unset;
   }
 }

package/dist/index.d.ts

@@ -1 +1 @@
-export * from "$components";
+export * from "./components";

package/dist/index.js

@@ -1,2 +1,2 @@
 // Reexport your entry components here
-export * from "$components";
+export * from "./components";

package/package.json

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