@dsn-starter-kit/components-web 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Jeffrey Lauwers
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,120 @@
+# @dsn-starter-kit/components-web
+
+Web Components for the design system: framework-agnostic custom elements using Shadow DOM.
+
+## Features
+
+- Standard Web Components (Custom Elements v1)
+- Shadow DOM encapsulation
+- Shares CSS with HTML/CSS components (via build script)
+- Works in any framework or vanilla HTML
+- TypeScript typed
+- Tree-shakeable: only register the components you need
+
+## Installation
+
+```bash
+pnpm add @dsn-starter-kit/components-web
+```
+
+## Usage
+
+Components must be explicitly registered before use. This gives you control over bundle size and tag names.
+
+### Register all components
+
+For quick setup, register all components at once:
+
+```ts
+import { defineAllComponents } from '@dsn-starter-kit/components-web';
+
+defineAllComponents();
+```
+
+Then use in HTML:
+
+```html
+<dsn-button variant="strong">Save</dsn-button>
+<dsn-icon name="check" size="lg"></dsn-icon>
+<dsn-heading level="1">Welcome</dsn-heading>
+```
+
+### Register specific components (recommended)
+
+For optimal bundle size, register only the components you need:
+
+```ts
+import { defineButton, defineIcon } from '@dsn-starter-kit/components-web';
+
+defineButton();
+defineIcon();
+```
+
+### Custom tag names
+
+Register components with your own tag names to avoid conflicts:
+
+```ts
+import { defineButton } from '@dsn-starter-kit/components-web';
+
+defineButton('my-button');
+```
+
+```html
+<my-button variant="strong">Save</my-button>
+```
+
+### JavaScript API
+
+Access component properties programmatically:
+
+```ts
+const button = document.querySelector('dsn-button');
+
+// Properties
+button.variant = 'strong';
+button.size = 'large';
+button.loading = true;
+button.disabled = true;
+button.fullWidth = true;
+button.iconOnly = true;
+```
+
+## Available Components
+
+| Component | Default Tag       | Define Function     | Key Attributes                                                              |
+| --------- | ----------------- | ------------------- | --------------------------------------------------------------------------- |
+| Button    | `<dsn-button>`    | `defineButton()`    | `variant`, `size`, `disabled`, `loading`, `full-width`, `icon-only`, `type` |
+| Icon      | `<dsn-icon>`      | `defineIcon()`      | `name`, `size`, `aria-label`                                                |
+| Heading   | `<dsn-heading>`   | `defineHeading()`   | `level`, `appearance`                                                       |
+| Paragraph | `<dsn-paragraph>` | `defineParagraph()` | `variant`                                                                   |
+| Link      | `<dsn-link>`      | `defineLink()`      | `href`, `disabled`, `current`                                               |
+
+## TypeScript Support
+
+All components are fully typed. Import types for use in your code:
+
+```ts
+import type {
+  ButtonVariant,
+  ButtonSize,
+} from '@dsn-starter-kit/components-web';
+import type { IconName, IconSize } from '@dsn-starter-kit/components-web';
+import type {
+  HeadingLevel,
+  HeadingAppearance,
+} from '@dsn-starter-kit/components-web';
+import type { ParagraphVariant } from '@dsn-starter-kit/components-web';
+```
+
+## Building
+
+The build generates Shadow DOM CSS from shared sources, then compiles TypeScript:
+
+```bash
+pnpm --filter @dsn-starter-kit/components-web build
+```
+
+## License
+
+MIT

package/dist/button/Button.d.ts

@@ -0,0 +1,50 @@
+/**
+ * DSN Button Web Component
+ *
+ * A custom element that provides a styled button with multiple variants and sizes.
+ * Uses the same CSS classes and design tokens as the HTML and React button components.
+ *
+ * @example
+ * ```html
+ * <dsn-button variant="strong" size="default">Save</dsn-button>
+ * <dsn-button variant="strong-negative" size="small">Delete</dsn-button>
+ * <dsn-button variant="default" loading>Loading...</dsn-button>
+ * <dsn-button variant="subtle" icon-only aria-label="Close">×</dsn-button>
+ * ```
+ */
+export type ButtonVariant = 'strong' | 'strong-negative' | 'strong-positive' | 'default' | 'default-negative' | 'default-positive' | 'subtle' | 'subtle-negative' | 'subtle-positive' | 'link';
+export type ButtonSize = 'small' | 'default' | 'large';
+export declare class DsnButton extends HTMLElement {
+    static get observedAttributes(): string[];
+    private _button;
+    private _iconStartSlot;
+    private _loaderEl;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, _oldValue: string | null, _newValue: string | null): void;
+    private _updateLoader;
+    private _createLoaderSvg;
+    private _updateClasses;
+    private _updateDisabled;
+    private _updateType;
+    get variant(): ButtonVariant;
+    set variant(value: ButtonVariant);
+    get size(): ButtonSize;
+    set size(value: ButtonSize);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get loading(): boolean;
+    set loading(value: boolean);
+    get fullWidth(): boolean;
+    set fullWidth(value: boolean);
+    get iconOnly(): boolean;
+    set iconOnly(value: boolean);
+    get type(): string;
+    set type(value: string);
+    get form(): HTMLFormElement | null;
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    click(): void;
+}
+export declare function defineButton(tagName?: string): void;
+//# sourceMappingURL=Button.d.ts.map

