@nldd/design-system 0.8.56 → 0.8.58

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

@@ -1 +1 @@
-{"version":3,"file":"split-button.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"split-button.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.ts"],"names":[],"mappings":"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"}

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":"AAGA,eAAO,MAAM,iBAAiB,yBA2E7B,CAAC"}
+{"version":3,"file":"split-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,yBA+G7B,CAAC"}

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

@@ -9,7 +9,9 @@ export const splitButtonStyles = css `
 		--_corner-radius: var(--semantics-controls-md-corner-radius);
 		--_background-color: var(--semantics-buttons-neutral-tinted-background-color);
 		--_divider-color: var(--semantics-buttons-neutral-tinted-divider-color);
+		--_highlight-border-color: var(--semantics-buttons-neutral-tinted-highlight-border-color);
 		--_divider-length: var(--semantics-buttons-md-divider-length);
+		--_width: auto;
 
 		${inheritedTextReset}
 		display: inline-flex;
@@ -17,14 +19,19 @@ export const splitButtonStyles = css `
 		-webkit-tap-highlight-color: transparent;
 	}
 
+	:host([size="xs"]) {
+		--_corner-radius: var(--semantics-controls-xs-corner-radius);
+		--_divider-length: var(--semantics-buttons-xs-divider-length);
+	}
+
 	:host([size="sm"]) {
 		--_corner-radius: var(--semantics-controls-sm-corner-radius);
 		--_divider-length: var(--semantics-buttons-sm-divider-length);
 	}
 
-	:host([size="xs"]) {
-		--_corner-radius: var(--semantics-controls-xs-corner-radius);
-		--_divider-length: var(--semantics-buttons-xs-divider-length);
+	:host([size="lg"]) {
+		--_corner-radius: var(--semantics-controls-lg-corner-radius);
+		--_divider-length: var(--semantics-buttons-lg-divider-length);
 	}
 
 	/* ## Accent Filled (Primary) */
@@ -33,6 +40,18 @@ export const splitButtonStyles = css `
 	:host([variant="primary"]) {
 		--_background-color: var(--semantics-buttons-accent-filled-background-color);
 		--_divider-color: var(--semantics-buttons-accent-filled-divider-color);
+		--_highlight-border-color: var(--semantics-buttons-accent-filled-highlight-border-color);
+	}
+
+	:host([variant="neutral-base"]) {
+		--_background-color: var(--semantics-buttons-neutral-base-background-color);
+		--_divider-color: var(--semantics-buttons-neutral-base-divider-color);
+		--_highlight-border-color: var(--semantics-buttons-neutral-base-highlight-border-color);
+	}
+
+	:host([width="full"]) {
+		display: block;
+		width: 100%;
 	}
 
 	:host([hidden]) {
@@ -54,12 +73,24 @@ export const splitButtonStyles = css `
 
 	.split-button {
 		display: inline-flex;
+		position: relative;
+		width: var(--_width);
+		min-width: fit-content;
 		border-radius: var(--_corner-radius);
 		background-color: var(--_background-color);
 		flex-direction: row;
 		align-items: center;
 	}
 
+	.split-button::after {
+		content: '';
+		position: absolute;
+		inset: 0;
+		border-radius: inherit;
+		box-shadow: inset 0 0 0 var(--primitives-border-width-thin) var(--_highlight-border-color);
+		pointer-events: none;
+	}
+
 
 	/* # Elements */
 
@@ -70,6 +101,11 @@ export const splitButtonStyles = css `
 		flex-shrink: 0;
 	}
 
+	.split-button__popup-button {
+		display: flex;
+		flex-shrink: 0;
+	}
+
 	nldd-button:focus-within,
 	nldd-icon-button:focus-within {
 		position: relative;

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;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;IAWhC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgErB,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;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;IAahC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGrB,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,wCA4B7C"}
+{"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,wCAiC7C"}

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

@@ -7,6 +7,9 @@ export function template() {
 				size=${this.size}
 				text=${this.text}
 				start-icon=${this.icon || nothing}
+				horizontal-alignment="left"
+				width="full"
+				no-highlight-border
 				?disabled=${this.disabled}
 				@click=${this._handleActionClick}
 			></nldd-button>
@@ -18,6 +21,8 @@ export function template() {
 					icon="chevron-down-small"
 					text=${this._t('components.split-button.menu-action')}
 					tooltip-timing="never"
+					no-highlight-border
+					hide-lg-text
 					?disabled=${this.disabled}
 					?expanded=${this._menuIsOpen}
 					popup-type="menu"
@@ -25,7 +30,7 @@ export function template() {
 				></nldd-icon-button>
 			</div>
 		</div>
-		<nldd-menu class="split-button__menu"></nldd-menu>
+		<slot @slotchange=${this._handleSlotChange}></slot>
 	`;
 }
 //# sourceMappingURL=split-button.template.js.map

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,IAAI,IAAI,OAAO;gBACrB,IAAI,CAAC,QAAQ;aAChB,IAAI,CAAC,kBAAkB;;;;;eAKrB,IAAI,CAAC,OAAO;YACf,IAAI,CAAC,IAAI;;YAET,IAAI,CAAC,EAAE,CAAC,qCAAqC,CAAC;;iBAEzC,IAAI,CAAC,QAAQ;iBACb,IAAI,CAAC,WAAW;;cAEnB,IAAI,CAAC,gBAAgB;;;;;EAKjC,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,IAAI,IAAI,OAAO;;;;gBAIrB,IAAI,CAAC,QAAQ;aAChB,IAAI,CAAC,kBAAkB;;;;;eAKrB,IAAI,CAAC,OAAO;YACf,IAAI,CAAC,IAAI;;YAET,IAAI,CAAC,EAAE,CAAC,qCAAqC,CAAC;;;;iBAIzC,IAAI,CAAC,QAAQ;iBACb,IAAI,CAAC,WAAW;;cAEnB,IAAI,CAAC,gBAAgB;;;;sBAIb,IAAI,CAAC,iBAAiB;EAC1C,CAAC;AACH,CAAC"}

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

