@dsn-starter-kit/components-web 1.0.2 → 3.0.0

package/dist/paragraph/Paragraph.js

@@ -1,60 +0,0 @@
-/**
- * DSN Paragraph Web Component
- *
- * A custom element that provides a styled paragraph with multiple variants.
- * Uses the same CSS classes and design tokens as the HTML and React paragraph components.
- *
- * @example
- * ```html
- * <dsn-paragraph>Default body text</dsn-paragraph>
- * <dsn-paragraph variant="lead">Introductory text</dsn-paragraph>
- * <dsn-paragraph variant="small-print">Terms and conditions apply.</dsn-paragraph>
- * ```
- */
-// Auto-generated CSS from shared source — run `node scripts/build-css.js` to regenerate
-import { paragraphStyles } from './paragraph-styles.generated';
-export class DsnParagraph extends HTMLElement {
-    static get observedAttributes() {
-        return ['variant'];
-    }
-    constructor() {
-        super();
-        this.attachShadow({ mode: 'open' });
-        // Create the internal paragraph element
-        this._paragraph = document.createElement('p');
-        this._paragraph.innerHTML = '<slot></slot>';
-        // Create style element with embedded CSS
-        const style = document.createElement('style');
-        style.textContent = paragraphStyles;
-        this.shadowRoot.appendChild(style);
-        this.shadowRoot.appendChild(this._paragraph);
-    }
-    connectedCallback() {
-        this._updateClasses();
-    }
-    attributeChangedCallback() {
-        this._updateClasses();
-    }
-    _updateClasses() {
-        const variant = this.variant;
-        const classes = [
-            'dsn-paragraph',
-            variant !== 'default' && `dsn-paragraph--${variant}`,
-        ].filter(Boolean);
-        this._paragraph.className = classes.join(' ');
-    }
-    // Property: variant
-    get variant() {
-        return this.getAttribute('variant') || 'default';
-    }
-    set variant(value) {
-        this.setAttribute('variant', value);
-    }
-}
-// Register the custom element
-export function defineParagraph(tagName = 'dsn-paragraph') {
-    if (!customElements.get(tagName)) {
-        customElements.define(tagName, DsnParagraph);
-    }
-}
-//# sourceMappingURL=Paragraph.js.map

package/dist/paragraph/Paragraph.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Paragraph.js","sourceRoot":"","sources":["../../src/paragraph/Paragraph.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAIH,wFAAwF;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,OAAO,YAAa,SAAQ,WAAW;IAC3C,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC;IAID;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAEpC,wCAAwC;QACxC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC9C,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,eAAe,CAAC;QAE5C,yCAAyC;QACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,WAAW,GAAG,eAAe,CAAC;QAEpC,IAAI,CAAC,UAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,CAAC,UAAW,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAChD,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,wBAAwB;QACtB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAEO,cAAc;QACpB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,MAAM,OAAO,GAAG;YACd,eAAe;YACf,OAAO,KAAK,SAAS,IAAI,kBAAkB,OAAO,EAAE;SACrD,CAAC,MAAM,CAAC,OAAO,CAAa,CAAC;QAE9B,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChD,CAAC;IAED,oBAAoB;IACpB,IAAI,OAAO;QACT,OAAQ,IAAI,CAAC,YAAY,CAAC,SAAS,CAAsB,IAAI,SAAS,CAAC;IACzE,CAAC;IAED,IAAI,OAAO,CAAC,KAAuB;QACjC,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC;CACF;AAED,8BAA8B;AAC9B,MAAM,UAAU,eAAe,CAAC,OAAO,GAAG,eAAe;IACvD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACjC,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAC/C,CAAC;AACH,CAAC"}

package/dist/paragraph/Paragraph.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Paragraph.test.d.ts.map

package/dist/paragraph/Paragraph.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Paragraph.test.d.ts","sourceRoot":"","sources":["../../src/paragraph/Paragraph.test.ts"],"names":[],"mappings":""}

package/dist/paragraph/Paragraph.test.js

