mongodb-chatbot-ui
Version:
UI React components for the MongoDB Chatbot Framework
691 lines (658 loc) • 31.4 kB
JavaScript
import P, { useRef as pn, useEffect as fn } from "react";
import { g as be, e as kn, f as yn, k as L, F as n, v as F, m as t, b as Kr, ag as mn, z as vn, o as Ee, a3 as fe, a2 as ce, Y as ke, ab as xn, ah as Dn, d as Qr, n as T, ai as Vr } from "./index2.js";
var h = { white: "#FFFFFF", black: "#001E2B", transparent: "#FFFFFF00", gray: { dark4: "#112733", dark3: "#1C2D38", dark2: "#3D4F58", dark1: "#5C6C75", base: "#889397", light1: "#C1C7C6", light2: "#E8EDEB", light3: "#F9FBFA" }, green: { dark3: "#023430", dark2: "#00684A", dark1: "#00A35C", base: "#00ED64", light1: "#71F6BA", light2: "#C0FAE6", light3: "#E3FCF7" }, purple: { dark3: "#2D0B59", dark2: "#5E0C9E", base: "#B45AF2", light2: "#F1D4FD", light3: "#F9EBFF" }, blue: { dark3: "#0C2657", dark2: "#083C90", dark1: "#1254B7", base: "#016BF8", light1: "#0498EC", light2: "#C3E7FE", light3: "#E1F7FF" }, yellow: { dark3: "#4C2100", dark2: "#944F01", base: "#FFC010", light2: "#FFEC9E", light3: "#FEF7DB" }, red: { dark3: "#5B0000", dark2: "#970606", base: "#DB3030", light1: "#FF6960", light2: "#FFCDC7", light3: "#FFEAE5" } }, _ = { Light: "light", Dark: "dark" };
be(console.error), be(console.warn), be(console.log);
var j = kn({ key: "leafygreen-ui", nonce: "4.1.1", prepend: !0 });
j.flush;
j.hydrate;
j.cx;
j.merge;
j.getRegisteredStyles;
j.injectGlobal;
j.keyframes;
j.css;
j.sheet;
var wn = j.cache;
yn(wn);
function e(o, d, s) {
return (d = function(g) {
var v = function(b, k) {
if (typeof b != "object" || !b)
return b;
var D = b[Symbol.toPrimitive];
if (D !== void 0) {
var x = D.call(b, k);
if (typeof x != "object")
return x;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(b);
}(g, "string");
return typeof v == "symbol" ? v : v + "";
}(d)) in o ? Object.defineProperty(o, d, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : o[d] = s, o;
}
var i = { Disabled: "disabled", Placeholder: "placeholder", Primary: "primary", Secondary: "secondary", InversePrimary: "inversePrimary", InverseSecondary: "inverseSecondary", Info: "info", Warning: "warning", Error: "error", Success: "success", Link: "link" }, r = { Default: "default", Hover: "hover", Focus: "focus" }, ee = h.black, y = h.blue, u = h.gray, N = h.green, B = h.red, Fn = h.white, q = h.yellow, En = { background: e(e(e(e(e(e(e(e({}, i.Primary, e(e(e({}, r.Default, ee), r.Hover, u.dark2), r.Focus, y.dark3)), i.Secondary, e(e(e({}, r.Default, u.dark4), r.Hover, u.dark2), r.Focus, y.dark3)), i.InversePrimary, e(e(e({}, r.Default, u.light2), r.Hover, u.light3), r.Focus, y.light2)), i.Info, e(e(e({}, r.Default, y.dark3), r.Hover, y.dark3), r.Focus, y.dark3)), i.Warning, e(e(e({}, r.Default, q.dark3), r.Hover, q.dark3), r.Focus, q.dark3)), i.Success, e(e(e({}, r.Default, N.dark3), r.Hover, N.dark3), r.Focus, N.dark3)), i.Error, e(e(e({}, r.Default, B.dark3), r.Hover, B.dark3), r.Focus, B.dark3)), i.Disabled, e(e(e({}, r.Default, u.dark3), r.Hover, u.dark3), r.Focus, u.dark3)), border: e(e(e(e(e({}, i.Primary, e(e(e({}, r.Default, u.base), r.Hover, u.base), r.Focus, y.light1)), i.Secondary, e(e(e({}, r.Default, u.dark2), r.Hover, u.dark2), r.Focus, y.light1)), i.Success, e(e(e({}, r.Default, N.dark1), r.Hover, N.dark1), r.Focus, y.light1)), i.Error, e(e(e({}, r.Default, B.light1), r.Hover, B.light1), r.Focus, y.light1)), i.Disabled, e(e(e({}, r.Default, u.dark2), r.Hover, u.dark2), r.Focus, u.dark2)), icon: e(e(e(e(e(e(e(e({}, i.Primary, e(e(e({}, r.Default, u.light1), r.Hover, u.light3), r.Focus, y.light3)), i.Secondary, e(e(e({}, r.Default, u.base), r.Hover, u.light3), r.Focus, y.light3)), i.InversePrimary, e(e(e({}, r.Default, Fn), r.Hover, ee), r.Focus, y.dark2)), i.Info, e(e(e({}, r.Default, y.light1), r.Hover, y.light1), r.Focus, y.light1)), i.Warning, e(e(e({}, r.Default, q.base), r.Hover, q.base), r.Focus, q.base)), i.Success, e(e(e({}, r.Default, N.base), r.Hover, N.base), r.Focus, N.base)), i.Error, e(e(e({}, r.Default, B.light1), r.Hover, B.light1), r.Focus, B.light1)), i.Disabled, e(e(e({}, r.Default, u.dark1), r.Hover, u.dark1), r.Focus, u.dark1)), text: e(e(e(e(e(e(e(e({}, i.Primary, e(e(e({}, r.Default, u.light2), r.Hover, u.light2), r.Focus, y.light3)), i.Placeholder, e(e(e({}, r.Default, u.dark1), r.Hover, u.dark1), r.Focus, u.dark1)), i.Secondary, e(e(e({}, r.Default, u.light1), r.Hover, u.light2), r.Focus, y.light3)), i.InversePrimary, e(e(e({}, r.Default, ee), r.Hover, ee), r.Focus, y.dark2)), i.InverseSecondary, e(e(e({}, r.Default, u.dark2), r.Hover, ee), r.Focus, y.dark2)), i.Error, e(e(e({}, r.Default, B.light1), r.Hover, B.light1), r.Focus, B.light1)), i.Disabled, e(e(e({}, r.Default, u.dark1), r.Hover, u.dark1), r.Focus, u.dark1)), i.Link, e(e(e({}, r.Default, y.light1), r.Hover, y.light1), r.Focus, y.light1)) }, X = h.black, m = h.blue, p = h.gray, $ = h.green, z = h.red, U = h.white, Z = h.yellow, Pn = { background: e(e(e(e(e(e(e(e({}, i.Primary, e(e(e({}, r.Default, U), r.Hover, p.light2), r.Focus, m.light3)), i.Secondary, e(e(e({}, r.Default, p.light3), r.Hover, p.light2), r.Focus, m.light3)), i.InversePrimary, e(e(e({}, r.Default, X), r.Hover, p.dark3), r.Focus, m.dark2)), i.Info, e(e(e({}, r.Default, m.light3), r.Hover, m.light3), r.Focus, m.light3)), i.Warning, e(e(e({}, r.Default, Z.light3), r.Hover, Z.light3), r.Focus, Z.light3)), i.Success, e(e(e({}, r.Default, $.light3), r.Hover, $.light3), r.Focus, $.light3)), i.Error, e(e(e({}, r.Default, z.light3), r.Hover, z.light3), r.Focus, z.light3)), i.Disabled, e(e(e({}, r.Default, p.light2), r.Hover, p.light2), r.Focus, p.light2)), border: e(e(e(e(e({}, i.Primary, e(e(e({}, r.Default, p.base), r.Hover, p.base), r.Focus, m.light1)), i.Secondary, e(e(e({}, r.Default, p.light2), r.Hover, p.light2), r.Focus, m.light1)), i.Success, e(e(e({}, r.Default, $.dark1), r.Hover, $.dark1), r.Focus, m.light1)), i.Error, e(e(e({}, r.Default, z.base), r.Hover, z.base), r.Focus, m.light1)), i.Disabled, e(e(e({}, r.Default, p.light1), r.Hover, p.light1), r.Focus, p.light1)), icon: e(e(e(e(e(e(e(e({}, i.Primary, e(e(e({}, r.Default, p.dark1), r.Hover, X), r.Focus, m.dark1)), i.Secondary, e(e(e({}, r.Default, p.base), r.Hover, X), r.Focus, m.dark1)), i.InversePrimary, e(e(e({}, r.Default, U), r.Hover, U), r.Focus, m.light2)), i.Info, e(e(e({}, r.Default, m.base), r.Hover, m.base), r.Focus, m.base)), i.Warning, e(e(e({}, r.Default, Z.dark2), r.Hover, Z.dark2), r.Focus, Z.dark2)), i.Success, e(e(e({}, r.Default, $.dark1), r.Hover, $.dark1), r.Focus, $.dark1)), i.Error, e(e(e({}, r.Default, z.base), r.Hover, z.base), r.Focus, z.base)), i.Disabled, e(e(e({}, r.Default, p.base), r.Hover, p.base), r.Focus, p.base)), text: e(e(e(e(e(e(e(e({}, i.Primary, e(e(e({}, r.Default, X), r.Hover, X), r.Focus, m.dark1)), i.Secondary, e(e(e({}, r.Default, p.dark1), r.Hover, X), r.Focus, m.dark1)), i.InversePrimary, e(e(e({}, r.Default, U), r.Hover, U), r.Focus, m.light2)), i.InverseSecondary, e(e(e({}, r.Default, p.light1), r.Hover, U), r.Focus, m.light2)), i.Error, e(e(e({}, r.Default, z.base), r.Hover, z.base), r.Focus, z.base)), i.Disabled, e(e(e({}, r.Default, p.base), r.Hover, p.base), r.Focus, p.base)), i.Placeholder, e(e(e({}, r.Default, p.base), r.Hover, p.base), r.Focus, p.base)), i.Link, e(e(e({}, r.Default, m.base), r.Hover, m.base), r.Focus, m.base)) };
e(e({}, _.Dark, En), _.Light, Pn);
var se = { Dark: "dark", Light: "light" };
e(e({}, se.Light, { default: "0 0 0 2px ".concat(h.white, ", 0 0 0 4px ").concat(h.blue.light1), input: "0 0 0 3px ".concat(h.blue.light1) }), se.Dark, { default: "0 0 0 2px ".concat(h.black, ", 0 0 0 4px ").concat(h.blue.light1), input: "0 0 0 3px ".concat(h.blue.light1) });
e(e({}, se.Light, { gray: "0 0 0 3px ".concat(h.gray.light2), green: "0 0 0 3px ".concat(h.green.light2), red: "0 0 0 3px ".concat(h.red.light2) }), se.Dark, { gray: "0 0 0 3px ".concat(h.gray.dark2), green: "0 0 0 3px ".concat(h.green.dark3), red: "0 0 0 3px ".concat(h.yellow.dark3) });
var On = h.black, J = h.gray, Hn = h.white;
e(e({}, i.Primary, e({}, r.Default, J.base)), i.Secondary, e({}, r.Default, J.dark1)), e(e({}, i.Primary, e({}, r.Default, On)), i.Secondary, e({}, r.Default, J.dark4)), e(e({}, i.Primary, e({}, r.Default, J.base)), i.Secondary, e({}, r.Default, J.light1)), e(e({}, i.Primary, e({}, r.Default, Hn)), i.Secondary, e({}, r.Default, J.light3));
e(e({}, _.Light, h.gray.dark1), _.Dark, h.black);
e(e({}, _.Light, 8), _.Dark, 16);
var Sn = L(0.75, h.black);
e(e({}, _.Light, { 100: "0px 2px 4px 1px ".concat(Sn) }), _.Dark, { 100: "unset" });
var Ln = { faster: 100, default: 150, slower: 300, slowest: 500 }, pe = Ln.slower, I = function() {
var o, d;
if (typeof window < "u") {
var s = { setRippleListener: !1, registeredRippleElements: /* @__PURE__ */ new WeakMap() };
return (d = (o = window).__LEAFYGREEN_UTILS__) !== null && d !== void 0 || (o.__LEAFYGREEN_UTILS__ = { modules: {} }), window.__LEAFYGREEN_UTILS__.modules["@leafygreen-ui/ripple"] = s, window.__LEAFYGREEN_UTILS__.modules["@leafygreen-ui/ripple"];
}
}();
function Bn(o) {
I != null && I.registeredRippleElements.has(o.target) && function(d) {
var s = d.target, g = I == null ? void 0 : I.registeredRippleElements.get(s);
if (!(!s || !g)) {
var v = g.backgroundColor, b = s.getBoundingClientRect(), k = document.createElement("span");
k.className = "lg-ui-ripple", k.style.height = k.style.width = Math.max(b.width, b.height) + "px", s.appendChild(k);
var D = d.pageY - b.top - k.offsetHeight / 2 - document.body.scrollTop, x = d.pageX - b.left - k.offsetWidth / 2 - document.body.scrollLeft;
k.style.top = D + "px", k.style.left = x + "px", k.style.background = v, setTimeout(function() {
k.remove();
}, 750);
}
}(o);
}
function zn(o, d) {
if (I) {
if (I.registeredRippleElements.set(o, d), !I.setRippleListener) {
document.addEventListener("click", Bn, { passive: !0 });
var s = document.createElement("style");
s.innerHTML = jn, document.head.append(s), I.setRippleListener = !0;
}
return function() {
I.registeredRippleElements.delete(o);
};
}
}
var jn = `
@-webkit-keyframes lg-ui-ripple {
from {
opacity:1;
}
to {
transform: scale(2);
transition: opacity `.concat(pe, `ms;
opacity: 0;
}
}
@-moz-keyframes lg-ui-ripple {
from {
opacity:1;
}
to {
transform: scale(2);
transition: opacity `).concat(pe, `ms;
opacity: 0;
}
}
@keyframes lg-ui-ripple {
from {
opacity:1;
}
to {
transform: scale(2);
transition: opacity `).concat(pe, `ms;
opacity: 0;
}
}
.lg-ui-ripple {
position: absolute;
border-radius: 100%;
transform: scale(0.2);
opacity: 0;
pointer-events: none;
// Ensures that text is shown above ripple effect
z-index: -1;
-webkit-animation: lg-ui-ripple .75s ease-out;
-moz-animation: lg-ui-ripple .75s ease-out;
animation: lg-ui-ripple .75s ease-out;
}
@media (prefers-reduced-motion: reduce) {
.lg-ui-ripple {
animation: none;
transform: none;
}
}
`);
function a(o, d, s) {
return (d = function(g) {
var v = function(b, k) {
if (typeof b != "object" || !b)
return b;
var D = b[Symbol.toPrimitive];
if (D !== void 0) {
var x = D.call(b, k);
if (typeof x != "object")
return x;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return String(b);
}(g, "string");
return typeof v == "symbol" ? v : v + "";
}(d)) in o ? Object.defineProperty(o, d, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : o[d] = s, o;
}
function re() {
return re = Object.assign ? Object.assign.bind() : function(o) {
for (var d = 1; d < arguments.length; d++) {
var s = arguments[d];
for (var g in s)
({}).hasOwnProperty.call(s, g) && (o[g] = s[g]);
}
return o;
}, re.apply(null, arguments);
}
function Pe(o, d) {
var s = Object.keys(o);
if (Object.getOwnPropertySymbols) {
var g = Object.getOwnPropertySymbols(o);
d && (g = g.filter(function(v) {
return Object.getOwnPropertyDescriptor(o, v).enumerable;
})), s.push.apply(s, g);
}
return s;
}
function ne(o) {
for (var d = 1; d < arguments.length; d++) {
var s = arguments[d] != null ? arguments[d] : {};
d % 2 ? Pe(Object(s), !0).forEach(function(g) {
a(o, g, s[g]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(s)) : Pe(Object(s)).forEach(function(g) {
Object.defineProperty(o, g, Object.getOwnPropertyDescriptor(s, g));
});
}
return o;
}
function l(o, d) {
return d || (d = o.slice(0)), Object.freeze(Object.defineProperties(o, { raw: { value: Object.freeze(d) } }));
}
var Oe, He, Se, Le, Be, ze, je, Ce, Ie, Ge, Ne, $e, _e, Re, Me, Te, Ae, We, Ye, qe, Xe, Ue, Ze, Je, Ke, Qe, Ve, er, rr, nr, ar, or, tr, lr, ir, cr, dr, sr, gr, ur, hr, br, pr, fr, c = { Default: "default", Primary: "primary", PrimaryOutline: "primaryOutline", Danger: "danger", DangerOutline: "dangerOutline", BaseGreen: "baseGreen" }, w = { XSmall: "xsmall", Small: "small", Default: "default", Large: "large" }, de = 0.76, Cn = a(a({}, F.Light, a(a(a(a(a(a({}, c.Default, n.gray.light2), c.Primary, n.green.dark1), c.PrimaryOutline, L(de, n.green.base)), c.Danger, n.red.light1), c.DangerOutline, L(de, n.red.base)), c.BaseGreen, n.green.light1)), F.Dark, a(a(a(a(a(a({}, c.Default, n.gray.base), c.Primary, n.green.dark1), c.PrimaryOutline, L(de, n.green.base)), c.Danger, n.red.dark2), c.DangerOutline, L(de, n.red.light1)), c.BaseGreen, n.green.dark1)), In = t(Oe || (Oe = l([`
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 5px;
`]))), Gn = t(He || (He = l([`
justify-content: space-between;
`]))), en = t(Se || (Se = l([`
display: grid;
grid-auto-flow: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
position: relative;
user-select: none;
z-index: 0;
transition: all `, ` ease-in-out;
`])), Kr.default), rn = a(a(a(a({}, w.XSmall, t(Le || (Le = l([`
padding: 0 7px; // 8px - 1px border
gap: 6px;
`])))), w.Small, t(Be || (Be = l([`
padding: 0 11px; // 12px - 1px border
gap: 6px;
`])))), w.Default, t(ze || (ze = l([`
padding: 0 11px; // 12px - 1px border
gap: 6px;
`])))), w.Large, t(je || (je = l([`
padding: 0 15px; // 16px - 1px border
gap: 8px;
`])))), Nn = t(Ce || (Ce = l([`
position: absolute;
`]))), $n = t(Ie || (Ie = l([`
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
`]))), _n = a(a(a(a({}, w.XSmall, 16), w.Small, 16), w.Default, 16), w.Large, 20), Rn = a(a({}, F.Dark, n.gray.light1), F.Light, n.gray.dark1), Mn = t(Ge || (Ge = l([`
visibility: hidden;
`]))), Tn = t(Ne || (Ne = l([`
justify-self: right;
`]))), An = t($e || ($e = l([`
justify-self: left;
`]))), nn = mn("button"), Wn = a(a({}, F.Light, a(a(a(a(a(a({}, c.Default, t(_e || (_e = l([`
color: `, `;
`])), n.gray.base)), c.Primary, t(Re || (Re = l([`
color: `, `;
`])), n.green.light2)), c.PrimaryOutline, t(Me || (Me = l([`
color: `, `;
`])), n.green.dark2)), c.Danger, t(Te || (Te = l([`
color: `, `;
`])), n.red.light3)), c.DangerOutline, t(Ae || (Ae = l([`
color: `, `;
`])), n.red.light1)), c.BaseGreen, t(We || (We = l([`
color: `, `;
`])), n.green.dark2))), F.Dark, a(a(a(a(a(a({}, c.Default, t(Ye || (Ye = l([`
color: `, `;
`])), n.gray.light2)), c.Primary, t(qe || (qe = l([`
color: `, `;
`])), n.green.light2)), c.PrimaryOutline, t(Xe || (Xe = l([`
color: `, `;
`])), n.green.base)), c.Danger, t(Ue || (Ue = l([`
color: `, `;
`])), n.red.light2)), c.DangerOutline, t(Ze || (Ze = l([`
color: `, `;
`])), n.red.light1)), c.BaseGreen, t(Je || (Je = l([`
color: `, `;
`])), n.green.dark2))), Yn = a(a({}, F.Light, a(a(a(a(a(a({}, c.Default, t(Ke || (Ke = l([`
color: `, `;
`])), n.black)), c.Primary, t(Qe || (Qe = l([`
color: `, `;
`])), n.white)), c.PrimaryOutline, t(Ve || (Ve = l([`
color: `, `;
`])), n.green.dark2)), c.Danger, t(er || (er = l([`
color: `, `;
`])), n.white)), c.DangerOutline, t(rr || (rr = l([`
color: `, `;
`])), n.red.base)), c.BaseGreen, t(nr || (nr = l([`
color: `, `;
`])), n.green.dark3))), F.Dark, a(a(a(a(a(a({}, c.Default, t(ar || (ar = l([`
color: `, `;
`])), n.white)), c.Primary, t(or || (or = l([`
color: `, `;
`])), n.white)), c.PrimaryOutline, t(tr || (tr = l([`
color: `, `;
`])), n.green.base)), c.Danger, t(lr || (lr = l([`
color: `, `;
`])), n.white)), c.DangerOutline, t(ir || (ir = l([`
color: `, `;
`])), n.red.light1)), c.BaseGreen, t(cr || (cr = l([`
color: `, `;
`])), n.green.dark3))), qn = t(dr || (dr = l([`
.`, ` {
&:hover,
&:active {
color: currentColor;
}
}
`])), nn), Xn = a(a(a(a({}, w.XSmall, t(sr || (sr = l([`
height: 14px;
width: 14px;
`])))), w.Small, t(gr || (gr = l([`
height: 16px;
width: 16px;
`])))), w.Default, t(ur || (ur = l([`
height: 16px;
width: 16px;
`])))), w.Large, t(hr || (hr = l([`
height: 20px;
width: 20px;
`])))), Un = a(a({}, F.Light, t(br || (br = l([`
color: `, `;
`])), n.gray.base)), F.Dark, t(pr || (pr = l([`
color: `, `;
`])), n.gray.dark1)), Zn = t(fr || (fr = l([`
color: `, `;
`])), n.gray.dark1);
function ye(o) {
var d = o.glyph, s = o.variant, g = o.size, v = o.darkMode, b = o.disabled, k = o.isIconOnlyButton, D = o.className, x = !k && { "aria-hidden": !0, role: "presentation" }, C = Vr(v), R = k ? Yn : Wn;
return P.cloneElement(d, ne({ className: T(R[C][s], Xn[g], a(a(a({}, qn, k), Un[C], b), Zn, b && k && v), D) }, x));
}
ye.displayName = "ButtonIcon";
var kr, yr, mr, vr, xr, Dr, wr, Fr, Er, Pr, Or, Hr, Sr, Lr, Br, zr, jr, Cr, Ir, Gr, Nr, $r, _r, Rr, Mr, Tr, Ar, Wr, Yr, qr, Xr, Ur, Zr, Jr = function(o) {
var d, s = o.leftGlyph, g = o.rightGlyph, v = o.className, b = o.children, k = o.variant, D = o.size, x = o.darkMode, C = { variant: k, size: D, darkMode: x, disabled: o.disabled, isIconOnlyButton: (d = (s || g) && !b) !== null && d !== void 0 && d };
return P.createElement("div", { className: T(en, rn[D], a({}, Gn, !!g && x), v) }, s && P.createElement(ye, re({ glyph: s, className: Tn }, C)), b, g && P.createElement(ye, re({ glyph: g, className: An }, C)));
}, Jn = function(o) {
var d, s = o.darkMode, g = o.disabled, v = o.variant, b = o.size, k = o.isLoading, D = o.loadingText, x = o.loadingIndicator, C = o.className, R = Qr(s), ae = R.darkMode, K = R.theme, A = pn(null);
fn(function() {
var oe, ue = Cn[K][v];
return A.current == null || g || (oe = zn(A.current, { backgroundColor: ue })), oe;
}, [A, v, ae, g, K]);
var ge = x && P.cloneElement(x, ne(ne({}, x.props), {}, a({ className: T(a({}, $n, !D), (d = x.props) === null || d === void 0 ? void 0 : d.className), sizeOverride: _n[b], colorOverride: Rn[K] }, "data-testid", "lg-button-spinner")));
return k ? P.createElement(P.Fragment, null, P.createElement("div", { className: T(en, rn[b], a({}, Nn, !D)) }, ge, D), !D && P.createElement(Jr, re({}, o, { className: T(Mn, C) }))) : P.createElement(P.Fragment, null, P.createElement("div", { className: In, ref: A }), P.createElement(Jr, o));
}, f = '&:focus-visible, &[data-focus="true"]', O = '&:hover, &[data-hover="true"]', E = '&:active, &[data-active="true"]', H = function(o) {
return `
0 0 0 2px `.concat(o, `,
0 0 0 4px `).concat(n.blue.light1, `;
`);
}, Kn = t(kr || (kr = l([`
// unset browser default
appearance: none;
padding: 0;
margin: 0;
background-color: transparent;
border: 1px solid transparent;
display: inline-flex;
align-items: stretch;
transition: all `, `ms ease-in-out;
position: relative;
text-decoration: none;
cursor: pointer;
z-index: 0;
font-family: `, `;
border-radius: 6px;
`, ` {
outline: none;
}
`, `,
&:focus,
&:hover {
text-decoration: none;
}
`])), Kr.default, vn.default, f, E), Qn = a(a({}, F.Light, a(a(a(a(a(a({}, c.Default, t(yr || (yr = l([`
background-color: `, `;
border-color: `, `;
color: `, `;
// needed to override any global button styles
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
box-shadow: 0 0 0 3px `, `;
}
`])), n.gray.light3, n.gray.base, n.black, f, n.black, O, E, n.black, n.white, n.gray.light2)), c.Primary, t(mr || (mr = l([`
background-color: `, `;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: #00593f; // Not quite dark3
border-color: #00593f; // Not quite dark3
box-shadow: 0 0 0 3px `, `;
}
`])), n.green.dark2, n.green.dark2, n.white, f, n.white, O, E, n.white, n.green.light2)), c.PrimaryOutline, t(vr || (vr = l([`
background-color: transparent;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
box-shadow: 0px 0px 0px 3px `, `;
}
`])), n.green.dark2, n.green.dark2, f, n.green.dark2, O, E, n.green.dark2, L(0.96, n.green.base), n.green.light2)), c.Danger, t(xr || (xr = l([`
background-color: `, `;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: #c82222; // not quite dark1
border-color: #c82222; // not quite dark1
box-shadow: 0px 0px 0px 3px `, `;
}
`])), n.red.base, n.red.base, n.white, f, n.white, O, E, n.white, n.red.light3)), c.DangerOutline, t(Dr || (Dr = l([`
background-color: transparent;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
border-color: `, `;
box-shadow: 0px 0px 0px 3px `, `;
}
`])), n.red.light1, n.red.base, f, n.red.base, O, E, n.red.dark2, L(0.96, n.red.base), n.red.base, n.red.light3)), c.BaseGreen, t(wr || (wr = l([`
background-color: `, `;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
box-shadow: 0px 0px 0px 3px `, `;
}
`])), n.green.base, n.green.dark2, n.green.dark3, f, n.green.dark3, O, E, n.green.dark3, Ee(0.96, n.green.base, n.green.dark3), n.green.light2))), F.Dark, a(a(a(a(a(a({}, c.Default, t(Fr || (Fr = l([`
background-color: `, `;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
background-color: `, `;
border-color: `, `;
color: `, `;
box-shadow: 0px 0px 0px 3px `, `;
}
`])), n.gray.dark2, n.gray.base, n.white, f, n.white, O, E, n.gray.dark1, n.gray.base, n.white, n.gray.dark2)), c.Primary, t(Er || (Er = l([`
background-color: `, `;
border: 1px solid `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: #00593f; // Off palette
box-shadow: 0 0 0 3px `, `;
}
`])), n.green.dark2, n.green.base, n.white, f, n.white, O, E, n.white, n.green.dark3)), c.PrimaryOutline, t(Pr || (Pr = l([`
background-color: transparent;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
border-color: `, `;
box-shadow: 0px 0px 0px 3px `, `;
}
`])), n.green.base, n.green.base, f, n.green.base, O, E, n.green.base, L(0.96, n.green.base), n.green.base, n.green.dark3)), c.Danger, t(Or || (Or = l([`
background-color: `, `;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
border-color: `, `;
color: `, `;
background-color: #c82222; // Off palette
box-shadow: 0px 0px 0px 3px `, `; // yes, yellow
}
`])), n.red.base, n.red.light1, n.white, f, n.white, O, E, n.red.light1, n.white, n.yellow.dark3)), c.DangerOutline, t(Hr || (Hr = l([`
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
box-shadow: 0px 0px 0px 3px `, `; // yes, yellow
}
`])), n.red.light1, n.red.light1, f, n.red.light1, O, E, n.red.light1, L(0.96, n.red.base), n.yellow.dark3)), c.BaseGreen, t(Sr || (Sr = l([`
background-color: `, `;
border-color: `, `;
color: `, `;
`, ` {
color: `, `;
}
`, `,
`, ` {
color: `, `;
background-color: `, `;
border-color: `, `;
box-shadow: 0px 0px 0px 3px `, `;
}
`])), n.green.base, n.green.dark2, n.green.dark3, f, n.green.dark3, O, E, n.green.dark3, Ee(0.96, n.green.base, n.green.light3), n.green.dark2, n.green.dark3))), Vn = a(a({}, F.Light, a(a(a(a(a(a({}, c.Default, t(Lr || (Lr = l([`
`, ` {
background-color: `, `;
box-shadow: `, `;
}
`])), f, n.white, H(n.white))), c.Primary, t(Br || (Br = l([`
`, ` {
color: `, `;
background-color: #00593f; // Not quite dark3
box-shadow: `, `;
}
`])), f, n.white, H(n.white))), c.PrimaryOutline, t(zr || (zr = l([`
`, ` {
background-color: `, `;
box-shadow: `, `;
}
`])), f, L(0.96, n.green.base), H(n.white))), c.Danger, t(jr || (jr = l([`
`, ` {
color: `, `;
background-color: #c82222; // not quite dark1
box-shadow: `, `;
}
`])), f, n.white, H(n.white))), c.DangerOutline, t(Cr || (Cr = l([`
`, ` {
color: `, `;
box-shadow: `, `;
}
`])), f, n.red.dark2, H(n.white))), c.BaseGreen, t(Ir || (Ir = l([`
`, ` {
box-shadow: `, `;
}
`])), f, H(n.white)))), F.Dark, a(a(a(a(a(a({}, c.Default, t(Gr || (Gr = l([`
`, ` {
background-color: `, `;
box-shadow: `, `;
}
`])), f, n.gray.dark1, H(n.black))), c.Primary, t(Nr || (Nr = l([`
`, ` {
background-color: #00593f; // Off palette
box-shadow: `, `;
}
`])), f, H(n.black))), c.PrimaryOutline, t($r || ($r = l([`
`, ` {
background-color: `, `;
border-color: `, `;
box-shadow: `, `;
}
`])), f, L(0.96, n.green.base), n.green.base, H(n.black))), c.Danger, t(_r || (_r = l([`
`, ` {
background-color: #c82222; // Off palette
box-shadow: `, `;
}
`])), f, H(n.black))), c.DangerOutline, t(Rr || (Rr = l([`
`, ` {
background-color: `, `;
border-color: `, `;
box-shadow: `, `;
}
`])), f, L(0.96, n.red.base), n.red.light1, H(n.black))), c.BaseGreen, t(Mr || (Mr = l([`
`, ` {
background-color: `, `;
box-shadow: `, `;
}
`])), f, n.green.base, H(n.black)))), ea = a(a({}, F.Light, t(Tr || (Tr = l([`
&,
`, ", ", ` {
background-color: `, `;
border-color: `, `;
color: `, `;
box-shadow: none;
cursor: not-allowed;
}
`, ` {
color: `, `;
box-shadow: `, `;
}
`])), O, E, n.gray.light2, n.gray.light1, n.gray.base, f, n.gray.base, H(n.white))), F.Dark, t(Ar || (Ar = l([`
&,
`, ", ", ` {
background-color: `, `;
border-color: `, `;
color: `, `;
box-shadow: none;
cursor: not-allowed;
}
`, ` {
color: `, `;
box-shadow: `, `;
}
`])), O, E, n.gray.dark3, n.gray.dark2, n.gray.dark1, f, n.gray.dark1, H(n.black))), ra = a(a(a(a({}, w.XSmall, t(Wr || (Wr = l([`
height: 22px;
text-transform: uppercase;
font-size: 12px;
line-height: 1em;
font-weight: `, `;
letter-spacing: 0.4px;
`])), fe.bold)), w.Small, t(Yr || (Yr = l([`
height: 28px;
`])))), w.Default, t(qr || (qr = l([`
height: 36px;
`])))), w.Large, t(Xr || (Xr = l([`
height: 48px;
font-size: 18px;
line-height: 24px;
`])))), na = a(a({}, ke.Body1, t(Ur || (Ur = l([`
font-size: `, `px;
line-height: `, `px;
font-weight: `, `;
`])), ce.body1.fontSize, ce.body1.lineHeight, fe.medium)), ke.Body2, t(Zr || (Zr = l([`
font-size: `, `px;
line-height: `, `px;
// Pixel pushing for optical alignment purposes
transform: translateY(1px);
font-weight: `, `;
`])), ce.body2.fontSize, ce.body2.lineHeight, fe.medium)), aa = ["variant", "size", "darkMode", "data-lgid", "baseFontSize", "disabled", "onClick", "leftGlyph", "rightGlyph", "children", "className", "as", "type", "isLoading", "loadingIndicator", "loadingText"], oa = xn(function(o, d) {
var s = o.variant, g = s === void 0 ? c.Default : s, v = o.size, b = v === void 0 ? w.Default : v, k = o.darkMode, D = o["data-lgid"], x = o.baseFontSize, C = x === void 0 ? ke.Body1 : x, R = o.disabled, ae = R !== void 0 && R, K = o.onClick, A = o.leftGlyph, ge = o.rightGlyph, oe = o.children, ue = o.className, an = o.as, on = o.type, me = o.isLoading, ve = me !== void 0 && me, tn = o.loadingIndicator, ln = o.loadingText, cn = function(S, Q) {
if (S == null)
return {};
var M, W, le = function(G, he) {
if (G == null)
return {};
var ie = {};
for (var Y in G)
if ({}.hasOwnProperty.call(G, Y)) {
if (he.indexOf(Y) !== -1)
continue;
ie[Y] = G[Y];
}
return ie;
}(S, Q);
if (Object.getOwnPropertySymbols) {
var V = Object.getOwnPropertySymbols(S);
for (W = 0; W < V.length; W++)
M = V[W], Q.indexOf(M) === -1 && {}.propertyIsEnumerable.call(S, M) && (le[M] = S[M]);
}
return le;
}(o, aa), xe = Dn(an, cn, "button"), De = xe.Component, we = xe.rest, Fe = Qr(k).darkMode, dn = De === "a", te = !(ae || ve), sn = function() {
return { root: arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "lg-button" };
}(D), gn = function(S) {
var Q = S.variant, M = S.size, W = S.darkMode, le = S.baseFontSize, V = S.disabled, G = Vr(W), he = Qn[G][Q], ie = Vn[G][Q], Y = ra[M], bn = na[le];
return T(Kn, he, bn, Y, a({}, ie, !V), a({}, ea[G], V));
}({ variant: g, size: b, darkMode: Fe, baseFontSize: C, disabled: !te }), un = ne(ne({ "data-lgid": sn.root, type: dn ? void 0 : on || "button", className: T(nn, gn, ue), ref: d, "aria-disabled": !te, onClick: te ? K : function(S) {
return S.preventDefault();
} }, we), {}, { href: te ? we.href : void 0 }), hn = { rightGlyph: ge, leftGlyph: A, darkMode: Fe, disabled: ae, variant: g, size: b, isLoading: ve, loadingIndicator: tn, loadingText: ln };
return P.createElement(De, un, P.createElement(Jn, hn, oe));
});
oa.displayName = "Button";
export {
oa as E,
c as f,
zn as o,
w as y
};