@ui0/button 0.1.3 → 0.1.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.
Files changed (8) hide show
  1. package/dist/button.module.css +5 -2
  2. package/dist/button.variants.module.scss.module.css +1 -1
  3. package/dist/components/button/button.types.d.ts +5 -2
  4. package/dist/components/button/button.types.d.ts.map +1 -1
  5. package/dist/index.js +60 -40
  6. package/dist/style.css +1 -1
  7. package/package.json +9 -7
  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 content: co_ed70;
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;
package/dist/button.variants.module.scss.module.css CHANGED
@@ -11,7 +11,7 @@
11
11
  @value filled: fi_8a2f;
12
12
  @value filled2: fi_36f6;
13
13
  @value canvas: ca_a457;
14
- @value icon: ic_c2d4;
15
14
  @value Icon: Ic_a35a;
16
15
  @value iconSvg: ic_2201;
17
16
  @value color2: co_bd70;
17
+ @value icon: ic_c2d4;
package/dist/components/button/button.types.d.ts CHANGED
@@ -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 {
package/dist/components/button/button.types.d.ts.map CHANGED
@@ -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;AAErE,MAAM,WAAW,WACf,SAAQ,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY;IAC9G;;;OAGG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAA;CACpC;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;CAAG;AACjC,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"}
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, createElementBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, h as s, normalizeClass as c, normalizeProps as l, normalizeStyle as u, openBlock as d, renderSlot as f, resolveComponent as p, unref as m, useCssModule as h, useSlots as g, useTemplateRef as _ } from "vue";
3
- import { useComponentDefaults as v } from "@ui0/core";
4
- import { useThemeContext as y } from "@ui0/theme";
5
- var b = {
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,75 +18,93 @@ 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
- }, x = { test: "123" }, S = /*#__PURE__*/ ((e, t) => {
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__ */ a({
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: {},
35
- roundTarget: {},
40
+ "round-target": {},
36
41
  size: {},
37
42
  density: {},
38
43
  disabled: { type: Boolean },
39
44
  variant: {}
40
45
  },
41
- setup(a, { expose: S }) {
42
- console.log("a", x);
43
- let C = a, w = v("button", C, { title: "" }), T = h(), E = g(), [, D] = y(C, T), O = e(() => {
44
- let { variant: e } = C, t = D?.classes() ?? [];
45
- console.log("$variants", b), e && b[e + "Vnt"] && t.push(b[e + "Vnt"]);
46
- let n = w.layout ?? "row";
47
- return n && t.push(T["layout-" + n]), t;
48
- }), k = e(() => D?.styles() ?? {}), A = _("host"), j = { focus(e) {
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(j);
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
- E.default ? e.push(E.default(j)) : r && e.push(r);
57
- } else E.default ? e.push(E.default(j)) : r && e.push(r);
58
- return s("div", { class: T.content }, e);
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, a) => {
61
- let s = p("BtnIcon");
62
- return d(), r("div", {
63
- "data-0": "button",
64
- class: c([...O.value, e.$style.button]),
65
- style: u(k.value),
66
- ref_key: "host",
67
- ref: A
68
- }, [f(e.$slots, "content", l(o(j)), () => [
69
- f(e.$slots, "before", l(o(j)), () => [C.icon && C.sizing !== "tool" && C.options.iconSlot === "before" ? (d(), t(s, {
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
- i(M),
74
- f(e.$slots, "after", l(o(j)), () => [C.icon && C.sizing !== "tool" && C.options.iconSlot === "after" ? (d(), t(s, {
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
- ])], 6);
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
- content: "co_ed70",
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-uc1)}.bu_c3e2{--0-button-h: var(--0-s, var(--0-s-m));--0-button-padding: var(--0-uc3);--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",
3
+ "version": "0.1.5",
4
4
  "description": "Component library for @ui0/core built from packages/templates/package",
5
5
  "files": [
6
6
  "dist"
@@ -29,18 +29,20 @@
29
29
  },
30
30
  "dependencies": {},
31
31
  "devDependencies": {
32
- "@ui0/vite": "^0.1.4",
32
+ "@ui0/vite": "^0.1.6",
33
33
  "@vitejs/plugin-vue": "^6.0.0",
34
34
  "sass-embedded": "^1.80.0",
35
35
  "vite-plugin-dts": "^5.1.2",
36
36
  "vue": "^3.5.45"
37
37
  },
38
38
  "peerDependencies": {
39
- "@ui0/composable": "^0.1.4",
40
- "@ui0/core": "^0.1.4",
41
- "@ui0/theme": "^0.1.4",
42
- "@ui0/types": "^0.1.4",
43
- "@ui0/util": "^0.0.5",
39
+ "@ui0/composable": "^0.1.6",
40
+ "@ui0/core": "^0.1.6",
41
+ "@ui0/theme": "^0.1.6",
42
+ "@ui0/flex": "^0.1.5",
43
+ "@ui0/icon": "^0.1.5",
44
+ "@ui0/types": "^0.1.7",
45
+ "@ui0/util": "^0.0.8",
44
46
  "vue": "^3.5.45"
45
47
  }
46
48
  }
package/dist/test.module.scss.module.css DELETED
@@ -1 +0,0 @@
1
- @value test: 123;