@nldd/design-system 0.8.39 → 0.8.41

package/dist/components/content/blockquote/blockquote.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blockquote.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,yBA2E5B,CAAC"}
+{"version":3,"file":"blockquote.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,yBA4E5B,CAAC"}

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

@@ -10,6 +10,7 @@ export const blockquoteStyles = css `
 		--_spacing: var(--semantics-blockquotes-md-spacing);
 		--_quote-font: var(--semantics-blockquotes-md-quote-font);
 		--_attribution-font: var(--semantics-blockquotes-md-attribution-font);
+
 		display: block;
 		max-width: var(--semantics-blockquotes-max-width);
 	}

package/dist/components/content/blockquote/blockquote.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"blockquote.styles.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;sBAab,KAAK;;;;;;;;sCAQW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD1C,CAAC"}
+{"version":3,"file":"blockquote.styles.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;sBAcb,KAAK;;;;;;;;sCAQW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD1C,CAAC"}

package/dist/components/content/code/code.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Nederlandse Digitale Dienst Code Component (Lit + TypeScript)
+ *
+ * A block of monospaced text for code, traces, output dumps, etc.
+ * Renders a styled `<pre>` with the design-system's monospace family,
+ * tinted background and standard content color.
+ *
+ * Whitespace is preserved (`white-space: pre`); long lines scroll
+ * horizontally by default. Set `wrap` to break long lines onto the
+ * next visual line — useful for prose-like content (YAML strings,
+ * formatted output) where horizontal scrolling is more disruptive
+ * than wrapping.
+ *
+ * ## Syntax highlighting
+ * Set `language` to one of the supported grammars (yaml, json, javascript,
+ * typescript, css, html, bash, markdown) to highlight the slot content
+ * with Prism. Without `language` the slot content is rendered raw, no
+ * highlighting applied. Grammars are loaded lazily on first use, so a
+ * page that never sets `language` ships zero grammar code.
+ *
+ * ### Theming
+ * Token colors are exposed as `--components-code-token-*` custom
+ * properties on the host. Override them per-instance to swap the theme:
+ *
+ * ```css
+ * nldd-code {
+ *   --components-code-token-keyword-color: var(--my-purple);
+ *   --components-code-token-string-color: var(--my-green);
+ * }
+ * ```
+ *
+ * @element nldd-code
+ *
+ * @attr {string} language - Grammar to highlight with (yaml, json, javascript, typescript, css, html, bash, markdown). Empty disables highlighting.
+ * @attr {boolean} wrap - Wrap long lines instead of horizontal scroll
+ *
+ * @slot - Default slot for the code/text content
+ */
+import { LitElement } from 'lit';
+export declare class NLDDCode extends LitElement {
+    static styles: import("lit").CSSResult;
+    language: string;
+    wrap: boolean;
+    _highlightedHtml: string;
+    private _highlightPending;
+    render(): import("lit-html").TemplateResult;
+    _onSlotChange(e: Event): void;
+    updated(changed: Map<string, unknown>): void;
+    getUpdateComplete(): Promise<boolean>;
+    private _refreshHighlight;
+    private _runHighlight;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-code': NLDDCode;
+    }
+}
+//# sourceMappingURL=code.d.ts.map

package/dist/components/content/code/code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code/code.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAuCjC,qBACa,QAAS,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAAc;IAGpC,QAAQ,SAAM;IAGd,IAAI,UAAS;IAGb,gBAAgB,SAAM;IAEtB,OAAO,CAAC,iBAAiB,CAAoC;IAEpD,MAAM;IAIf,aAAa,CAAC,CAAC,EAAE,KAAK;IAIb,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO/B,iBAAiB,IAAI,OAAO,CAAC,OAAO,CAAC;IAMpD,OAAO,CAAC,iBAAiB;YAIX,aAAa;CA4B3B;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}

package/dist/components/content/code/code.js

@@ -0,0 +1,155 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Nederlandse Digitale Dienst Code Component (Lit + TypeScript)
+ *
+ * A block of monospaced text for code, traces, output dumps, etc.
+ * Renders a styled `<pre>` with the design-system's monospace family,
+ * tinted background and standard content color.
+ *
+ * Whitespace is preserved (`white-space: pre`); long lines scroll
+ * horizontally by default. Set `wrap` to break long lines onto the
+ * next visual line — useful for prose-like content (YAML strings,
+ * formatted output) where horizontal scrolling is more disruptive
+ * than wrapping.
+ *
+ * ## Syntax highlighting
+ * Set `language` to one of the supported grammars (yaml, json, javascript,
+ * typescript, css, html, bash, markdown) to highlight the slot content
+ * with Prism. Without `language` the slot content is rendered raw, no
+ * highlighting applied. Grammars are loaded lazily on first use, so a
+ * page that never sets `language` ships zero grammar code.
+ *
+ * ### Theming
+ * Token colors are exposed as `--components-code-token-*` custom
+ * properties on the host. Override them per-instance to swap the theme:
+ *
+ * ```css
+ * nldd-code {
+ *   --components-code-token-keyword-color: var(--my-purple);
+ *   --components-code-token-string-color: var(--my-green);
+ * }
+ * ```
+ *
+ * @element nldd-code
+ *
+ * @attr {string} language - Grammar to highlight with (yaml, json, javascript, typescript, css, html, bash, markdown). Empty disables highlighting.
+ * @attr {boolean} wrap - Wrap long lines instead of horizontal scroll
+ *
+ * @slot - Default slot for the code/text content
+ */
+import { LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import Prism from 'prismjs';
+import { codeStyles } from './code.styles.js';
+import { codeTemplate } from './code.template.js';
+/* Map our public language names to Prism grammar loaders. `html` shares
+ * the markup grammar (covers html/xml/svg). Static `import()` calls let
+ * the bundler emit one chunk per file, so consumers only download
+ * grammars they actually render. */
+const GRAMMAR_LOADERS = {
+    yaml: () => import('prismjs/components/prism-yaml.js'),
+    json: () => import('prismjs/components/prism-json.js'),
+    javascript: () => import('prismjs/components/prism-javascript.js'),
+    typescript: () => import('prismjs/components/prism-typescript.js'),
+    css: () => import('prismjs/components/prism-css.js'),
+    html: () => import('prismjs/components/prism-markup.js'),
+    bash: () => import('prismjs/components/prism-bash.js'),
+    markdown: () => import('prismjs/components/prism-markdown.js'),
+};
+const grammarLoads = new Map();
+function loadGrammar(language) {
+    const loader = GRAMMAR_LOADERS[language];
+    if (!loader)
+        return undefined;
+    let pending = grammarLoads.get(language);
+    if (!pending) {
+        // Drop the cache entry on failure so a subsequent attempt can retry
+        // the import (e.g. transient chunk-load failure on a flaky network).
+        pending = loader().catch((err) => {
+            grammarLoads.delete(language);
+            throw err;
+        });
+        grammarLoads.set(language, pending);
+    }
+    return pending;
+}
+let NLDDCode = class NLDDCode extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.language = '';
+        this.wrap = false;
+        this._highlightedHtml = '';
+        this._highlightPending = Promise.resolve();
+    }
+    render() {
+        return codeTemplate(this);
+    }
+    _onSlotChange(e) {
+        this._refreshHighlight(e.target);
+    }
+    updated(changed) {
+        if (changed.has('language'))
+            this._refreshHighlight();
+    }
+    /* Lazy grammar loading is async; surface the in-flight highlight
+     * through updateComplete so consumers (and tests) can `await
+     * el.updateComplete` and see the final highlighted output. */
+    async getUpdateComplete() {
+        const result = await super.getUpdateComplete();
+        await this._highlightPending;
+        return result;
+    }
+    _refreshHighlight(slot) {
+        this._highlightPending = this._runHighlight(slot);
+    }
+    async _runHighlight(slot) {
+        if (!this.language) {
+            this._highlightedHtml = '';
+            return;
+        }
+        const language = this.language;
+        if (!Prism.languages[language]) {
+            const pending = loadGrammar(language);
+            if (!pending) {
+                this._highlightedHtml = '';
+                return;
+            }
+            await pending;
+            if (this.language !== language)
+                return;
+        }
+        const grammar = Prism.languages[language];
+        if (!grammar) {
+            this._highlightedHtml = '';
+            return;
+        }
+        const target = slot ?? this.shadowRoot?.querySelector('slot');
+        if (!target)
+            return;
+        const text = target
+            .assignedNodes({ flatten: true })
+            .map((n) => n.textContent ?? '')
+            .join('');
+        this._highlightedHtml = Prism.highlight(text, grammar, language);
+    }
+};
+NLDDCode.styles = codeStyles;
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDCode.prototype, "language", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDCode.prototype, "wrap", void 0);
+__decorate([
+    state()
+], NLDDCode.prototype, "_highlightedHtml", void 0);
+NLDDCode = __decorate([
+    customElement('nldd-code')
+], NLDDCode);
+export { NLDDCode };
+//# sourceMappingURL=code.js.map

package/dist/components/content/code/code.js.map

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

package/dist/components/content/code/code.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const codeStyles: import("lit").CSSResult;
+//# sourceMappingURL=code.styles.d.ts.map

package/dist/components/content/code/code.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code/code.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAsGtB,CAAC"}

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

@@ -0,0 +1,105 @@
+import { css } from 'lit';
+export const codeStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		--_background-color: var(--semantics-surfaces-tinted-background-color);
+		--_content-color: var(--semantics-content-color);
+		--_inline-padding: var(--primitives-space-16);
+		--_block-padding: var(--primitives-space-16);
+		--_corner-radius: var(--primitives-corner-radius-lg);
+		--_font: var(--primitives-font-monospace-sm-regular-snug);
+
+		display: block;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Block */
+
+	.code {
+		margin: 0;
+		padding: var(--_block-padding) var(--_inline-padding);
+		background-color: var(--_background-color);
+		color: var(--_content-color);
+		border-radius: var(--_corner-radius);
+		font: var(--_font);
+		overflow-x: auto;
+		white-space: pre;
+	}
+
+	:host([wrap]) .code {
+		overflow-x: visible;
+		white-space: pre-wrap;
+		word-break: break-word;
+	}
+
+	/* When highlighting is active, hide the raw slot output and show the
+	   tokenised <code> instead. The slot stays in the tree as the source
+	   of truth — slotchange listens there and feeds the highlighter.
+	   Lit reflects empty-string properties as language="" attributes,
+	   so we explicitly exclude that case. */
+	:host([language]:not([language=""])) slot {
+		display: none;
+	}
+
+	.code__highlighted {
+		font: inherit;
+		color: inherit;
+	}
+
+
+	/* # Tokens (Prism)
+	 *
+	 * Token theme — Solarized-inspired, mapped to descriptive DS palettes.
+	 * Defaults defined in settings.css under --components-code-token-*;
+	 * consumers can override per-instance to swap colors. Documented in
+	 * the JSDoc of nldd-code (see code.ts). */
+
+	.token.comment,
+	.token.prolog,
+	.token.doctype,
+	.token.cdata { color: var(--components-code-token-comment-color); font-style: italic; }
+
+	.token.punctuation { color: var(--components-code-token-punctuation-color); }
+
+	.token.namespace { opacity: 0.7; }
+
+	.token.keyword { color: var(--components-code-token-keyword-color); }
+	.token.string,
+	.token.char { color: var(--components-code-token-string-color); }
+	.token.number { color: var(--components-code-token-number-color); }
+	.token.boolean { color: var(--components-code-token-boolean-color); }
+	.token.null { color: var(--components-code-token-null-color); }
+	.token.function { color: var(--components-code-token-function-color); }
+	.token.class-name { color: var(--components-code-token-class-color); }
+	.token.builtin { color: var(--components-code-token-builtin-color); }
+	.token.tag { color: var(--components-code-token-tag-color); }
+	.token.attr-name { color: var(--components-code-token-attr-name-color); }
+	.token.attr-value { color: var(--components-code-token-attr-value-color); }
+	.token.property { color: var(--components-code-token-property-color); }
+	.token.selector { color: var(--components-code-token-selector-color); }
+	.token.atrule { color: var(--components-code-token-atrule-color); }
+	.token.regex { color: var(--components-code-token-regex-color); }
+	.token.url { color: var(--components-code-token-url-color); }
+	.token.operator { color: var(--components-code-token-operator-color); }
+	.token.constant { color: var(--components-code-token-constant-color); }
+	.token.deleted { color: var(--components-code-token-deleted-color); }
+	.token.inserted { color: var(--components-code-token-inserted-color); }
+	.token.important { color: var(--components-code-token-important-color); font-weight: bold; }
+	.token.symbol { color: var(--components-code-token-symbol-color); }
+	.token.entity { color: var(--components-code-token-entity-color); }
+	.token.variable { color: var(--components-code-token-variable-color); }
+
+	/* YAML key uses the property/keyword slot so YAML reads naturally */
+	.token.key { color: var(--components-code-token-property-color); }
+
+	.token.bold { font-weight: bold; }
+	.token.italic { font-style: italic; }
+`;
+//# sourceMappingURL=code.styles.js.map

