@nldd/design-system 0.8.43 → 0.8.44

package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.js","sourceRoot":"","sources":["../../../../src/components/content/keyboard-shortcut/keyboard-shortcut.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAKpD,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAIN,SAAI,GAAG,EAAE,CAAC;QAGV,SAAI,GAAS,IAAI,CAAC;QAGlB,kBAAa,GAAG,KAAK,CAAC;IAgBvB,CAAC;IAdA,IAAI,WAAW;QACd,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QAC1B,8EAA8E;QAC9E,MAAM,MAAM,GAAG,QAAQ,CAAC;QACxB,OAAO,IAAI,CAAC,IAAI;aACd,OAAO,CAAC,SAAS,EAAE,IAAI,MAAM,GAAG,CAAC;aACjC,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;aACxD,MAAM,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;;AAxBe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;2DAClD;AAVV,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CA0BhC"}
+{"version":3,"file":"keyboard-shortcut.js","sourceRoot":"","sources":["../../../../src/components/content/keyboard-shortcut/keyboard-shortcut.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAW,MAAM,0BAA0B,CAAC;AAKtD,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAIN,SAAI,GAAG,EAAE,CAAC;QAGV,YAAO,GAAG,EAAE,CAAC;QAGb,gBAAW,GAAG,EAAE,CAAC;QAGjB,cAAS,GAAG,EAAE,CAAC;QAGf,SAAI,GAAS,IAAI,CAAC;QAGlB,kBAAa,GAAG,KAAK,CAAC;QAEtB;;;;;;;;WAQG;QAEH,YAAO,GAAY,EAAE,CAAC;IAyBvB,CAAC;IAvBA,IAAI,aAAa;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,QAAQ,EAAE,CAAC;QACtC,IAAI,EAAE,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC,OAAO,CAAC;QACtD,IAAI,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAC,WAAW,CAAC;QAClE,IAAI,EAAE,KAAK,OAAO,IAAI,IAAI,CAAC,SAAS;YAAE,OAAO,IAAI,CAAC,SAAS,CAAC;QAC5D,OAAO,IAAI,CAAC,IAAI,CAAC;IAClB,CAAC;IAED,IAAI,WAAW;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC;QAChC,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QACrB,8EAA8E;QAC9E,MAAM,MAAM,GAAG,QAAQ,CAAC;QACxB,OAAO,IAAI;aACT,OAAO,CAAC,SAAS,EAAE,IAAI,MAAM,GAAG,CAAC;aACjC,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;aACxD,MAAM,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC;IAEQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;;AAtDe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;qDACrC;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;yDACrC;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;uDACrC;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;2DAClD;AAYtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;qDAC5B;AA/BV,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CAwDhC"}

package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js

@@ -46,16 +46,16 @@ export const keyboardShortcutStyles = css `
 
 	.keyboard-shortcut__key {
 		display: inline-flex;
-		align-items: center;
-		justify-content: center;
 		box-sizing: border-box;
+		border: var(--components-keyboard-shortcut-border-thickness) solid var(--components-keyboard-shortcut-border-color);
+		border-radius: var(--components-keyboard-shortcut-corner-radius);
+		background-color: var(--components-keyboard-shortcut-background-color);
 		min-width: var(--_size);
 		height: var(--_size);
 		padding: 0 var(--_inline-padding);
-		background-color: var(--components-keyboard-shortcut-background-color);
+		align-items: center;
+		justify-content: center;
 		color: var(--components-keyboard-shortcut-content-color);
-		border: var(--components-keyboard-shortcut-border-thickness) solid var(--components-keyboard-shortcut-border-color);
-		border-radius: var(--components-keyboard-shortcut-corner-radius);
 		font: var(--_font);
 		white-space: nowrap;
 	}

package/dist/components/content/rich-text/rich-text.d.ts

@@ -7,12 +7,14 @@
  *
  * @element nldd-rich-text
  *
- * @attr {string} spacing - Spacing between elements: 'flat' | 'tight' | 'snug' (default) | 'loose'
+ * @attr {string}  spacing  - Spacing between elements: 'flat' | 'tight' | 'snug' (default) | 'loose'
+ * @attr {boolean} centered - Centers the main column inside the container; without it, content is left-aligned
  */
 import { LitElement } from 'lit';
 type Spacing = 'flat' | 'tight' | 'snug' | 'loose';
 export declare class NLDDRichText extends LitElement {
     spacing: Spacing;
+    centered: boolean;
     createRenderRoot(): this;
 }
 declare global {

package/dist/components/content/rich-text/rich-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text.d.ts","sourceRoot":"","sources":["../../../../src/components/content/rich-text/rich-text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjC,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,qBACa,YAAa,SAAQ,UAAU;IAE3C,OAAO,EAAE,OAAO,CAAU;IAEjB,gBAAgB;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
+{"version":3,"file":"rich-text.d.ts","sourceRoot":"","sources":["../../../../src/components/content/rich-text/rich-text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjC,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,qBACa,YAAa,SAAQ,UAAU;IAE3C,OAAO,EAAE,OAAO,CAAU;IAG1B,QAAQ,UAAS;IAER,gBAAgB;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}

package/dist/components/content/rich-text/rich-text.js

@@ -13,7 +13,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  *
  * @element nldd-rich-text
  *
- * @attr {string} spacing - Spacing between elements: 'flat' | 'tight' | 'snug' (default) | 'loose'
+ * @attr {string}  spacing  - Spacing between elements: 'flat' | 'tight' | 'snug' (default) | 'loose'
+ * @attr {boolean} centered - Centers the main column inside the container; without it, content is left-aligned
  */
 import { LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
@@ -21,6 +22,7 @@ let NLDDRichText = class NLDDRichText extends LitElement {
     constructor() {
         super(...arguments);
         this.spacing = 'snug';
+        this.centered = false;
     }
     createRenderRoot() {
         return this;
@@ -29,6 +31,9 @@ let NLDDRichText = class NLDDRichText extends LitElement {
 __decorate([
     property({ type: String, reflect: true })
 ], NLDDRichText.prototype, "spacing", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDRichText.prototype, "centered", void 0);
 NLDDRichText = __decorate([
     customElement('nldd-rich-text')
 ], NLDDRichText);

package/dist/components/content/rich-text/rich-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text.js","sourceRoot":"","sources":["../../../../src/components/content/rich-text/rich-text.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKrD,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAEN,YAAO,GAAY,MAAM,CAAC;IAK3B,CAAC;IAHS,gBAAgB;QACxB,OAAO,IAAI,CAAC;IACb,CAAC;CACD,CAAA;AALA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAChB;AAFd,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAOxB"}
+{"version":3,"file":"rich-text.js","sourceRoot":"","sources":["../../../../src/components/content/rich-text/rich-text.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKrD,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAEN,YAAO,GAAY,MAAM,CAAC;QAG1B,aAAQ,GAAG,KAAK,CAAC;IAKlB,CAAC;IAHS,gBAAgB;QACxB,OAAO,IAAI,CAAC;IACb,CAAC;CACD,CAAA;AARA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAChB;AAG1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAC1B;AALL,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAUxB"}

package/dist/components/content/tag/tag.styles.js

@@ -164,14 +164,14 @@ export const tagStyles = css `
 
 	.tag {
 		display: inline-flex;
-		align-items: center;
 		box-sizing: border-box;
+		border-radius: var(--_corner-radius);
+		background-color: var(--_background-color);
 		min-height: var(--_min-height);
 		padding: 0 var(--_inline-padding);
+		align-items: center;
 		gap: var(--_gap);
-		background-color: var(--_background-color);
 		color: var(--_content-color);
-		border-radius: var(--_corner-radius);
 		white-space: nowrap;
 		font: var(--_font);
 	}
@@ -181,11 +181,11 @@ export const tagStyles = css `
 
 	.tag__icon {
 		display: inline-flex;
-		align-items: center;
-		flex-shrink: 0;
+		margin-inline: calc((var(--_min-height) - var(--_icon-size)) / 2 - var(--_inline-padding));
 		width: var(--_icon-size);
 		height: var(--_icon-size);
-		margin-inline: calc((var(--_min-height) - var(--_icon-size)) / 2 - var(--_inline-padding));
+		align-items: center;
+		flex-shrink: 0;
 	}
 
 	.tag__icon:has(+ .tag__text) {

package/dist/components/content/title/title.styles.js

@@ -22,10 +22,10 @@ export const titleStyles = css `
 
 	.title {
 		display: flex;
+		width: 100%;
 		flex-direction: row;
 		align-items: center;
 		gap: var(--primitives-space-12);
-		width: 100%;
 	}
 
 
@@ -33,9 +33,9 @@ export const titleStyles = css `
 
 	.title__title-group {
 		display: flex;
+		min-width: 0;
 		flex-direction: column;
 		flex: 1;
-		min-width: 0;
 	}
 
 

package/dist/components/content/tooltip/tooltip.styles.js

@@ -26,11 +26,11 @@ export const tooltipStyles = css `
 
 	.tooltip {
 		position: fixed;
+		opacity: 0;
 		margin: 0;
-		padding: 0;
 		border: none;
 		background: none;
-		opacity: 0;
+		padding: 0;
 		transition:
 			opacity var(--_hide-duration) ease,
 			display var(--_hide-duration) allow-discrete,
@@ -55,16 +55,16 @@ export const tooltipStyles = css `
 	/* ## Tooltip body */
 
 	.tooltip__body {
+		box-shadow: var(--components-tooltip-box-shadow);
+		border-radius: var(--primitives-corner-radius-xs);
 		background-color: var(--components-tooltip-background-color);
-		color: var(--components-tooltip-content-color);
-		font: var(--primitives-font-body-xs-regular-tight);
-		padding-block: var(--primitives-space-4);
-		padding-inline: var(--primitives-space-8);
 		width: max-content;
 		max-width: var(--_max-width);
+		padding-block: var(--primitives-space-4);
+		padding-inline: var(--primitives-space-8);
+		color: var(--components-tooltip-content-color);
+		font: var(--primitives-font-body-xs-regular-tight);
 		overflow-wrap: break-word;
-		box-shadow: var(--components-tooltip-box-shadow);
-		border-radius: var(--primitives-corner-radius-xs);
 	}
 
 

package/dist/components/forms/form-actions/form-actions.styles.js

@@ -40,9 +40,9 @@ export const formActionsStyles = css `
 	:host(:not([label-alignment])[form-label-alignment='right']) .form-actions::before {
 		@container (min-width: 641px) {
 			content: '';
+			width: var(--semantics-forms-label-column-width);
 			flex-grow: 0;
 			flex-shrink: 0;
-			width: var(--semantics-forms-label-column-width);
 		}
 	}
 
@@ -51,10 +51,10 @@ export const formActionsStyles = css `
 
 	.form-actions__main {
 		display: flex;
+		min-width: 0;
 		flex-grow: 1;
 		flex-shrink: 1;
 		flex-basis: 0;
-		min-width: 0;
 	}
 `;
 //# sourceMappingURL=form-actions.styles.js.map

package/dist/components/forms/form-field/form-field.styles.js

@@ -43,8 +43,8 @@ export const formFieldStyles = css `
 
 	.form-field__header {
 		display: flex;
-		flex-direction: column;
 		box-sizing: border-box;
+		flex-direction: column;
 	}
 
 	:host([label-alignment='left']) .form-field__header,
@@ -52,11 +52,11 @@ export const formFieldStyles = css `
 	:host(:not([label-alignment])[form-label-alignment='left']) .form-field__header,
 	:host(:not([label-alignment])[form-label-alignment='right']) .form-field__header {
 		@container (min-width: 641px) {
+			width: var(--semantics-forms-label-column-width);
+			min-height: var(--semantics-controls-md-min-size);
 			flex-grow: 0;
 			flex-shrink: 0;
 			justify-content: center;
-			width: var(--semantics-forms-label-column-width);
-			min-height: var(--semantics-controls-md-min-size);
 		}
 	}
 
@@ -148,11 +148,11 @@ export const formFieldStyles = css `
 
 	.form-field__main {
 		display: flex;
+		min-width: 0;
 		flex-direction: column;
 		flex-grow: 1;
 		flex-shrink: 1;
 		flex-basis: 0;
-		min-width: 0;
 	}
 
 
@@ -192,10 +192,10 @@ export const formFieldHelpTextStyles = css `
 	/* # Links */
 
 	::slotted(a) {
+		border-radius: var(--primitives-corner-radius-xxs);
 		color: var(--semantics-links-color);
 		text-decoration: underline;
 		text-underline-offset: var(--primitives-space-2);
-		border-radius: var(--primitives-corner-radius-xxs);
 	}
 
 	@media (hover: hover) {
@@ -247,10 +247,10 @@ export const formFieldErrorTextStyles = css `
 	/* # Links */
 
 	::slotted(a) {
+		border-radius: var(--primitives-corner-radius-xxs);
 		color: var(--semantics-links-color);
 		text-decoration: underline;
 		text-underline-offset: var(--primitives-space-2);
-		border-radius: var(--primitives-corner-radius-xxs);
 	}
 
 	@media (hover: hover) {