@@ -1,121 +0,0 @@
-import { describe, it, expect, beforeAll, beforeEach } from 'vitest';
-import { DsnParagraph, defineParagraph } from './Paragraph';
-// Register the custom element once for all tests
-beforeAll(() => {
-    defineParagraph();
-});
-function createElement(attrs = {}) {
-    const el = document.createElement('dsn-paragraph');
-    for (const [key, value] of Object.entries(attrs)) {
-        el.setAttribute(key, value);
-    }
-    document.body.appendChild(el);
-    return el;
-}
-function getInternalParagraph(el) {
-    return el.shadowRoot.querySelector('p');
-}
-describe('DsnParagraph', () => {
-    beforeEach(() => {
-        document.body.innerHTML = '';
-    });
-    describe('rendering', () => {
-        it('creates a shadow root', () => {
-            const el = createElement();
-            expect(el.shadowRoot).not.toBeNull();
-        });
-        it('renders an internal paragraph element', () => {
-            const el = createElement();
-            const p = getInternalParagraph(el);
-            expect(p).toBeInstanceOf(HTMLParagraphElement);
-        });
-        it('renders a style element in shadow DOM', () => {
-            const el = createElement();
-            const style = el.shadowRoot.querySelector('style');
-            expect(style).not.toBeNull();
-            expect(style.textContent).toContain('.dsn-paragraph');
-        });
-        it('renders a slot for content projection', () => {
-            const el = createElement();
-            const slot = el.shadowRoot.querySelector('slot');
-            expect(slot).not.toBeNull();
-        });
-    });
-    describe('variant attribute', () => {
-        it('defaults to "default" variant — no modifier class added', () => {
-            const el = createElement();
-            const p = getInternalParagraph(el);
-            expect(p.className).toContain('dsn-paragraph');
-            expect(p.className).not.toContain('dsn-paragraph--default');
-        });
-        it('applies "lead" variant', () => {
-            const el = createElement({ variant: 'lead' });
-            const p = getInternalParagraph(el);
-            expect(p.className).toContain('dsn-paragraph--lead');
-        });
-        it('applies "small-print" variant', () => {
-            const el = createElement({ variant: 'small-print' });
-            const p = getInternalParagraph(el);
-            expect(p.className).toContain('dsn-paragraph--small-print');
-        });
-        it('updates classes when variant changes', () => {
-            const el = createElement({ variant: 'default' });
-            const p = getInternalParagraph(el);
-            expect(p.className).not.toContain('dsn-paragraph--default');
-            el.setAttribute('variant', 'lead');
-            expect(p.className).toContain('dsn-paragraph--lead');
-            expect(p.className).not.toContain('dsn-paragraph--default');
-        });
-    });
-    describe('variant property', () => {
-        it('returns "default" when no attribute set', () => {
-            const el = createElement();
-            expect(el.variant).toBe('default');
-        });
-        it('reflects the attribute value', () => {
-            const el = createElement({ variant: 'lead' });
-            expect(el.variant).toBe('lead');
-        });
-        it('sets the attribute when property is set', () => {
-            const el = createElement();
-            el.variant = 'small-print';
-            expect(el.getAttribute('variant')).toBe('small-print');
-        });
-        it('updates classes when property is set', () => {
-            const el = createElement();
-            const p = getInternalParagraph(el);
-            el.variant = 'lead';
-            expect(p.className).toContain('dsn-paragraph--lead');
-        });
-    });
-    describe('base class', () => {
-        it('always includes dsn-paragraph base class', () => {
-            const el = createElement();
-            const p = getInternalParagraph(el);
-            expect(p.className).toContain('dsn-paragraph');
-        });
-        it('includes base class with lead variant', () => {
-            const el = createElement({ variant: 'lead' });
-            const p = getInternalParagraph(el);
-            expect(p.className).toContain('dsn-paragraph');
-            expect(p.className).toContain('dsn-paragraph--lead');
-        });
-        it('includes base class with small-print variant', () => {
-            const el = createElement({ variant: 'small-print' });
-            const p = getInternalParagraph(el);
-            expect(p.className).toContain('dsn-paragraph');
-            expect(p.className).toContain('dsn-paragraph--small-print');
-        });
-    });
-    describe('custom element registration', () => {
-        it('is defined as dsn-paragraph', () => {
-            expect(customElements.get('dsn-paragraph')).toBe(DsnParagraph);
-        });
-        it('does not re-register if already defined', () => {
-            // Should not throw
-            defineParagraph();
-            expect(customElements.get('dsn-paragraph')).toBe(DsnParagraph);
-        });
-    });
-});
-//# sourceMappingURL=Paragraph.test.js.map

