@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
82 lines (81 loc) • 3.83 kB
JavaScript
"use client";
import { jsxs as A, jsx as T } from "react/jsx-runtime";
import { d as G } from "./chunks/index.CgTHIF3K.js";
import { c as $ } from "./chunks/index.CEyLAtio.js";
import { D as J } from "./chunks/Icon.DGTYCv63.js";
import { DSSpinner as K } from "./spinner.Dht6FspZ.js";
import { forwardRef as M } from "react";
import './assets/buttonround.Cw9hnUan.css';const P = "ds-button-round_root_1yumq_1", Q = "ds-button-round_root--highlight_1yumq_75", U = "ds-button-round_root--dark-highlight_1yumq_75", V = "ds-button-round_root--filled_1yumq_151", W = "ds-button-round_root--dark-filled_1yumq_393", X = "ds-button-round_root--icon-only-small_1yumq_647", Y = "ds-button-round_icon--hidden_1yumq_664", Z = "ds-button-round_label--hidden_1yumq_668", oo = "ds-button-round_label--loading_1yumq_680", to = "ds-button-round_loader_1yumq_684", l = {
root: P,
rootHighlight: Q,
rootDarkHighlight: U,
rootFilled: V,
rootDarkFilled: W,
rootIconOnlySmall: X,
iconHidden: Y,
labelHidden: Z,
labelLoading: oo,
loader: to
}, lo = M((S, v) => {
const o = G.c(47);
let n, s, a, e, i, d, m, h, g, _, b;
o[0] !== S ? ({
children: s,
aria: n,
className: a,
disabled: m,
iconName: h,
iconSource: e,
loading: g,
theme: _,
variant: b,
onClick: i,
...d
} = S, o[0] = S, o[1] = n, o[2] = s, o[3] = a, o[4] = e, o[5] = i, o[6] = d, o[7] = m, o[8] = h, o[9] = g, o[10] = _, o[11] = b) : (n = o[1], s = o[2], a = o[3], e = o[4], i = o[5], d = o[6], m = o[7], h = o[8], g = o[9], _ = o[10], b = o[11]);
const y = m === void 0 ? !1 : m, k = h === void 0 ? "placeholder" : h, t = g === void 0 ? !1 : g, C = _ === void 0 ? "light" : _, f = b === void 0 ? "filled" : b, F = f === "filled", x = f === "highlight", I = C === "dark" && f === "filled", L = C === "dark" && f === "highlight";
let p;
o[12] !== a || o[13] !== F || o[14] !== x || o[15] !== I || o[16] !== L ? (p = $(l.root, l.rootIconOnlySmall, a, {
[l.rootFilled]: F,
[l.rootHighlight]: x,
[l.rootDarkFilled]: I,
[l.rootDarkHighlight]: L
}), o[12] = a, o[13] = F, o[14] = x, o[15] = I, o[16] = L, o[17] = p) : p = o[17];
const O = p;
let D;
o[18] !== t ? (D = $(l.label, l.labelHidden, {
[l.labelLoading]: t
}), o[18] = t, o[19] = D) : D = o[19];
const R = D;
let H;
o[20] !== t ? (H = $(l.icon, {
[l.iconHidden]: t
}), o[20] = t, o[21] = H) : H = o[21];
const j = H, B = C === "light" && f === "filled" ? "dark" : "light";
let q;
o[22] !== y || o[23] !== t || o[24] !== i ? (q = (z) => {
if (y || t) {
z.preventDefault();
return;
}
i && i(z);
}, o[22] = y, o[23] = t, o[24] = i, o[25] = q) : q = o[25];
const w = q, E = y || t;
let r;
o[26] !== t ? (r = t && /* @__PURE__ */ T(K, { className: l.loader, aria: {
"aria-label": "Loading state"
} }), o[26] = t, o[27] = r) : r = o[27];
let c;
o[28] !== s || o[29] !== R ? (c = /* @__PURE__ */ T("span", { className: R, children: s }), o[28] = s, o[29] = R, o[30] = c) : c = o[30];
let u;
o[31] !== j || o[32] !== k || o[33] !== e || o[34] !== B ? (u = (k || e) && /* @__PURE__ */ T(J, { name: k, theme: B, source: e, className: j, "aria-hidden": "true" }), o[31] = j, o[32] = k, o[33] = e, o[34] = B, o[35] = u) : u = o[35];
let N;
return o[36] !== n || o[37] !== w || o[38] !== t || o[39] !== v || o[40] !== d || o[41] !== O || o[42] !== E || o[43] !== r || o[44] !== c || o[45] !== u ? (N = /* @__PURE__ */ A("button", { className: O, type: "button", onClick: w, ...n, ...d, "aria-disabled": E, "aria-busy": t, ref: v, children: [
r,
c,
u
] }), o[36] = n, o[37] = w, o[38] = t, o[39] = v, o[40] = d, o[41] = O, o[42] = E, o[43] = r, o[44] = c, o[45] = u, o[46] = N) : N = o[46], N;
});
lo.displayName = "DSButtonRound";
export {
lo as DSButtonRound
};