package/dist/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/button/Button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,iBAAiB,GACjB,iBAAiB,GACjB,SAAS,GACT,kBAAkB,GAClB,kBAAkB,GAClB,QAAQ,GACR,iBAAiB,GACjB,iBAAiB,GACjB,MAAM,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAMvD,qBAAa,SAAU,SAAQ,WAAW;IACxC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAUxC;IAED,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,SAAS,CAA2B;;IAyB5C,iBAAiB,IAAI,IAAI;IAMzB,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,SAAS,EAAE,MAAM,GAAG,IAAI,GACvB,IAAI;IAwBP,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,gBAAgB;IA2BxB,OAAO,CAAC,cAAc;IA0BtB,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,WAAW;IAKnB,IAAI,OAAO,IAAI,aAAa,CAE3B;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,aAAa,EAE/B;IAGD,IAAI,IAAI,IAAI,UAAU,CAErB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,UAAU,EAEzB;IAGD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAGD,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAMzB;IAGD,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAM3B;IAGD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAGD,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAErB;IAGD,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAGD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;CAGd;AAGD,wBAAgB,YAAY,CAAC,OAAO,SAAe,GAAG,IAAI,CAIzD"}

package/dist/button/Button.js

@@ -0,0 +1,247 @@
+/**
+ * DSN Button Web Component
+ *
+ * A custom element that provides a styled button with multiple variants and sizes.
+ * Uses the same CSS classes and design tokens as the HTML and React button components.
+ *
+ * @example
+ * ```html
+ * <dsn-button variant="strong" size="default">Save</dsn-button>
+ * <dsn-button variant="strong-negative" size="small">Delete</dsn-button>
+ * <dsn-button variant="default" loading>Loading...</dsn-button>
+ * <dsn-button variant="subtle" icon-only aria-label="Close">×</dsn-button>
+ * ```
+ */
+// Auto-generated CSS from shared source — run `node scripts/build-css.js` to regenerate
+import { buttonStyles } from './button-styles.generated';
+import { iconPaths } from '../icon/icon-paths.generated';
+export class DsnButton extends HTMLElement {
+    static get observedAttributes() {
+        return [
+            'variant',
+            'size',
+            'disabled',
+            'loading',
+            'full-width',
+            'icon-only',
+            'type',
+        ];
+    }
+    constructor() {
+        super();
+        this._loaderEl = null;
+        this.attachShadow({ mode: 'open' });
+        // Create the internal button element
+        this._button = document.createElement('button');
+        this._button.setAttribute('type', 'button');
+        this._iconStartSlot = document.createElement('slot');
+        this._iconStartSlot.setAttribute('name', 'icon-start');
+        this._button.appendChild(this._iconStartSlot);
+        this._button.appendChild(document.createElement('slot'));
+        const iconEndSlot = document.createElement('slot');
+        iconEndSlot.setAttribute('name', 'icon-end');
+        this._button.appendChild(iconEndSlot);
+        // Create style element with embedded CSS
+        const style = document.createElement('style');
+        style.textContent = buttonStyles;
+        this.shadowRoot.appendChild(style);
+        this.shadowRoot.appendChild(this._button);
+    }
+    connectedCallback() {
+        this._updateClasses();
+        this._updateDisabled();
+        this._updateType();
+    }
+    attributeChangedCallback(name, _oldValue, _newValue) {
+        switch (name) {
+            case 'variant':
+            case 'size':
+            case 'loading':
+            case 'full-width':
+            case 'icon-only':
+                this._updateClasses();
+                break;
+            case 'disabled':
+                this._updateDisabled();
+                break;
+            case 'type':
+                this._updateType();
+                break;
+        }
+        // Loading affects classes, disabled state, and loader icon
+        if (name === 'loading') {
+            this._updateDisabled();
+            this._updateLoader();
+        }
+    }
+    _updateLoader() {
+        if (this.loading) {
+            if (!this._loaderEl) {
+                this._loaderEl = this._createLoaderSvg();
+            }
+            // Hide the icon-start slot and show loader instead
+            this._iconStartSlot.style.display = 'none';
+            this._button.insertBefore(this._loaderEl, this._iconStartSlot);
+        }
+        else {
+            if (this._loaderEl && this._loaderEl.parentNode) {
+                this._loaderEl.remove();
+            }
+            this._iconStartSlot.style.display = '';
+        }
+    }
+    _createLoaderSvg() {
+        const ns = 'http://www.w3.org/2000/svg';
+        const svg = document.createElementNS(ns, 'svg');
+        svg.setAttribute('viewBox', '0 0 24 24');
+        svg.setAttribute('fill', 'none');
+        svg.setAttribute('stroke', 'currentColor');
+        svg.setAttribute('stroke-width', '2');
+        svg.setAttribute('stroke-linecap', 'round');
+        svg.setAttribute('stroke-linejoin', 'round');
+        svg.setAttribute('aria-hidden', 'true');
+        svg.classList.add('dsn-icon', 'dsn-button__loader');
+        const paths = iconPaths['loader'] || [];
+        paths.forEach((d) => {
+            const path = document.createElementNS(ns, 'path');
+            path.setAttribute('d', d);
+            // Skip the transparent fill path (bounding box)
+            if (d === 'M0 0h24v24H0z') {
+                path.setAttribute('stroke', 'none');
+                path.setAttribute('fill', 'none');
+            }
+            svg.appendChild(path);
+        });
+        return svg;
+    }
+    _updateClasses() {
+        const variant = this.variant;
+        const size = this.size;
+        const loading = this.loading;
+        const fullWidth = this.fullWidth;
+        const iconOnly = this.iconOnly;
+        const classes = [
+            'dsn-button',
+            `dsn-button--${variant}`,
+            `dsn-button--size-${size}`,
+        ];
+        if (loading) {
+            classes.push('dsn-button--loading');
+        }
+        if (fullWidth) {
+            classes.push('dsn-button--full-width');
+        }
+        if (iconOnly) {
+            classes.push('dsn-button--icon-only');
+        }
+        this._button.className = classes.join(' ');
+    }
+    _updateDisabled() {
+        const isDisabled = this.disabled || this.loading;
+        if (isDisabled) {
+            this._button.setAttribute('disabled', '');
+        }
+        else {
+            this._button.removeAttribute('disabled');
+        }
+        if (this.loading) {
+            this._button.setAttribute('aria-busy', 'true');
+        }
+        else {
+            this._button.removeAttribute('aria-busy');
+        }
+    }
+    _updateType() {
+        this._button.setAttribute('type', this.type);
+    }
+    // Property: variant
+    get variant() {
+        return this.getAttribute('variant') || 'strong';
+    }
+    set variant(value) {
+        this.setAttribute('variant', value);
+    }
+    // Property: size
+    get size() {
+        return this.getAttribute('size') || 'default';
+    }
+    set size(value) {
+        this.setAttribute('size', value);
+    }
+    // Property: disabled
+    get disabled() {
+        return this.hasAttribute('disabled');
+    }
+    set disabled(value) {
+        if (value) {
+            this.setAttribute('disabled', '');
+        }
+        else {
+            this.removeAttribute('disabled');
+        }
+    }
+    // Property: loading
+    get loading() {
+        return this.hasAttribute('loading');
+    }
+    set loading(value) {
+        if (value) {
+            this.setAttribute('loading', '');
+        }
+        else {
+            this.removeAttribute('loading');
+        }
+    }
+    // Property: fullWidth (maps to full-width attribute)
+    get fullWidth() {
+        return this.hasAttribute('full-width');
+    }
+    set fullWidth(value) {
+        if (value) {
+            this.setAttribute('full-width', '');
+        }
+        else {
+            this.removeAttribute('full-width');
+        }
+    }
+    // Property: iconOnly (maps to icon-only attribute)
+    get iconOnly() {
+        return this.hasAttribute('icon-only');
+    }
+    set iconOnly(value) {
+        if (value) {
+            this.setAttribute('icon-only', '');
+        }
+        else {
+            this.removeAttribute('icon-only');
+        }
+    }
+    // Property: type
+    get type() {
+        return this.getAttribute('type') || 'button';
+    }
+    set type(value) {
+        this.setAttribute('type', value);
+    }
+    // Expose the internal button for form submission
+    get form() {
+        return this._button.form;
+    }
+    // Focus delegation
+    focus(options) {
+        this._button.focus(options);
+    }
+    blur() {
+        this._button.blur();
+    }
+    click() {
+        this._button.click();
+    }
+}
+// Register the custom element
+export function defineButton(tagName = 'dsn-button') {
+    if (!customElements.get(tagName)) {
+        customElements.define(tagName, DsnButton);
+    }
+}
+//# sourceMappingURL=Button.js.map

package/dist/button/Button.js.map

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

package/dist/button/Button.test.d.ts

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

package/dist/button/Button.test.d.ts.map

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