@nldd/design-system 0.8.40 → 0.8.42

package/dist/components/actions/link/link.js

@@ -1,15 +1,26 @@
 /**
  * Nederlandse Digitale Dienst Link Component (Lit + TypeScript)
  *
- * Standalone hyperlink component voor gebruik buiten lopende tekst (menu's,
- * actiegebieden, overzichten). Voor inline links in paragrafen gebruik je
- * <nldd-rich-text> met een standaard <a>.
+ * Hyperlink component met twee modi:
+ *
+ * 1. **Standalone (sized)** — set `size="xs"|"sm"|"md"|"lg"` voor menu's,
+ *    actiegebieden of overzichten. Vaste tekstgrootte, `display: inline-flex`
+ *    met `gap` voor icon-spacing.
+ *
+ * 2. **Inline (inherit)** — laat `size` weg of zet expliciet `size="inherit"`.
+ *    De link erft `font-size`, `line-height` en `font-family` van zijn
+ *    omgeving. Tekst wraps natuurlijk over regels (`display: inline`). Icons
+ *    werken ook hier; de natuurlijke whitespace tussen icon en tekst zorgt
+ *    voor de spacing.
+ *
+ * Voor links in CMS/markdown-output (waar de `<a>` als HTML binnenkomt) blijft
+ * `<nldd-rich-text>` met raw `<a>` de aangewezen route.
  *
  * @element nldd-link
  * @attr {string} href - Link doel
  * @attr {string} target - Link target (bijv. '_blank'); stelt rel automatisch bij
  * @attr {string} rel - Link rel attribuut; standaard 'noopener noreferrer' bij target='_blank'
- * @attr {string} size - Tekstgrootte: 'xs' | 'sm' | 'md' | 'lg' (default: 'md')
+ * @attr {string} size - Tekstgrootte: 'xs' | 'sm' | 'md' | 'lg' | 'inherit'. Leeg = inherit.
  * @attr {string} text - Link tekst (alternatief voor default slot)
  * @attr {string} start-icon - Icoon voor de tekst
  * @attr {string} end-icon - Icoon na de tekst
@@ -37,7 +48,6 @@ let NLDDLink = class NLDDLink extends LitElement {
         this.href = undefined;
         this.target = undefined;
         this.rel = undefined;
-        this.size = 'md';
         this.text = '';
         this.startIcon = '';
         this.endIcon = '';

package/dist/components/actions/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,8BAA8B,CAAC;AAK/B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAIN,SAAI,GAAuB,SAAS,CAAC;QAGrC,WAAM,GAAuB,SAAS,CAAC;QAGvC,QAAG,GAAuB,SAAS,CAAC;QAGpC,SAAI,GAAS,IAAI,CAAC;QAGlB,SAAI,GAAG,EAAE,CAAC;QAGV,cAAS,GAAG,EAAE,CAAC;QAGf,YAAO,GAAG,EAAE,CAAC;QAGb,oBAAe,GAAG,EAAE,CAAC;QAGrB,aAAQ,GAAG,KAAK,CAAC;IAwBlB,CAAC;IAtBQ,YAAY,CAAC,CAAa;QACjC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACrB,CAAC;IACF,CAAC;IAED,gBAAgB;IAChB,YAAY;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;QAC5B,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC;QAC1C,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QACzD,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACtB,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QACxB,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAEQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE;YAC1B,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;SACzC,CAAC,CAAC;IACJ,CAAC;;AAlDe,eAAM,GAAG,UAAU,AAAb,CAAc;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACL;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACY;AAGvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACS;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;2CACrC;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;yCACrC;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;iDACrC;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAC1B;AA5BL,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAoDpB"}
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,8BAA8B,CAAC;AAK/B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAIN,SAAI,GAAuB,SAAS,CAAC;QAGrC,WAAM,GAAuB,SAAS,CAAC;QAGvC,QAAG,GAAuB,SAAS,CAAC;QAMpC,SAAI,GAAG,EAAE,CAAC;QAGV,cAAS,GAAG,EAAE,CAAC;QAGf,YAAO,GAAG,EAAE,CAAC;QAGb,oBAAe,GAAG,EAAE,CAAC;QAGrB,aAAQ,GAAG,KAAK,CAAC;IAwBlB,CAAC;IAtBQ,YAAY,CAAC,CAAa;QACjC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACrB,CAAC;IACF,CAAC;IAED,gBAAgB;IAChB,YAAY;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC;QAC5B,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC;QAC1C,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QACzD,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACtB,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QACxB,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAEQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE;YAC1B,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;SACzC,CAAC,CAAC;IACJ,CAAC;;AAlDe,eAAM,GAAG,UAAU,AAAb,CAAc;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACL;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACY;AAGvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACS;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAC9B;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;2CACrC;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;yCACrC;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;iDACrC;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAC1B;AA5BL,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAoDpB"}

package/dist/components/actions/link/link.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/link.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA4GtB,CAAC"}
+{"version":3,"file":"link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/link.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAoJtB,CAAC"}

package/dist/components/actions/link/link.styles.js

@@ -2,13 +2,34 @@ import { css } from 'lit';
 export const linkStyles = css `
 
 
-	/* # Host */
+	/* # Host
+	 *
+	 * Inherit mode (no [size] attribute, or [size="inherit"]): display is
+	 * inline so the link wraps naturally inside running text and inherits
+	 * font-size / line-height / font-family from its surroundings. Icons are
+	 * supported via the inline whitespace between icon span and label span,
+	 * which provides natural single-space separation.
+	 *
+	 * Sized mode (xs/sm/md/lg): display becomes inline-flex so start/end
+	 * icons can be aligned to the text baseline with explicit gap spacing.
+	 */
 
 	:host {
-		display: inline-flex;
 		-webkit-tap-highlight-color: transparent;
 	}
 
