@quaffui/quaff 0.1.0-prealpha2 → 0.1.0-prealpha4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/components/avatar/docs.d.ts +1 -1
  2. package/dist/components/avatar/index.scss +4 -1
  3. package/dist/components/avatar/props.js +1 -1
  4. package/dist/components/breadcrumbs/docs.d.ts +1 -1
  5. package/dist/components/button/docs.d.ts +1 -1
  6. package/dist/components/button/index.scss +4 -1
  7. package/dist/components/button/props.d.ts +1 -1
  8. package/dist/components/card/QCard.svelte +1 -1
  9. package/dist/components/card/QCardActions.svelte +1 -1
  10. package/dist/components/card/QCardSection.svelte +1 -1
  11. package/dist/components/card/index.scss +4 -1
  12. package/dist/components/chip/docs.d.ts +1 -1
  13. package/dist/components/chip/index.scss +4 -1
  14. package/dist/components/dialog/docs.d.ts +1 -1
  15. package/dist/components/drawer/docs.d.ts +1 -1
  16. package/dist/components/drawer/index.scss +3 -1
  17. package/dist/components/footer/docs.d.ts +1 -1
  18. package/dist/components/icon/docs.d.ts +1 -1
  19. package/dist/components/input/docs.d.ts +1 -1
  20. package/dist/components/input/props.d.ts +1 -1
  21. package/dist/components/layout/docs.d.ts +1 -1
  22. package/dist/components/layout/index.scss +4 -1
  23. package/dist/components/private/QApi.svelte +1 -1
  24. package/dist/components/private/QDocs.svelte.d.ts +1 -1
  25. package/dist/components/progress/props.d.ts +1 -1
  26. package/dist/components/progress/props.js +1 -1
  27. package/dist/components/radio/docs.d.ts +1 -1
  28. package/dist/components/select/docs.d.ts +1 -1
  29. package/dist/components/select/index.scss +8 -2
  30. package/dist/components/select/props.d.ts +1 -1
  31. package/dist/components/separator/QSeparator.svelte +1 -1
  32. package/dist/components/separator/props.d.ts +1 -1
  33. package/dist/components/table/docs.d.ts +1 -1
  34. package/dist/components/tabs/QTab.svelte +1 -1
  35. package/dist/components/toggle/docs.d.ts +1 -1
  36. package/dist/components/toggle/props.d.ts +1 -1
  37. package/dist/components/toggle/props.js +1 -1
  38. package/dist/composables/use-router-link.js +0 -1
  39. package/dist/css/mixins/field.scss +3 -1
  40. package/dist/css/mixins/menu.scss +3 -1
  41. package/dist/css/mixins.scss +4 -1
  42. package/dist/css/states.scss +3 -2
  43. package/dist/index.d.ts +1 -1
  44. package/dist/index.js +1 -1
  45. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QAvatarDocs: QComponentDocs;
@@ -3,7 +3,10 @@
3
3
  object-fit: cover;
4
4
  object-position: center;
5
5
  aspect-ratio: 1;
6
- transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding;
6
+ transition:
7
+ var(--speed3) transform,
8
+ var(--speed3) border-radius,
9
+ var(--speed3) padding;
7
10
  border-radius: 0;
8
11
 
9
12
  display: flex;
@@ -1 +1 @@
1
- import "$lib/utils/types";
1
+ export {};
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QBreadcrumbsDocs: QComponentDocs;
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QBtnDocs: QComponentDocs;
@@ -18,7 +18,10 @@
18
18
  background-color: var(--primary);
19
19
  margin: 0 0.5rem;
20
20
  border-radius: 1.25rem;
21
- transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding;
21
+ transition:
22
+ var(--speed3) transform,
23
+ var(--speed3) border-radius,
24
+ var(--speed3) padding;
22
25
  user-select: none;
23
26
  gap: 1rem;
24
27
  line-height: normal;
@@ -1,4 +1,4 @@
1
- import type { NativeProps } from "$utils/types";
1
+ import type { NativeProps } from "../../utils/types";
2
2
  export type QBtnSizeOptions = "sm" | "md" | "lg" | "xl";