@@ -2,29 +2,76 @@
  * Nederlandse Digitale Dienst Toolbar Component (Lit + TypeScript)
  *
  * @element nldd-toolbar
- * @attr {string} size - Toolbar size, propagated to all child controls: 'sm' | 'md' (default: 'md')
+ * @attr {string} size - Toolbar size, propagated to all child controls: 'sm' | 'md' | 'lg' (default: 'md'). At 'lg' the overflow button (and lg-capable children like nldd-icon-button) stack their label below the icon.
  * @attr {boolean} show-item-labels - When true, shows a text label below each toolbar item and the overflow button
  * @attr {string} label - Accessible label for the toolbar. Only needed when multiple toolbars appear on the same page
  *
  * @slot start    - nldd-toolbar-item and nldd-toolbar-title elements placed at the start
  * @slot center   - nldd-toolbar-item and nldd-toolbar-title elements placed at the center
  * @slot end      - nldd-toolbar-item and nldd-toolbar-title elements placed at the end
- * @slot overflow - nldd-menu-item and nldd-menu-divider elements always shown in the overflow menu
+ * @slot overflow - nldd-menu-item, nldd-menu-divider and nldd-menu-group elements always shown in the overflow menu
+ *
+ * ---
+ *
+ * @element nldd-toolbar-item
+ * @attr {string} width - Fluid width: a percentage (e.g. '40%') or any CSS length (e.g. '240px'). Setting it (or min-width or max-width) makes the item fluid so it grows to fill the available space.
+ * @attr {string} min-width - Minimum (fluid) width as a CSS length (e.g. '240px'). Setting it also makes the item fluid.
+ * @attr {string} max-width - Maximum (fluid) width as a CSS length (e.g. '480px'). Setting it also makes the item fluid.
+ * @attr {string} label - Text label shown below the item when the toolbar has show-item-labels.
+ * @attr {number} priority - Overflow order: items with a lower priority move into the overflow menu first (default 0). Items sharing a priority overflow together, regardless of position.
+ * @attr {boolean} fluid - Set by nldd-toolbar, not a consumer attribute: marks an item that grows or shrinks to fill space. Toggled synchronously during measurement, so it can appear or disappear between layout frames — do not style against it. It is not reflected as a JS property — read it with hasAttribute('fluid').
+ * @attr {boolean} solo-fluid - Set by nldd-toolbar, not a consumer attribute: the sole fluid item, allowed to shrink below its content. Same synchronous-toggle and property-read caveats as fluid.
+ * @attr {boolean} hidden - Set by nldd-toolbar, not a consumer attribute, when the item moves into the overflow menu. Same synchronous-toggle caveat.
+ *
+ * @slot - The control shown in the toolbar (e.g. nldd-icon-button)
+ * @slot overflow - nldd-menu-item / nldd-menu-divider / nldd-menu-group children, shown in the overflow menu when this item overflows
+ *
+ * ---
+ *
+ * @element nldd-toolbar-title
+ * @attr {string} text - Title text.
+ * @attr {string} supporting-text - Secondary supporting text shown below the title.
+ * @attr {string} align - Text alignment: 'left' | 'center' (default: 'left').
+ * @attr {string} width - Preferred (fluid) width as a CSS length or percentage; the title grows toward it and shrinks to min-width.
+ * @attr {string} min-width - Minimum width as a CSS length (e.g. '200px', default '200px').
+ * @attr {string} max-width - Maximum width as a CSS length (e.g. '480px').
  */
 import { LitElement } from 'lit';