package/dist/components/content/code/code.styles.js.map

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

package/dist/components/content/code/code.template.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit';
+import type { NLDDCode } from './code.js';
+export declare function codeTemplate(component: NLDDCode): TemplateResult;
+//# sourceMappingURL=code.template.d.ts.map

package/dist/components/content/code/code.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/code/code.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,wBAAgB,YAAY,CAAC,SAAS,EAAE,QAAQ,GAAG,cAAc,CAgBhE"}

package/dist/components/content/code/code.template.js

@@ -0,0 +1,18 @@
+import { html } from 'lit';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+export function codeTemplate(component) {
+    // `language` is interpolated into a class name. Lit's tagged template
+    // literal escapes attribute values, so a malicious string can't break
+    // out of the attribute — but it can still produce a wonky class name.
+    // We accept that since `language` is a developer-set identifier, not
+    // user-supplied content.
+    //
+    // `unsafeHTML(_highlightedHtml)` injects the Prism output verbatim.
+    // Prism escapes HTML entities in its input (`<` → `&lt;`) before
+    // wrapping tokens in spans, so the only HTML in the output is the
+    // span scaffolding Prism itself emits. Safe by construction.
+    return html `<pre class="code"><slot @slotchange=${component._onSlotChange}></slot>${component.language && component._highlightedHtml
+        ? html `<code class="code__highlighted language-${component.language}">${unsafeHTML(component._highlightedHtml)}</code>`
+        : ''}</pre>`;
+}
+//# sourceMappingURL=code.template.js.map

