@ui0/button 0.1.2 → 0.1.4
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/button.module.css +5 -2
- package/dist/button.variants.module.scss.module.css +1 -1
- package/dist/components/button/button.ssr.test.d.ts +2 -0
- package/dist/components/button/button.ssr.test.d.ts.map +1 -0
- package/dist/components/button/button.types.d.ts +5 -2
- package/dist/components/button/button.types.d.ts.map +1 -1
- package/dist/index.js +59 -39
- package/dist/style.css +1 -1
- package/package.json +11 -8
- package/dist/test.module.scss.module.css +0 -1
package/dist/button.module.css
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
@value round: .init();
|
|
2
1
|
@value button: bu_c3e2;
|
|
2
|
+
@value content: co_ed70;
|
|
3
|
+
@value sized: si_3f5b;
|
|
3
4
|
@value rounded: ro_0102;
|
|
5
|
+
@value filled: fi_8a2f;
|
|
4
6
|
@value disabled: di_17eb;
|
|
5
7
|
@value compact: co_b6b5;
|
|
6
|
-
@value
|
|
8
|
+
@value icon: ic_c2d4;
|
|
9
|
+
@value tool: to_7c9b;
|
|
7
10
|
@value layout-column-reverse: la_2152;
|
|
8
11
|
@value layout-column: la_0824;
|
|
9
12
|
@value layout-row-reverse: la_1433;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.ssr.test.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ssr.test.ts"],"names":[],"mappings":""}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { ColorProps, FillProps, GradientProps, DisabledProps, Size, RoundProps, SizeProps, DensityProps, SizeDensity } from '@ui0/theme';
|
|
2
|
-
import { CSS, Ui0ThemeColorRef, VariantProps } from '@ui0/types';
|
|
3
|
-
export interface ButtonProps extends ColorProps, FillProps, GradientProps, RoundProps, SizeProps, DensityProps, DisabledProps, VariantProps {
|
|
2
|
+
import { CSS, IconProp, LabeledProps, Ui0ThemeColorRef, VariantProps } from '@ui0/types';
|
|
3
|
+
export interface ButtonProps extends ColorProps, LabeledProps, FillProps, GradientProps, RoundProps, SizeProps, DensityProps, DisabledProps, VariantProps {
|
|
4
4
|
/**
|
|
5
5
|
* Layout of the button children
|
|
6
6
|
* @default row
|
|
7
7
|
*/
|
|
8
8
|
layout?: CSS.Property.FlexDirection;
|
|
9
|
+
icon?: IconProp | string;
|
|
10
|
+
options?: ButtonOptions;
|
|
9
11
|
}
|
|
10
12
|
export interface ButtonDefaults extends ButtonProps {
|
|
11
13
|
color: Ui0ThemeColorRef;
|
|
@@ -19,6 +21,7 @@ export interface ButtonActions {
|
|
|
19
21
|
export interface ButtonEvents {
|
|
20
22
|
}
|
|
21
23
|
export interface ButtonOptions {
|
|
24
|
+
iconSlot: 'before' | 'after';
|
|
22
25
|
}
|
|
23
26
|
type ButtonSlotFn = (actions: ButtonActions) => void;
|
|
24
27
|
export interface ButtonSlots {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,aAAa,EACb,IAAI,EACJ,UAAU,EACV,SAAS,EACT,YAAY,EACZ,WAAW,EACZ,MAAM,YAAY,CAAA;AACnB,OAAO,KAAK,EAAE,GAAG,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,aAAa,EACb,IAAI,EACJ,UAAU,EACV,SAAS,EACT,YAAY,EACZ,WAAW,EACZ,MAAM,YAAY,CAAA;AACnB,OAAO,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAG7F,MAAM,WAAW,WACf,SAAQ,UAAU,EAAE,YAAY,EAAG,SAAS,EAAI,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY;IAC/H;;;OAGG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAA;IACnC,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AACD,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,KAAK,EAAE,gBAAgB,CAAA;IACvB,IAAI,EAAE,gBAAgB,CAAA;IACtB,IAAI,EAAE,IAAI,CAAA;IACV,OAAO,EAAE,WAAW,CAAA;IACpB,MAAM,EAAE,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAA;CACnC;AAED,MAAM,WAAW,aAAa;CAAG;AAEjC,MAAM,WAAW,YAAY;CAG5B;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC7B;AACD,KAAK,YAAY,GAAG,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;AAEpD,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;CACrB;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,MAAM,EAAE,WAAW,CAAA;KACpB;IACD,UAAU,qBAAqB;QAC7B,MAAM,EAAE,cAAc,CAAA;KACvB;IACD,UAAU,aAAa;QACrB,MAAM,EAAE;YACN,KAAK,EAAE,WAAW,CAAA;SACnB,CAAA;KACF;CACF"}
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import "./style.css";
|
|
2
|
-
import { computed as e, createBlock as t, createCommentVNode as n,
|
|
3
|
-
import { useComponentDefaults as
|
|
4
|
-
import {
|
|
5
|
-
|
|
2
|
+
import { computed as e, createBlock as t, createCommentVNode as n, createVNode as r, defineComponent as i, guardReactiveProps as a, h as o, mergeProps as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, useCssModule as f, useSlots as p, useTemplateRef as m, withCtx as h } from "vue";
|
|
3
|
+
import { useComponentDefaults as g } from "@ui0/core";
|
|
4
|
+
import { Flex as _, FlexUtil as v } from "@ui0/flex";
|
|
5
|
+
import { Icon as y } from "@ui0/icon";
|
|
6
|
+
import { useThemeContext as b } from "@ui0/theme";
|
|
7
|
+
var x = {
|
|
6
8
|
button: "bu_c3e2",
|
|
7
9
|
content: "co_ed70",
|
|
8
10
|
inlineVnt: "in_f063",
|
|
@@ -16,19 +18,22 @@ var b = {
|
|
|
16
18
|
filled: "fi_8a2f",
|
|
17
19
|
filled2: "fi_36f6",
|
|
18
20
|
canvas: "ca_a457",
|
|
19
|
-
icon: "ic_c2d4",
|
|
20
21
|
Icon: "Ic_a35a",
|
|
21
22
|
iconSvg: "ic_2201",
|
|
22
|
-
color2: "co_bd70"
|
|
23
|
-
|
|
23
|
+
color2: "co_bd70",
|
|
24
|
+
icon: "ic_c2d4"
|
|
25
|
+
}, S = /*#__PURE__*/ ((e, t) => {
|
|
24
26
|
let n = e.__vccOpts || e;
|
|
25
27
|
for (let [e, r] of t) n[e] = r;
|
|
26
28
|
return n;
|
|
27
|
-
})(/* @__PURE__ */
|
|
29
|
+
})(/* @__PURE__ */ i({
|
|
28
30
|
__name: "button",
|
|
29
31
|
props: {
|
|
30
32
|
layout: {},
|
|
33
|
+
icon: {},
|
|
34
|
+
options: {},
|
|
31
35
|
color: {},
|
|
36
|
+
label: {},
|
|
32
37
|
fill: {},
|
|
33
38
|
gradient: {},
|
|
34
39
|
round: {},
|
|
@@ -38,53 +43,68 @@ var b = {
|
|
|
38
43
|
disabled: { type: Boolean },
|
|
39
44
|
variant: {}
|
|
40
45
|
},
|
|
41
|
-
setup(
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
return m(A)?.focus(e);
|
|
46
|
+
setup(i, { expose: S }) {
|
|
47
|
+
let C = g("button", i, { options: { iconSlot: "after" } }), w = f(), T = p(), [, E] = b(C, w), D = e(() => {
|
|
48
|
+
let { variant: e } = C, t = E?.classes() ?? [];
|
|
49
|
+
e && x[e + "Vnt"] && t.push(x[e + "Vnt"]);
|
|
50
|
+
let n = C.layout ?? "row";
|
|
51
|
+
return n && t.push(w["layout-" + n]), t;
|
|
52
|
+
}), O = e(() => E?.styles() ?? {}), k = m("host"), A = { focus(e) {
|
|
53
|
+
return d(k)?.focus(e);
|
|
50
54
|
} };
|
|
51
|
-
S(
|
|
55
|
+
S(A);
|
|
56
|
+
function j() {
|
|
57
|
+
let { icon: e } = C;
|
|
58
|
+
return o(y, {
|
|
59
|
+
class: [w.icon],
|
|
60
|
+
value: e
|
|
61
|
+
});
|
|
62
|
+
}
|
|
52
63
|
function M() {
|
|
53
64
|
let e = [], { icon: t, density: n, label: r } = C;
|
|
54
65
|
if (t) {
|
|
55
66
|
if (n === "tool") return e;
|
|
56
|
-
|
|
57
|
-
} else
|
|
58
|
-
return
|
|
67
|
+
T.default ? e.push(T.default(A)) : r && e.push(r);
|
|
68
|
+
} else T.default ? e.push(T.default(A)) : r && e.push(r);
|
|
69
|
+
return o("div", { class: w.content }, e);
|
|
59
70
|
}
|
|
60
|
-
return (e,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
71
|
+
return (e, i) => (l(), t(d(_), s({
|
|
72
|
+
tag: "button",
|
|
73
|
+
"data-icon-host": d(C).icon ? "" : void 0,
|
|
74
|
+
class: [...D.value, e.$style.button],
|
|
75
|
+
style: O.value,
|
|
76
|
+
ref_key: "host",
|
|
77
|
+
ref: k,
|
|
78
|
+
type: "button"
|
|
79
|
+
}, d(v).pickOwnProps(d(C))), {
|
|
80
|
+
default: h(() => [u(e.$slots, "content", c(a(A)), () => [
|
|
81
|
+
u(e.$slots, "before", c(a(A)), () => [d(C).icon && d(C).density !== "tool" && d(C).options?.iconSlot === "before" ? (l(), t(j, {
|
|
70
82
|
key: 0,
|
|
71
|
-
value: C.icon
|
|
83
|
+
value: d(C).icon
|
|
72
84
|
}, null, 8, ["value"])) : n("", !0)]),
|
|
73
|
-
|
|
74
|
-
|
|
85
|
+
r(M),
|
|
86
|
+
u(e.$slots, "after", c(a(A)), () => [d(C).icon && d(C).density !== "tool" && d(C).options?.iconSlot === "after" ? (l(), t(j, {
|
|
75
87
|
key: 0,
|
|
76
|
-
value: C.icon
|
|
88
|
+
value: d(C).icon
|
|
77
89
|
}, null, 8, ["value"])) : n("", !0)])
|
|
78
|
-
])],
|
|
79
|
-
|
|
90
|
+
])]),
|
|
91
|
+
_: 3
|
|
92
|
+
}, 16, [
|
|
93
|
+
"data-icon-host",
|
|
94
|
+
"class",
|
|
95
|
+
"style"
|
|
96
|
+
]));
|
|
80
97
|
}
|
|
81
98
|
}), [["__cssModules", { $style: {
|
|
82
|
-
round: ".init()",
|
|
83
99
|
button: "bu_c3e2",
|
|
100
|
+
content: "co_ed70",
|
|
101
|
+
sized: "si_3f5b",
|
|
84
102
|
rounded: "ro_0102",
|
|
103
|
+
filled: "fi_8a2f",
|
|
85
104
|
disabled: "di_17eb",
|
|
86
105
|
compact: "co_b6b5",
|
|
87
|
-
|
|
106
|
+
icon: "ic_c2d4",
|
|
107
|
+
tool: "to_7c9b",
|
|
88
108
|
"layout-column-reverse": "la_2152",
|
|
89
109
|
"layout-column": "la_0824",
|
|
90
110
|
"layout-row-reverse": "la_1433"
|
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer ui0.bu_c3e2{.bu_c3e2.ba_d73d,.bu_c3e2.in_f063,.bu_c3e2.ou_2a48,.bu_c3e2.el_611c,.bu_c3e2.gh_60ef,.bu_c3e2.fl_3a23{--0-button-inside-rect:inset 0 0 0 var(--button-shadow-width) var(--0-button-inside-rect-color);padding-inline:var(--0-button-padding);transition-duration:var(--0-d-fast);cursor:pointer;--ripple-gap:0px;background-color:#0000;background-image:none;border:0;transition-property:background-color,box-shadow,border,background,color,filter}.bu_c3e2.ba_d73d.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.in_f063.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.ou_2a48.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.el_611c.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.gh_60ef.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.fl_3a23.co_ca8c.fi_8a2f.fi_36f6{--ripple-gap:1px;background:linear-gradient(var(--r-gradient-angle), rgba(var(--r-c-v), 1) 0%, rgba(var(--r-c-v), 1) 30%, rgba(var(--r-c2-v), 1) 65%, rgba(var(--r-c2-v), 1) 100%)}.bu_c3e2.ba_d73d .co_ed70,.bu_c3e2.in_f063 .co_ed70,.bu_c3e2.ou_2a48 .co_ed70,.bu_c3e2.el_611c .co_ed70,.bu_c3e2.gh_60ef .co_ed70,.bu_c3e2.fl_3a23 .co_ed70{align-items:inherit;border-radius:inherit;display:inherit;justify-content:inherit;height:100%;position:inherit;width:100%;font-size:var(--0-button-content-font-size);transition-duration:var(--0-d-fast);gap:.2em;line-height:1;transition-property:color}.bu_c3e2.ba_d73d .ca_a457,.bu_c3e2.in_f063 .ca_a457,.bu_c3e2.ou_2a48 .ca_a457,.bu_c3e2.el_611c .ca_a457,.bu_c3e2.gh_60ef .ca_a457,.bu_c3e2.fl_3a23 .ca_a457{transition-property:fill,color,stroke;transition-timing-function:ease-out}.bu_c3e2.ba_d73d:active .co_ed70,.bu_c3e2.ba_d73d:active .ic_c2d4,.bu_c3e2.in_f063:active .co_ed70,.bu_c3e2.in_f063:active .ic_c2d4,.bu_c3e2.ou_2a48:active .co_ed70,.bu_c3e2.ou_2a48:active .ic_c2d4,.bu_c3e2.el_611c:active .co_ed70,.bu_c3e2.el_611c:active .ic_c2d4,.bu_c3e2.gh_60ef:active .co_ed70,.bu_c3e2.gh_60ef:active .ic_c2d4,.bu_c3e2.fl_3a23:active .co_ed70,.bu_c3e2.fl_3a23:active .ic_c2d4{transition:transform 50ms ease-out;transform:translateY(1px)}.bu_c3e2.ba_d73d.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.in_f063.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.ou_2a48.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.el_611c.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.gh_60ef.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.fl_3a23.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.ba_d73d.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.in_f063.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.ou_2a48.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.el_611c.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.gh_60ef.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.fl_3a23.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a{color:rgba(var(--0-f-v), 1)}.bu_c3e2.ba_d73d.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.in_f063.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.ou_2a48.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.el_611c.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.gh_60ef.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.fl_3a23.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201{--0-icon-fill-color:rgba(var(--0-f-v), 1);--0-icon-stroke-color:rgba(var(--0-f-v), 1)}.bu_c3e2.ba_d73d.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.in_f063.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.ou_2a48.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.el_611c.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.gh_60ef.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.fl_3a23.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item{filter:brightness(.5)}.bu_c3e2.ba_d73d.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.in_f063.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.ou_2a48.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.el_611c.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.gh_60ef.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.fl_3a23.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.ba_d73d.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.in_f063.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.ou_2a48.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.el_611c.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.gh_60ef.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.fl_3a23.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4{color:rgba(var(--0-c-background-v), 1)}.bu_c3e2.ba_d73d.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.in_f063.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.ou_2a48.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.el_611c.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.gh_60ef.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.fl_3a23.fx-ripple.fx-ripple.fx-ripple-in .ic_2201{--0-icon-fill-color:rgba(var(--0-c-background-v), 1);--0-icon-stroke-color:rgba(var(--0-c-background-v), 1)}.bu_c3e2.ba_d73d.fx-ripple:active,.bu_c3e2.in_f063.fx-ripple:active,.bu_c3e2.ou_2a48.fx-ripple:active,.bu_c3e2.el_611c.fx-ripple:active,.bu_c3e2.gh_60ef.fx-ripple:active,.bu_c3e2.fl_3a23.fx-ripple:active{background-color:#0000}.bu_c3e2.ba_d73d.fx-ripple:active .co_ed70,.bu_c3e2.in_f063.fx-ripple:active .co_ed70,.bu_c3e2.ou_2a48.fx-ripple:active .co_ed70,.bu_c3e2.el_611c.fx-ripple:active .co_ed70,.bu_c3e2.gh_60ef.fx-ripple:active .co_ed70,.bu_c3e2.fl_3a23.fx-ripple:active .co_ed70{filter:none;transform:revert}.bu_c3e2.ba_d73d.fx-ripple:hover,.bu_c3e2.in_f063.fx-ripple:hover,.bu_c3e2.ou_2a48.fx-ripple:hover,.bu_c3e2.el_611c.fx-ripple:hover,.bu_c3e2.gh_60ef.fx-ripple:hover,.bu_c3e2.fl_3a23.fx-ripple:hover{filter:unset}.bu_c3e2.ba_d73d:not(.fi_8a2f,.co_ca8c):hover{background-color:#0000001a}.bu_c3e2.ba_d73d:not(.fi_8a2f,.co_ca8c):active{background-color:#0003}.bu_c3e2.ba_d73d:not(.fx-ripple):active:not(.fi_8a2f).co_ca8c{background-color:rgba(var(--0-c-v), .21)}.bu_c3e2.ba_d73d:not(.fx-ripple):hover:not(.fi_8a2f).co_ca8c{background-color:rgba(var(--0-c-v), .21);opacity:1}.bu_c3e2.gh_60ef:not(.fi_8a2f,.co_ca8c):active,.bu_c3e2.gh_60ef:not(.fi_8a2f,.co_ca8c):hover{background-color:#0000}.bu_c3e2.in_f063{background-color:rgba(var(--0-c-theme-contrast-v), .1)}.bu_c3e2.in_f063:active{background-color:rgba(var(--0-c-theme-contrast-v), .2)}.bu_c3e2.in_f063.fx-ripple:active{background-color:rgba(var(--0-c-theme-contrast-v), .1)}.bu_c3e2.ou_2a48{box-shadow:var(--0-button-inside-rect)}.bu_c3e2.ou_2a48:active,.bu_c3e2.ou_2a48:hover{--button-shadow-width:var(--0-unit,.2em)}.bu_c3e2.el_611c{box-shadow:0 0 1px 1px #0000001a,0 1px 3px #00000018,0 1.5px 1.5px #00000021}.bu_c3e2.el_611c:hover .co_ed70{filter:none}.bu_c3e2.el_611c:hover{box-shadow:0 0 1px 1px #0000001a,0 2px 6px #00000018,0 3px 3px #00000021}.bu_c3e2.el_611c:active{background-color:rgba(var(--0-c-brand-value), .1);box-shadow:0 0 1px 1px #0000001a,0 0 #00000018,0 0 #00000021}.bu_c3e2.el_611c.i__const_sizeXXXL_6{box-shadow:0 0 1px 1px #0000001a,0 12px 36px #00000018,0 18px 18px #00000021}.bu_c3e2.el_611c:not(.fx-ripple):active{background-color:rgba(var(--0-c-brand-value), .1)}.bu_c3e2.el_611c.fx-ripple:active .co_ed70{transform:unset}.bu_c3e2.fl_3a23:hover{--0-c2:rgba(var(--0-c2-v,var(--0-c-v)), .2);background-color:var(--0-c2,rgba(var(--0-c-v), .2))}}@layer ui0.button{.bu_c3e2{text-align:center;box-sizing:border-box;font:inherit;color:inherit;touch-action:manipulation;transition-duration:var(--0-d-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;padding-inline:var(--0-button-padding);--0-button-h:var(--0-s-cur,var(--0-s-m));--0-button-padding:var(--0-uc8);height:var(--0-s);--0-c-src:initial;--0-c-src-l:initial;--0-c-src-d:initial;--0-c-src-hover:initial;--0-c-src-active:initial;--0-c-src-focus:initial;--0-c-src-l-hover:initial;--0-c-src-l-active:initial;--0-c-src-l-focus:initial;--0-c-src-d-hover:initial;--0-c-src-d-active:initial;--0-c-src-d-focus:initial;--0-c-o:var(--0-c-src,var(--0-c-src-l,1));--0-c-cur:rgb(var(--0-c-cur-v) / var(--0-c-o));background-color:buttonface;background-clip:border-box;flex-direction:row;justify-content:center;align-items:center;display:inline-flex;position:relative}.theme_dark .bu_c3e2{--0-c-o:var(--0-c-src-d,var(--0-c-src,1))}.bu_c3e2:hover{--0-c-o:var(--0-c-src-hover,var(--0-c-src,var(--0-c-src-l,1)))}.bu_c3e2:active{--0-c-o:var(--0-c-src-active,var(--0-c-src,var(--0-c-src-l,1)))}.bu_c3e2:focus{--0-c-o:var(--0-c-src-focus,var(--0-c-src,var(--0-c-src-l,1)))}.theme_dark .bu_c3e2:hover{--0-c-o:var(--0-c-src-d-hover,var(--0-c-src-hover,var(--0-c-src-d,var(--0-c-src,1))))}.theme_dark .bu_c3e2:active{--0-c-o:var(--0-c-src-d-active,var(--0-c-src-active,var(--0-c-src-d,var(--0-c-src,1))))}.theme_dark .bu_c3e2:focus{--0-c-o:var(--0-c-src-d-focus,var(--0-c-src-focus,var(--0-c-src-d,var(--0-c-src,1))))}.bu_c3e2{--0-f-src:initial;--0-f-src-l:initial;--0-f-src-d:initial;--0-f-src-hover:initial;--0-f-src-active:initial;--0-f-src-focus:initial;--0-f-src-l-hover:initial;--0-f-src-l-active:initial;--0-f-src-l-focus:initial;--0-f-src-d-hover:initial;--0-f-src-d-active:initial;--0-f-src-d-focus:initial;--0-f-o:var(--0-f-src,var(--0-f-src-l,1));--0-f-cur:rgb(var(--0-f-cur-v) / var(--0-f-o))}.theme_dark .bu_c3e2{--0-f-o:var(--0-f-src-d,var(--0-f-src,1))}.bu_c3e2:hover{--0-f-o:var(--0-f-src-hover,var(--0-f-src,var(--0-f-src-l,1)))}.bu_c3e2:active{--0-f-o:var(--0-f-src-active,var(--0-f-src,var(--0-f-src-l,1)))}.bu_c3e2:focus{--0-f-o:var(--0-f-src-focus,var(--0-f-src,var(--0-f-src-l,1)))}.theme_dark .bu_c3e2:hover{--0-f-o:var(--0-f-src-d-hover,var(--0-f-src-hover,var(--0-f-src-d,var(--0-f-src,1))))}.theme_dark .bu_c3e2:active{--0-f-o:var(--0-f-src-d-active,var(--0-f-src-active,var(--0-f-src-d,var(--0-f-src,1))))}.theme_dark .bu_c3e2:focus{--0-f-o:var(--0-f-src-d-focus,var(--0-f-src-focus,var(--0-f-src-d,var(--0-f-src,1))))}.bu_c3e2{--0-g-cur:initial;color:var(--0-c-cur);background-color:var(--0-f-cur);background-image:var(--0-g-cur);border-start-start-radius:var(--0-r-tl,0px);border-start-end-radius:var(--0-r-tr,0px);border-end-end-radius:var(--0-r-br,0px);border-end-start-radius:var(--0-r-bl,0px)}.bu_c3e2.ro_0102{--0c-r-full:var(--0-r-full,calc(var(--0-button-h) / 2));--0c-r-smooth:var(--0-r-smooth,calc(var(--0-button-h) / 4));--0c-r-basic:var(--0-r-basic,calc(var(--0-button-h) / 8));--0c-r-hard:var(--0-r-hard,calc(var(--0-button-h) / 14));--0c-r-none:var(--0-r-none,0px)}.bu_c3e2.di_17eb{cursor:initial;filter:grayscale(80%)opacity(70%);pointer-events:none}.bu_c3e2.co_b6b5{--r-sizing:.8;padding:.1em .3em}.bu_c3e2 .co_ed70{align-items:inherit;border-radius:inherit;display:inherit;justify-content:inherit;height:100%;position:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;gap:var(--0-uc2);width:min-content;transition-duration:var(--0-d-fast);line-height:1;transition-property:color}.bu_c3e2.la_2152,.bu_c3e2.la_0824{height:calc(var(--0-button-h));max-height:calc(var(--0-button-h))}.bu_c3e2.la_0824 .co_ed70{flex-direction:column}.bu_c3e2.la_2152 .co_ed70{flex-direction:column-reverse}.bu_c3e2.la_1433 .co_ed70{flex-direction:row-reverse}}
|
|
1
|
+
@charset "UTF-8";@layer ui0.bu_c3e2{.bu_c3e2.ba_d73d,.bu_c3e2.in_f063,.bu_c3e2.ou_2a48,.bu_c3e2.el_611c,.bu_c3e2.gh_60ef,.bu_c3e2.fl_3a23{--0-button-inside-rect: inset 0 0 0 var(--0-button-shadow-width) var(--0-button-inside-rect-color);padding-inline:var(--0-button-padding);transition-duration:var(--0-d-fast);transition-property:background-color,box-shadow,border,background,color,filter;border:0;cursor:pointer;--ripple-gap: 0px}.bu_c3e2.ba_d73d.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.in_f063.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.ou_2a48.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.el_611c.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.gh_60ef.co_ca8c.fi_8a2f.fi_36f6,.bu_c3e2.fl_3a23.co_ca8c.fi_8a2f.fi_36f6{--ripple-gap: 1px;background:linear-gradient(var(--r-gradient-angle),rgba(var(--r-c-v),1) 0%,rgba(var(--r-c-v),1) 30%,rgba(var(--r-c2-v),1) 65%,rgba(var(--r-c2-v),1) 100%)}.bu_c3e2.ba_d73d .co_ed70,.bu_c3e2.in_f063 .co_ed70,.bu_c3e2.ou_2a48 .co_ed70,.bu_c3e2.el_611c .co_ed70,.bu_c3e2.gh_60ef .co_ed70,.bu_c3e2.fl_3a23 .co_ed70{align-items:inherit;border-radius:inherit;display:inherit;height:100%;justify-content:inherit;position:inherit;width:100%;font-size:var(--0-button-content-font-size);transition-duration:var(--0-d-fast);transition-property:color;line-height:1}.bu_c3e2.ba_d73d .ca_a457,.bu_c3e2.in_f063 .ca_a457,.bu_c3e2.ou_2a48 .ca_a457,.bu_c3e2.el_611c .ca_a457,.bu_c3e2.gh_60ef .ca_a457,.bu_c3e2.fl_3a23 .ca_a457{transition-property:fill,color,stroke;transition-timing-function:ease-out}.bu_c3e2.ba_d73d.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.in_f063.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.ou_2a48.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.el_611c.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.gh_60ef.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.fl_3a23.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.ba_d73d.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.in_f063.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.ou_2a48.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.el_611c.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.gh_60ef.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a,.bu_c3e2.fl_3a23.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .Ic_a35a{color:rgba(var(--0-f-v),1)}.bu_c3e2.ba_d73d.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.in_f063.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.ou_2a48.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.el_611c.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.gh_60ef.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.fl_3a23.fx-ripple.fi_8a2f.fx-ripple.fx-ripple-in .ic_2201{--0-icon-fill-color: rgba(var(--0-f-v), 1);--0-icon-stroke-color: rgba(var(--0-f-v), 1)}.bu_c3e2.ba_d73d.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.in_f063.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.ou_2a48.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.el_611c.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.gh_60ef.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item,.bu_c3e2.fl_3a23.fx-ripple.fi_8a2f.co_bd70.fx-ripple .fx-ripple-c .fx-ripple-item{filter:brightness(.5)}.bu_c3e2.ba_d73d.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.in_f063.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.ou_2a48.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.el_611c.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.gh_60ef.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.fl_3a23.fx-ripple.fx-ripple.fx-ripple-in .co_ed70,.bu_c3e2.ba_d73d.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.in_f063.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.ou_2a48.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.el_611c.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.gh_60ef.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4,.bu_c3e2.fl_3a23.fx-ripple.fx-ripple.fx-ripple-in .ic_c2d4{color:rgba(var(--0-c-background-v),1)}.bu_c3e2.ba_d73d.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.in_f063.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.ou_2a48.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.el_611c.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.gh_60ef.fx-ripple.fx-ripple.fx-ripple-in .ic_2201,.bu_c3e2.fl_3a23.fx-ripple.fx-ripple.fx-ripple-in .ic_2201{--0-icon-fill-color: rgba(var(--0-c-background-v), 1);--0-icon-stroke-color: rgba(var(--0-c-background-v), 1)}.bu_c3e2.ba_d73d.fx-ripple:active,.bu_c3e2.in_f063.fx-ripple:active,.bu_c3e2.ou_2a48.fx-ripple:active,.bu_c3e2.el_611c.fx-ripple:active,.bu_c3e2.gh_60ef.fx-ripple:active,.bu_c3e2.fl_3a23.fx-ripple:active{background-color:transparent}.bu_c3e2.ba_d73d.fx-ripple:active .co_ed70,.bu_c3e2.in_f063.fx-ripple:active .co_ed70,.bu_c3e2.ou_2a48.fx-ripple:active .co_ed70,.bu_c3e2.el_611c.fx-ripple:active .co_ed70,.bu_c3e2.gh_60ef.fx-ripple:active .co_ed70,.bu_c3e2.fl_3a23.fx-ripple:active .co_ed70{filter:none;transform:revert}.bu_c3e2.ba_d73d.fx-ripple:hover,.bu_c3e2.in_f063.fx-ripple:hover,.bu_c3e2.ou_2a48.fx-ripple:hover,.bu_c3e2.el_611c.fx-ripple:hover,.bu_c3e2.gh_60ef.fx-ripple:hover,.bu_c3e2.fl_3a23.fx-ripple:hover{filter:unset}.bu_c3e2.ba_d73d:not(.fi_8a2f,.co_ca8c):hover{background-color:#0000001a}.bu_c3e2.ba_d73d:not(.fi_8a2f,.co_ca8c):active{background-color:#0003}.bu_c3e2.ba_d73d:not(.fx-ripple):active:not(.fi_8a2f).co_ca8c{background-color:rgba(var(--0-c-v),.21)}.bu_c3e2.ba_d73d:not(.fx-ripple):hover:not(.fi_8a2f).co_ca8c{background-color:rgba(var(--0-c-v),.21);opacity:1}.bu_c3e2.gh_60ef:not(.fi_8a2f,.co_ca8c):active{background-color:transparent}.bu_c3e2.gh_60ef:not(.fi_8a2f,.co_ca8c):hover{background-color:transparent}.bu_c3e2.in_f063:not(.fi_8a2f){background-color:rgba(var(--0-c-theme-contrast-v)/.1)}.bu_c3e2.in_f063.fi_8a2f{--0-f-cur-o: .5}.bu_c3e2.in_f063:active{background-color:rgba(var(--0-c-theme-contrast-v)/.2)}.bu_c3e2.in_f063.fx-ripple:active{background-color:rgba(var(--0-c-theme-contrast-v)/.1)}.bu_c3e2.ou_2a48{box-shadow:var(--0-button-inside-rect)}.bu_c3e2.ou_2a48:active,.bu_c3e2.ou_2a48:hover{--0-button-shadow-width: var(--0-u1, .2em)}.bu_c3e2.el_611c{box-shadow:0 0 1px 1px #0000001a,0 1px 3px #00000018,0 1.5px 1.5px #00000021}.bu_c3e2.el_611c:hover .co_ed70{filter:none}.bu_c3e2.el_611c:hover{box-shadow:0 0 1px 1px #0000001a,0 2px 6px #00000018,0 3px 3px #00000021}.bu_c3e2.el_611c:active{box-shadow:0 0 1px 1px #0000001a,0 0 #00000018,0 0 #00000021;background-color:rgba(var(--0-c-brand-value),.1)}.bu_c3e2.el_611c.i__const_sizeXXXL_6{box-shadow:0 0 1px 1px #0000001a,0 12px 36px #00000018,0 18px 18px #00000021}.bu_c3e2.el_611c:not(.fx-ripple):active{background-color:rgba(var(--0-c-brand-value),.1)}.bu_c3e2.el_611c.fx-ripple:active .co_ed70{transform:unset}.bu_c3e2.fl_3a23:hover{--0-c2: rgba(var(--0-c2-v, var(--0-c-v)), .2);background-color:var(--0-c2, rgba(var(--0-c-v), .2))}}@property --0-r-tl{syntax: "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"; inherits: false; initial-value: 0;}@property --0-r-tr{syntax: "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"; inherits: false; initial-value: 0;}@property --0-r-bl{syntax: "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"; inherits: false; initial-value: 0;}@property --0-r-br{syntax: "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"; inherits: false; initial-value: 0;}@layer ui0.bu_c3e2{.bu_c3e2{justify-content:center;text-align:center;align-items:center;background-clip:border-box;box-sizing:border-box;display:inline-flex;font:inherit;color:inherit;flex-direction:row;position:relative;background-color:buttonface;border:none;touch-action:manipulation;transition-duration:var(--0-d-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;padding-inline:var(--0-button-padding);gap:var(--0-u5)}.bu_c3e2{--0-button-h: var(--0-s, var(--0-s-m));--0-button-padding: var(--0-uc8);--0-button-w-min: calc(var(--0-button-h) * 2);--0-button-shadow-width: var(--0-uc1, .1em);--0-button-inside-rect-color: currentColor;height:var(--0-s);--0-c-src: initial;--0-c-src-l: initial;--0-c-src-d: initial;--0-c-src-hover: initial;--0-c-src-active: initial;--0-c-src-focus: initial;--0-c-src-l-hover: initial;--0-c-src-l-active: initial;--0-c-src-l-focus: initial;--0-c-src-d-hover: initial;--0-c-src-d-active: initial;--0-c-src-d-focus: initial;--0-c-o: var(--0-c-src, var(--0-c-src-l, 1));--0-c-cur: rgb(var(--0-c-cur-v) / var(--0-c-o))}.theme_dark .bu_c3e2{--0-c-o: var(--0-c-src-d, var(--0-c-src, 1))}.bu_c3e2:hover{--0-c-o: var(--0-c-src-hover, var(--0-c-src, var(--0-c-src-l, 1)))}.bu_c3e2:active{--0-c-o: var(--0-c-src-active, var(--0-c-src, var(--0-c-src-l, 1)))}.bu_c3e2:focus{--0-c-o: var(--0-c-src-focus, var(--0-c-src, var(--0-c-src-l, 1)))}.theme_dark .bu_c3e2:hover{--0-c-o: var(--0-c-src-d-hover, var(--0-c-src-hover, var(--0-c-src-d, var(--0-c-src, 1))))}.theme_dark .bu_c3e2:active{--0-c-o: var(--0-c-src-d-active, var(--0-c-src-active, var(--0-c-src-d, var(--0-c-src, 1))))}.theme_dark .bu_c3e2:focus{--0-c-o: var(--0-c-src-d-focus, var(--0-c-src-focus, var(--0-c-src-d, var(--0-c-src, 1))))}.bu_c3e2{--0-f-src: initial;--0-f-src-l: initial;--0-f-src-d: initial;--0-f-src-hover: initial;--0-f-src-active: initial;--0-f-src-focus: initial;--0-f-src-l-hover: initial;--0-f-src-l-active: initial;--0-f-src-l-focus: initial;--0-f-src-d-hover: initial;--0-f-src-d-active: initial;--0-f-src-d-focus: initial;--0-f-o: var(--0-f-src, var(--0-f-src-l, 1));--0-f-cur: rgb(var(--0-f-cur-v) / var(--0-f-o))}.theme_dark .bu_c3e2{--0-f-o: var(--0-f-src-d, var(--0-f-src, 1))}.bu_c3e2:hover{--0-f-o: var(--0-f-src-hover, var(--0-f-src, var(--0-f-src-l, 1)))}.bu_c3e2:active{--0-f-o: var(--0-f-src-active, var(--0-f-src, var(--0-f-src-l, 1)))}.bu_c3e2:focus{--0-f-o: var(--0-f-src-focus, var(--0-f-src, var(--0-f-src-l, 1)))}.theme_dark .bu_c3e2:hover{--0-f-o: var(--0-f-src-d-hover, var(--0-f-src-hover, var(--0-f-src-d, var(--0-f-src, 1))))}.theme_dark .bu_c3e2:active{--0-f-o: var(--0-f-src-d-active, var(--0-f-src-active, var(--0-f-src-d, var(--0-f-src, 1))))}.theme_dark .bu_c3e2:focus{--0-f-o: var(--0-f-src-d-focus, var(--0-f-src-focus, var(--0-f-src-d, var(--0-f-src, 1))))}.bu_c3e2{--0-g-cur: initial;color:var(--0-c-cur);background-color:var(--0-f-cur);background-image:var(--0-g-cur);border-start-start-radius:var(--0-r-tl, 0px);border-start-end-radius:var(--0-r-tr, 0px);border-end-start-radius:var(--0-r-bl, 0px);border-end-end-radius:var(--0-r-br, 0px)}.bu_c3e2.si_3f5b{height:var(--0-button-h);max-height:var(--0-button-h);min-height:var(--0-button-h);min-width:var(--0-button-w-min);font-size:calc(.5 * var(--0-s))}.bu_c3e2.ro_0102{--0c-r-full: var(--0-r-full, calc(var(--0-button-h) / 2));--0c-r-smooth: var(--0-r-smooth, calc(var(--0-button-h) / 4));--0c-r-basic: var(--0-r-basic, calc(var(--0-button-h) / 8));--0c-r-hard: var(--0-r-hard, calc(var(--0-button-h) / 14));--0c-r-none: var(--0-r-none, 0px)}.bu_c3e2:not(.fi_8a2f){background-color:buttonface}.bu_c3e2.di_17eb{cursor:initial;filter:grayscale(80%) opacity(70%);pointer-events:none}.bu_c3e2.co_b6b5{--0-s-density: .8;padding:.1em .3em}.bu_c3e2 .co_ed70{align-items:inherit;border-radius:inherit;display:inherit;height:100%;justify-content:inherit;position:inherit;width:100%;pointer-events:none;-webkit-user-select:none;user-select:none;width:min-content;transition-duration:var(--0-d-fast);transition-property:color;line-height:1}.bu_c3e2:active .co_ed70,.bu_c3e2:active .ic_c2d4{transition:transform 50ms ease-out;transform:translateY(1px)}.bu_c3e2.to_7c9b{align-items:center;justify-content:center;min-width:var(--r-button-height);height:var(--r-button-height);aspect-ratio:1/1;text-align:center;width:var(--r-button-height)}.bu_c3e2.la_2152,.bu_c3e2.la_0824{height:calc(var(--0-button-h));max-height:calc(var(--0-button-h))}.bu_c3e2.la_0824 .co_ed70{flex-direction:column}.bu_c3e2.la_2152 .co_ed70{flex-direction:column-reverse}.bu_c3e2.la_1433 .co_ed70{flex-direction:row-reverse}}
|
|
2
2
|
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ui0/button",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"description": "Component library for @ui0/core built from packages/templates/package",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -24,22 +24,25 @@
|
|
|
24
24
|
"scripts": {
|
|
25
25
|
"button:build": "vite build",
|
|
26
26
|
"button:dev": "vite build --watch",
|
|
27
|
-
"button:typecheck": "vue-tsc --noEmit"
|
|
27
|
+
"button:typecheck": "vue-tsc --noEmit",
|
|
28
|
+
"button:publish": "node ../../scripts/publish-packages.ts"
|
|
28
29
|
},
|
|
29
30
|
"dependencies": {},
|
|
30
31
|
"devDependencies": {
|
|
31
|
-
"@ui0/vite": "^0.1.
|
|
32
|
+
"@ui0/vite": "^0.1.5",
|
|
32
33
|
"@vitejs/plugin-vue": "^6.0.0",
|
|
33
34
|
"sass-embedded": "^1.80.0",
|
|
34
35
|
"vite-plugin-dts": "^5.1.2",
|
|
35
36
|
"vue": "^3.5.45"
|
|
36
37
|
},
|
|
37
38
|
"peerDependencies": {
|
|
38
|
-
"@ui0/composable": "^0.1.
|
|
39
|
-
"@ui0/core": "^0.1.
|
|
40
|
-
"@ui0/theme": "^0.1.
|
|
41
|
-
"@ui0/
|
|
42
|
-
"@ui0/
|
|
39
|
+
"@ui0/composable": "^0.1.5",
|
|
40
|
+
"@ui0/core": "^0.1.5",
|
|
41
|
+
"@ui0/theme": "^0.1.5",
|
|
42
|
+
"@ui0/flex": "^0.1.4",
|
|
43
|
+
"@ui0/icon": "^0.1.4",
|
|
44
|
+
"@ui0/types": "^0.1.6",
|
|
45
|
+
"@ui0/util": "^0.0.7",
|
|
43
46
|
"vue": "^3.5.45"
|
|
44
47
|
}
|
|
45
48
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@value test: 123;
|