package/dist/paragraph/Paragraph.test.js.map

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

package/dist/paragraph/index.d.ts

@@ -1,3 +0,0 @@
-export { DsnParagraph, defineParagraph } from './Paragraph';
-export type { ParagraphVariant } from './Paragraph';
-//# sourceMappingURL=index.d.ts.map

package/dist/paragraph/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/paragraph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC5D,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}

package/dist/paragraph/index.js

@@ -1,2 +0,0 @@
-export { DsnParagraph, defineParagraph } from './Paragraph';
-//# sourceMappingURL=index.js.map

package/dist/paragraph/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/paragraph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/dist/paragraph/paragraph-styles.generated.d.ts

@@ -1,2 +0,0 @@
-export declare const paragraphStyles = "/**\n * Shadow DOM wrapper styles for the Paragraph Web Component.\n * The core paragraph styles are imported from the shared HTML/CSS source.\n */\n\n:host {\n  display: block;\n}\n\n/* Shared paragraph styles - single source of truth */\n/**\n * Paragraph Component\n * Uses component tokens for consistent styling\n *\n * Base class includes the default variant styles \u2014 class=\"dsn-paragraph\" is sufficient\n * for the most common case. Variant modifiers (lead, small-print) override what differs.\n */\n\n.dsn-paragraph {\n  font-family: var(--dsn-paragraph-font-family);\n  font-weight: var(--dsn-paragraph-font-weight);\n  color: var(--dsn-paragraph-color);\n  max-inline-size: var(--dsn-paragraph-max-inline-size);\n  margin-block-start: 0;\n  font-size: var(--dsn-paragraph-default-font-size);\n  line-height: var(--dsn-paragraph-default-line-height);\n  margin-block-end: var(--dsn-paragraph-default-margin-block-end);\n}\n\n/* Lead Variant */\n.dsn-paragraph--lead {\n  font-size: var(--dsn-paragraph-lead-font-size);\n  line-height: var(--dsn-paragraph-lead-line-height);\n  margin-block-end: var(--dsn-paragraph-lead-margin-block-end);\n}\n\n/* Small Print Variant */\n.dsn-paragraph--small-print {\n  font-size: var(--dsn-paragraph-small-print-font-size);\n  line-height: var(--dsn-paragraph-small-print-line-height);\n  margin-block-end: var(--dsn-paragraph-small-print-margin-block-end);\n}\n\n";
-//# sourceMappingURL=paragraph-styles.generated.d.ts.map

package/dist/paragraph/paragraph-styles.generated.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"paragraph-styles.generated.d.ts","sourceRoot":"","sources":["../../src/paragraph/paragraph-styles.generated.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,64CAAw4C,CAAC"}

package/dist/paragraph/paragraph-styles.generated.js

