@quidgest/ui 0.14.4 → 0.14.5

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.
package/dist/ui.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Quidgest UI v0.14.4
2
+ * Quidgest UI v0.14.5
3
3
  * (c) 2024 Quidgest - Consultores de Gestão, S.A.
4
4
  * Released under the MIT License.
5
5
  */
@@ -497,6 +497,144 @@ $button-text-on-plain: var(--q-theme-on-background);
497
497
  }
498
498
  }
499
499
  }
500
+ .q-card {
501
+ --card-base-padding: 1rem;
502
+ --card-padding: 1rem;
503
+ --card-border: 1px solid #{$border};
504
+ --card-width: fit-content;
505
+ --card-hover: 0 5px 15px rgb(var(--q-theme-neutral-rgb) / 0.25);
506
+ --card-scale: 1;
507
+ --card-shadow: none;
508
+ --card-background: var(--q-theme-container);
509
+ min-height: 5rem;
510
+ min-width: 7rem;
511
+ border: var(--card-border);
512
+ border-radius: $border-radius;
513
+ background-color: var(--card-background);
514
+ width: var(--card-width);
515
+ overflow: hidden;
516
+ display: flex;
517
+ flex-direction: column;
518
+ box-shadow: var(--card-shadow);
519
+ transform: scale(var(--card-scale));
520
+ transition:
521
+ box-shadow 0.2s ease-in-out,
522
+ transform 0.2s cubic-bezier(0.155, 1.105, 0.295, 1.12);
523
+ &__header {
524
+ display: flex;
525
+ flex: 1;
526
+ flex-direction: column;
527
+ padding-bottom: var(--card-base-padding);
528
+ }
529
+ &__header-content {
530
+ display: flex;
531
+ gap: 0.5rem;
532
+ padding: var(--card-padding);
533
+ padding-top: var(--card-base-padding);
534
+ padding-bottom: 0;
535
+ }
536
+ &__header-text {
537
+ display: flex;
538
+ flex-direction: column;
539
+ flex: 1;
540
+ }
541
+ &__title {
542
+ width: 100%;
543
+ margin: 0;
544
+ font-size: 1.05rem;
545
+ line-height: 1rem;
546
+ letter-spacing: 0.02rem;
547
+ font-weight: 600;
548
+ }
549
+ &__subtitle {
550
+ width: 100%;
551
+ margin: 0;
552
+ font-size: 0.75rem;
553
+ color: var(--q-theme-neutral);
554
+ padding-top: 0.3rem;
555
+ }
556
+ &__content {
557
+ padding: var(--card-padding);
558
+ padding-top: 0;
559
+ padding-bottom: var(--card-base-padding);
560
+ display: flex;
561
+ }
562
+
563
+ &--elevation-low {
564
+ --card-shadow: 0 4px 6px rgb(var(--q-theme-neutral-dark-rgb) / 0.15);
565
+ }
566
+ &--elevation-medium {
567
+ --card-shadow: 0 6px 9px rgb(var(--q-theme-neutral-dark-rgb) / 0.2);
568
+ }
569
+ &--elevation-high {
570
+ --card-shadow: 0 8px 12px rgb(var(--q-theme-neutral-dark-rgb) / 0.25);
571
+ }
572
+ &--background {
573
+ --card-background: rgb(var(--q-theme-primary-light-rgb) / 0.5);
574
+ .q-field__control {
575
+ background-color: var(--q-theme-container);
576
+ }
577
+ }
578
+ &--title-background {
579
+ .q-card__header-content {
580
+ background-color: rgb(var(--q-theme-neutral-light-rgb) / 0.25);
581
+ padding-bottom: 0.75rem;
582
+ }
583
+ .q-card__title {
584
+ color: var(--q-theme-neutral-dark);
585
+ font-size: 1.1rem;
586
+ letter-spacing: unset;
587
+ text-transform: unset;
588
+ font-weight: $font-weight-bold;
589
+ }
590
+ }
591
+ &--minor {
592
+ .q-card__title {
593
+ font-size: 0.9rem;
594
+ text-transform: unset;
595
+ font-weight: 600;
596
+ color: var(--q-theme-neutral);
597
+ }
598
+ .q-card__subtitle {
599
+ font-size: 0.75rem;
600
+ color: rgb(var(--q-theme-neutral-rgb) / 0.8);
601
+ }
602
+ }
603
+
604
+ &--borderless {
605
+ --card-border: 1px solid transparent;
606
+ }
607
+ &--clickable {
608
+ text-decoration: none;
609
+ color: inherit;
610
+ &:not(.q-card--disabled) {
611
+ cursor: pointer;
612
+ &:hover {
613
+ --card-scale: 1.01;
614
+ --card-shadow: var(--card-hover);
615
+ }
616
+ }
617
+ }
618
+
619
+ &--loading {
620
+ padding: 3rem 5rem;
621
+ justify-content: center;
622
+ align-items: center;
623
+ }
624
+
625
+ @mixin card-width($width, $multiplier: 1) {
626
+ &--#{$width} {
627
+ --card-width: calc(#{$multiplier} * 5em + #{$multiplier - 1} * #{$space-base});
628
+ }
629
+ }
630
+ @include card-width(medium, 3);
631
+ @include card-width(large, 4);
632
+ @include card-width(xlarge, 6);
633
+ @include card-width(xxlarge, 8);
634
+ &--block {
635
+ --card-width: 100%;
636
+ }
637
+ }
500
638
  .q-checkbox {
501
639
  $this: &;
502
640
  --box-size: 1.15rem;
@@ -0,0 +1,34 @@
1
+ import { QCardProps } from './types';
2
+ declare function __VLS_template(): {
3
+ slots: {
4
+ header?(_: {}): any;
5
+ "header.prepend"?(_: {}): any;
6
+ "header.content.prepend"?(_: {}): any;
7
+ title?(_: {}): any;
8
+ subtitle?(_: {}): any;
9
+ "header.content.append"?(_: {}): any;
10
+ "header.append"?(_: {}): any;
11
+ default?(_: {}): any;
12
+ footer?(_: {}): any;
13
+ };
14
+ refs: {};
15
+ attrs: Partial<{}>;
16
+ };
17
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
18
+ declare const __VLS_component: import('vue').DefineComponent<QCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QCardProps> & Readonly<{}>, {
19
+ title: string;
20
+ variant: "default" | "background" | "title-background" | "minor";
21
+ id: string;
22
+ subtitle: string;
23
+ href: string;
24
+ elevation: "none" | "low" | "medium" | "high";
25
+ width: import('./types').QCardWidth;
26
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
27
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
28
+ export default _default;
29
+ type __VLS_WithTemplateSlots<T, S> = T & {
30
+ new (): {
31
+ $slots: S;
32
+ };
33
+ };
34
+ //# sourceMappingURL=QCard.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/QCard.vue"],"names":[],"mappings":"AAsIC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAiE1C,iBAAS,cAAc;;wBAwGM,GAAG;kCACO,GAAG;0CACK,GAAG;uBACtB,GAAG;0BACA,GAAG;yCACY,GAAG;iCACX,GAAG;yBACX,GAAG;wBACJ,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -0,0 +1,132 @@
1
+ import { defineComponent as q, useAttrs as y, computed as d, openBlock as o, createBlock as u, resolveDynamicComponent as C, unref as v, normalizeClass as T, withCtx as D, createElementBlock as l, Fragment as i, createCommentVNode as s, createElementVNode as r, renderSlot as a, createTextVNode as p, toDisplayString as f } from "vue";
2
+ import { QSpinnerLoader as N } from "../QSpinnerLoader/index.js";
3
+ import { useId as g } from "../../composables/uid.js";
4
+ const B = { class: "q-card__header" }, A = {
5
+ key: 0,
6
+ class: "q-card__header-content"
7
+ }, R = { class: "q-card__header-text" }, w = {
8
+ key: 0,
9
+ class: "q-card__title",
10
+ role: "cell"
11
+ }, P = {
12
+ key: 1,
13
+ class: "q-card__subtitle",
14
+ role: "cell"
15
+ }, H = { class: "q-card__content" }, I = {
16
+ key: 0,
17
+ class: "q-card__footer"
18
+ }, V = /* @__PURE__ */ q({
19
+ __name: "QCard",
20
+ props: {
21
+ id: { default: void 0 },
22
+ title: { default: void 0 },
23
+ subtitle: { default: void 0 },
24
+ href: { default: void 0 },
25
+ disabled: { type: Boolean },
26
+ loading: { type: Boolean },
27
+ borderless: { type: Boolean },
28
+ variant: { default: "default" },
29
+ elevation: { default: "none" },
30
+ width: { default: void 0 }
31
+ },
32
+ setup(h) {
33
+ const e = h, $ = y(), m = g(e.id), b = d(() => {
34
+ const t = e.width ? `q-card--${e.width}` : void 0, c = e.variant && e.variant !== "default" ? `q-card--${e.variant}` : void 0, _ = e.elevation && e.elevation !== "none" ? `q-card--elevation-${e.elevation}` : void 0;
35
+ return [
36
+ "q-card",
37
+ t,
38
+ c,
39
+ _,
40
+ {
41
+ "q-card--clickable": E.value,
42
+ "q-card--loading": e.loading,
43
+ "q-card--borderless": e.borderless,
44
+ "q-card--disabled": e.disabled
45
+ }
46
+ ];
47
+ }), E = d(() => !!$.onClick || e.href), n = d(() => e.disabled || e.loading), k = (t) => {
48
+ n.value && t.stopImmediatePropagation();
49
+ };
50
+ return (t, c) => (o(), u(C(e.href ? "a" : "div"), {
51
+ id: v(m),
52
+ class: T([...b.value, t.$attrs.class]),
53
+ href: e.href && !n.value ? e.href : void 0,
54
+ onClick: k
55
+ }, {
56
+ default: D(() => [
57
+ e.loading ? (o(), u(v(N), {
58
+ key: 0,
59
+ size: 36
60
+ })) : (o(), l(
61
+ i,
62
+ { key: 1 },
63
+ [
64
+ s(" HEADER "),
65
+ r("div", B, [
66
+ a(t.$slots, "header", {}, () => [
67
+ s(" HEADER: PREPEND "),
68
+ a(t.$slots, "header.prepend"),
69
+ s(" HEADER CONTENT "),
70
+ t.$slots.title || e.title || t.$slots.subtitle || e.subtitle ? (o(), l("div", A, [
71
+ a(t.$slots, "header.content.prepend"),
72
+ r("div", R, [
73
+ s(" TITLE "),
74
+ t.$slots.title || e.title ? (o(), l("p", w, [
75
+ t.$slots.title ? a(t.$slots, "title", { key: 0 }) : (o(), l(
76
+ i,
77
+ { key: 1 },
78
+ [
79
+ p(
80
+ f(t.$props.title),
81
+ 1
82
+ /* TEXT */
83
+ )
84
+ ],
85
+ 64
86
+ /* STABLE_FRAGMENT */
87
+ ))
88
+ ])) : s("v-if", !0),
89
+ s(" SUBTITLE "),
90
+ t.$slots.subtitle || e.subtitle ? (o(), l("p", P, [
91
+ t.$slots.subtitle ? a(t.$slots, "subtitle", { key: 0 }) : (o(), l(
92
+ i,
93
+ { key: 1 },
94
+ [
95
+ p(
96
+ f(t.$props.subtitle),
97
+ 1
98
+ /* TEXT */
99
+ )
100
+ ],
101
+ 64
102
+ /* STABLE_FRAGMENT */
103
+ ))
104
+ ])) : s("v-if", !0)
105
+ ]),
106
+ a(t.$slots, "header.content.append")
107
+ ])) : s("v-if", !0),
108
+ s(" HEADER: APPEND "),
109
+ a(t.$slots, "header.append")
110
+ ])
111
+ ]),
112
+ s(" CONTENT "),
113
+ r("div", H, [
114
+ a(t.$slots, "default")
115
+ ]),
116
+ s(" FOOTER "),
117
+ t.$slots.footer ? (o(), l("div", I, [
118
+ a(t.$slots, "footer")
119
+ ])) : s("v-if", !0)
120
+ ],
121
+ 64
122
+ /* STABLE_FRAGMENT */
123
+ ))
124
+ ]),
125
+ _: 3
126
+ /* FORWARDED */
127
+ }, 8, ["id", "class", "href"]));
128
+ }
129
+ });
130
+ export {
131
+ V as default
132
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./QCard.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,6 @@
1
+ import { default as _QCard } from './QCard';
2
+ import { QCardProps } from './types';
3
+ declare const QCard: typeof _QCard;
4
+ export { QCard };
5
+ export type { QCardProps };
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/index.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,aAAa,CAAA;AAGhC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAKzC,QAAA,MAAM,KAAK,EAA8B,OAAO,MAAM,CAAA;AAGtD,OAAO,EAAE,KAAK,EAAE,CAAA;AAGhB,YAAY,EAAE,UAAU,EAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ import o from "./QCard.vue.js";
2
+ import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
3
+ const t = r(o);
4
+ export {
5
+ t as QCard
6
+ };
@@ -0,0 +1,44 @@
1
+ export type QCardWidth = 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'block';
2
+ export type QCardProps = {
3
+ /**
4
+ * The card unique identifier.
5
+ */
6
+ id?: string;
7
+ /**
8
+ * The title of the card.
9
+ */
10
+ title?: string;
11
+ /**
12
+ * The subtitle of the card.
13
+ */
14
+ subtitle?: string;
15
+ /**
16
+ * The card becomes an anchor with the href prop.
17
+ */
18
+ href?: string;
19
+ /**
20
+ * The disabled prop can be added in order to prevent a user from interacting with the card.
21
+ */
22
+ disabled?: boolean;
23
+ /**
24
+ * If true, the card is loading and shows a loader.
25
+ */
26
+ loading?: boolean;
27
+ /**
28
+ * If true, the card has no borders.
29
+ */
30
+ borderless?: boolean;
31
+ /**
32
+ * The styling variant of the card.
33
+ */
34
+ variant?: 'default' | 'background' | 'title-background' | 'minor';
35
+ /**
36
+ * The elevation provides levels of shadow depth.
37
+ */
38
+ elevation?: 'none' | 'low' | 'medium' | 'high';
39
+ /**
40
+ * The width of the card
41
+ */
42
+ width?: QCardWidth;
43
+ };
44
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5E,MAAM,MAAM,UAAU,GAAG;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,kBAAkB,GAAG,OAAO,CAAA;IAEjE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IAE9C;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"QCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/QCombobox.vue"],"names":[],"mappings":"AAwlBC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAIlD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,EAAY,QAAQ,EAAyB,MAAM,KAAK,CAAA;AAIhE,QAAA,IAAI,eAAe,EAAG,cAAc,CAAC;AA4drC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,OAAO,eAAe,CAAC;AAM3B,iBAAS,cAAc;;iCAoSe,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAlZS,GAC/C,8CAIG,GAAG,yBAAyB,GAAG,6DAE7B,GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAR+C,GAC/C,8CAIG,GAAG,yBAAyB,GAAG,6DAE7B,GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAR+C,GAC/C,8CAIG,GAAG,yBAAyB,GAAG,6DAE7B,GACL;;;;;;;;;;;;;;;;;;;;;;;;;WAuZa,OAAO,IAA6B;EAEjD;AAyCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA3c2B,GAC/C,8CAIG,GAAG,yBAAyB,GAAG,6DAE7B,GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAR+C,GAC/C,8CAIG,GAAG,yBAAyB,GAAG,6DAE7B,GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAidC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/QCombobox.vue"],"names":[],"mappings":"AAwlBC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAIlD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,EAAY,QAAQ,EAAyB,MAAM,KAAK,CAAA;AAIhE,QAAA,IAAI,eAAe,EAAG,cAAc,CAAC;AA4drC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,OAAO,eAAe,CAAC;AAM3B,iBAAS,cAAc;;iCAoSe,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAlZO,GAAG,8CAK/C,GAAG,yBAAyB,GAAG,6DAE7B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAPuC,GAAG,8CAK/C,GAAG,yBAAyB,GAAG,6DAE7B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAPuC,GAAG,8CAK/C,GAAG,yBAAyB,GAAG,6DAE7B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;WAwZO,OAAO,IAA6B;EAEjD;AAyCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA3cyB,GAAG,8CAK/C,GAAG,yBAAyB,GAAG,6DAE7B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAPuC,GAAG,8CAK/C,GAAG,yBAAyB,GAAG,6DAE7B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAkdL,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAmVC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAIlD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,EAAY,QAAQ,EAAc,MAAM,KAAK,CAAA;AAIrD,QAAA,IAAI,eAAe,EAAG,YAAY,CAAC;AAkNnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;yBA6QO,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAhCF,GAAG,8CACR,GAAG,yBAAyB,GAAG,6DAE/D,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHmC,GAAG,8CACR,GAAG,yBAAyB,GAAG,6DAE/D,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;WAyCY,OAAO,IAA6B;EAEjD;AAqCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;6EAanB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAmVC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAIlD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,EAAY,QAAQ,EAAc,MAAM,KAAK,CAAA;AAIrD,QAAA,IAAI,eAAe,EAAG,YAAY,CAAC;AAkNnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;yBA6QO,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAhCJ,GAAG,8CACR,GAAG,yBAAyB,GAAG,6DAC7D,GACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHmC,GAAG,8CACR,GAAG,yBAAyB,GAAG,6DAC7D,GACA;;;;;;;;;;;;;;;;;;;;;;;;;WAyCc,OAAO,IAA6B;EAEjD;AAqCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;6EAanB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,8 +1,8 @@
1
1
  import { QSkeletonLoaderProps } from './types';
2
2
  declare const _default: import('vue').DefineComponent<QSkeletonLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QSkeletonLoaderProps> & Readonly<{}>, {
3
3
  type: "text" | "icon";
4
- height: string | number;
5
4
  width: string | number;
5
+ height: string | number;
6
6
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
7
7
  export default _default;
8
8
  //# sourceMappingURL=QSkeletonLoader.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAgGC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAQ/C,QAAA,IAAI,eAAe,EAAG,eAAe,CAAC;AAqDtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;iCA2Ec,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA+DiqhB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;WApDzyhB,OAAO,IAA6B;EAEjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAgGC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAQ/C,QAAA,IAAI,eAAe,EAAG,eAAe,CAAC;AAqDtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;iCA2Ec,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA+D+phB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;WApDvyhB,OAAO,IAA6B;EAEjD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -2,6 +2,7 @@ export * from './QBadge';
2
2
  export * from './QButton';
3
3
  export * from './QButtonGroup';
4
4
  export * from './QButtonToggle';
5
+ export * from './QCard';
5
6
  export * from './QCheckbox';
6
7
  export * from './QCombobox';
7
8
  export * from './QDialog';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}
@@ -2,51 +2,53 @@ import { QBadge as e } from "./QBadge/index.js";
2
2
  import { QButton as p } from "./QButton/index.js";
3
3
  import { QButtonGroup as m } from "./QButtonGroup/index.js";
4
4
  import { QButtonToggle as f } from "./QButtonToggle/index.js";
5
- import { QCheckbox as n } from "./QCheckbox/index.js";
6
- import { QCombobox as l } from "./QCombobox/index.js";
5
+ import { QCard as n } from "./QCard/index.js";
6
+ import { QCheckbox as l } from "./QCheckbox/index.js";
7
+ import { QCombobox as d } from "./QCombobox/index.js";
7
8
  import { QDialog as I } from "./QDialog/index.js";
8
- import { QField as d } from "./QField/index.js";
9
- import { QIcon as P, QIconFont as c, QIconImg as g, QIconSvg as y } from "./QIcon/index.js";
10
- import { QInputGroup as B } from "./QInputGroup/index.js";
11
- import { QLineLoader as S } from "./QLineLoader/index.js";
12
- import { QList as b, QListItem as F, QListItemGroup as h } from "./QList/index.js";
13
- import { QOverlay as C } from "./QOverlay/index.js";
14
- import { QPopover as D } from "./QPopover/index.js";
15
- import { QPropertyList as R, QPropertyListGroup as j, QPropertyListPanel as q, QPropertyListRow as z } from "./QPropertyList/index.js";
16
- import { QSelect as E } from "./QSelect/index.js";
17
- import { QSkeletonLoader as J } from "./QSkeletonLoader/index.js";
18
- import { QSpinnerLoader as M } from "./QSpinnerLoader/index.js";
19
- import { QTextField as U } from "./QTextField/index.js";
20
- import { QThemeProvider as W } from "./QThemeProvider/index.js";
21
- import { QTooltip as Y } from "./QTooltip/index.js";
9
+ import { QField as P } from "./QField/index.js";
10
+ import { QIcon as g, QIconFont as y, QIconImg as v, QIconSvg as B } from "./QIcon/index.js";
11
+ import { QInputGroup as S } from "./QInputGroup/index.js";
12
+ import { QLineLoader as b } from "./QLineLoader/index.js";
13
+ import { QList as F, QListItem as h, QListItemGroup as k } from "./QList/index.js";
14
+ import { QOverlay as D } from "./QOverlay/index.js";
15
+ import { QPopover as R } from "./QPopover/index.js";
16
+ import { QPropertyList as q, QPropertyListGroup as z, QPropertyListPanel as A, QPropertyListRow as E } from "./QPropertyList/index.js";
17
+ import { QSelect as J } from "./QSelect/index.js";
18
+ import { QSkeletonLoader as M } from "./QSkeletonLoader/index.js";
19
+ import { QSpinnerLoader as U } from "./QSpinnerLoader/index.js";
20
+ import { QTextField as W } from "./QTextField/index.js";
21
+ import { QThemeProvider as Y } from "./QThemeProvider/index.js";
22
+ import { QTooltip as _ } from "./QTooltip/index.js";
22
23
  export {
23
24
  e as QBadge,
24
25
  p as QButton,
25
26
  m as QButtonGroup,
26
27
  f as QButtonToggle,
27
- n as QCheckbox,
28
- l as QCombobox,
28
+ n as QCard,
29
+ l as QCheckbox,
30
+ d as QCombobox,
29
31
  I as QDialog,
30
- d as QField,
31
- P as QIcon,
32
- c as QIconFont,
33
- g as QIconImg,
34
- y as QIconSvg,
35
- B as QInputGroup,
36
- S as QLineLoader,
37
- b as QList,
38
- F as QListItem,
39
- h as QListItemGroup,
40
- C as QOverlay,
41
- D as QPopover,
42
- R as QPropertyList,
43
- j as QPropertyListGroup,
44
- q as QPropertyListPanel,
45
- z as QPropertyListRow,
46
- E as QSelect,
47
- J as QSkeletonLoader,
48
- M as QSpinnerLoader,
49
- U as QTextField,
50
- W as QThemeProvider,
51
- Y as QTooltip
32
+ P as QField,
33
+ g as QIcon,
34
+ y as QIconFont,
35
+ v as QIconImg,
36
+ B as QIconSvg,
37
+ S as QInputGroup,
38
+ b as QLineLoader,
39
+ F as QList,
40
+ h as QListItem,
41
+ k as QListItemGroup,
42
+ D as QOverlay,
43
+ R as QPopover,
44
+ q as QPropertyList,
45
+ z as QPropertyListGroup,
46
+ A as QPropertyListPanel,
47
+ E as QPropertyListRow,
48
+ J as QSelect,
49
+ M as QSkeletonLoader,
50
+ U as QSpinnerLoader,
51
+ W as QTextField,
52
+ Y as QThemeProvider,
53
+ _ as QTooltip
52
54
  };
package/esm/index.d.ts CHANGED
@@ -11,6 +11,7 @@ declare module '@vue/runtime-core' {
11
11
  QButton: typeof import('@quidgest/ui/components')['QButton']
12
12
  QButtonGroup: typeof import('@quidgest/ui/components')['QButtonGroup']
13
13
  QButtonToggle: typeof import('@quidgest/ui/components')['QButtonToggle']
14
+ QCard: typeof import('@quidgest/ui/components')['QCard']
14
15
  QCheckbox: typeof import('@quidgest/ui/components')['QCheckbox']
15
16
  QCombobox: typeof import('@quidgest/ui/components')['QCombobox']
16
17
  QDialog: typeof import('@quidgest/ui/components')['QDialog']
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@quidgest/ui",
3
3
  "description": "Quidgest's UI framework",
4
- "version": "0.14.4",
4
+ "version": "0.14.5",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "author": "Quidgest",
@@ -42,50 +42,50 @@
42
42
  "./*": "./*"
43
43
  },
44
44
  "devDependencies": {
45
- "@fortawesome/fontawesome-free": "^6.6.0",
45
+ "@fortawesome/fontawesome-free": "^6.7.1",
46
46
  "@rollup/plugin-node-resolve": "^15.3.0",
47
47
  "@rollup/plugin-terser": "^0.4.4",
48
- "@storybook/addon-essentials": "^8.4.3",
49
- "@storybook/addon-interactions": "^8.4.3",
50
- "@storybook/addon-links": "^8.4.3",
51
- "@storybook/blocks": "^8.4.3",
52
- "@storybook/manager-api": "^8.4.3",
53
- "@storybook/test": "^8.4.3",
54
- "@storybook/theming": "^8.4.3",
55
- "@storybook/vue3": "^8.4.3",
56
- "@storybook/vue3-vite": "^8.4.3",
48
+ "@storybook/addon-essentials": "^8.4.6",
49
+ "@storybook/addon-interactions": "^8.4.6",
50
+ "@storybook/addon-links": "^8.4.6",
51
+ "@storybook/blocks": "^8.4.6",
52
+ "@storybook/manager-api": "^8.4.6",
53
+ "@storybook/test": "^8.4.6",
54
+ "@storybook/theming": "^8.4.6",
55
+ "@storybook/vue3": "^8.4.6",
56
+ "@storybook/vue3-vite": "^8.4.6",
57
57
  "@tsconfig/node20": "^20.1.4",
58
- "@types/node": "^22.9.0",
58
+ "@types/node": "^22.10.1",
59
59
  "@typescript-eslint/eslint-plugin": "^7.18.0",
60
60
  "@typescript-eslint/parser": "^7.18.0",
61
- "@vitejs/plugin-vue": "^5.2.0",
62
- "@vitest/coverage-v8": "^2.1.5",
63
- "@vitest/ui": "^2.1.5",
61
+ "@vitejs/plugin-vue": "^5.2.1",
62
+ "@vitest/coverage-v8": "^2.1.8",
63
+ "@vitest/ui": "^2.1.8",
64
64
  "@vue/eslint-config-typescript": "^12.0.0",
65
65
  "@vue/test-utils": "^2.4.6",
66
- "@vue/tsconfig": "^0.6.0",
66
+ "@vue/tsconfig": "^0.7.0",
67
67
  "acorn-walk": "^8.3.4",
68
68
  "autoprefixer": "^10.4.20",
69
69
  "cssnano": "^7.0.6",
70
70
  "eslint": "^8.57.1",
71
71
  "eslint-config-prettier": "^9.1.0",
72
72
  "eslint-plugin-prettier": "^5.2.1",
73
- "eslint-plugin-storybook": "^0.8.0",
74
- "eslint-plugin-vue": "^9.31.0",
75
- "happy-dom": "^15.11.4",
76
- "husky": "^9.1.6",
73
+ "eslint-plugin-storybook": "^0.11.1",
74
+ "eslint-plugin-vue": "^9.32.0",
75
+ "happy-dom": "^15.11.7",
76
+ "husky": "^9.1.7",
77
77
  "lint-staged": "^15.2.10",
78
78
  "postcss": "^8.4.49",
79
- "prettier": "^3.3.3",
79
+ "prettier": "^3.4.1",
80
80
  "rimraf": "^6.0.1",
81
- "sass": "^1.80.7",
82
- "storybook": "^8.4.3",
83
- "stylelint": "^16.10.0",
81
+ "sass": "^1.81.1",
82
+ "storybook": "^8.4.6",
83
+ "stylelint": "^16.11.0",
84
84
  "stylelint-config-sass-guidelines": "^12.1.0",
85
- "typescript": "^5.6.3",
86
- "vite": "^5.4.11",
85
+ "typescript": "~5.6.3",
86
+ "vite": "^6.0.2",
87
87
  "vite-plugin-dts": "^4.3.0",
88
- "vitest": "^2.1.5",
88
+ "vitest": "^2.1.8",
89
89
  "vue-eslint-parser": "^9.4.3",
90
90
  "vue-tsc": "^2.1.10"
91
91
  },