+	:host(:not([size])),
+	:host([size="inherit"]) {
+		display: inline;
+	}
+
+	:host([size="xs"]),
+	:host([size="sm"]),
+	:host([size="md"]),
+	:host([size="lg"]) {
+		display: inline-flex;
+	}
+
 	:host([hidden]) {
 		display: none;
 	}
@@ -25,36 +46,48 @@ export const linkStyles = css `
 		appearance: none;
 		background: none;
 		color: var(--semantics-links-color);
-		display: inline-flex;
-		align-items: center;
 		text-decoration: none;
 		border-radius: var(--primitives-corner-radius-xs);
 		transition: color var(--primitives-transition-duration-fast) var(--primitives-transition-easing-default);
 	}
 
+	:host(:not([size])) .link,
+	:host([size="inherit"]) .link {
+		display: inline;
+	}
+
 	:host([size="xs"]) .link {
+		display: inline-flex;
+		align-items: center;
 		gap: var(--primitives-space-4);
 		font: var(--primitives-font-body-xs-regular-flat);
 	}
 
 	:host([size="sm"]) .link {
+		display: inline-flex;
+		align-items: center;
 		gap: var(--primitives-space-4);
 		font: var(--primitives-font-body-sm-regular-flat);
 	}
 
-	:host([size="md"]) .link,
-	:host(:not([size])) .link {
+	:host([size="md"]) .link {
+		display: inline-flex;
+		align-items: center;
 		gap: var(--primitives-space-6);
 		font: var(--primitives-font-body-md-regular-flat);
 	}
 
 	:host([size="lg"]) .link {
+		display: inline-flex;
+		align-items: center;
 		gap: var(--primitives-space-6);
 		font: var(--primitives-font-body-lg-regular-flat);
 	}
 
-	.link:hover {
-		color: var(--semantics-links-is-hovered-color);
+	@media (hover: hover) {
+		.link:hover {
+			color: var(--semantics-links-is-hovered-color);
+		}
 	}
 
 	.link:active {
@@ -99,6 +132,13 @@ export const linkStyles = css `
 		height: 1em;
 	}
 
+	:host(:not([size])) .link__start-icon,
+	:host([size="inherit"]) .link__start-icon,
+	:host(:not([size])) .link__end-icon,
+	:host([size="inherit"]) .link__end-icon {
+		top: 0.2em;
+	}
+
 
 	/* # Toegankelijkheid */
 