@@ -1,4 +0,0 @@
-// Auto-generated — do not edit manually.
-// Source: paragraph.shadow.css + components-html source
-export const paragraphStyles = "/**\n * Shadow DOM wrapper styles for the Paragraph Web Component.\n * The core paragraph styles are imported from the shared HTML/CSS source.\n */\n\n:host {\n  display: block;\n}\n\n/* Shared paragraph styles - single source of truth */\n/**\n * Paragraph Component\n * Uses component tokens for consistent styling\n *\n * Base class includes the default variant styles — class=\"dsn-paragraph\" is sufficient\n * for the most common case. Variant modifiers (lead, small-print) override what differs.\n */\n\n.dsn-paragraph {\n  font-family: var(--dsn-paragraph-font-family);\n  font-weight: var(--dsn-paragraph-font-weight);\n  color: var(--dsn-paragraph-color);\n  max-inline-size: var(--dsn-paragraph-max-inline-size);\n  margin-block-start: 0;\n  font-size: var(--dsn-paragraph-default-font-size);\n  line-height: var(--dsn-paragraph-default-line-height);\n  margin-block-end: var(--dsn-paragraph-default-margin-block-end);\n}\n\n/* Lead Variant */\n.dsn-paragraph--lead {\n  font-size: var(--dsn-paragraph-lead-font-size);\n  line-height: var(--dsn-paragraph-lead-line-height);\n  margin-block-end: var(--dsn-paragraph-lead-margin-block-end);\n}\n\n/* Small Print Variant */\n.dsn-paragraph--small-print {\n  font-size: var(--dsn-paragraph-small-print-font-size);\n  line-height: var(--dsn-paragraph-small-print-line-height);\n  margin-block-end: var(--dsn-paragraph-small-print-margin-block-end);\n}\n\n";
-//# sourceMappingURL=paragraph-styles.generated.js.map

package/dist/paragraph/paragraph-styles.generated.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"paragraph-styles.generated.js","sourceRoot":"","sources":["../../src/paragraph/paragraph-styles.generated.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,wDAAwD;AACxD,MAAM,CAAC,MAAM,eAAe,GAAG,q4CAAq4C,CAAC"}

package/dist/unordered-list/UnorderedList.d.ts

@@ -1,22 +0,0 @@
-/**
- * DSN Unordered List Web Component
- *
- * A custom element that provides a styled unordered list with accent-colored bullet markers.
- * Uses the same CSS classes and design tokens as the HTML and React components.
- *
- * @example
- * ```html
- * <dsn-unordered-list>
- *   <li>First item</li>
- *   <li>Second item</li>
- *   <li>Third item</li>
- * </dsn-unordered-list>
- * ```
- */
-export declare class DsnUnorderedList extends HTMLElement {
-    private _list;
-    constructor();
-    connectedCallback(): void;
-}
-export declare function defineUnorderedList(tagName?: string): void;
-//# sourceMappingURL=UnorderedList.d.ts.map

package/dist/unordered-list/UnorderedList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnorderedList.d.ts","sourceRoot":"","sources":["../../src/unordered-list/UnorderedList.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAKH,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,OAAO,CAAC,KAAK,CAAmB;;IAmBhC,iBAAiB,IAAI,IAAI;CAG1B;AAGD,wBAAgB,mBAAmB,CAAC,OAAO,SAAuB,GAAG,IAAI,CAIxE"}

package/dist/unordered-list/UnorderedList.js

@@ -1,42 +0,0 @@
-/**
- * DSN Unordered List Web Component
- *
- * A custom element that provides a styled unordered list with accent-colored bullet markers.
- * Uses the same CSS classes and design tokens as the HTML and React components.
- *
- * @example
- * ```html
- * <dsn-unordered-list>
- *   <li>First item</li>
- *   <li>Second item</li>
- *   <li>Third item</li>
- * </dsn-unordered-list>
- * ```
- */
-// Auto-generated CSS from shared source — run `node scripts/build-css.js` to regenerate
-import { unorderedListStyles } from './unordered-list-styles.generated';
-export class DsnUnorderedList extends HTMLElement {
-    constructor() {
-        super();
-        this.attachShadow({ mode: 'open' });
-        // Create the internal list element
-        this._list = document.createElement('ul');
-        this._list.classList.add('dsn-unordered-list');
-        this._list.innerHTML = '<slot></slot>';
-        // Create style element with embedded CSS
-        const style = document.createElement('style');
-        style.textContent = unorderedListStyles;
-        this.shadowRoot.appendChild(style);
-        this.shadowRoot.appendChild(this._list);
-    }
-    connectedCallback() {
-        this._list.className = 'dsn-unordered-list';
-    }
-}
-// Register the custom element
-export function defineUnorderedList(tagName = 'dsn-unordered-list') {
-    if (!customElements.get(tagName)) {
-        customElements.define(tagName, DsnUnorderedList);
-    }
-}
-//# sourceMappingURL=UnorderedList.js.map