+import { type ToolbarChild } from './toolbar.template.js';
 import type { NLDDToolbarTranslations } from './toolbar.i18n.js';
-type Size = 'sm' | 'md';
+type Size = 'sm' | 'md' | 'lg';
+type TitleAlign = 'left' | 'center';
+export declare class NLDDToolbarItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    width: string;
+    minWidth: string;
+    maxWidth: string;
+    label: string;
+    priority: number;
+    /** Set by nldd-toolbar; not part of the public API. @internal */
+    size: Size;
+    /** Set by nldd-toolbar; not part of the public API. @internal */
+    showItemLabels: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class NLDDToolbarTitle extends LitElement {
+    static styles: import("lit").CSSResult;
+    text: string;
+    supportingText: string;
+    align: TitleAlign;
+    width: string;
+    minWidth: string;
+    maxWidth: string;
+    /** Set by nldd-toolbar; not part of the public API. @internal */
+    size: Size;
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    private _reflectSizeVar;
+    render(): import("lit-html").TemplateResult<1>;
+}
 export declare class NLDDToolbar extends LitElement {
     static styles: import("lit").CSSResult;
-    /** Controls the size of toolbar items. Propagated automatically to all child controls. */
     size: Size;
-    /** When true, shows a text label below each toolbar item and the overflow button. */
     showItemLabels: boolean;
-    /**
-     * Accessible label for the toolbar, exposed as `aria-label` on the `role="toolbar"` container.
-     * Only needed when multiple toolbars appear on the same page so screen readers can distinguish them.
-     * @example `<nldd-toolbar label="Formatting">`
-     */
     label: string;
     translations: Partial<NLDDToolbarTranslations>;
     _t(key: keyof NLDDToolbarTranslations): string;
@@ -60,25 +107,55 @@ export declare class NLDDToolbar extends LitElement {
      * Consumers should avoid adding extra listeners directly on overflow `nldd-menu-item` elements.
      */
     private _syncMenuItems;
-    private _propagateSize;
+    /**
+     * Syncs declarative state onto the slotted item and title hosts: size,
+     * show-item-labels, the base fluid flag and the fluid width custom
+     * properties. The parent owns layout decisions; each host owns its own box
+     * and rendering. Attributes are set directly (not via reactive properties)
+     * so the host box reflows synchronously before the next measurement.
+     */
+    private _syncHosts;
     private _getPrioritizedItems;
+    private _allHostChildren;
+    private _hostFor;
     private _measureItemWidths;
     private _computeAreaWidth;
     private _computeSpacerZeros;
     private _updateAreaVars;
     private _measureAndUpdate;
     private _measureOverflow;
+    /**
+     * Promotes a lone remaining fluid item — or a lone title when no items are
+     * visible — to the solo-fluid state so it grows to fill the row. In
+     * center-only mode the center-fill wrapper already grows the items, so item
+     * promotion is skipped there (matching the previous template behaviour).
+     */
+    private _promoteSoloFluid;
     private _buildChildrenForSlot;
     private _buildPinnedOverflowItems;
-    private _restoreSlots;
     private _buildChildren;
     render(): import("lit-html").TemplateResult<1>;
 }
+/** A toolbar child narrowed to an item; the overflow grouping operates on these. */
+type OverflowItem = Extract<ToolbarChild, {
+    type: 'item';
+}>;
+/** Items bucketed into overflow groups (each inner array overflows together). */
+type OverflowGroups = OverflowItem[][];
+/**
+ * Groups prioritized items for overflow. Items with an explicit priority that
+ * share a value form one group and overflow together regardless of their
+ * position; items without a priority attribute each form their own group
+ * (they overflow individually).
+ *
+ * @internal Exported for unit tests only; not part of the public API.
+ */
+export declare function groupForOverflow(items: OverflowItem[]): OverflowGroups;
 declare global {
     interface HTMLElementTagNameMap {
         'nldd-toolbar': NLDDToolbar;
-        'nldd-toolbar-item': HTMLElement;
-        'nldd-toolbar-title': HTMLElement;
+        'nldd-toolbar-item': NLDDToolbarItem;
+        'nldd-toolbar-title': NLDDToolbarTitle;
     }
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAiBjE,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIxB,qBACa,WAAY,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAEvC,0FAA0F;IAE1F,IAAI,EAAE,IAAI,CAAQ;IAElB,qFAAqF;IAErF,cAAc,UAAS;IAEvB;;;;OAIG;IAEH,KAAK,SAAM;IAGX,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAM;IAI7C,EAAE,CAAC,GAAG,EAAE,MAAM,uBAAuB,GAAG,MAAM;IAKrD,OAAO,CAAC,SAAS,CAAS;IAG1B,OAAO,CAAC,cAAc,CAAsB;IAG5C,OAAO,CAAC,eAAe,CAAsB;IAG7C,OAAO,CAAC,YAAY,CAAsB;IAG1C,OAAO,CAAC,YAAY,CAA0B;IAG9C,OAAO,CAAC,eAAe,CAAS;IAGhC,OAAO,CAAC,gBAAgB,CAAS;IAGjC,OAAO,CAAC,oBAAoB,CAAiB;IAE7C,OAAO,CAAC,SAAS,CAAkC;IACnD,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,WAAW,CAA6B;IAChD,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,sBAAsB,CAA0D;IAExF,OAAO,CAAC,MAAM;IAOL,iBAAiB,IAAI,IAAI;IAqBzB,oBAAoB,IAAI,IAAI;IAU5B,YAAY,IAAI,IAAI;IAYpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAuB/D,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,eAAe;IA6BvB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAyBtB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,eAAe;IA+BvB,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,gBAAgB;IAuGxB,OAAO,CAAC,qBAAqB;IAqD7B,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,cAAc;IAoBb,MAAM;CA2Bf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;QAC5B,mBAAmB,EAAE,WAAW,CAAC;QACjC,oBAAoB,EAAE,WAAW,CAAC;KAClC;CACD"}
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.ts"],"names":[],"mappings":"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"}