package/dist/components/content/code/code.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.template.js","sourceRoot":"","sources":["../../../../src/components/content/code/code.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAG3D,MAAM,UAAU,YAAY,CAAC,SAAmB;IAC/C,sEAAsE;IACtE,sEAAsE;IACtE,sEAAsE;IACtE,qEAAqE;IACrE,yBAAyB;IACzB,EAAE;IACF,oEAAoE;IACpE,iEAAiE;IACjE,kEAAkE;IAClE,6DAA6D;IAC7D,OAAO,IAAI,CAAA,uCAAuC,SAAS,CAAC,aAAa,WACxE,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,gBAAgB;QAC/C,CAAC,CAAC,IAAI,CAAA,2CAA2C,SAAS,CAAC,QAAQ,KAAK,UAAU,CAAC,SAAS,CAAC,gBAAgB,CAAC,SAAS;QACvH,CAAC,CAAC,EACJ,QAAQ,CAAC;AACV,CAAC"}

package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/keyboard-shortcut/keyboard-shortcut.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yBA2ElC,CAAC"}
+{"version":3,"file":"keyboard-shortcut.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/keyboard-shortcut/keyboard-shortcut.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yBA4ElC,CAAC"}

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

@@ -8,6 +8,7 @@ export const keyboardShortcutStyles = css `
 		--_size: var(--components-keyboard-shortcut-md-size);
 		--_inline-padding: var(--primitives-space-6);
 		--_font: var(--primitives-font-body-xs-regular-flat);
+
 		display: inline-flex;
 		vertical-align: middle;
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.styles.js","sourceRoot":"","sources":["../../../../src/components/content/keyboard-shortcut/keyboard-shortcut.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ExC,CAAC"}
+{"version":3,"file":"keyboard-shortcut.styles.js","sourceRoot":"","sources":["../../../../src/components/content/keyboard-shortcut/keyboard-shortcut.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ExC,CAAC"}

package/dist/components/content/tag/tag.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yBAqGrB,CAAC"}
+{"version":3,"file":"tag.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yBAsGrB,CAAC"}

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

@@ -14,6 +14,7 @@ export const tagStyles = css `
 		--_icon-size: var(--primitives-space-16);
 		--_icon-offset-correction: var(--primitives-space-1);
 		--_corner-radius: var(--components-tag-md-corner-radius);
