bonkers-ui 1.0.70 → 1.0.72
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/.stylelintrc +0 -1
- package/bonkers-ui.umd.js +3 -3
- package/bonkers-ui.umd.js.map +1 -1
- package/components/ui-card-simple/index.d.ts +1 -1
- package/components/ui-card-simple/ui-card-simple.vue.d.ts +1 -1
- package/components/ui-card-simple/ui-card-simple.vue.d.ts.map +1 -1
- package/components/ui-card-simple/ui-card-simple.vue.js +10 -10
- package/components/ui-card-simple/ui-card-simple.vue.js.map +1 -1
- package/components/ui-list-item/ui-list-item.vue.d.ts.map +1 -1
- package/components/ui-list-item/ui-list-item.vue.js +23 -20
- package/components/ui-list-item/ui-list-item.vue.js.map +1 -1
- package/components/ui-media-card/index.d.ts +4 -0
- package/components/ui-media-card/index.d.ts.map +1 -0
- package/components/ui-media-card/index.js +5 -0
- package/components/ui-media-card/index.js.map +1 -0
- package/components/ui-media-card/ui-media-card.vue.d.ts +25 -0
- package/components/ui-media-card/ui-media-card.vue.d.ts.map +1 -0
- package/components/ui-media-card/ui-media-card.vue.js +59 -0
- package/components/ui-media-card/ui-media-card.vue.js.map +1 -0
- package/components/ui-media-card/ui-media-card.vue2.js +5 -0
- package/components/ui-media-card/ui-media-card.vue2.js.map +1 -0
- package/components/ui-modal/ui-modal.vue.js +2 -2
- package/components/ui-product-card/ui-product-card.vue.d.ts.map +1 -1
- package/components/ui-product-card/ui-product-card.vue.js +4 -4
- package/components/ui-ripple/index.js +1 -1
- package/components/ui-ripple/ui-ripple.vue.js.map +1 -1
- package/components/ui-ripple/ui-ripple.vue3.js +1 -1
- package/components/ui-table/ui-table.vue.js +2 -2
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +137 -133
- package/index.js.map +1 -1
- package/package.json +15 -16
- package/types.js +2 -2
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { defineComponent as m, useSlots as
|
|
1
|
+
import { defineComponent as m, useSlots as c, openBlock as o, createElementBlock as u, unref as e, createBlock as i, withCtx as s, renderSlot as r, createCommentVNode as a } from "vue";
|
|
2
2
|
import n from "../ui-typography/index.js";
|
|
3
3
|
import { ETextWeight as p, ETextAlign as d } from "../ui-typography/_typings.js";
|
|
4
|
-
const f = { class: "ui-card-simple relative grid gap-sm rounded-3xl bg-white p-sm
|
|
4
|
+
const f = { class: "ui-card-simple relative grid gap-sm rounded-3xl border border-secondary-alt-300 bg-white p-sm" }, C = /* @__PURE__ */ m({
|
|
5
5
|
__name: "ui-card-simple",
|
|
6
6
|
setup(g) {
|
|
7
|
-
const
|
|
8
|
-
return (t, _) => (o(),
|
|
9
|
-
e(
|
|
7
|
+
const l = c();
|
|
8
|
+
return (t, _) => (o(), u("div", f, [
|
|
9
|
+
e(l).title ? (o(), i(e(n), {
|
|
10
10
|
key: 0,
|
|
11
11
|
weight: e(p).BOLD,
|
|
12
12
|
align: e(d).CENTER
|
|
13
13
|
}, {
|
|
14
14
|
default: s(() => [
|
|
15
|
-
|
|
15
|
+
r(t.$slots, "title")
|
|
16
16
|
]),
|
|
17
17
|
_: 3
|
|
18
18
|
}, 8, ["weight", "align"])) : a("", !0),
|
|
19
|
-
|
|
20
|
-
e(
|
|
19
|
+
r(t.$slots, "default"),
|
|
20
|
+
e(l).footer ? (o(), i(e(n), {
|
|
21
21
|
key: 1,
|
|
22
22
|
align: e(d).CENTER
|
|
23
23
|
}, {
|
|
24
24
|
default: s(() => [
|
|
25
|
-
|
|
25
|
+
r(t.$slots, "footer")
|
|
26
26
|
]),
|
|
27
27
|
_: 3
|
|
28
28
|
}, 8, ["align"])) : a("", !0)
|
|
@@ -30,6 +30,6 @@ const f = { class: "ui-card-simple relative grid gap-sm rounded-3xl bg-white p-s
|
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
32
|
export {
|
|
33
|
-
|
|
33
|
+
C as default
|
|
34
34
|
};
|
|
35
35
|
//# sourceMappingURL=ui-card-simple.vue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-card-simple.vue.js","sources":["../../../src/components/ui-card-simple/ui-card-simple.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"
|
|
1
|
+
{"version":3,"file":"ui-card-simple.vue.js","sources":["../../../src/components/ui-card-simple/ui-card-simple.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"\n\t\t\tui-card-simple\n\t\t\trelative\n\t\t\tgrid\n\t\t\tgap-sm\n\t\t\trounded-3xl\n\t\t\tborder\n\t\t\tborder-secondary-alt-300\n\t\t\tbg-white\n\t\t\tp-sm\n\t\t\t\"\n\t>\n\t\t<ui-typography\n\t\t\tv-if=\"slots.title\"\n\t\t\t:weight=\"ETextWeight.BOLD\"\n\t\t\t:align=\"ETextAlign.CENTER\"\n\t\t>\n\t\t\t<slot name=\"title\" />\n\t\t</ui-typography>\n\n\t\t<slot />\n\n\t\t<ui-typography\n\t\t\tv-if=\"slots.footer\"\n\t\t\t:align=\"ETextAlign.CENTER\"\n\t\t>\n\t\t\t<slot name=\"footer\" />\n\t\t</ui-typography>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport UiTypography, { ETextWeight, ETextAlign } from \"../ui-typography\";\n\timport { useSlots } from \"vue\";\n\n\tconst slots = useSlots();\n</script>\n"],"names":["slots","useSlots"],"mappings":";;;;;;AAqCC,UAAMA,IAAQC;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-list-item.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-list-item/ui-list-item.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ui-list-item.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-list-item/ui-list-item.vue"],"names":[],"mappings":"AAiEA;AAEC,OAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAGpD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAgC3C,iBAAS,cAAc;kBAgII,GAAG;qBACA,GAAG;EAGhC;AAsBD,QAAA,MAAM,eAAe;WAMZ,SAAS;YACR,MAAM;WACP,cAAc;WACd,aAAa;cACV,gBAAgB;gBACd,cAAc,CAAC,OAAO,CAAC;;;;;;;;;WAL5B,SAAS;YACR,MAAM;WACP,cAAc;WACd,aAAa;cACV,gBAAgB;gBACd,cAAc,CAAC,OAAO,CAAC;;;;;;;;;UAF5B,aAAa;WAFZ,MAAM;UADP,SAAS;UAET,cAAc;aAEX,gBAAgB;eACd,cAAc,CAAC,OAAO,CAAC;MAEnC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -1,53 +1,56 @@
|
|
|
1
|
-
import { defineComponent as c, openBlock as i, createElementBlock as n, normalizeClass as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { defineComponent as c, openBlock as i, createElementBlock as n, normalizeClass as o, unref as t, createCommentVNode as s, renderSlot as m, createBlock as a, createElementVNode as g, withCtx as d, createTextVNode as h, toDisplayString as S } from "vue";
|
|
2
|
+
import E from "../ui-icon/index.js";
|
|
3
|
+
import p from "../ui-typography/index.js";
|
|
4
4
|
import { ESize as C } from "../../_types/sizing.js";
|
|
5
|
-
import { EListItemTypes as
|
|
5
|
+
import { EListItemTypes as u, EListItemSize as l, EListItemSpacing as r } from "./_types.js";
|
|
6
6
|
import { ETextWeight as f } from "../ui-typography/_typings.js";
|
|
7
7
|
const k = {
|
|
8
8
|
key: 0,
|
|
9
|
-
class: "ui-list-item__line absolute left-xxs top-
|
|
10
|
-
},
|
|
9
|
+
class: "ui-list-item__line absolute left-xxs top-xs h-full w-xxxs -translate-x-2/4 bg-primary-300 group-last:hidden"
|
|
10
|
+
}, x = { class: "ml-md" }, I = /* @__PURE__ */ c({
|
|
11
11
|
__name: "ui-list-item",
|
|
12
12
|
props: {
|
|
13
13
|
icon: { default: void 0 },
|
|
14
14
|
title: { default: "" },
|
|
15
|
-
kind: { default:
|
|
16
|
-
size: { default:
|
|
15
|
+
kind: { default: u.DEFAULT },
|
|
16
|
+
size: { default: l.SM },
|
|
17
17
|
spacing: { default: r.COMPACT },
|
|
18
18
|
iconClass: { default: "" }
|
|
19
19
|
},
|
|
20
|
-
setup(
|
|
20
|
+
setup(y) {
|
|
21
21
|
return (e, z) => (i(), n("li", {
|
|
22
|
-
class:
|
|
23
|
-
e.size === t(
|
|
24
|
-
e.size === t(
|
|
22
|
+
class: o(["ui-list-item group relative grid grid-flow-col justify-start gap-xxs text-secondary", [
|
|
23
|
+
e.size === t(l).SM && "text-sm",
|
|
24
|
+
e.size === t(l).MD && "text-md",
|
|
25
25
|
e.spacing === t(r).DEFAULT && "pb-sm",
|
|
26
26
|
e.spacing === t(r).COMPACT && "pb-xxs"
|
|
27
27
|
]])
|
|
28
28
|
}, [
|
|
29
|
-
e.kind === t(
|
|
29
|
+
e.kind === t(u).PROGRESS ? (i(), n("div", k)) : s("", !0),
|
|
30
30
|
m(e.$slots, "icon", {}, () => [
|
|
31
|
-
e.icon ? (i(),
|
|
31
|
+
e.icon ? (i(), a(t(E), {
|
|
32
32
|
key: 0,
|
|
33
|
-
class:
|
|
33
|
+
class: o(["absolute left-0 bg-white", [
|
|
34
|
+
e.iconClass,
|
|
35
|
+
e.size === t(l).SM ? "top-[-2px]" : "top-[-1px]"
|
|
36
|
+
]]),
|
|
34
37
|
"icon-name": e.icon,
|
|
35
38
|
size: t(C).SM
|
|
36
39
|
}, null, 8, ["class", "icon-name", "size"])) : s("", !0)
|
|
37
40
|
]),
|
|
38
|
-
g("div",
|
|
39
|
-
e.title ? (i(),
|
|
41
|
+
g("div", x, [
|
|
42
|
+
e.title ? (i(), a(t(p), {
|
|
40
43
|
key: 0,
|
|
41
44
|
weight: t(f).SEMI_BOLD
|
|
42
45
|
}, {
|
|
43
46
|
default: d(() => [
|
|
44
|
-
h(
|
|
47
|
+
h(S(e.title), 1)
|
|
45
48
|
]),
|
|
46
49
|
_: 1
|
|
47
50
|
}, 8, ["weight"])) : s("", !0),
|
|
48
|
-
e.$slots.default ? (i(),
|
|
51
|
+
e.$slots.default ? (i(), a(t(p), {
|
|
49
52
|
key: 1,
|
|
50
|
-
class:
|
|
53
|
+
class: o([e.title && "mt-xxxs"]),
|
|
51
54
|
weight: t(f).LIGHT
|
|
52
55
|
}, {
|
|
53
56
|
default: d(() => [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-list-item.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ui-list-item.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-media-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAC9C,OAAQ,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { TIconName } from '../ui-icon';
|
|
2
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
3
|
+
|
|
4
|
+
declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
5
|
+
icon?: TIconName;
|
|
6
|
+
image?: string;
|
|
7
|
+
title?: string;
|
|
8
|
+
description?: string;
|
|
9
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
10
|
+
icon?: TIconName;
|
|
11
|
+
image?: string;
|
|
12
|
+
title?: string;
|
|
13
|
+
description?: string;
|
|
14
|
+
}>>>, {}, {}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
17
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
18
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
19
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
20
|
+
} : {
|
|
21
|
+
type: PropType<T[K]>;
|
|
22
|
+
required: true;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=ui-media-card.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-media-card.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-media-card/ui-media-card.vue"],"names":[],"mappings":"AAsDA;AAGC,OAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;;WAwJ5C,SAAS;YACR,MAAM;YACN,MAAM;kBACA,MAAM;;WAHb,SAAS;YACR,MAAM;YACN,MAAM;kBACA,MAAM;;AATtB,wBAWG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { defineComponent as m, openBlock as o, createElementBlock as r, createCommentVNode as i, createElementVNode as p, createVNode as f, unref as t, createBlock as s, withCtx as a, createTextVNode as n, toDisplayString as d } from "vue";
|
|
2
|
+
import l from "../ui-typography/index.js";
|
|
3
|
+
import u from "../ui-icon/index.js";
|
|
4
|
+
import { ETypographySizes as c, ETextWeight as h } from "../ui-typography/_typings.js";
|
|
5
|
+
const g = { class: "flex-none overflow-hidden rounded-2xl border border-secondary-alt-300 bg-white" }, y = ["src"], x = { class: "relative grid gap-xxxs px-xs py-sm text-secondary-400" }, _ = {
|
|
6
|
+
key: 0,
|
|
7
|
+
class: "absolute -top-md left-xs flex size-fit rounded-full border-2 border-white bg-gradient-to-b from-primary to-primary-alt p-xxs"
|
|
8
|
+
}, D = /* @__PURE__ */ m({
|
|
9
|
+
__name: "ui-media-card",
|
|
10
|
+
props: {
|
|
11
|
+
icon: {},
|
|
12
|
+
image: {},
|
|
13
|
+
title: {},
|
|
14
|
+
description: {}
|
|
15
|
+
},
|
|
16
|
+
setup(b) {
|
|
17
|
+
return (e, w) => (o(), r("div", g, [
|
|
18
|
+
e.image ? (o(), r("img", {
|
|
19
|
+
key: 0,
|
|
20
|
+
class: "h-[100px] w-full object-cover",
|
|
21
|
+
src: e.image,
|
|
22
|
+
alt: "Information"
|
|
23
|
+
}, null, 8, y)) : i("", !0),
|
|
24
|
+
p("div", x, [
|
|
25
|
+
e.icon ? (o(), r("div", _, [
|
|
26
|
+
f(t(u), {
|
|
27
|
+
"icon-name": e.icon,
|
|
28
|
+
class: "text-white"
|
|
29
|
+
}, null, 8, ["icon-name"])
|
|
30
|
+
])) : i("", !0),
|
|
31
|
+
e.title ? (o(), s(t(l), {
|
|
32
|
+
key: 1,
|
|
33
|
+
size: t(c).SM,
|
|
34
|
+
weight: t(h).BOLD,
|
|
35
|
+
"line-height": ""
|
|
36
|
+
}, {
|
|
37
|
+
default: a(() => [
|
|
38
|
+
n(d(e.title), 1)
|
|
39
|
+
]),
|
|
40
|
+
_: 1
|
|
41
|
+
}, 8, ["size", "weight"])) : i("", !0),
|
|
42
|
+
e.description ? (o(), s(t(l), {
|
|
43
|
+
key: 2,
|
|
44
|
+
size: t(c).XXS,
|
|
45
|
+
"line-height": ""
|
|
46
|
+
}, {
|
|
47
|
+
default: a(() => [
|
|
48
|
+
n(d(e.description), 1)
|
|
49
|
+
]),
|
|
50
|
+
_: 1
|
|
51
|
+
}, 8, ["size"])) : i("", !0)
|
|
52
|
+
])
|
|
53
|
+
]));
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
export {
|
|
57
|
+
D as default
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=ui-media-card.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-media-card.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-media-card.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".max-height[data-v-
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".max-height[data-v-fefcb9b0]{max-height:calc(100vh - var(--md))}.max-width[data-v-fefcb9b0]{max-width:calc(100vw - var(--md))}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
2
|
import o from "./ui-modal.vue2.js";
|
|
3
3
|
|
|
4
4
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
5
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fefcb9b0"]]);
|
|
6
6
|
export {
|
|
7
7
|
m as default
|
|
8
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-product-card.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-product-card/ui-product-card.vue"],"names":[],"mappings":"AAqDA;
|
|
1
|
+
{"version":3,"file":"ui-product-card.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-product-card/ui-product-card.vue"],"names":[],"mappings":"AAqDA;AAiBA,iBAAS,cAAc;oBAuHM,GAAG;mBACJ,GAAG;sBACA,GAAG;EAGjC;AAmBD,QAAA,MAAM,eAAe;gBAMP,MAAM;YACV,MAAM;eACH,MAAM;;gBAFL,MAAM;YACV,MAAM;eACH,MAAM;aAEjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
|
|
@@ -4,7 +4,7 @@ import c from "../ui-badge/index.js";
|
|
|
4
4
|
import { EBadgeKind as h } from "../ui-badge/_typings.js";
|
|
5
5
|
import { ETypographySizes as p, ETextWeight as b, ETextAlign as u } from "../ui-typography/_typings.js";
|
|
6
6
|
import { EColors as E } from "../../_types/colors.js";
|
|
7
|
-
const T = { class: "relative flex flex-col
|
|
7
|
+
const T = { class: "relative flex flex-col gap-sm rounded-2xl border border-secondary-alt-300 bg-white px-xs py-sm" }, k = { class: "grid gap-xxs" }, S = /* @__PURE__ */ g({
|
|
8
8
|
__name: "ui-product-card",
|
|
9
9
|
props: {
|
|
10
10
|
badgeText: {},
|
|
@@ -30,7 +30,7 @@ const T = { class: "relative flex flex-col justify-between gap-sm rounded-2xl bo
|
|
|
30
30
|
t.title ? (i(), r(e(n), {
|
|
31
31
|
key: 0,
|
|
32
32
|
size: e(p).MD,
|
|
33
|
-
weight: e(b).
|
|
33
|
+
weight: e(b).BOLD,
|
|
34
34
|
align: e(u).LEFT,
|
|
35
35
|
"line-height": ""
|
|
36
36
|
}, {
|
|
@@ -45,7 +45,7 @@ const T = { class: "relative flex flex-col justify-between gap-sm rounded-2xl bo
|
|
|
45
45
|
key: 0,
|
|
46
46
|
size: e(p).XS,
|
|
47
47
|
align: e(u).LEFT,
|
|
48
|
-
kind: e(E).
|
|
48
|
+
kind: e(E).SECONDARY_400,
|
|
49
49
|
"line-height": ""
|
|
50
50
|
}, {
|
|
51
51
|
default: o(() => [
|
|
@@ -59,6 +59,6 @@ const T = { class: "relative flex flex-col justify-between gap-sm rounded-2xl bo
|
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
61
|
export {
|
|
62
|
-
|
|
62
|
+
S as default
|
|
63
63
|
};
|
|
64
64
|
//# sourceMappingURL=ui-product-card.vue.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ripple{position:absolute;
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ripple{position:absolute;transform:translate3d(-50%,-50%,0) scale(0);mix-blend-mode:screen;animation:ripple 1s ease-out forwards,fade 1s ease-out forwards;z-index:1}@keyframes ripple{0%{transform:translate3d(-50%,-50%,0) scale(0)}80%{transform:translate3d(-50%,-50%,0) scale(10)}to{transform:translate3d(-50%,-50%,0) scale(10)}}@keyframes fade{0%{opacity:1}to{opacity:0}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
2
|
import e from "./ui-ripple.vue.js";
|
|
3
3
|
|
|
4
4
|
const p = e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-ripple.vue.js","sources":["../../../src/components/ui-ripple/ui-ripple.vue"],"sourcesContent":["<template>\n\t<div\n\t\tref=\"tiBtn\"\n\t\tclass=\"ui-ripple\"\n\t\t@click=\"animateRipple\"\n\t>\n\t\t<slot />\n\n\t\t<transition-group>\n\t\t\t<svg\n\t\t\t\tv-for=\"val in ripples\"\n\t\t\t\t:ref=\"inputsRefs\"\n\t\t\t\t:key=\"val.id\"\n\t\t\t\tviewBox=\"0 0 100 100\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tclass=\"ripple\"\n\t\t\t\t:style=\"{'top': val.y + 'px', 'left': val.x + 'px'}\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\t@animationend=\"rippleEnd(val.id)\"\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\tr=\"50\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</transition-group>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { ref, type VNodeRef } from \"vue\";\n\n\tconst ripples = ref<{x:number, y:number, id:string}[]>([]);\n\tconst tiBtn = ref<HTMLDivElement>();\n\tconst inputsRefs = ref<VNodeRef>();\n\n\tconst animateRipple = (e:MouseEvent)=> {\n\t\tif (tiBtn.value) {\n\t\t\tconst pos = tiBtn.value.getBoundingClientRect();\n\n\t\t\tripples.value.push({\n\t\t\t\tx: e.clientX - pos.left,\n\t\t\t\ty: e.clientY - pos.top,\n\t\t\t\tid: Math.random().toString(36).substr(2, 9)\n\t\t\t});\n\t\t}\n\t};\n\tconst rippleEnd = (i: string)=> {\n\t\tripples.value = ripples.value.filter(val=>val.id !== i);\n\t};\n</script>\n\n<style>\n\t.ui-ripple {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\
|
|
1
|
+
{"version":3,"file":"ui-ripple.vue.js","sources":["../../../src/components/ui-ripple/ui-ripple.vue"],"sourcesContent":["<template>\n\t<div\n\t\tref=\"tiBtn\"\n\t\tclass=\"ui-ripple\"\n\t\t@click=\"animateRipple\"\n\t>\n\t\t<slot />\n\n\t\t<transition-group>\n\t\t\t<svg\n\t\t\t\tv-for=\"val in ripples\"\n\t\t\t\t:ref=\"inputsRefs\"\n\t\t\t\t:key=\"val.id\"\n\t\t\t\tviewBox=\"0 0 100 100\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tclass=\"ripple\"\n\t\t\t\t:style=\"{'top': val.y + 'px', 'left': val.x + 'px'}\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\t@animationend=\"rippleEnd(val.id)\"\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\tr=\"50\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</transition-group>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { ref, type VNodeRef } from \"vue\";\n\n\tconst ripples = ref<{x:number, y:number, id:string}[]>([]);\n\tconst tiBtn = ref<HTMLDivElement>();\n\tconst inputsRefs = ref<VNodeRef>();\n\n\tconst animateRipple = (e:MouseEvent)=> {\n\t\tif (tiBtn.value) {\n\t\t\tconst pos = tiBtn.value.getBoundingClientRect();\n\n\t\t\tripples.value.push({\n\t\t\t\tx: e.clientX - pos.left,\n\t\t\t\ty: e.clientY - pos.top,\n\t\t\t\tid: Math.random().toString(36).substr(2, 9)\n\t\t\t});\n\t\t}\n\t};\n\tconst rippleEnd = (i: string)=> {\n\t\tripples.value = ripples.value.filter(val=>val.id !== i);\n\t};\n</script>\n\n<style>\n\t.ui-ripple {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\n\t\t/* will-change: transform, opacity; */\n\t\ttransform: translate3d(-50%, -50%, 0) scale(0);\n\t\tmix-blend-mode: screen;\n\t\tanimation: ripple 1s ease-out forwards, fade 1s ease-out forwards;\n\t\tz-index: 1;\n\t}\n\n\t@keyframes ripple {\n\t\t0% { transform: translate3d(-50%, -50%, 0) scale(0); }\n\t\t80% { transform: translate3d(-50%, -50%, 0) scale(10); }\n\t\t100% { transform: translate3d(-50%, -50%, 0) scale(10); }\n\t}\n\n\t@keyframes fade {\n\t\t0% { opacity: 1; }\n\t\t100% { opacity: 0; }\n\t}\n</style>\n"],"names":["ripples","ref","tiBtn","inputsRefs","animateRipple","pos","rippleEnd","i","val"],"mappings":";;;;;;;;;;AAiCO,UAAAA,IAAUC,EAAuC,CAAA,CAAE,GACnDC,IAAQD,KACRE,IAAaF,KAEbG,IAAgB,CAAC,MAAgB;AACtC,UAAIF,EAAM,OAAO;AACV,cAAAG,IAAMH,EAAM,MAAM,sBAAsB;AAE9C,QAAAF,EAAQ,MAAM,KAAK;AAAA,UAClB,GAAG,EAAE,UAAUK,EAAI;AAAA,UACnB,GAAG,EAAE,UAAUA,EAAI;AAAA,UACnB,IAAI,KAAK,SAAS,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC;AAAA,QAAA,CAC1C;AAAA,MACF;AAAA,IAAA,GAEKC,IAAY,CAACC,MAAa;AAC/B,MAAAP,EAAQ,QAAQA,EAAQ,MAAM,OAAO,CAAKQ,MAAAA,EAAI,OAAOD,CAAC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ripple{position:absolute;
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ripple{position:absolute;transform:translate3d(-50%,-50%,0) scale(0);mix-blend-mode:screen;animation:ripple 1s ease-out forwards,fade 1s ease-out forwards;z-index:1}@keyframes ripple{0%{transform:translate3d(-50%,-50%,0) scale(0)}80%{transform:translate3d(-50%,-50%,0) scale(10)}to{transform:translate3d(-50%,-50%,0) scale(10)}}@keyframes fade{0%{opacity:1}to{opacity:0}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
2
|
import o from "./ui-ripple.vue.js";
|
|
3
3
|
|
|
4
4
|
export {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-table__secondary[data-v-
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-table__secondary[data-v-d292cc77] tr:nth-child(odd){background-color:var(--color-secondary-alt-200)}.ui-table__secondary-inverted[data-v-d292cc77] tr:nth-child(2n){background-color:var(--color-secondary-alt-200)}")),document.head.appendChild(e)}}catch(c){console.error("vite-plugin-css-injected-by-js",c)}})();
|
|
2
2
|
import o from "./ui-table.vue2.js";
|
|
3
3
|
|
|
4
4
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
5
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d292cc77"]]);
|
|
6
6
|
export {
|
|
7
7
|
m as default
|
|
8
8
|
};
|
package/index.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ export { UiIconWrapper, EIconWrapperTypes, EIconWrapperSizes } from './component
|
|
|
19
19
|
export { UiInput, EInputType, EInputKinds, EAutocomplete } from './components/ui-input';
|
|
20
20
|
export { UiInputRange } from './components/ui-input-range';
|
|
21
21
|
export { UiListItem, EListItemTypes, EListItemSpacing, EListItemSize } from './components/ui-list-item';
|
|
22
|
+
export { UiMediaCard } from './components/ui-media-card';
|
|
22
23
|
export { UiModal, EModalSizes } from './components/ui-modal';
|
|
23
24
|
export { UiNotificationBadge, EBadgeOrigin } from './components/ui-notification-badge';
|
|
24
25
|
export { UiOrderCard } from './components/ui-order-card';
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAmB,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAmB,MAAM,KAAK,CAAC;AAmFhD,QAAA,MAAM,SAAS;iBACD,GAAG;CAKhB,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACnG,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxG,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAG,cAAc,EAAG,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC9H,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC"}
|