package/dist/unordered-list/UnorderedList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnorderedList.js","sourceRoot":"","sources":["../../src/unordered-list/UnorderedList.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,wFAAwF;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAExE,MAAM,OAAO,gBAAiB,SAAQ,WAAW;IAG/C;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAEpC,mCAAmC;QACnC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;QAC/C,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,eAAe,CAAC;QAEvC,yCAAyC;QACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,WAAW,GAAG,mBAAmB,CAAC;QAExC,IAAI,CAAC,UAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,CAAC,UAAW,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,oBAAoB,CAAC;IAC9C,CAAC;CACF;AAED,8BAA8B;AAC9B,MAAM,UAAU,mBAAmB,CAAC,OAAO,GAAG,oBAAoB;IAChE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACjC,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;IACnD,CAAC;AACH,CAAC"}

package/dist/unordered-list/UnorderedList.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=UnorderedList.test.d.ts.map

package/dist/unordered-list/UnorderedList.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnorderedList.test.d.ts","sourceRoot":"","sources":["../../src/unordered-list/UnorderedList.test.ts"],"names":[],"mappings":""}

package/dist/unordered-list/UnorderedList.test.js

@@ -1,56 +0,0 @@
-import { describe, it, expect, beforeAll, beforeEach } from 'vitest';
-import { DsnUnorderedList, defineUnorderedList } from './UnorderedList';
-// Register the custom element once for all tests
-beforeAll(() => {
-    defineUnorderedList();
-});
-function createElement() {
-    const el = document.createElement('dsn-unordered-list');
-    document.body.appendChild(el);
-    return el;
-}
-function getInternalList(el) {
-    return el.shadowRoot.querySelector('ul');
-}
-describe('DsnUnorderedList', () => {
-    beforeEach(() => {
-        document.body.innerHTML = '';
-    });
-    describe('rendering', () => {
-        it('creates a shadow root', () => {
-            const el = createElement();
-            expect(el.shadowRoot).not.toBeNull();
-        });
-        it('renders an internal ul element', () => {
-            const el = createElement();
-            const list = getInternalList(el);
-            expect(list).toBeInstanceOf(HTMLUListElement);
-        });
-        it('renders a style element in shadow DOM', () => {
-            const el = createElement();
-            const style = el.shadowRoot.querySelector('style');
-            expect(style).not.toBeNull();
-            expect(style.textContent).toContain('.dsn-unordered-list');
-        });
-        it('renders a default slot for content projection', () => {
-            const el = createElement();
-            const slot = el.shadowRoot.querySelector('slot');
-            expect(slot).not.toBeNull();
-        });
-        it('applies dsn-unordered-list class to internal list', () => {
-            const el = createElement();
-            const list = getInternalList(el);
-            expect(list.classList.contains('dsn-unordered-list')).toBe(true);
-        });
-    });
-});
-describe('defineUnorderedList', () => {
-    it('does not throw when called with an already-registered tag', () => {
-        expect(() => defineUnorderedList('dsn-unordered-list')).not.toThrow();
-    });
-    it('registers a custom element with the default tag name', () => {
-        const el = document.createElement('dsn-unordered-list');
-        expect(el).toBeInstanceOf(DsnUnorderedList);
-    });
-});
-//# sourceMappingURL=UnorderedList.test.js.map

package/dist/unordered-list/UnorderedList.test.js.map

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

package/dist/unordered-list/index.d.ts

@@ -1,2 +0,0 @@
-export { DsnUnorderedList, defineUnorderedList } from './UnorderedList';
-//# sourceMappingURL=index.d.ts.map

package/dist/unordered-list/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/unordered-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/unordered-list/index.js

@@ -1,2 +0,0 @@
-export { DsnUnorderedList, defineUnorderedList } from './UnorderedList';
-//# sourceMappingURL=index.js.map