+
 		display: inline-flex;
 		vertical-align: middle;
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"tag.styles.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqG3B,CAAC"}
+{"version":3,"file":"tag.styles.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsG3B,CAAC"}

package/dist/components/content/tooltip/tooltip.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAmFzB,CAAC"}
+{"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAoFzB,CAAC"}

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

@@ -5,7 +5,6 @@ export const tooltipStyles = css `
 	/* # Host */
 
 	:host {
-		display: contents;
 		--_z-index: 10000;
 		--_show-delay: 700ms;
 		--_show-duration: var(--primitives-transition-duration-fast);
@@ -14,6 +13,8 @@ export const tooltipStyles = css `
 		--_offset: 4; /* px, unitless — read by JS */
 		--_shift-padding: 8; /* px, unitless — read by JS */
 		--_max-width: var(--primitives-area-280);
+
+		display: contents;
 	}
 
 	:host([hidden]) {

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

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

package/dist/components/forms/form-field/form-field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,yBAoK3B,CAAC;AAMF,eAAO,MAAM,uBAAuB,yBA6CnC,CAAC;AAMF,eAAO,MAAM,wBAAwB,yBAiDpC,CAAC"}
+{"version":3,"file":"form-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,yBAoK3B,CAAC;AAMF,eAAO,MAAM,uBAAuB,yBA+CnC,CAAC;AAMF,eAAO,MAAM,wBAAwB,yBAmDpC,CAAC"}

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

@@ -198,8 +198,10 @@ export const formFieldHelpTextStyles = css `
 		border-radius: var(--primitives-corner-radius-xxs);
 	}
 
-	::slotted(a:hover) {
-		color: var(--semantics-links-is-hovered-color);
+	@media (hover: hover) {
+		::slotted(a:hover) {
+			color: var(--semantics-links-is-hovered-color);
+		}
 	}
 
 	::slotted(a:active) {
@@ -251,8 +253,10 @@ export const formFieldErrorTextStyles = css `
 		border-radius: var(--primitives-corner-radius-xxs);
 	}
 
-	::slotted(a:hover) {
-		color: var(--semantics-links-is-hovered-color);
+	@media (hover: hover) {
+		::slotted(a:hover) {
+			color: var(--semantics-links-is-hovered-color);
+		}
 	}
 
 	::slotted(a:active) {

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

@@ -1 +1 @@
-{"version":3,"file":"form-field.styles.js","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;kEAEkE;AAElE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoKjC,CAAC;AAEF;;kEAEkE;AAElE,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CzC,CAAC;AAEF;;kEAEkE;AAElE,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD1C,CAAC"}
+{"version":3,"file":"form-field.styles.js","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;kEAEkE;AAElE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoKjC,CAAC;AAEF;;kEAEkE;AAElE,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CzC,CAAC;AAEF;;kEAEkE;AAElE,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmD1C,CAAC"}