3
3
  export interface QBtnProps extends NativeProps {
4
4
  /**
@@ -1,4 +1,4 @@
1
- <script>import { createClasses } from "$utils/props";
1
+ <script>import { createClasses } from "../../utils/props";
2
2
  export let bordered = false, fill = void 0, flat = false, round = false, title = void 0, userClasses = void 0;
3
3
  export { userClasses as class };
4
4
  const colorOptions = ["primary", "secondary", "tertiary"];
@@ -1,5 +1,5 @@
1
1
  <script>import useAlign from "../../composables/use-align";
2
- import { createClasses } from "$utils/props";
2
+ import { createClasses } from "../../utils/props";
3
3
  export let align = void 0, vertical = false, userClasses = void 0;
4
4
  export { userClasses as class };
5
5
  $:
@@ -1,4 +1,4 @@
1
- <script>import { createClasses } from "$utils/props";
1
+ <script>import { createClasses } from "../../utils/props";
2
2
  export let horizontal = false, userClasses = void 0;
3
3
  export { userClasses as class };
4
4
  $:
@@ -2,7 +2,10 @@
2
2
  .q-card {
3
3
  display: block;
4
4
  border-radius: 0.75rem;
5
- transition: var(--speed-3) transform, var(--speed-3) padding, var(--speed-3) border-radius;
5
+ transition:
6
+ var(--speed-3) transform,
7
+ var(--speed-3) padding,
8
+ var(--speed-3) border-radius;
6
9
  @include padding("a", "md");
7
10
  @extend .elevate-sm-bottom;
8
11
 
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QChipDocs: QComponentDocs;
@@ -12,7 +12,10 @@
12
12
  color: var(--on-secondary);
13
13
  text-transform: none;
14
14
  border-radius: 0.5em;
15
- transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding;
15
+ transition:
16
+ var(--speed3) transform,
17
+ var(--speed3) border-radius,
18
+ var(--speed3) padding;
16
19
  line-height: normal;
17
20
  text-decoration: none;
18
21
  cursor: pointer;
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QDialogDocs: QComponentDocs;
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QDrawerDocs: QComponentDocs;
@@ -6,7 +6,9 @@
6
6
  bottom: 0;
7
7
  left: auto;
8
8
  height: 100%;
9
- transition: all var(--speed3), background-color 0s;
9
+ transition:
10
+ all var(--speed3),
11
+ background-color 0s;
10
12
  overflow: auto;
11
13
  padding: 8px;
12
14
 
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QFooterDocs: QComponentDocs;
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QIconDocs: QComponentDocs;
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QInputDocs: QComponentDocs;
@@ -1,4 +1,4 @@
1
- import type { NativeProps } from "$utils/types";
1
+ import type { NativeProps } from "../../utils/types";
2
2
  export interface QInputProps extends NativeProps {
3
3
  bordered: boolean;
4
4
  dense?: boolean;
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QLayoutDocs: QComponentDocs;
@@ -140,7 +140,10 @@
140
140
  background-color: var(--secondary-container);
141
141
  color: var(--on-secondary-container);
142
142
  padding: 0 1rem;
143
- font-variation-settings: "FILL" 1, "wght" 400, "opsz" 24;
143
+ font-variation-settings:
144
+ "FILL" 1,
145
+ "wght" 400,
146
+ "opsz" 24;
144
147
  }
145
148
  }
146
149
  }
@@ -11,7 +11,7 @@ import {
11
11
  QDrawer,
12
12
  QCodeBlock
13
13
  } from "../..";
14
- import Types from "$utils/types.json";
14
+ import Types from "../../utils/types.json";
15
15
  export let QComponentDocs;
16
16
  let api = QComponentDocs.map((_doc) => "props");
17
17
  let drawer = Object.fromEntries(
@@ -1,5 +1,5 @@
1
1
  import { SvelteComponent } from "svelte";
2
- import type { QComponentDocs } from "$utils/types";
2
+ import type { QComponentDocs } from "../../utils/types";
3
3
  declare const __propDef: {
4
4
  props: {
5
5
  QComponentDocs: QComponentDocs | QComponentDocs[];
@@ -1,4 +1,4 @@
1
- import { type NativeProps } from "$utils/types";
1
+ import { type NativeProps } from "../../utils/types";
2
2
  export interface QLinearProgressProps extends NativeProps {
3
3
  value: number;
4
4
  from: "left" | "right";
@@ -1,4 +1,4 @@
1
- import { NativePropsDefaults } from "$utils/types";
1
+ import { NativePropsDefaults } from "../../utils/types";
2
2
  export const QLinearProgressPropsDefaults = {
3
3
  value: 0,
4
4
  from: "left",
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QRadioDocs: QComponentDocs;
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QSelectDocs: QComponentDocs;
@@ -14,13 +14,19 @@
14
14
  opacity: 0;
15
15
  visibility: hidden;
16
16
  transform: scale(0.8) translateY(120%);
17
- transition: opacity var(--speed2), transform var(--speed2), visibility 0s var(--speed2);
17
+ transition:
18
+ opacity var(--speed2),
19
+ transform var(--speed2),
20
+ visibility 0s var(--speed2);
18
21
 
19
22
  &--active {
20
23
  opacity: 1;
21
24
  visibility: visible;
22
25
  transform: scale(1) translateY(100%);
23
- transition: opacity var(--speed2), transform var(--speed2), visibility 0s 0s;
26
+ transition:
27
+ opacity var(--speed2),
28
+ transform var(--speed2),
29
+ visibility 0s 0s;
24
30
  }
25
31
  }
26
32
 
@@ -1,4 +1,4 @@
1
- import { type NativeProps } from "$utils/types";
1
+ import { type NativeProps } from "../../utils/types";
2
2
  export type QSelectOption = string | {
3
3
  label: string;
4
4
  value: string;
@@ -1,4 +1,4 @@
1
- <script>import { createClasses, createStyles } from "$utils/props";
1
+ <script>import { createClasses, createStyles } from "../../utils/props";
2
2
  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;
3
3
  export { userClasses as class };
4
4
  export { userStyles as style };
@@ -1,4 +1,4 @@
1
- import type { NativeProps } from "$utils/types";
1
+ import type { NativeProps } from "../../utils/types";
2
2
  interface QSeparatorPropsVertical extends NativeProps {
3
3
  spacing: "none" | "sm" | "md" | "lg";
4
4
  inset: boolean;
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QTableDocs: QComponentDocs;
@@ -1,4 +1,4 @@
1
- <script>import { Quaff } from "$stores/Quaff";
1
+ <script>import { Quaff } from "../../stores/Quaff";
2
2
  import { getContext, hasContext } from "svelte";
3
3
  import { createClasses } from "../../utils/props";
4
4
  import QIcon from "../icon/QIcon.svelte";
@@ -1,2 +1,2 @@
1
- import type { QComponentDocs } from "$utils/types";
1
+ import type { QComponentDocs } from "../../utils/types";
2
2
  export declare let QToggleDocs: QComponentDocs;
@@ -1,4 +1,4 @@
1
- import { type NativeProps } from "$utils/types";
1
+ import { type NativeProps } from "../../utils/types";
2
2
  export interface QToggleProps extends NativeProps {
3
3
  value?: boolean;
4
4
  label?: string;
@@ -1,4 +1,4 @@
1
- import { NativePropsDefaults } from "$utils/types";
1
+ import { NativePropsDefaults } from "../../utils/types";
2
2
  export const QTogglePropsDefaults = {
3
3
  value: false,
4
4
  label: undefined,
@@ -1,5 +1,4 @@
1
1
  import { createClasses } from "../utils/props";
2
- import "$lib/stores/Quaff";
3
2
  export const UseRouterLinkPropsDefaults = {
4
3
  href: undefined,
5
4
  to: undefined,
@@ -291,7 +291,9 @@
291
291
  left: 1rem;
292
292
  font-size: 1rem;
293
293
  transform: translateY(-50%);
294
- transition: var(--speed2) all, 0s background-color;
294
+ transition:
295
+ var(--speed2) all,
296
+ 0s background-color;
295
297
  z-index: 0;
296
298
  }
297
299
  }
@@ -22,7 +22,9 @@
22
22
  text-align: left;
23
23
  border-radius: 0.25rem;
24
24
  transform: scale(0.8) translateY(120%);
25
- transition: var(--speed2) all, 0s background-color;
25
+ transition:
26
+ var(--speed2) all,
27
+ 0s background-color;
26
28
 
27
29
  &--active {
28
30
  opacity: 1;
@@ -77,7 +77,10 @@
77
77
  @mixin responsive($parent: null) {
78
78
  object-fit: cover;
79
79
  object-position: center;
80
- transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding;
80
+ transition:
81
+ var(--speed3) transform,
82
+ var(--speed3) border-radius,
83
+ var(--speed3) padding;
81
84
  width: 100%;
82
85
  height: 100%;
83
86
 
@@ -2,8 +2,9 @@
2
2
  .disabled {
3
3
  opacity: 0.5;
4
4
  cursor: not-allowed;
5
-
6
- &::before, &::after {
5
+
6
+ &::before,
7
+ &::after {
7
8
  all: unset;
8
9
  }
9
10
  }
package/dist/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "$components";
1
+ export * from "./components";
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  // Reexport your entry components here
2
- export * from "$components";
2
+ export * from "./components";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quaffui/quaff",
3
- "version": "0.1.0-prealpha2",
3
+ "version": "0.1.0-prealpha4",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "open": "vite dev --open",