@bynder/compact-view 5.2.0 → 5.2.2

package/AxiosHeaders.js

@@ -0,0 +1,181 @@
+import i from "./utils6.js";
+import S from "./parseHeaders.js";
+const h = Symbol("internals");
+function y(r) {
+  return r && String(r).trim().toLowerCase();
+}
+function m(r) {
+  return r === !1 || r == null ? r : i.isArray(r) ? r.map(m) : String(r);
+}
+function A(r) {
+  const t = /* @__PURE__ */ Object.create(null), e = /([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;
+  let s;
+  for (; s = e.exec(r); )
+    t[s[1]] = s[2];
+  return t;
+}
+const k = (r) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(r.trim());
+function g(r, t, e, s, n) {
+  if (i.isFunction(s))
+    return s.call(this, t, e);
+  if (n && (t = e), !!i.isString(t)) {
+    if (i.isString(s))
+      return t.indexOf(s) !== -1;
+    if (i.isRegExp(s))
+      return s.test(t);
+  }
+}
+function E(r) {
+  return r.trim().toLowerCase().replace(/([a-z\d])(\w*)/g, (t, e, s) => e.toUpperCase() + s);
+}
+function j(r, t) {
+  const e = i.toCamelCase(" " + t);
+  ["get", "set", "has"].forEach((s) => {
+    Object.defineProperty(r, s + e, {
+      value: function(n, o, f) {
+        return this[s].call(this, t, n, o, f);
+      },
+      configurable: !0
+    });
+  });
+}
+class b {
+  constructor(t) {
+    t && this.set(t);
+  }
+  set(t, e, s) {
+    const n = this;
+    function o(c, l, a) {
+      const u = y(l);
+      if (!u)
+        throw new Error("header name must be a non-empty string");
+      const p = i.findKey(n, u);
+      (!p || n[p] === void 0 || a === !0 || a === void 0 && n[p] !== !1) && (n[p || l] = m(c));
+    }
+    const f = (c, l) => i.forEach(c, (a, u) => o(a, u, l));
+    if (i.isPlainObject(t) || t instanceof this.constructor)
+      f(t, e);
+    else if (i.isString(t) && (t = t.trim()) && !k(t))
+      f(S(t), e);
+    else if (i.isObject(t) && i.isIterable(t)) {
+      let c = {}, l, a;
+      for (const u of t) {
+        if (!i.isArray(u))
+          throw TypeError("Object iterator must return a key-value pair");
+        c[a = u[0]] = (l = c[a]) ? i.isArray(l) ? [...l, u[1]] : [l, u[1]] : u[1];
+      }
+      f(c, e);
+    } else
+      t != null && o(e, t, s);
+    return this;
+  }
+  get(t, e) {
+    if (t = y(t), t) {
+      const s = i.findKey(this, t);
+      if (s) {
+        const n = this[s];
+        if (!e)
+          return n;
+        if (e === !0)
+          return A(n);
+        if (i.isFunction(e))
+          return e.call(this, n, s);
+        if (i.isRegExp(e))
+          return e.exec(n);
+        throw new TypeError("parser must be boolean|regexp|function");
+      }
+    }
+  }
+  has(t, e) {
+    if (t = y(t), t) {
+      const s = i.findKey(this, t);
+      return !!(s && this[s] !== void 0 && (!e || g(this, this[s], s, e)));
+    }
+    return !1;
+  }
+  delete(t, e) {
+    const s = this;
+    let n = !1;
+    function o(f) {
+      if (f = y(f), f) {
+        const c = i.findKey(s, f);
+        c && (!e || g(s, s[c], c, e)) && (delete s[c], n = !0);
+      }
+    }
+    return i.isArray(t) ? t.forEach(o) : o(t), n;
+  }
+  clear(t) {
+    const e = Object.keys(this);
+    let s = e.length, n = !1;
+    for (; s--; ) {
+      const o = e[s];
+      (!t || g(this, this[o], o, t, !0)) && (delete this[o], n = !0);
+    }
+    return n;
+  }
+  normalize(t) {
+    const e = this, s = {};
+    return i.forEach(this, (n, o) => {
+      const f = i.findKey(s, o);
+      if (f) {
+        e[f] = m(n), delete e[o];
+        return;
+      }
+      const c = t ? E(o) : String(o).trim();
+      c !== o && delete e[o], e[c] = m(n), s[c] = !0;
+    }), this;
+  }
+  concat(...t) {
+    return this.constructor.concat(this, ...t);
+  }
+  toJSON(t) {
+    const e = /* @__PURE__ */ Object.create(null);
+    return i.forEach(this, (s, n) => {
+      s != null && s !== !1 && (e[n] = t && i.isArray(s) ? s.join(", ") : s);
+    }), e;
+  }
+  [Symbol.iterator]() {
+    return Object.entries(this.toJSON())[Symbol.iterator]();
+  }
+  toString() {
+    return Object.entries(this.toJSON()).map(([t, e]) => t + ": " + e).join(`
+`);
+  }
+  getSetCookie() {
+    return this.get("set-cookie") || [];
+  }
+  get [Symbol.toStringTag]() {
+    return "AxiosHeaders";
+  }
+  static from(t) {
+    return t instanceof this ? t : new this(t);
+  }
+  static concat(t, ...e) {
+    const s = new this(t);
+    return e.forEach((n) => s.set(n)), s;
+  }
+  static accessor(t) {
+    const s = (this[h] = this[h] = {
+      accessors: {}
+    }).accessors, n = this.prototype;
+    function o(f) {
+      const c = y(f);
+      s[c] || (j(n, f), s[c] = !0);
+    }
+    return i.isArray(t) ? t.forEach(o) : o(t), this;
+  }
+}
+b.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
+i.reduceDescriptors(b.prototype, ({ value: r }, t) => {
+  let e = t[0].toUpperCase() + t.slice(1);
+  return {
+    get: () => r,
+    set(s) {
+      this[e] = s;
+    }
+  };
+});
+i.freezeMethods(b);
+export {
+  b as default
+};

package/AxiosURLSearchParams.js

@@ -0,0 +1,33 @@
+import p from "./toFormData.js";
+function i(n) {
+  const t = {
+    "!": "%21",
+    "'": "%27",
+    "(": "%28",
+    ")": "%29",
+    "~": "%7E",
+    "%20": "+",
+    "%00": "\0"
+  };
+  return encodeURIComponent(n).replace(/[!'()~]|%20|%00/g, function(r) {
+    return t[r];
+  });
+}
+function a(n, t) {
+  this._pairs = [], n && p(n, this, t);
+}
+const c = a.prototype;
+c.append = function(t, o) {
+  this._pairs.push([t, o]);
+};
+c.toString = function(t) {
+  const o = t ? function(r) {
+    return t.call(this, r, i);
+  } : i;
+  return this._pairs.map(function(e) {
+    return o(e[0]) + "=" + o(e[1]);
+  }, "").join("&");
+};
+export {
+  a as default
+};

package/Badge.js

@@ -0,0 +1,44 @@
+import { jsxs as g, jsx as m } from "react/jsx-runtime";
+import d, { css as i } from "./styled-components.browser.esm.js";
+import { token as e } from "./token.js";
+import { textStyles as h } from "./textStyles.js";
+function u({
+  children: r,
+  color: a = "brand",
+  hasBorder: n = !1,
+  isPillShaped: t = !1,
+  icon: l,
+  isSmall: o = !1,
+  isSecondary: c = !1,
+  ...s
+}) {
+  return /* @__PURE__ */ g(f, { $color: a, $hasBorder: n, $isPillShaped: t, $isSecondary: c, $isSmall: o, ...s, children: [
+    l && /* @__PURE__ */ m(y, { $isSmall: o, children: l }),
+    r
+  ] });
+}
+const f = d.div.withConfig({
+  displayName: "BadgeStyled",
+  componentId: "sc-w3qdpd-0"
+})(["", " display:inline-flex;vertical-align:middle;flex-wrap:nowrap;justify-content:center;align-items:center;box-sizing:border-box;height:", ";padding:0 ", ";border:2px solid transparent;border-radius:", ";color:", ";", ""], h.uiTextXS, (r) => r.$isSmall ? "20px" : "24px", (r) => r.$isSmall ? e.spacing2 : "6px", (r) => r.$isPillShaped ? e.radiusPill : e.radiusMedium, e.white, (r) => {
+  if (!r.$isSecondary && r.$color) {
+    const a = {
+      brand: e.brandPrimary500,
+      gray: e.gray500,
+      black: e.gray900,
+      "black-alpha": e.gray600a,
+      green: e.green500,
+      blue: e.blue500,
+      red: e.red500
+    };
+    return r.$hasBorder ? i(["border-color:", ";color:", ";"], a[r.$color], a[r.$color]) : i(["background-color:", ";"], a[r.$color]);
+  }
+  if (r.$isSecondary)
+    return i(["border-color:", ";background-color:", ";color:", ";"], r.$hasBorder ? e.gray100 : "transparent", r.$hasBorder ? e.white : e.gray100, e.gray800);
+}), y = d.div.withConfig({
+  displayName: "IconHolder",
+  componentId: "sc-w3qdpd-1"
+})(["display:flex;align-items:center;height:100%;margin-right:", ";margin-left:calc(", " * -1);svg{width:18px;height:18px;}"], (r) => r.$isSmall ? e.spacing1 : e.spacing2, e.spacing1);
+export {
+  u as Badge
+};

package/Baloon.js

@@ -0,0 +1,42 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import t from "./styled-components.browser.esm.js";
+import { token as e } from "./token.js";
+import { baseStyles as l } from "./BaseStyles.js";
+function w(i) {
+  return /* @__PURE__ */ n(r, { role: "status", "aria-live": "polite", children: [
+    i.thumbnail && /* @__PURE__ */ o(a, { children: i.thumbnail }),
+    /* @__PURE__ */ n(d, { children: [
+      /* @__PURE__ */ o(s, { title: typeof i.title == "string" ? i.title : "", children: i.title }),
+      i.description && /* @__PURE__ */ o(c, { title: typeof i.description == "string" ? i.description : "", children: i.description })
+    ] }),
+    /* @__PURE__ */ o(m, { children: i.button }),
+    typeof i.progressPercentage == "number" && /* @__PURE__ */ o(p, { style: {
+      width: i.progressPercentage + "%"
+    } })
+  ] });
+}
+const r = t.div.withConfig({
+  displayName: "BaloonStyled",
+  componentId: "sc-1b0pj4o-0"
+})(["", ";position:relative;display:flex;align-items:flex-start;overflow:hidden;box-sizing:border-box;width:480px;padding:", ";border-radius:", ";background:", ";box-shadow:", ",", ";"], l, e.spacing5, e.radiusLarge, e.white, e.elevationStatic, e.elevation2), a = t.div.withConfig({
+  displayName: "ThumbnailWrapper",
+  componentId: "sc-1b0pj4o-1"
+})(["flex:none;margin-right:", ";"], e.spacing5), d = t.div.withConfig({
+  displayName: "Text",
+  componentId: "sc-1b0pj4o-2"
+})(["flex:1;align-self:center;"]), s = t.h2.withConfig({
+  displayName: "Title",
+  componentId: "sc-1b0pj4o-3"
+})(["display:-webkit-box;overflow:hidden;margin:0;font:inherit;-webkit-line-clamp:3;-webkit-box-orient:vertical;"]), c = t.p.withConfig({
+  displayName: "Description",
+  componentId: "sc-1b0pj4o-4"
+})(["display:-webkit-box;overflow:hidden;margin:", " 0 0;color:", ";font-size:", ";line-height:20px;-webkit-line-clamp:4;-webkit-box-orient:vertical;"], e.spacing2, e.colorTextMuted, e.fontSize75), m = t.div.withConfig({
+  displayName: "Action",
+  componentId: "sc-1b0pj4o-5"
+})(["flex:none;"]), p = t.div.withConfig({
+  displayName: "Progress",
+  componentId: "sc-1b0pj4o-6"
+})(["position:absolute;bottom:0;left:0;height:4px;background-color:", ";transition:width 0.2s;"], e.brandPrimary500);
+export {
+  w as Baloon
+};

package/BaseStyles.js

@@ -0,0 +1,10 @@
+import e, { css as o } from "./styled-components.browser.esm.js";
+import { token as t } from "./token.js";
+const s = o(["color:", ";font-size:", ";font-family:", ";line-height:", ";"], t.colorText, t.fontSizeBase, t.brandFontStackBase, t.lineHeightBase);
+e.div.withConfig({
+  displayName: "BaseStyles",
+  componentId: "sc-j543r9-0"
+})(["", ""], s);
+export {
+  s as baseStyles
+};

package/Blob.js

@@ -0,0 +1,4 @@
+const l = typeof Blob < "u" ? Blob : null;
+export {
+  l as default
+};

package/Box.js

@@ -0,0 +1,22 @@
+import { jsx as g } from "react/jsx-runtime";
+import a from "./styled-components.browser.esm.js";
+import { token as r } from "./token.js";
+function l({
+  children: n,
+  as: t = "div",
+  ...d
+}) {
+  return /* @__PURE__ */ g(o, { as: t, ...d, children: n });
+}
+const o = a.div.withConfig({
+  shouldForwardProp: (n) => !(n.startsWith("margin") || n.startsWith("padding"))
+}).withConfig({
+  displayName: "BoxStyled",
+  componentId: "sc-16jnu4g-0"
+})(["margin:", ";margin-inline:", ";margin-block:", ";margin-top:", ";margin-right:", ";margin-bottom:", ";margin-left:", ";padding:", ";padding-inline:", ";padding-block:", ";padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";"], i("margin"), i("marginInline"), i("marginBlock"), i("marginTop"), i("marginRight"), i("marginBottom"), i("marginLeft"), i("padding"), i("paddingInline"), i("paddingBlock"), i("paddingTop"), i("paddingRight"), i("paddingBottom"), i("paddingLeft"));
+function i(n) {
+  return (t) => t[n] ? r[`spacing${t[n]}`] : void 0;
+}
+export {
+  l as Box
+};

package/Button.js

@@ -0,0 +1,39 @@
+import { jsx as t, jsxs as a, Fragment as c } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { useFocusRing as P } from "./useFocusRing.js";
+import { mergeProps as V } from "./mergeProps.js";
+import { ButtonLegacy as v } from "./ButtonLegacy.js";
+import { VersionContext as B, useVersionContext as F } from "./versionContext.js";
+import { ButtonStyled as y, LeftIcon as d, RightIcon as C } from "./Button.styles.js";
+import { Spinner as S } from "./Spinner2.js";
+const j = l(({
+  children: o,
+  variant: e = "secondary",
+  isSmall: r = !1,
+  icon: s,
+  rightIcon: i,
+  isDisabled: m = !1,
+  isLoading: n = !1,
+  type: u = "button",
+  isPressed: $ = !1,
+  isFullWidth: p = !1,
+  ...f
+}, b) => {
+  const {
+    isFocusVisible: h,
+    focusProps: g
+  } = P(), x = V(f, g);
+  return /* @__PURE__ */ t(y, { $variant: e, $isSmall: r, $isPressed: $, $isFullWidth: p, disabled: n || m, type: u, as: f.href ? "a" : "button", $isFocusVisible: h, ref: b, ...x, children: n ? /* @__PURE__ */ a(c, { children: [
+    /* @__PURE__ */ t(d, { "data-testid": "ds-button-loading-icon", $lastChild: !o, children: /* @__PURE__ */ t(S, {}) }),
+    o
+  ] }) : /* @__PURE__ */ a(c, { children: [
+    s && /* @__PURE__ */ t(d, { $lastChild: !o, children: s }),
+    o,
+    i && /* @__PURE__ */ t(C, { children: i })
+  ] }) });
+}), R = l((o, e) => F() === "legacy" ? /* @__PURE__ */ t(v, { ref: e, ...o }) : /* @__PURE__ */ t(j, { ref: e, ...o })), z = Object.assign(R, {
+  VersionProvider: B.Provider
+});
+export {
+  z as Button
+};

package/Button.styles.js

@@ -0,0 +1,40 @@
+import c, { css as l } from "./styled-components.browser.esm.js";
+import { token as n } from "./token.js";
+import { declareTokens as d, componentTokens as o, internalTokens as r } from "./tokensAndThemes.js";
+const u = c.button.withConfig({
+  displayName: "ButtonStyled",
+  componentId: "sc-j3pbf3-0"
+})(["", " display:inline-flex;vertical-align:middle;flex-wrap:nowrap;justify-content:center;align-items:center;box-sizing:border-box;min-width:40px;border:1px solid transparent;border-radius:", ";background-color:transparent;outline:none;font-weight:400;font-style:normal;font-size:", ";font-family:", ";line-height:", ";letter-spacing:normal;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;fill:currentcolor;transition-duration:0.1s;transition-property:background-color,border-color,box-shadow,color;&:disabled{cursor:default;}", " ", ";", ""], d, n.brandRadiusBase, n.fontSizeBase, n.brandFontStackBase, n.lineHeightBase, (e) => e.$isFullWidth && "width: 100%;", (e) => e.$isSmall ? l(["height:32px;padding:0 ", ";font-size:", ";line-height:20px;"], n.spacing4, n.fontSize75) : l(["height:40px;padding:0 ", ";"], n.spacing5), (e) => {
+  if (e.$variant === "primary") {
+    const a = l(["border-color:", ";background-color:", ";color:", ";box-shadow:none;"], o.primaryBorderActive, o.primaryFillActive, o.primaryColorActive);
+    return l(["border-color:transparent;background-color:", ";color:", ";", " &&:hover{border-color:", ";background-color:", ";color:", ";box-shadow:", ";}&&:active{", "}", " &&:disabled{border-color:", ";background-color:", ";color:", ";box-shadow:none;}"], o.primaryFill, o.primaryColor, e.$isPressed && a, o.primaryBorderHover, o.primaryFillHover, o.primaryColorHover, n.elevation1, a, e.$isFocusVisible && l(["background-color:", ";color:", ";&&,&&:hover{border-color:", ";box-shadow:", ";}"], o.primaryFillFocus, o.primaryColorFocus, o.primaryBorderFocus, r["button-primary-focus-ring"]), o.primaryBorderDisabled, r["button-primary-fill-disabled"], r["button-primary-color-disabled"]);
+  }
+  if (e.$variant === "secondary") {
+    const a = l(["border-color:", ";background-color:", ";color:", ";box-shadow:none;"], r["button-secondary-border-active"], r["button-secondary-fill-active"], o.secondaryColor);
+    return l(["border-color:", ";background-color:", ";color:", ";", " &&:hover{border-color:", ";background-color:", ";color:", ";box-shadow:", ";}&&:active{", "}", " &&:disabled{border-color:", ";background-color:", ";color:", ";box-shadow:none;}"], r["button-secondary-border"], r["button-secondary-fill"], o.secondaryColor, e.$isPressed && a, r["button-secondary-border-hover"], r["button-secondary-fill-hover"], o.secondaryColor, n.elevation1, a, e.$isFocusVisible && l(["background-color:", ";color:", ";&&,&&:hover{border-color:", ";box-shadow:", ";}"], r["button-secondary-fill-focus"], o.secondaryColor, r["button-secondary-border-focus"], r["button-secondary-focus-ring"]), r["button-secondary-border-disabled"], r["button-secondary-fill-disabled"], o.secondaryColorDisabled);
+  }
+  if (e.$variant === "clean") {
+    const a = l(["border-color:", ";background-color:", ";color:", ";box-shadow:none;"], o.cleanBorderActive, o.cleanFillActive, r["button-clean-color-active"]);
+    return l(["background-color:", ";color:", ";", " &&:hover{background-color:", ";color:", ";box-shadow:none;}&&:active{", "}", " &&:disabled{background-color:", ";color:", ";}"], o.cleanFill, r["button-clean-color"], e.$isPressed && a, o.cleanFillHover, r["button-clean-color-hover"], a, e.$isFocusVisible && l(["color:", ";&&,&&:hover{border-color:", ";box-shadow:", ";}"], r["button-clean-color-focus"], r["button-clean-border-focus"], r["button-clean-focus-ring"]), o.cleanFillDisabled, r["button-clean-color-disabled"]);
+  }
+  if (e.$variant === "danger") {
+    const a = l(["border-color:", ";background-color:", ";color:", ";box-shadow:none;"], o.dangerBorderActive, o.dangerFillActive, o.dangerColor);
+    return l(["border-color:transparent;background-color:", ";color:", ";box-shadow:", ";", " &&:hover{border-color:", ";background-color:", ";color:", ";box-shadow:", ";}&&:active{", "}", " &&:disabled{border-color:", ";background-color:", ";color:", ";box-shadow:none;}"], o.dangerFill, o.dangerColor, n.elevation1, e.$isPressed && a, o.dangerBorderHover, o.dangerFillHover, o.dangerColor, n.elevation2, a, e.$isFocusVisible && l(["background-color:", ";color:", ";box-shadow:none;&&,&&:hover{border-color:", ";box-shadow:", ";}"], o.dangerFillFocus, o.dangerColor, o.dangerBorderFocus, r["button-danger-focus-ring"]), o.dangerBorderDisabled, o.dangerFillDisabled, o.dangerColor);
+  }
+  return "";
+}), i = c.div.withConfig({
+  displayName: "Icon",
+  componentId: "sc-j3pbf3-1"
+})(["display:flex;align-items:center;height:100%;"]), g = c(i).withConfig({
+  displayName: "LeftIcon",
+  componentId: "sc-j3pbf3-2"
+})(["margin-right:", ";margin-left:calc(", " * -1);"], (e) => e.$lastChild ? `calc(${n.spacing2} * -1) ` : n.spacing3, n.spacing2), h = c(i).withConfig({
+  displayName: "RightIcon",
+  componentId: "sc-j3pbf3-3"
+})(["margin-right:calc(", " * -1);margin-left:", ";"], n.spacing2, n.spacing3);
+export {
+  u as ButtonStyled,
+  i as Icon,
+  g as LeftIcon,
+  h as RightIcon
+};

package/ButtonAction.js

@@ -1,14 +1,13 @@
 import { jsx as r, Fragment as o } from "react/jsx-runtime";
-import { IconCheck as n } from "@bynder/icons";
+import { IconCheck as n } from "./index4.js";
 import { __ as e } from "./index2.js";
 import { pluralize as m } from "./text.js";
-function s({
+function a({
   status: t,
   numberOfSelectedItems: i
 }) {
   return t === "Done" ? /* @__PURE__ */ r(n, { "data-testid": "check" }) : t === "Error" ? /* @__PURE__ */ r(o, { children: e("Retry") }) : /* @__PURE__ */ r(o, { children: m(i, e("Add asset"), e("Add assets")) });
 }
 export {
-  s as ButtonAction
+  a as ButtonAction
 };
-//# sourceMappingURL=ButtonAction.js.map

package/ButtonLegacy.js

@@ -0,0 +1,48 @@
+import { jsx as e, jsxs as d, Fragment as u } from "react/jsx-runtime";
+import { forwardRef as j } from "react";
+import { ButtonStyled as p } from "./ButtonLegacy.styles.js";
+import { LeftIcon as b, RightIcon as x } from "./Button.styles.js";
+import { Spinner as C } from "./Spinner2.js";
+const I = j(({
+  children: t,
+  className: l = "",
+  rightIcon: a,
+  type: r = "button",
+  "aria-label": n,
+  isFullWidth: h = !1,
+  icon: s,
+  variant: i = "secondary",
+  isSmall: c = !1,
+  isDisabled: m = !1,
+  isPressed: $ = !1,
+  isLoading: f = !1,
+  ...o
+}, y) => {
+  const g = N({
+    className: l,
+    variant: i,
+    isSmall: c,
+    icon: s,
+    isDisabled: m
+  });
+  return /* @__PURE__ */ e(p, { "aria-label": n || o.title, className: g, disabled: m || f, type: r, $variant: i, $isPressed: $, $isSmall: c, $isFullWidth: h, as: o.href ? "a" : "button", ref: y, ...o, children: f ? /* @__PURE__ */ d(u, { children: [
+    /* @__PURE__ */ e(b, { $lastChild: !t, children: /* @__PURE__ */ e(C, {}) }),
+    t
+  ] }) : /* @__PURE__ */ d(u, { children: [
+    s && /* @__PURE__ */ e(b, { $lastChild: !t, children: s }),
+    t,
+    a && /* @__PURE__ */ e(x, { children: a })
+  ] }) });
+});
+function N({
+  variant: t,
+  isSmall: l,
+  icon: a,
+  isDisabled: r,
+  className: n = ""
+}) {
+  return [n, "action-btn", t === "secondary" || t === "clean" ? "cancel gray" : "cta-main blue", l ? "button-small" : "", a ? "button-icon" : "", r ? "disabled" : ""].join(" ");
+}
+export {
+  I as ButtonLegacy
+};

package/ButtonLegacy.styles.js

@@ -0,0 +1,28 @@
+import i, { css as e } from "./styled-components.browser.esm.js";
+import { token as a } from "./token.js";
+import { declareTokens as l, componentTokens as o, internalTokens as r } from "./tokensAndThemes.js";
+const p = i.button.withConfig({
+  displayName: "ButtonStyled",
+  componentId: "sc-knasqu-0"
+})(["", " vertical-align:middle;justify-content:center;align-items:center !important;box-sizing:border-box !important;border:1px solid transparent !important;border-radius:", ";outline:none !important;font-weight:400 !important;font-style:normal;font-size:", " !important;font-family:", " !important;line-height:", " !important;text-transform:none !important;text-shadow:none !important;cursor:pointer !important;transition-duration:0.1s;transition-property:background-color,border-color,box-shadow,color;button&,a&{position:relative;display:flex;flex:0 0 auto;flex-wrap:nowrap;min-width:40px;background-position:center;text-align:center;text-decoration:none;white-space:nowrap;fill:currentcolor;&:focus{display:flex;}}&:disabled{cursor:default !important;pointer-events:none;}", " ", ";", ""], l, a.brandRadiusBase, a.fontSizeBase, a.brandFontStackBase, a.lineHeightBase, (t) => t.$isFullWidth && "width: 100%;", (t) => t.$isSmall ? e(["height:32px !important;padding:0 ", " !important;font-size:", " !important;line-height:20px !important;"], a.spacing4, a.fontSize75) : e(["height:40px !important;padding:0 ", " !important;"], a.spacing5), (t) => {
+  if (t.$variant === "primary") {
+    const n = e(["border-color:", ";background-color:", ";color:", ";box-shadow:none !important;"], o.primaryBorderActive, o.primaryFillActive, o.primaryColorActive);
+    return e(["border-color:transparent;background-color:", ";color:", ";", " &:hover{border-color:", ";background-color:", ";color:", ";box-shadow:", " !important;}&:focus{border-color:", ";background-color:", ";color:", ";box-shadow:", " !important;}&:active{", "}&:disabled{border-color:", ";background-color:", ";color:", ";box-shadow:none !important;}"], o.primaryFill, o.primaryColor, t.$isPressed && n, o.primaryBorderHover, o.primaryFillHover, o.primaryColorHover, a.elevation1, o.primaryBorderFocus, o.primaryFillFocus, o.primaryColorFocus, r["button-primary-focus-ring"], n, o.primaryBorderDisabled, r["button-primary-fill-disabled"], r["button-primary-color-disabled"]);
+  }
+  if (t.$variant === "secondary") {
+    const n = e(["border-color:", " !important;background-color:", " !important;color:", " !important;box-shadow:none !important;"], r["button-secondary-border-active"], r["button-secondary-fill-active"], o.secondaryColor);
+    return e(["border-color:", " !important;background-color:", " !important;color:", " !important;", " &:hover{border-color:", " !important;background-color:", " !important;color:", " !important;box-shadow:", " !important;}&:focus{border-color:", " !important;background-color:", " !important;color:", " !important;box-shadow:", " !important;}&:active{", "}&:disabled{border-color:", " !important;background-color:", " !important;color:", " !important;box-shadow:none !important;}"], r["button-secondary-border"], r["button-secondary-fill"], o.secondaryColor, t.$isPressed && n, r["button-secondary-border-hover"], r["button-secondary-fill-hover"], o.secondaryColor, a.elevation1, r["button-secondary-border-focus"], r["button-secondary-fill-focus"], o.secondaryColor, r["button-secondary-focus-ring"], n, r["button-secondary-border-disabled"], r["button-secondary-fill-disabled"], o.secondaryColorDisabled);
+  }
+  if (t.$variant === "clean") {
+    const n = e(["border-color:", " !important;background-color:", " !important;color:", " !important;box-shadow:none !important;"], o.cleanBorderActive, o.cleanFillActive, r["button-clean-color-active"]);
+    return e(["background-color:", " !important;color:", ";", " &:hover{background-color:", " !important;color:", " !important;box-shadow:none !important;}&:focus{border-color:", " !important;color:", " !important;box-shadow:", " !important;}&:active{", "}&&&:disabled{background-color:", " !important;color:", " !important;}"], o.cleanFill, r["button-clean-color"], t.$isPressed && n, o.cleanFillHover, r["button-clean-color-hover"], r["button-clean-border-focus"], r["button-clean-color-focus"], r["button-clean-focus-ring"], n, o.cleanFillDisabled, r["button-clean-color-disabled"]);
+  }
+  if (t.$variant === "danger") {
+    const n = e(["border-color:", " !important;background-color:", " !important;color:", " !important;box-shadow:none !important;"], o.dangerBorderActive, o.dangerFillActive, o.dangerColor);
+    return e(["border-color:transparent;background-color:", " !important;color:", " !important;box-shadow:", " !important;", " &:hover{border-color:", " !important;background-color:", " !important;color:", " !important;box-shadow:", " !important;}&:focus{border-color:", " !important;color:", " !important;box-shadow:", " !important;}&:active{", "}&&&:disabled{border-color:", " !important;background-color:", " !important;color:", " !important;box-shadow:none !important;}"], o.dangerFill, o.dangerColor, a.elevation1, t.$isPressed && n, o.dangerBorderHover, o.dangerFillHover, o.dangerColor, a.elevation2, o.dangerBorderFocus, o.dangerColor, r["button-danger-focus-ring"], n, o.dangerBorderDisabled, o.dangerFillDisabled, o.dangerColor);
+  }
+  return "";
+});
+export {
+  p as ButtonStyled
+};

package/CancelToken.js

@@ -0,0 +1,77 @@
+import u from "./CanceledError.js";
+class c {
+  constructor(e) {
+    if (typeof e != "function")
+      throw new TypeError("executor must be a function.");
+    let t;
+    this.promise = new Promise(function(r) {
+      t = r;
+    });
+    const s = this;
+    this.promise.then((n) => {
+      if (!s._listeners) return;
+      let r = s._listeners.length;
+      for (; r-- > 0; )
+        s._listeners[r](n);
+      s._listeners = null;
+    }), this.promise.then = (n) => {
+      let r;
+      const o = new Promise((i) => {
+        s.subscribe(i), r = i;
+      }).then(n);
+      return o.cancel = function() {
+        s.unsubscribe(r);
+      }, o;
+    }, e(function(r, o, i) {
+      s.reason || (s.reason = new u(r, o, i), t(s.reason));
+    });
+  }
+  /**
+   * Throws a `CanceledError` if cancellation has been requested.
+   */
+  throwIfRequested() {
+    if (this.reason)
+      throw this.reason;
+  }
+  /**
+   * Subscribe to the cancel signal
+   */
+  subscribe(e) {
+    if (this.reason) {
+      e(this.reason);
+      return;
+    }
+    this._listeners ? this._listeners.push(e) : this._listeners = [e];
+  }
+  /**
+   * Unsubscribe from the cancel signal
+   */
+  unsubscribe(e) {
+    if (!this._listeners)
+      return;
+    const t = this._listeners.indexOf(e);
+    t !== -1 && this._listeners.splice(t, 1);
+  }
+  toAbortSignal() {
+    const e = new AbortController(), t = (s) => {
+      e.abort(s);
+    };
+    return this.subscribe(t), e.signal.unsubscribe = () => this.unsubscribe(t), e.signal;
+  }
+  /**
+   * Returns an object that contains a new `CancelToken` and a function that, when called,
+   * cancels the `CancelToken`.
+   */
+  static source() {
+    let e;
+    return {
+      token: new c(function(n) {
+        e = n;
+      }),
+      cancel: e
+    };
+  }
+}
+export {
+  c as default
+};

package/CanceledError.js

@@ -0,0 +1,11 @@
+import r from "./AxiosError.js";
+import i from "./utils6.js";
+function l(o, t, e) {
+  r.call(this, o ?? "canceled", r.ERR_CANCELED, t, e), this.name = "CanceledError";
+}
+i.inherits(l, r, {
+  __CANCEL__: !0
+});
+export {
+  l as default
+};