@ds-autonomie/web-components 2.7.0 → 2.8.0

package/cdn/chunks/chunk.JJMCEIKB.js

@@ -0,0 +1,54 @@
+import {
+  component_styles_default
+} from "./chunk.MQAAYEM3.js";
+import {
+  i
+} from "./chunk.UKK3NS3L.js";
+
+// src/components/table-expanded-row/table-expanded-row.styles.ts
+var table_expanded_row_styles_default = i`
+  ${component_styles_default}
+
+  :host {
+    display: table-row;
+    background: var(--dsa-wc-table-expanded-row-background);
+    block-size: 0px;
+    transition: var(--dsa-wc-table-expanded-row-transition);
+  }
+
+  :host([expanded]) {
+    block-size: var(--dsa-wc-table-expanded-row-height);
+  }
+
+  .expanded-row {
+    font: var(--dsa-wc-table-row-font);
+    color: var(--dsa-wc-table-row-color);
+    padding: 0px var(--dsa-wc-table-expanded-row-padding-x);
+
+    box-shadow:
+      var(--dsa-wc-table-expanded-row-top-shadow),
+      var(--dsa-wc-table-expanded-row-bottom-shadow);
+    transition: var(--dsa-wc-table-expanded-row-transition);
+    inline-size: 100%;
+  }
+
+  :host([expanded]) .expanded-row {
+    padding: var(--dsa-wc-table-expanded-row-padding-y)
+      var(--dsa-wc-table-expanded-row-padding-x);
+  }
+
+  .expanded-row div {
+    display: none;
+    overflow: hidden;
+    block-size: 0px;
+  }
+
+  :host([expanded]) .expanded-row div {
+    display: block;
+    block-size: auto;
+  }
+`;
+
+export {
+  table_expanded_row_styles_default
+};

package/cdn/chunks/chunk.JXF4O366.js