package/dist/components/actions/link/link.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/link/link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4G5B,CAAC"}
+{"version":3,"file":"link.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/link/link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJ5B,CAAC"}

package/dist/components/actions/link/link.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/link.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,wCA4BhE"}
+{"version":3,"file":"link.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/link.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,wCA0BhE"}

package/dist/components/actions/link/link.template.js

@@ -1,6 +1,10 @@
 import { html, nothing } from 'lit';
 export function template(helpers) {
     const resolvedRel = this._resolvedRel();
+    // Icons render in both modes:
+    // - sized mode: inline-flex container + gap controls spacing
+    // - inherit mode: inline container, the whitespace text node between
+    //   icon span and label span provides a natural single-space separator
     return html `
 		<a class="link"
 			href=${this.disabled ? nothing : (this.href || nothing)}
@@ -13,17 +17,11 @@ export function template(helpers) {
 			@click=${helpers.handleClick}
 		>
 			${this.startIcon ? html `
-				<span class="link__start-icon">
-					<nldd-icon name=${this.startIcon}></nldd-icon>
-				</span>
+				<span class="link__start-icon"><nldd-icon name=${this.startIcon}></nldd-icon></span>
 			` : html `<slot name="start-icon"></slot>`}
-			<span class="link__label">
-				${this.text ? this.text : html `<slot></slot>`}
-			</span>
+			<span class="link__label">${this.text ? this.text : html `<slot></slot>`}</span>
 			${this.endIcon ? html `
-				<span class="link__end-icon">
-					<nldd-icon name=${this.endIcon}></nldd-icon>
-				</span>
+				<span class="link__end-icon"><nldd-icon name=${this.endIcon}></nldd-icon></span>
 			` : html `<slot name="end-icon"></slot>`}
 		</a>
 	`;

package/dist/components/actions/link/link.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.template.js","sourceRoot":"","sources":["../../../../src/components/actions/link/link.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOpC,MAAM,UAAU,QAAQ,CAAiB,OAAwB;IAChE,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;IACxC,OAAO,IAAI,CAAA;;UAEF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;UAChD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;cAC5B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO;YAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;SACrD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,CAAC;mBACxC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnC,IAAI,CAAC,eAAe,IAAI,OAAO;YACnC,OAAO,CAAC,WAAW;;KAE1B,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;uBAEH,IAAI,CAAC,SAAS;;IAEjC,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC;;MAEtC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe;;KAE5C,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;;uBAED,IAAI,CAAC,OAAO;;IAE/B,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B;;EAExC,CAAC;AACH,CAAC"}
+{"version":3,"file":"link.template.js","sourceRoot":"","sources":["../../../../src/components/actions/link/link.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOpC,MAAM,UAAU,QAAQ,CAAiB,OAAwB;IAChE,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;IACxC,8BAA8B;IAC9B,6DAA6D;IAC7D,qEAAqE;IACrE,uEAAuE;IACvE,OAAO,IAAI,CAAA;;UAEF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;UAChD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;cAC5B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO;YAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;SACrD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,CAAC;mBACxC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnC,IAAI,CAAC,eAAe,IAAI,OAAO;YACnC,OAAO,CAAC,WAAW;;KAE1B,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;qDAC2B,IAAI,CAAC,SAAS;IAC/D,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC;+BACb,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe;KACrE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;mDAC2B,IAAI,CAAC,OAAO;IAC3D,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B;;EAExC,CAAC;AACH,CAAC"}

package/dist/components/actions/split-button/split-button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"split-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAgG7B,CAAC"}
+{"version":3,"file":"split-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA6G7B,CAAC"}

package/dist/components/actions/split-button/split-button.styles.js

@@ -80,13 +80,21 @@ export const splitButtonStyles = css `
 
 	/* # Variants */
 
-	/* ## Variant: Neutral Tintend (Default) */
+	/* ## Variant: Neutral Tintend (Default) / Secondary */
 
 	:host([variant="neutral-tinted"]) .split-button,
+	:host([variant="secondary"]) .split-button,
 	:host(:not([variant])) .split-button {
 		background-color: var(--semantics-buttons-neutral-tinted-background-color);
 	}
 
+	/* ## Variant: Accent Filled / Primary */
+
+	:host([variant="accent-filled"]) .split-button,
+	:host([variant="primary"]) .split-button {
+		background-color: var(--semantics-buttons-accent-filled-background-color);
+	}
+
 
 	/* # Divider */
 
@@ -95,5 +103,10 @@ export const splitButtonStyles = css `
 		flex-shrink: 0;
 		background-color: var(--semantics-buttons-neutral-tinted-divider-color);
 	}
