scb-wc-test 0.1.105 → 0.1.107

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.105",
+    "version":  "0.1.107",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -337,5 +337,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "F471BF0297C09631C7B212F431BB78DE6E04C544E36E5B3038379A15174EE4B8"
+    "buildHash":  "9C8FDE229A6A7627895483B4195C5836D7D6E708679AC92B7306C433AB2EB029"
 }

package/scb-accordion/scb-accordion.d.ts

@@ -1,5 +1,18 @@
 import { LitElement, TemplateResult } from 'lit';
 export declare class ScbAccordion extends LitElement {
+    #private;
     detached: boolean;
+    spacing: string;
+    spacingTop: string;
+    spacingBottom: string;
+    static styles: import('lit').CSSResult;
     render(): TemplateResult;
+    protected firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private mapSpacingToken;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-accordion': ScbAccordion;
+    }
 }

package/scb-accordion/scb-accordion.js

@@ -1,33 +1,65 @@
-import { LitElement as n, html as a } from "lit";
-import { property as i, customElement as m } from "lit/decorators.js";
+import { css as m, LitElement as v, html as b } from "lit";
+import { property as n, customElement as f } from "lit/decorators.js";
 import "./scb-accordion-item.js";
-var f = Object.defineProperty, h = Object.getOwnPropertyDescriptor, d = (l, r, o, t) => {
-  for (var e = t > 1 ? void 0 : t ? h(r, o) : r, c = l.length - 1, s; c >= 0; c--)
-    (s = l[c]) && (e = (t ? s(r, o, e) : s(e)) || e);
-  return t && e && f(r, o, e), e;
-};
-let p = class extends n {
+var y = Object.defineProperty, u = Object.getOwnPropertyDescriptor, g = (t) => {
+  throw TypeError(t);
+}, c = (t, e, s, a) => {
+  for (var o = a > 1 ? void 0 : a ? u(e, s) : e, p = t.length - 1, l; p >= 0; p--)
+    (l = t[p]) && (o = (a ? l(e, s, o) : l(o)) || o);
+  return a && o && y(e, s, o), o;
+}, _ = (t, e, s) => e.has(t) || g("Cannot " + s), S = (t, e, s) => e.has(t) ? g("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), h = (t, e, s) => (_(t, e, "access private method"), s), i, d;
+let r = class extends v {
   constructor() {
-    super(...arguments), this.detached = !1;
+    super(...arguments), S(this, i), this.detached = !1, this.spacing = "", this.spacingTop = "", this.spacingBottom = "";
   }
-  /*
-    Renderar containern och slottar in alla scb-accordion-item.
-    Sätter attributet `detached` på wrappern om relevant.
-  */
   render() {
-    return a`
+    return b`
       <div class="scb-accordion" ?detached=${this.detached}>
         <slot></slot>
       </div>
     `;
   }
+  firstUpdated() {
+    h(this, i, d).call(this);
+  }
+  updated(t) {
+    (t.has("spacing") || t.has("spacingTop") || t.has("spacingBottom")) && h(this, i, d).call(this);
+  }
+  // Mappar spacing-värden till tokens eller fria CSS-värden.
+  mapSpacingToken(t) {
+    if (!t) return;
+    const e = String(t).trim();
+    if (e)
+      return /^\d+$/.test(e) ? `var(--spacing-${Math.max(0, Math.min(14, parseInt(e, 10)))})` : e;
+  }
+};
+i = /* @__PURE__ */ new WeakSet();
+d = function() {
+  const t = this.mapSpacingToken(this.spacing), e = this.mapSpacingToken(this.spacingTop) ?? t, s = this.mapSpacingToken(this.spacingBottom) ?? t;
+  e ? this.style.setProperty("--scb-accordion-spacing-block-start", e) : this.style.removeProperty("--scb-accordion-spacing-block-start"), s ? this.style.setProperty("--scb-accordion-spacing-block-end", s) : this.style.removeProperty("--scb-accordion-spacing-block-end");
 };
-d([
-  i({ type: Boolean, reflect: !0 })
-], p.prototype, "detached", 2);
-p = d([
-  m("scb-accordion")
-], p);
+r.styles = m`
+    :host {
+      display: block;
+      margin-block-start: var(--scb-accordion-spacing-block-start, 0);
+      margin-block-end: var(--scb-accordion-spacing-block-end, 0);
+    }
+  `;
+c([
+  n({ type: Boolean, reflect: !0 })
+], r.prototype, "detached", 2);
+c([
+  n({ type: String, reflect: !0 })
+], r.prototype, "spacing", 2);
+c([
+  n({ type: String, attribute: "spacing-top", reflect: !0 })
+], r.prototype, "spacingTop", 2);
+c([
+  n({ type: String, attribute: "spacing-bottom", reflect: !0 })
+], r.prototype, "spacingBottom", 2);
+r = c([
+  f("scb-accordion")
+], r);
 export {
-  p as ScbAccordion
+  r as ScbAccordion
 };

package/scb-avatar/scb-avatar.d.ts

@@ -3,6 +3,7 @@ type AvatarSize = 'small' | 'medium' | 'large';
 type AvatarShape = 'circular' | 'rounded' | 'square';
 type AvatarVariant = 'image' | 'icon';
 export declare class ScbAvatar extends LitElement {
+    #private;
     src: string;
     alt: string;
     label: string;
@@ -10,6 +11,9 @@ export declare class ScbAvatar extends LitElement {
     shape: AvatarShape;
     iconName: string;
     variant: AvatarVariant;
+    spacing: string;
+    spacingTop: string;
+    spacingBottom: string;
     private _imgError;
     private _hasIconSlot;
     static styles: import('lit').CSSResult;
@@ -17,8 +21,10 @@ export declare class ScbAvatar extends LitElement {
     private _onImgError;
     private _onIconSlotChange;
     protected firstUpdated(): Promise<void>;
+    protected updated(changed: Map<string, unknown>): void;
     private _initials;
     private _ariaLabel;
+    private mapSpacingToken;
     render(): TemplateResult;
 }
 declare global {

package/scb-avatar/scb-avatar.js

@@ -1,56 +1,82 @@
-import { css as d, LitElement as g, nothing as c, html as a } from "lit";
-import { property as l, state as m, customElement as v } from "lit/decorators.js";
-var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, r = (i, t, o, s) => {
-  for (var n = s > 1 ? void 0 : s ? _(t, o) : t, h = i.length - 1, p; h >= 0; h--)
-    (p = i[h]) && (n = (s ? p(t, o, n) : p(n)) || n);
-  return s && n && u(t, o, n), n;
-};
-let e = class extends g {
+import { css as _, LitElement as f, nothing as l, html as n } from "lit";
+import { property as r, state as v, customElement as b } from "lit/decorators.js";
+var y = Object.defineProperty, z = Object.getOwnPropertyDescriptor, u = (t) => {
+  throw TypeError(t);
+}, s = (t, i, e, o) => {
+  for (var c = o > 1 ? void 0 : o ? z(i, e) : i, h = t.length - 1, m; h >= 0; h--)
+    (m = t[h]) && (c = (o ? m(i, e, c) : m(c)) || c);
+  return o && c && y(i, e, c), c;
+}, S = (t, i, e) => i.has(t) || u("Cannot " + e), k = (t, i, e) => i.has(t) ? u("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, e), g = (t, i, e) => (S(t, i, "access private method"), e), p, d;
+let a = class extends f {
   constructor() {
-    super(...arguments), this.src = "", this.alt = "", this.label = "", this.size = "medium", this.shape = "circular", this.iconName = "", this.variant = "image", this._imgError = !1, this._hasIconSlot = !1, this._onImgLoad = () => {
+    super(...arguments), k(this, p), this.src = "", this.alt = "", this.label = "", this.size = "medium", this.shape = "circular", this.iconName = "", this.variant = "image", this.spacing = "", this.spacingTop = "", this.spacingBottom = "", this._imgError = !1, this._hasIconSlot = !1, this._onImgLoad = () => {
       this._imgError = !1, this.dispatchEvent(new CustomEvent("image-load", { bubbles: !0, composed: !0 }));
     }, this._onImgError = () => {
       this._imgError = !0, this.dispatchEvent(new CustomEvent("image-error", { bubbles: !0, composed: !0 }));
-    }, this._onIconSlotChange = (i) => {
-      const t = i.currentTarget;
-      this._hasIconSlot = (t.assignedNodes({ flatten: !0 }) || []).length > 0;
+    }, this._onIconSlotChange = (t) => {
+      const i = t.currentTarget;
+      this._hasIconSlot = (i.assignedNodes({ flatten: !0 }) || []).length > 0;
     };
   }
   async firstUpdated() {
-    this.variant === "icon" && await import("@material/web/icon/icon.js");
+    this.variant === "icon" && await import("@material/web/icon/icon.js"), g(this, p, d).call(this);
+  }
+  updated(t) {
+    super.updated(t), t.has("variant") && this.variant === "icon" && import("@material/web/icon/icon.js"), (t.has("spacing") || t.has("spacingTop") || t.has("spacingBottom")) && g(this, p, d).call(this);
   }
   _initials() {
-    const i = (this.label || this.alt || "").trim();
-    if (!i) return "?";
-    const t = i.split(/\s+/).filter(Boolean);
-    if (t.length === 1) return t[0].slice(0, 1).toUpperCase();
-    const o = t[0].slice(0, 1), s = t[t.length - 1].slice(0, 1);
-    return (o + s).toUpperCase();
+    const t = (this.label || this.alt || "").trim();
+    if (!t) return "?";
+    const i = t.split(/\s+/).filter(Boolean);
+    if (i.length === 1) return i[0].slice(0, 1).toUpperCase();
+    const e = i[0].slice(0, 1), o = i[i.length - 1].slice(0, 1);
+    return (e + o).toUpperCase();
   }
   _ariaLabel() {
-    const i = (this.label || this.alt || "").trim();
-    return i || null;
+    const t = (this.label || this.alt || "").trim();
+    return t || null;
+  }
+  // Mappar spacing-värden till spacing-token eller fritt css-värde.
+  mapSpacingToken(t) {
+    if (!t) return;
+    const i = String(t).trim();
+    if (i)
+      return /^\d+$/.test(i) ? `var(--spacing-${Math.max(0, Math.min(14, parseInt(i, 10)))})` : i;
   }
   render() {
-    const i = this._ariaLabel(), t = this.variant === "image" && !!this.src && !this._imgError, o = a`${c}
+    const t = this._ariaLabel(), i = this.variant === "image" && !!this.src && !this._imgError, e = n`${l}
         <slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
-        ${this._hasIconSlot ? c : this.iconName ? a`<md-icon aria-hidden="true">${this.iconName}</md-icon>` : a`<div class="fallback" part="fallback">${this._initials()}</div>`}
-      `, s = t ? a`<img class="photo" part="image" src=${this.src} alt=${this.alt}
-                    @load=${this._onImgLoad} @error=${this._onImgError} />` : a`
+        ${this._hasIconSlot ? l : this.iconName ? n`<md-icon aria-hidden="true">${this.iconName}</md-icon>` : n`<div class="fallback" part="fallback">${this._initials()}</div>`}
+      `, o = i ? n`<img
+                class="photo"
+                part="image"
+                src=${this.src}
+                alt=${this.alt}
+                @load=${this._onImgLoad}
+                @error=${this._onImgError}
+              />` : n`
             <slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
-            ${this._hasIconSlot ? c : this.iconName ? a`<md-icon aria-hidden="true">${this.iconName}</md-icon>` : a`<div class="fallback" part="fallback">${this._initials()}</div>`}
+            ${this._hasIconSlot ? l : this.iconName ? n`<md-icon aria-hidden="true">${this.iconName}</md-icon>` : n`<div class="fallback" part="fallback">${this._initials()}</div>`}
           `;
-    return a`
-      <div class="container" part="container" role="img" aria-label=${i ?? c}>
-        ${this.variant === "icon" ? o : s}
+    return n`
+      <div class="container" part="container" role="img" aria-label=${t ?? l}>
+        ${this.variant === "icon" ? e : o}
       </div>
     `;
   }
 };
-e.styles = d`
+p = /* @__PURE__ */ new WeakSet();
+d = function() {
+  const t = this.mapSpacingToken(this.spacing), i = this.mapSpacingToken(this.spacingTop) ?? t, e = this.mapSpacingToken(this.spacingBottom) ?? t;
+  i ? this.style.setProperty("--scb-avatar-spacing-block-start", i) : this.style.removeProperty("--scb-avatar-spacing-block-start"), e ? this.style.setProperty("--scb-avatar-spacing-block-end", e) : this.style.removeProperty("--scb-avatar-spacing-block-end");
+};
+a.styles = _`
     :host {
       display: inline-block;
       vertical-align: middle;
+      margin-block-start: var(--scb-avatar-spacing-block-start, 0);
+      margin-block-end: var(--scb-avatar-spacing-block-end, 0);
+
       --_size: 40px;
       --_font-size: 16px;
       --_bg: var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container));
@@ -134,36 +160,45 @@ e.styles = d`
       border-radius: var(--_radius);
     }
   `;
-r([
-  l({ type: String })
-], e.prototype, "src", 2);
-r([
-  l({ type: String })
-], e.prototype, "alt", 2);
-r([
-  l({ type: String })
-], e.prototype, "label", 2);
-r([
-  l({ type: String, reflect: !0 })
-], e.prototype, "size", 2);
-r([
-  l({ type: String, reflect: !0 })
-], e.prototype, "shape", 2);
-r([
-  l({ type: String, attribute: "icon-name", reflect: !0 })
-], e.prototype, "iconName", 2);
-r([
-  l({ type: String, reflect: !0 })
-], e.prototype, "variant", 2);
-r([
-  m()
-], e.prototype, "_imgError", 2);
-r([
-  m()
-], e.prototype, "_hasIconSlot", 2);
-e = r([
-  v("scb-avatar")
-], e);
+s([
+  r({ type: String })
+], a.prototype, "src", 2);
+s([
+  r({ type: String })
+], a.prototype, "alt", 2);
+s([
+  r({ type: String })
+], a.prototype, "label", 2);
+s([
+  r({ type: String, reflect: !0 })
+], a.prototype, "size", 2);
+s([
+  r({ type: String, reflect: !0 })
+], a.prototype, "shape", 2);
+s([
+  r({ type: String, attribute: "icon-name", reflect: !0 })
+], a.prototype, "iconName", 2);
+s([
+  r({ type: String, reflect: !0 })
+], a.prototype, "variant", 2);
+s([
+  r({ type: String, reflect: !0 })
+], a.prototype, "spacing", 2);
+s([
+  r({ type: String, attribute: "spacing-top", reflect: !0 })
+], a.prototype, "spacingTop", 2);
+s([
+  r({ type: String, attribute: "spacing-bottom", reflect: !0 })
+], a.prototype, "spacingBottom", 2);
+s([
+  v()
+], a.prototype, "_imgError", 2);
+s([
+  v()
+], a.prototype, "_hasIconSlot", 2);
+a = s([
+  b("scb-avatar")
+], a);
 export {
-  e as ScbAvatar
+  a as ScbAvatar
 };

package/scb-breadcrumb/scb-breadcrumb-item.js

@@ -1,10 +1,10 @@
 import { LitElement as p, css as b, html as l } from "lit";
-import { property as u, customElement as m } from "lit/decorators.js";
+import { property as o, customElement as m } from "lit/decorators.js";
 import "../scb-link/scb-link.js";
-var h = Object.defineProperty, f = Object.getOwnPropertyDescriptor, n = (t, s, i, a) => {
-  for (var r = a > 1 ? void 0 : a ? f(s, i) : s, o = t.length - 1, c; o >= 0; o--)
-    (c = t[o]) && (r = (a ? c(s, i, r) : c(r)) || r);
-  return a && r && h(s, i, r), r;
+var f = Object.defineProperty, h = Object.getOwnPropertyDescriptor, n = (t, s, c, a) => {
+  for (var r = a > 1 ? void 0 : a ? h(s, c) : s, i = t.length - 1, u; i >= 0; i--)
+    (u = t[i]) && (r = (a ? u(s, c, r) : u(r)) || r);
+  return a && r && f(s, c, r), r;
 };
 let e = class extends p {
   constructor() {
@@ -19,7 +19,6 @@ let e = class extends p {
 
       .breadcrumb-current {
         color: var(--md-sys-color-on-surface);
-        font-weight: var(--weight-semibold);
         font-family: var(--brand, Inter);
       }
     `;
@@ -47,13 +46,13 @@ let e = class extends p {
   }
 };
 n([
-  u({ type: String })
+  o({ type: String })
 ], e.prototype, "label", 2);
 n([
-  u({ type: Boolean, attribute: "is-current", reflect: !0 })
+  o({ type: Boolean, attribute: "is-current", reflect: !0 })
 ], e.prototype, "isCurrent", 2);
 n([
-  u({ type: String, attribute: "item-href" })
+  o({ type: String, attribute: "item-href" })
 ], e.prototype, "href", 2);
 e = n([
   m("scb-breadcrumb-item")

package/scb-breadcrumb/scb-breadcrumb.d.ts

@@ -1,11 +1,17 @@
 import { LitElement, TemplateResult } from 'lit';
 export declare class SCBBreadcrumb extends LitElement {
+    #private;
     showAll: boolean;
+    spacing: string;
+    spacingTop: string;
+    spacingBottom: string;
     private _observer?;
     static get styles(): import('lit').CSSResult;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    protected firstUpdated(): void;
     protected updated(changed: Map<string, unknown>): void;
+    private mapSpacingToken;
     private _onEllipsisClick;
     render(): TemplateResult;
 }

package/scb-breadcrumb/scb-breadcrumb.js

@@ -1,19 +1,27 @@
-import { LitElement as d, css as p, html as o } from "lit";
-import { property as m, customElement as b } from "lit/decorators.js";
+import { LitElement as u, css as f, html as d } from "lit";
+import { property as n, customElement as g } from "lit/decorators.js";
 import "./scb-breadcrumb-item.js";
 import "@material/web/icon/icon.js";
 import "@material/web/focus/md-focus-ring.js";
-var u = Object.defineProperty, h = Object.getOwnPropertyDescriptor, n = (e, a, s, t) => {
-  for (var r = t > 1 ? void 0 : t ? h(a, s) : a, l = e.length - 1, i; l >= 0; l--)
-    (i = e[l]) && (r = (t ? i(a, s, r) : i(r)) || r);
-  return t && r && u(a, s, r), r;
-};
-let c = class extends d {
+var y = Object.defineProperty, v = Object.getOwnPropertyDescriptor, h = (e) => {
+  throw TypeError(e);
+}, o = (e, t, s, a) => {
+  for (var r = a > 1 ? void 0 : a ? v(t, s) : t, l = e.length - 1, p; l >= 0; l--)
+    (p = e[l]) && (r = (a ? p(t, s, r) : p(r)) || r);
+  return a && r && y(t, s, r), r;
+}, w = (e, t, s) => t.has(e) || h("Cannot " + s), k = (e, t, s) => t.has(e) ? h("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), m = (e, t, s) => (w(e, t, "access private method"), s), c, b;
+let i = class extends u {
   constructor() {
-    super(...arguments), this.showAll = !1;
+    super(...arguments), k(this, c), this.showAll = !1, this.spacing = "", this.spacingTop = "", this.spacingBottom = "";
   }
   static get styles() {
-    return p`
+    return f`
+      :host {
+        display: block;
+        margin-block-start: var(--scb-breadcrumb-spacing-block-start, 0);
+        margin-block-end: var(--scb-breadcrumb-spacing-block-end, 0);
+      }
+
       .scb-breadcrumb {
         display: flex;
         align-items: center;
@@ -92,6 +100,9 @@ let c = class extends d {
     var e;
     super.disconnectedCallback(), (e = this._observer) == null || e.disconnect();
   }
+  firstUpdated() {
+    m(this, c, b).call(this);
+  }
   // Sänd event när showAll förändras (för Blazor-bryggan: show-all-changed)
   updated(e) {
     e.has("showAll") && this.dispatchEvent(
@@ -100,16 +111,22 @@ let c = class extends d {
         bubbles: !0,
         composed: !0
       })
-    );
+    ), (e.has("spacing") || e.has("spacingTop") || e.has("spacingBottom")) && m(this, c, b).call(this);
+  }
+  mapSpacingToken(e) {
+    if (!e) return;
+    const t = String(e).trim();
+    if (t)
+      return /^\d+$/.test(t) ? `var(--spacing-${Math.max(0, Math.min(14, parseInt(t, 10)))})` : t;
   }
   _onEllipsisClick() {
     this.showAll ? this.showAll = !1 : (this.showAll = !0, this.updateComplete.then(() => {
-      var a;
-      const e = (a = this.shadowRoot) == null ? void 0 : a.querySelectorAll(
+      var t;
+      const e = (t = this.shadowRoot) == null ? void 0 : t.querySelectorAll(
         ".scb-breadcrumb.expanded > scb-breadcrumb-item"
       );
-      e && (e.forEach((s, t) => {
-        s.classList.add("breadcrumb-animate"), s.style.animationDelay = `${t * 60}ms`;
+      e && (e.forEach((s, a) => {
+        s.classList.add("breadcrumb-animate"), s.style.animationDelay = `${a * 60}ms`;
       }), setTimeout(() => {
         e.forEach((s) => {
           s.classList.remove("breadcrumb-animate"), s.style.animationDelay = "";
@@ -125,15 +142,15 @@ let c = class extends d {
       (s) => s.tagName.toLowerCase() === "scb-breadcrumb-item"
     )), e.length > 0) {
       const s = e.length - 1;
-      e.forEach((t, r) => {
-        t.toggleAttribute("is-current", r === s);
+      e.forEach((a, r) => {
+        a.toggleAttribute("is-current", r === s);
       });
     }
-    const a = e.length > 6 && !this.showAll;
-    return o`
-      <div class="scb-breadcrumb ${a ? "collapsed" : "expanded"}">
-        ${a ? e.map(
-      (s, t) => t === 3 ? o`<span
+    const t = e.length > 6 && !this.showAll;
+    return d`
+      <div class="scb-breadcrumb ${t ? "collapsed" : "expanded"}">
+        ${t ? e.map(
+      (s, a) => a === 3 ? d`<span
                       class="ellipsis"
                       aria-label="Visa alla"
                       role="button"
@@ -149,18 +166,32 @@ let c = class extends d {
                       </md-icon>
                     </span>
                     <span class="breadcrumb-separator">/</span>
-                    ${s}` : o`${s}`
+                    ${s}` : d`${s}`
     ) : e.map((s) => s)}
       </div>
     `;
   }
 };
-n([
-  m({ type: Boolean, attribute: "show-all", reflect: !0 })
-], c.prototype, "showAll", 2);
-c = n([
-  b("scb-breadcrumb")
-], c);
+c = /* @__PURE__ */ new WeakSet();
+b = function() {
+  const e = this.mapSpacingToken(this.spacing), t = this.mapSpacingToken(this.spacingTop) ?? e, s = this.mapSpacingToken(this.spacingBottom) ?? e;
+  t ? this.style.setProperty("--scb-breadcrumb-spacing-block-start", t) : this.style.removeProperty("--scb-breadcrumb-spacing-block-start"), s ? this.style.setProperty("--scb-breadcrumb-spacing-block-end", s) : this.style.removeProperty("--scb-breadcrumb-spacing-block-end");
+};
+o([
+  n({ type: Boolean, attribute: "show-all", reflect: !0 })
+], i.prototype, "showAll", 2);
+o([
+  n({ type: String, reflect: !0 })
+], i.prototype, "spacing", 2);
+o([
+  n({ type: String, attribute: "spacing-top", reflect: !0 })
+], i.prototype, "spacingTop", 2);
+o([
+  n({ type: String, attribute: "spacing-bottom", reflect: !0 })
+], i.prototype, "spacingBottom", 2);
+i = o([
+  g("scb-breadcrumb")
+], i);
 export {
-  c as SCBBreadcrumb
+  i as SCBBreadcrumb
 };

package/scb-button/scb-button.d.ts

@@ -2,6 +2,7 @@ import { LitElement, TemplateResult } from 'lit';
 /** "filled", "outlined", "filled-tonal" eller "text" */
 export type ScbButtonVariant = 'filled' | 'outlined' | 'filled-tonal' | 'text';
 export declare class ScbButton extends LitElement {
+    #private;
     variant: ScbButtonVariant;
     type: string;
     label: string;
@@ -11,6 +12,9 @@ export declare class ScbButton extends LitElement {
     href: string;
     target: string;
     rel: string;
+    spacing: string;
+    spacingTop: string;
+    spacingBottom: string;
     private __ariaObserver?;
     private __getMdHost;
     private __getInnerNativeButton;
@@ -18,6 +22,12 @@ export declare class ScbButton extends LitElement {
     protected firstUpdated(): void;
     protected updated(changed: Map<string, unknown>): void;
     disconnectedCallback(): void;
+    private mapSpacingToken;
     static get styles(): import('lit').CSSResult;
     render(): TemplateResult;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-button': ScbButton;
+    }
+}