@@ -0,0 +1,283 @@
+// ../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js
+var t = globalThis;
+var i = t.trustedTypes;
+var s = i ? i.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0;
+var e = "$lit$";
+var h = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var o = "?" + h;
+var n = `<${o}>`;
+var r = document;
+var l = () => r.createComment("");
+var c = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2;
+var a = Array.isArray;
+var u = (t2) => a(t2) || "function" == typeof (t2 == null ? void 0 : t2[Symbol.iterator]);
+var d = "[ 	\n\f\r]";
+var f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var v = /-->/g;
+var _ = />/g;
+var m = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var p = /'/g;
+var g = /"/g;
+var $ = /^(?:script|style|textarea|title)$/i;
+var y = (t2) => (i2, ...s2) => ({ _$litType$: t2, strings: i2, values: s2 });
+var x = y(1);
+var b = y(2);
+var w = y(3);
+var T = Symbol.for("lit-noChange");
+var E = Symbol.for("lit-nothing");
+var A = /* @__PURE__ */ new WeakMap();
+var C = r.createTreeWalker(r, 129);
+function P(t2, i2) {
+  if (!a(t2) || !t2.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== s ? s.createHTML(i2) : i2;
+}
+var V = (t2, i2) => {
+  const s2 = t2.length - 1, o2 = [];
+  let r2, l2 = 2 === i2 ? "<svg>" : 3 === i2 ? "<math>" : "", c2 = f;
+  for (let i3 = 0; i3 < s2; i3++) {
+    const s3 = t2[i3];
+    let a2, u2, d2 = -1, y2 = 0;
+    for (; y2 < s3.length && (c2.lastIndex = y2, u2 = c2.exec(s3), null !== u2); ) y2 = c2.lastIndex, c2 === f ? "!--" === u2[1] ? c2 = v : void 0 !== u2[1] ? c2 = _ : void 0 !== u2[2] ? ($.test(u2[2]) && (r2 = RegExp("</" + u2[2], "g")), c2 = m) : void 0 !== u2[3] && (c2 = m) : c2 === m ? ">" === u2[0] ? (c2 = r2 != null ? r2 : f, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c2.lastIndex - u2[2].length, a2 = u2[1], c2 = void 0 === u2[3] ? m : '"' === u2[3] ? g : p) : c2 === g || c2 === p ? c2 = m : c2 === v || c2 === _ ? c2 = f : (c2 = m, r2 = void 0);
+    const x2 = c2 === m && t2[i3 + 1].startsWith("/>") ? " " : "";
+    l2 += c2 === f ? s3 + n : d2 >= 0 ? (o2.push(a2), s3.slice(0, d2) + e + s3.slice(d2) + h + x2) : s3 + h + (-2 === d2 ? i3 : x2);
+  }
+  return [P(t2, l2 + (t2[s2] || "<?>") + (2 === i2 ? "</svg>" : 3 === i2 ? "</math>" : "")), o2];
+};
+var N = class _N {
+  constructor({ strings: t2, _$litType$: s2 }, n2) {
+    let r2;
+    this.parts = [];
+    let c2 = 0, a2 = 0;
+    const u2 = t2.length - 1, d2 = this.parts, [f2, v2] = V(t2, s2);
+    if (this.el = _N.createElement(f2, n2), C.currentNode = this.el.content, 2 === s2 || 3 === s2) {
+      const t3 = this.el.content.firstChild;
+      t3.replaceWith(...t3.childNodes);
+    }
+    for (; null !== (r2 = C.nextNode()) && d2.length < u2; ) {
+      if (1 === r2.nodeType) {
+        if (r2.hasAttributes()) for (const t3 of r2.getAttributeNames()) if (t3.endsWith(e)) {
+          const i2 = v2[a2++], s3 = r2.getAttribute(t3).split(h), e2 = /([.?@])?(.*)/.exec(i2);
+          d2.push({ type: 1, index: c2, name: e2[2], strings: s3, ctor: "." === e2[1] ? H : "?" === e2[1] ? I : "@" === e2[1] ? L : k }), r2.removeAttribute(t3);
+        } else t3.startsWith(h) && (d2.push({ type: 6, index: c2 }), r2.removeAttribute(t3));
+        if ($.test(r2.tagName)) {
+          const t3 = r2.textContent.split(h), s3 = t3.length - 1;
+          if (s3 > 0) {
+            r2.textContent = i ? i.emptyScript : "";
+            for (let i2 = 0; i2 < s3; i2++) r2.append(t3[i2], l()), C.nextNode(), d2.push({ type: 2, index: ++c2 });
+            r2.append(t3[s3], l());
+          }
+        }
+      } else if (8 === r2.nodeType) if (r2.data === o) d2.push({ type: 2, index: c2 });
+      else {
+        let t3 = -1;
+        for (; -1 !== (t3 = r2.data.indexOf(h, t3 + 1)); ) d2.push({ type: 7, index: c2 }), t3 += h.length - 1;
+      }
+      c2++;
+    }
+  }
+  static createElement(t2, i2) {
+    const s2 = r.createElement("template");
+    return s2.innerHTML = t2, s2;
+  }
+};
+function S(t2, i2, s2 = t2, e2) {
+  var _a2, _b, _c;
+  if (i2 === T) return i2;
+  let h2 = void 0 !== e2 ? (_a2 = s2._$Co) == null ? void 0 : _a2[e2] : s2._$Cl;
+  const o2 = c(i2) ? void 0 : i2._$litDirective$;
+  return (h2 == null ? void 0 : h2.constructor) !== o2 && ((_b = h2 == null ? void 0 : h2._$AO) == null ? void 0 : _b.call(h2, false), void 0 === o2 ? h2 = void 0 : (h2 = new o2(t2), h2._$AT(t2, s2, e2)), void 0 !== e2 ? ((_c = s2._$Co) != null ? _c : s2._$Co = [])[e2] = h2 : s2._$Cl = h2), void 0 !== h2 && (i2 = S(t2, h2._$AS(t2, i2.values), h2, e2)), i2;
+}
+var M = class {
+  constructor(t2, i2) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i2;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t2) {
+    var _a2;
+    const { el: { content: i2 }, parts: s2 } = this._$AD, e2 = ((_a2 = t2 == null ? void 0 : t2.creationScope) != null ? _a2 : r).importNode(i2, true);
+    C.currentNode = e2;
+    let h2 = C.nextNode(), o2 = 0, n2 = 0, l2 = s2[0];
+    for (; void 0 !== l2; ) {
+      if (o2 === l2.index) {
+        let i3;
+        2 === l2.type ? i3 = new R(h2, h2.nextSibling, this, t2) : 1 === l2.type ? i3 = new l2.ctor(h2, l2.name, l2.strings, this, t2) : 6 === l2.type && (i3 = new z(h2, this, t2)), this._$AV.push(i3), l2 = s2[++n2];
+      }
+      o2 !== (l2 == null ? void 0 : l2.index) && (h2 = C.nextNode(), o2++);
+    }
+    return C.currentNode = r, e2;
+  }
+  p(t2) {
+    let i2 = 0;
+    for (const s2 of this._$AV) void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i2), i2 += s2.strings.length - 2) : s2._$AI(t2[i2])), i2++;
+  }
+};
+var R = class _R {
+  get _$AU() {
+    var _a2, _b;
+    return (_b = (_a2 = this._$AM) == null ? void 0 : _a2._$AU) != null ? _b : this._$Cv;
+  }
+  constructor(t2, i2, s2, e2) {
+    var _a2;
+    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s2, this.options = e2, this._$Cv = (_a2 = e2 == null ? void 0 : e2.isConnected) != null ? _a2 : true;
+  }
+  get parentNode() {
+    let t2 = this._$AA.parentNode;
+    const i2 = this._$AM;
+    return void 0 !== i2 && 11 === (t2 == null ? void 0 : t2.nodeType) && (t2 = i2.parentNode), t2;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t2, i2 = this) {
+    t2 = S(this, t2, i2), c(t2) ? t2 === E || null == t2 || "" === t2 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t2 !== this._$AH && t2 !== T && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : u(t2) ? this.k(t2) : this._(t2);
+  }
+  O(t2) {
+    return this._$AA.parentNode.insertBefore(t2, this._$AB);
+  }
+  T(t2) {
+    this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
+  }
+  _(t2) {
+    this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(r.createTextNode(t2)), this._$AH = t2;
+  }
+  $(t2) {
+    var _a2;
+    const { values: i2, _$litType$: s2 } = t2, e2 = "number" == typeof s2 ? this._$AC(t2) : (void 0 === s2.el && (s2.el = N.createElement(P(s2.h, s2.h[0]), this.options)), s2);
+    if (((_a2 = this._$AH) == null ? void 0 : _a2._$AD) === e2) this._$AH.p(i2);
+    else {
+      const t3 = new M(e2, this), s3 = t3.u(this.options);
+      t3.p(i2), this.T(s3), this._$AH = t3;
+    }
+  }
+  _$AC(t2) {
+    let i2 = A.get(t2.strings);
+    return void 0 === i2 && A.set(t2.strings, i2 = new N(t2)), i2;
+  }
+  k(t2) {
+    a(this._$AH) || (this._$AH = [], this._$AR());
+    const i2 = this._$AH;
+    let s2, e2 = 0;
+    for (const h2 of t2) e2 === i2.length ? i2.push(s2 = new _R(this.O(l()), this.O(l()), this, this.options)) : s2 = i2[e2], s2._$AI(h2), e2++;
+    e2 < i2.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i2.length = e2);
+  }
+  _$AR(t2 = this._$AA.nextSibling, i2) {
+    var _a2;
+    for ((_a2 = this._$AP) == null ? void 0 : _a2.call(this, false, true, i2); t2 && t2 !== this._$AB; ) {
+      const i3 = t2.nextSibling;
+      t2.remove(), t2 = i3;
+    }
+  }
+  setConnected(t2) {
+    var _a2;
+    void 0 === this._$AM && (this._$Cv = t2, (_a2 = this._$AP) == null ? void 0 : _a2.call(this, t2));
+  }
+};
+var k = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t2, i2, s2, e2, h2) {
+    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = E;
+  }
+  _$AI(t2, i2 = this, s2, e2) {
+    const h2 = this.strings;
+    let o2 = false;
+    if (void 0 === h2) t2 = S(this, t2, i2, 0), o2 = !c(t2) || t2 !== this._$AH && t2 !== T, o2 && (this._$AH = t2);
+    else {
+      const e3 = t2;
+      let n2, r2;
+      for (t2 = h2[0], n2 = 0; n2 < h2.length - 1; n2++) r2 = S(this, e3[s2 + n2], i2, n2), r2 === T && (r2 = this._$AH[n2]), o2 || (o2 = !c(r2) || r2 !== this._$AH[n2]), r2 === E ? t2 = E : t2 !== E && (t2 += (r2 != null ? r2 : "") + h2[n2 + 1]), this._$AH[n2] = r2;
+    }
+    o2 && !e2 && this.j(t2);
+  }
+  j(t2) {
+    t2 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 != null ? t2 : "");
+  }
+};
+var H = class extends k {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t2) {
+    this.element[this.name] = t2 === E ? void 0 : t2;
+  }
+};
+var I = class extends k {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t2) {
+    this.element.toggleAttribute(this.name, !!t2 && t2 !== E);
+  }
+};
+var L = class extends k {
+  constructor(t2, i2, s2, e2, h2) {
+    super(t2, i2, s2, e2, h2), this.type = 5;
+  }
+  _$AI(t2, i2 = this) {
+    var _a2;
+    if ((t2 = (_a2 = S(this, t2, i2, 0)) != null ? _a2 : E) === T) return;
+    const s2 = this._$AH, e2 = t2 === E && s2 !== E || t2.capture !== s2.capture || t2.once !== s2.once || t2.passive !== s2.passive, h2 = t2 !== E && (s2 === E || e2);
+    e2 && this.element.removeEventListener(this.name, this, s2), h2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
+  }
+  handleEvent(t2) {
+    var _a2, _b;
+    "function" == typeof this._$AH ? this._$AH.call((_b = (_a2 = this.options) == null ? void 0 : _a2.host) != null ? _b : this.element, t2) : this._$AH.handleEvent(t2);
+  }
+};
+var z = class {
+  constructor(t2, i2, s2) {
+    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i2, this.options = s2;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t2) {
+    S(this, t2);
+  }
+};
+var Z = { M: e, P: h, A: o, C: 1, L: V, R: M, D: u, V: S, I: R, H: k, N: I, U: L, B: H, F: z };
+var j = t.litHtmlPolyfillSupport;
+var _a;
+j == null ? void 0 : j(N, R), ((_a = t.litHtmlVersions) != null ? _a : t.litHtmlVersions = []).push("3.3.0");
+var B = (t2, i2, s2) => {
+  var _a2, _b;
+  const e2 = (_a2 = s2 == null ? void 0 : s2.renderBefore) != null ? _a2 : i2;
+  let h2 = e2._$litPart$;
+  if (void 0 === h2) {
+    const t3 = (_b = s2 == null ? void 0 : s2.renderBefore) != null ? _b : null;
+    e2._$litPart$ = h2 = new R(i2.insertBefore(l(), t3), t3, void 0, s2 != null ? s2 : {});
+  }
+  return h2._$AI(t2), h2;
+};
+
+export {
+  x,
+  b,
+  w,
+  T,
+  E,
+  Z,
+  B
+};
+/*! Bundled license information:
+
+lit-html/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.JY4LUWQC.js

@@ -0,0 +1,72 @@
+import {
+  T
+} from "./chunk.JXF4O366.js";
+
+// ../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directive.js
+var t = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
+var e = (t2) => (...e3) => ({ _$litDirective$: t2, values: e3 });
+var i = class {
+  constructor(t2) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t2, e3, i2) {
+    this._$Ct = t2, this._$AM = e3, this._$Ci = i2;
+  }
+  _$AS(t2, e3) {
+    return this.update(t2, e3);
+  }
+  update(t2, e3) {
+    return this.render(...e3);
+  }
+};
+
+// ../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/class-map.js
+var e2 = e(class extends i {
+  constructor(t2) {
+    var _a;
+    if (super(t2), t2.type !== t.ATTRIBUTE || "class" !== t2.name || ((_a = t2.strings) == null ? void 0 : _a.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t2) {
+    return " " + Object.keys(t2).filter((s) => t2[s]).join(" ") + " ";
+  }
+  update(s, [i2]) {
+    var _a, _b;
+    if (void 0 === this.st) {
+      this.st = /* @__PURE__ */ new Set(), void 0 !== s.strings && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((t2) => "" !== t2)));
+      for (const t2 in i2) i2[t2] && !((_a = this.nt) == null ? void 0 : _a.has(t2)) && this.st.add(t2);
+      return this.render(i2);
+    }
+    const r = s.element.classList;
+    for (const t2 of this.st) t2 in i2 || (r.remove(t2), this.st.delete(t2));
+    for (const t2 in i2) {
+      const s2 = !!i2[t2];
+      s2 === this.st.has(t2) || ((_b = this.nt) == null ? void 0 : _b.has(t2)) || (s2 ? (r.add(t2), this.st.add(t2)) : (r.remove(t2), this.st.delete(t2)));
+    }
+    return T;
+  }
+});
+
+export {
+  t,
+  e,
+  i,
+  e2
+};
+/*! Bundled license information:
+
+lit-html/directive.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/directives/class-map.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/chunk.K25KURIV.js

@@ -0,0 +1,232 @@
+import {
+  form_control_styles_default
+} from "./chunk.VCFEF4I5.js";
+import {
+  component_styles_default
+} from "./chunk.MQAAYEM3.js";
+import {
+  i
+} from "./chunk.UKK3NS3L.js";
+
+// src/components/file-upload/file-upload.styles.ts
+var file_upload_styles_default = i`
+  ${component_styles_default}
+  ${form_control_styles_default}
+
+  /* Overrides form-control styles */
+  .form-control {
+    display: grid;
+    align-content: start;
+    grid-template:
+      'label . .'
+      'description description description'
+      'field field field' 1fr
+      'helpText helpText helpText'
+      'errorText errorText errorText'
+      'fileList fileList fileList'
+      / auto auto minmax(0, 1fr);
+    border: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  /* Label */
+  .form-control--has-label.form-control--medium .form-control__label {
+    font: var(--dsa-wc-file-upload-label-font-medium);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--has-label.form-control--small .form-control__label {
+    font: var(--dsa-wc-file-upload-label-font-small);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--has-label.form-control--large .form-control__label {
+    font: var(--dsa-wc-file-upload-label-font-large);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  /* Description */
+  .form-control .form-control__description {
+    grid-area: description;
+    display: none;
+  }
+
+  .form-control--has-description .form-control__description {
+    display: block;
+    color: var(--dsa-color-input-helper);
+  }
+
+  .form-control--small .form-control__description {
+    font: var(--dsa-wc-file-upload-description-font-small);
+  }
+
+  .form-control.form-control--small .form-control__description {
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--medium .form-control__description {
+    font: var(--dsa-wc-file-upload-description-font-medium);
+  }
+
+  .form-control.form-control--medium .form-control__description {
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--large .form-control__description {
+    font: var(--dsa-wc-file-upload-description-font-large);
+  }
+
+  .form-control.form-control--large .form-control__description {
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  /* Help Text */
+  .form-control.form-control--small .form-control__help-text {
+    font: var(--dsa-wc-file-upload-help-text-font-small);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--medium .form-control__help-text {
+    font: var(--dsa-wc-file-upload-help-text-font-medium);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--large .form-control__help-text {
+    font: var(--dsa-wc-file-upload-help-text-font-large);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  /* Error Text */
+  .form-control.form-control--small .form-control__error-text {
+    font: var(--dsa-wc-file-upload-error-text-font-small);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--medium .form-control__error-text {
+    font: var(--dsa-wc-file-upload-error-text-font-medium);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--large .form-control__error-text {
+    font: var(--dsa-wc-file-upload-error-text-font-large);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  /* Slot Files */
+  [part~='slot_files'] {
+    grid-area: fileList;
+    display: inline-block;
+    padding-top: var(--dsa-spacing-16);
+    padding-inline-start: 0;
+    margin: 0;
+  }
+
+  [part~='slot_files'] ::slotted(dsa-file-upload-item:not(:first-of-type)) {
+    padding-top: var(--dsa-spacing-8);
+  }
+
+  .button-container {
+    position: relative;
+  }
+
+  /* Button (Copy of button secondary styles) */
+  .button {
+    display: inline-flex;
+    align-items: stretch;
+    justify-content: center;
+    width: auto;
+    border-style: solid;
+    border-width: var(--dsa-wc-button-border-width);
+    border-radius: var(--dsa-wc-button-border-radius);
+    text-decoration: none;
+    user-select: none;
+    white-space: nowrap;
+    vertical-align: middle;
+    padding: 0 var(--dsa-wc-button-padding-horizontal);
+    transition:
+      var(--dsa-wc-transition-x-fast) background-color,
+      var(--dsa-wc-transition-x-fast) color,
+      var(--dsa-wc-transition-x-fast) border,
+      var(--dsa-wc-transition-x-fast) box-shadow;
+    cursor: pointer;
+    background-color: var(--dsa-wc-button-secondary-on-base-color);
+    border-color: var(--dsa-wc-button-secondary-on-base-color);
+    color: var(--dsa-wc-button-secondary-on-base-font-color);
+  }
+
+  .button::-moz-focus-inner {
+    border: 0;
+  }
+
+  .button:focus {
+    outline: none;
+  }
+
+  .button:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  /* When disabled, prevent mouse events from bubbling up from children */
+  .button--disabled * {
+    pointer-events: none;
+  }
+  .button--disabled {
+    cursor: not-allowed;
+  }
+
+  .button:hover:not(.button--disabled) {
+    background-color: var(--dsa-wc-button-secondary-on-base-hover-color);
+    border-color: var(--dsa-wc-button-secondary-on-base-hover-color);
+    color: var(--dsa-wc-button-secondary-on-base-hover-font-color);
+  }
+  .button:active:not(.button--disabled) {
+    background-color: var(--dsa-wc-button-secondary-on-base-active-color);
+    border-color: var(--dsa-wc-button-secondary-on-base-active-color);
+    color: var(--dsa-wc-button-secondary-on-base-active-font-color);
+  }
+  .button.button--disabled {
+    background-color: var(--dsa-wc-button-secondary-on-base-disabled-color);
+    border-color: var(--dsa-wc-button-secondary-on-base-disabled-color);
+    color: var(--dsa-wc-button-secondary-on-base-disabled-font-color);
+  }
+
+  .button--small {
+    font: var(--dsa-wc-button-font-small);
+    border-radius: var(--dsa-wc-button-border-radius);
+    padding-top: var(--dsa-spacing-8);
+    padding-bottom: var(--dsa-spacing-8);
+  }
+
+  .button--medium {
+    font: var(--dsa-wc-button-font);
+    border-radius: var(--dsa-wc-button-border-radius);
+    padding-top: var(--dsa-spacing-12);
+    padding-bottom: var(--dsa-spacing-12);
+  }
+
+  .button--large {
+    font: var(--dsa-wc-button-font-large);
+    border-radius: var(--dsa-wc-button-border-radius);
+    padding-top: var(--dsa-spacing-16);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  /* Input */
+  [part~='input'] {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+`;
+
+export {
+  file_upload_styles_default
+};