+
+	:host([variant="accent-filled"]) .split-button__divider,
+	:host([variant="primary"]) .split-button__divider {
+		background-color: var(--semantics-buttons-accent-filled-divider-color);
+	}
 `;
 //# sourceMappingURL=split-button.styles.js.map

package/dist/components/actions/split-button/split-button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGnC,CAAC"}
+{"version":3,"file":"split-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GnC,CAAC"}

package/dist/components/actions/split-button/split-button.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"split-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,wCAyB7C"}
+{"version":3,"file":"split-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,wCA0B7C"}

package/dist/components/actions/split-button/split-button.template.js

@@ -16,6 +16,7 @@ export function template() {
 				size=${this.size}
 				icon="chevron-down-small"
 				text=${this._t('components.split-button.menu-action')}
+				hide-tooltip
 				?disabled=${this.disabled}
 				aria-haspopup="menu"
 				aria-expanded=${this._hasMenuItems ? String(this._menuIsOpen) : nothing}

package/dist/components/actions/split-button/split-button.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA;;;cAGE,IAAI,CAAC,OAAO;WACf,IAAI,CAAC,IAAI;WACT,IAAI,CAAC,IAAI;iBACH,IAAI,CAAC,SAAS,IAAI,OAAO;gBAC1B,IAAI,CAAC,QAAQ;aAChB,IAAI,CAAC,kBAAkB;;;;cAItB,IAAI,CAAC,OAAO;WACf,IAAI,CAAC,IAAI;;WAET,IAAI,CAAC,EAAE,CAAC,qCAAqC,CAAC;gBACzC,IAAI,CAAC,QAAQ;;oBAET,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO;aAC9D,IAAI,CAAC,gBAAgB;;;;EAIhC,CAAC;AACH,CAAC"}
+{"version":3,"file":"split-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA;;;cAGE,IAAI,CAAC,OAAO;WACf,IAAI,CAAC,IAAI;WACT,IAAI,CAAC,IAAI;iBACH,IAAI,CAAC,SAAS,IAAI,OAAO;gBAC1B,IAAI,CAAC,QAAQ;aAChB,IAAI,CAAC,kBAAkB;;;;cAItB,IAAI,CAAC,OAAO;WACf,IAAI,CAAC,IAAI;;WAET,IAAI,CAAC,EAAE,CAAC,qCAAqC,CAAC;;gBAEzC,IAAI,CAAC,QAAQ;;oBAET,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO;aAC9D,IAAI,CAAC,gBAAgB;;;;EAIhC,CAAC;AACH,CAAC"}

package/dist/components/actions/toolbar/toolbar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAyRzB,CAAC"}
+{"version":3,"file":"toolbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBA0RzB,CAAC"}

package/dist/components/actions/toolbar/toolbar.styles.js

@@ -5,8 +5,6 @@ export const toolbarStyles = css `
 	/* # Host */
 
 	:host {
-		display: block;
-		box-sizing: border-box;
 		--_item-width: auto;
 		--_item-min-width: 0px;
 		--_title-group-min-width: 200px;
@@ -17,6 +15,9 @@ export const toolbarStyles = css `
 		--_center-width: 0px;
 		--_end-width: 0px;
 		--_overflow-button-width: 0px;
+
+		display: block;
+		box-sizing: border-box;
 	}
 
 	:host([hidden]) {

package/dist/components/actions/toolbar/toolbar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyR/B,CAAC"}
+{"version":3,"file":"toolbar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0R/B,CAAC"}