package/dist/unordered-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/unordered-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/unordered-list/unordered-list-styles.generated.d.ts

@@ -1,2 +0,0 @@
-export declare const unorderedListStyles = "/**\n * Shadow DOM wrapper styles for the UnorderedList Web Component.\n * The core styles are imported from the shared HTML/CSS source.\n */\n\n:host {\n  display: block;\n}\n\n/* Shared unordered list styles - single source of truth */\n/**\n * Unordered List Component\n * Uses component tokens for consistent styling.\n * Bullet markers are colored via the marker-color token.\n */\n\n.dsn-unordered-list {\n  font-family: var(--dsn-unordered-list-font-family);\n  font-weight: var(--dsn-unordered-list-font-weight);\n  color: var(--dsn-unordered-list-color);\n  font-size: var(--dsn-unordered-list-font-size);\n  line-height: var(--dsn-unordered-list-line-height);\n  max-inline-size: var(--dsn-unordered-list-max-inline-size);\n  padding-inline-start: var(--dsn-unordered-list-padding-inline-start);\n  margin-block-start: 0;\n  margin-block-end: var(--dsn-unordered-list-margin-block-end);\n  list-style-type: disc;\n}\n\n/* Colored bullet markers */\n.dsn-unordered-list ::marker {\n  color: var(--dsn-unordered-list-marker-color);\n}\n\n/* Spacing between list items */\n.dsn-unordered-list > li {\n  margin-block-end: var(--dsn-unordered-list-gap);\n}\n\n.dsn-unordered-list > li:last-child {\n  margin-block-end: 0;\n}\n\n";
-//# sourceMappingURL=unordered-list-styles.generated.d.ts.map

package/dist/unordered-list/unordered-list-styles.generated.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"unordered-list-styles.generated.d.ts","sourceRoot":"","sources":["../../src/unordered-list/unordered-list-styles.generated.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,stCAAstC,CAAC"}

package/dist/unordered-list/unordered-list-styles.generated.js

@@ -1,4 +0,0 @@
-// Auto-generated — do not edit manually.
-// Source: unordered-list.shadow.css + components-html source
-export const unorderedListStyles = "/**\n * Shadow DOM wrapper styles for the UnorderedList Web Component.\n * The core styles are imported from the shared HTML/CSS source.\n */\n\n:host {\n  display: block;\n}\n\n/* Shared unordered list styles - single source of truth */\n/**\n * Unordered List Component\n * Uses component tokens for consistent styling.\n * Bullet markers are colored via the marker-color token.\n */\n\n.dsn-unordered-list {\n  font-family: var(--dsn-unordered-list-font-family);\n  font-weight: var(--dsn-unordered-list-font-weight);\n  color: var(--dsn-unordered-list-color);\n  font-size: var(--dsn-unordered-list-font-size);\n  line-height: var(--dsn-unordered-list-line-height);\n  max-inline-size: var(--dsn-unordered-list-max-inline-size);\n  padding-inline-start: var(--dsn-unordered-list-padding-inline-start);\n  margin-block-start: 0;\n  margin-block-end: var(--dsn-unordered-list-margin-block-end);\n  list-style-type: disc;\n}\n\n/* Colored bullet markers */\n.dsn-unordered-list ::marker {\n  color: var(--dsn-unordered-list-marker-color);\n}\n\n/* Spacing between list items */\n.dsn-unordered-list > li {\n  margin-block-end: var(--dsn-unordered-list-gap);\n}\n\n.dsn-unordered-list > li:last-child {\n  margin-block-end: 0;\n}\n\n";
-//# sourceMappingURL=unordered-list-styles.generated.js.map

package/dist/unordered-list/unordered-list-styles.generated.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"unordered-list-styles.generated.js","sourceRoot":"","sources":["../../src/unordered-list/unordered-list-styles.generated.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,6DAA6D;AAC7D,MAAM,CAAC,MAAM,mBAAmB,GAAG,mtCAAmtC,CAAC"}