@marioschmidt/design-system-components 1.2.2 → 1.3.0

package/dist/cjs/index.cjs.js

@@ -1,5 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=index.cjs.js.map
-
-//# sourceMappingURL=index.cjs.js.map

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bg-5nAHg.js');
+var index = require('./index-C-P4EzGy.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
@@ -10,6 +10,3 @@ const defineCustomElements = async (win, options) => {
 
 exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;
-//# sourceMappingURL=loader.cjs.js.map
-
-//# sourceMappingURL=loader.cjs.js.map

package/dist/collection/collection-manifest.json

@@ -5,7 +5,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.39.0",
+    "version": "4.41.0",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/collection/ds-button/ds-button.js

@@ -88,4 +88,3 @@ export class DsButton {
         };
     }
 }
-//# sourceMappingURL=ds-button.js.map

package/dist/collection/ds-card/ds-card.js

@@ -68,4 +68,3 @@ export class DsCard {
         };
     }
 }
-//# sourceMappingURL=ds-card.js.map

package/dist/components/ds-button.js

@@ -1,58 +1 @@
-import { t as transformTag, p as proxyCustomElement, H, h } from './index.js';
-
-const dsButtonCss = () => `:host{display:inline-block}.ds-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;transition:background-color 0.2s ease,
-    border-color 0.2s ease,
-    color 0.2s ease;padding:var(--button-stack-space) var(--button-inline-space);min-height:var(--button-height-size);gap:var(--button-content-gap-space);border-radius:var(--button-border-radius);font-family:var(--button-label-font-family);font-weight:var(--font-weight-bold);font-size:var(--button-label-font-size);line-height:var(--button-label-line-height);letter-spacing:var(--letter-space-0-p-5);text-transform:uppercase}.ds-button__label{display:inline-flex;align-items:center;gap:inherit}.ds-button--primary-brand{background-color:var(--button-primary-brand-bg-color-idle);color:var(--button-primary-brand-label-color)}.ds-button--primary-brand:hover:not(:disabled){background-color:var(--button-primary-brand-bg-color-hover)}.ds-button--primary-brand:active:not(:disabled){background-color:var(--button-primary-brand-bg-color-active)}.ds-button--primary-neutral{background-color:var(--button-primary-neutral-bg-color-idle);color:var(--button-primary-neutral-label-color)}.ds-button--primary-neutral:hover:not(:disabled){background-color:var(--button-primary-neutral-bg-color-hover)}.ds-button--primary-neutral:active:not(:disabled){background-color:var(--button-primary-neutral-bg-color-active)}.ds-button--primary-success{background-color:var(--button-primary-success-bg-color-idle);color:var(--button-primary-success-label-color)}.ds-button--primary-success:hover:not(:disabled){background-color:var(--button-primary-success-bg-color-hover)}.ds-button--primary-success:active:not(:disabled){background-color:var(--button-primary-success-bg-color-active)}.ds-button--secondary{background-color:var(--button-secondary-bg-color-idle);color:var(--button-secondary-label-color)}.ds-button--secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-color-hover)}.ds-button--secondary:active:not(:disabled){background-color:var(--button-secondary-bg-color-active)}.ds-button--tertiary-neutral{background-color:transparent;color:var(--button-tertiary-neutral-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-neutral-border-color-idle)}.ds-button--tertiary-neutral:hover:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-hover);border-color:var(--button-tertiary-neutral-border-color-hover)}.ds-button--tertiary-neutral:active:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-active)}.ds-button--tertiary-success{background-color:transparent;color:var(--button-tertiary-success-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-success-border-color)}.ds-button--tertiary-success:hover:not(:disabled){background-color:var(--button-tertiary-success-bg-color-hover)}.ds-button--ghost{background-color:transparent;color:var(--button-ghost-label-color)}.ds-button--ghost:hover:not(:disabled){background-color:var(--button-ghost-bg-color-hover)}.ds-button--ghost:active:not(:disabled){background-color:var(--button-ghost-bg-color-active)}.ds-button--disabled,.ds-button:disabled{cursor:not-allowed;background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button--disabled:hover,.ds-button--disabled:active,.ds-button:disabled:hover,.ds-button:disabled:active{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button:focus-visible{outline:2px solid var(--core-color-primary);outline-offset:2px}`;
-
-const DsButton$1 = /*@__PURE__*/ proxyCustomElement(class DsButton extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Button variant determining visual style.
-         * @default 'primary-brand'
-         */
-        this.variant = 'primary-brand';
-        /**
-         * Disables the button interaction and applies disabled styling.
-         * @default false
-         */
-        this.disabled = false;
-    }
-    render() {
-        return (h("button", { key: 'b2c29af56fa84e6274900496d1a57bf7be6070e0', class: {
-                'ds-button': true,
-                [`ds-button--${this.variant}`]: true,
-                'ds-button--disabled': this.disabled,
-            }, disabled: this.disabled }, h("span", { key: '8d7cd171306ed6e7b3507fea53e54df4d886d1a0', class: "ds-button__label" }, h("slot", { key: 'c040145f092daf57dd086a9991bcb5d0dc4f97dc' }))));
-    }
-    static get style() { return dsButtonCss(); }
-}, [257, "ds-button", {
-        "variant": [1],
-        "disabled": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-button":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), DsButton$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DsButton = DsButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsButton, defineCustomElement };
-//# sourceMappingURL=ds-button.js.map
-
-//# sourceMappingURL=ds-button.js.map
+import{t as o,p as r,H as t,h as a}from"./index.js";const e=r(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="primary-brand",this.disabled=!1}render(){return a("button",{key:"b2c29af56fa84e6274900496d1a57bf7be6070e0",class:{"ds-button":!0,["ds-button--"+this.variant]:!0,"ds-button--disabled":this.disabled},disabled:this.disabled},a("span",{key:"8d7cd171306ed6e7b3507fea53e54df4d886d1a0",class:"ds-button__label"},a("slot",{key:"c040145f092daf57dd086a9991bcb5d0dc4f97dc"})))}static get style(){return":host{display:inline-block}.ds-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;transition:background-color 0.2s ease,     border-color 0.2s ease,     color 0.2s ease;padding:var(--button-stack-space) var(--button-inline-space);min-height:var(--button-height-size);gap:var(--button-content-gap-space);border-radius:var(--button-border-radius);font-family:var(--button-label-font-family);font-weight:var(--font-weight-bold);font-size:var(--button-label-font-size);line-height:var(--button-label-line-height);letter-spacing:var(--letter-space-0-p-5);text-transform:uppercase}.ds-button__label{display:inline-flex;align-items:center;gap:inherit}.ds-button--primary-brand{background-color:var(--button-primary-brand-bg-color-idle);color:var(--button-primary-brand-label-color)}.ds-button--primary-brand:hover:not(:disabled){background-color:var(--button-primary-brand-bg-color-hover)}.ds-button--primary-brand:active:not(:disabled){background-color:var(--button-primary-brand-bg-color-active)}.ds-button--primary-neutral{background-color:var(--button-primary-neutral-bg-color-idle);color:var(--button-primary-neutral-label-color)}.ds-button--primary-neutral:hover:not(:disabled){background-color:var(--button-primary-neutral-bg-color-hover)}.ds-button--primary-neutral:active:not(:disabled){background-color:var(--button-primary-neutral-bg-color-active)}.ds-button--primary-success{background-color:var(--button-primary-success-bg-color-idle);color:var(--button-primary-success-label-color)}.ds-button--primary-success:hover:not(:disabled){background-color:var(--button-primary-success-bg-color-hover)}.ds-button--primary-success:active:not(:disabled){background-color:var(--button-primary-success-bg-color-active)}.ds-button--secondary{background-color:var(--button-secondary-bg-color-idle);color:var(--button-secondary-label-color)}.ds-button--secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-color-hover)}.ds-button--secondary:active:not(:disabled){background-color:var(--button-secondary-bg-color-active)}.ds-button--tertiary-neutral{background-color:transparent;color:var(--button-tertiary-neutral-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-neutral-border-color-idle)}.ds-button--tertiary-neutral:hover:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-hover);border-color:var(--button-tertiary-neutral-border-color-hover)}.ds-button--tertiary-neutral:active:not(:disabled){background-color:var(--button-tertiary-neutral-bg-color-active)}.ds-button--tertiary-success{background-color:transparent;color:var(--button-tertiary-success-label-color);border:var(--button-border-width-size) solid var(--button-tertiary-success-border-color)}.ds-button--tertiary-success:hover:not(:disabled){background-color:var(--button-tertiary-success-bg-color-hover)}.ds-button--ghost{background-color:transparent;color:var(--button-ghost-label-color)}.ds-button--ghost:hover:not(:disabled){background-color:var(--button-ghost-bg-color-hover)}.ds-button--ghost:active:not(:disabled){background-color:var(--button-ghost-bg-color-active)}.ds-button--disabled,.ds-button:disabled{cursor:not-allowed;background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button--disabled:hover,.ds-button--disabled:active,.ds-button:disabled:hover,.ds-button:disabled:active{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-label-color);border-color:var(--button-disabled-border-color)}.ds-button:focus-visible{outline:2px solid var(--core-color-primary);outline-offset:2px}"}},[257,"ds-button",{variant:[1],disabled:[4]}]);function n(){"undefined"!=typeof customElements&&["ds-button"].forEach((r=>{"ds-button"===r&&(customElements.get(o(r))||customElements.define(o(r),e))}))}n();const b=e,s=n;export{b as DsButton,s as defineCustomElement}

package/dist/components/ds-card.js

@@ -1,49 +1 @@
-import { t as transformTag, p as proxyCustomElement, H, h } from './index.js';
-
-const dsCardCss = () => `:host{display:block}.ds-card{border-radius:var(--border-radius-lg, 8px);overflow:hidden;transition:box-shadow 0.2s ease}.ds-card--primary{background-color:var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));box-shadow:var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1))}.ds-card--secondary{background-color:var(--surface-color-secondary, #F8F9FA);box-shadow:var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08))}.ds-card__header{padding:var(--space-2-x, 16px) var(--space-2-x, 16px) 0}.ds-card__title{margin:0;font-family:var(--font-family-gotham-narrow, sans-serif);font-weight:var(--font-weight-bold, 700);font-size:var(--headline-3-font-size, 20px);line-height:var(--headline-3-line-height, 24px);color:var(--text-color-primary, #232629)}.ds-card__content{padding:var(--space-2-x, 16px)}.ds-card--primary:hover{box-shadow:var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12))}`;
-
-const DsCard$1 = /*@__PURE__*/ proxyCustomElement(class DsCard extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Card surface variant: primary or secondary
-         */
-        this.surface = 'primary';
-    }
-    render() {
-        return (h("div", { key: '545dfb7389201a046b465e96723fdc8ad5cd1160', class: {
-                'ds-card': true,
-                [`ds-card--${this.surface}`]: true,
-            } }, this.cardTitle && (h("div", { key: '63523222100e039098a941c2125df63a7bc8a0ee', class: "ds-card__header" }, h("h3", { key: '7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae', class: "ds-card__title" }, this.cardTitle))), h("div", { key: '544d6b4e6ac95745261ee73c81f2d01c2806afd3', class: "ds-card__content" }, h("slot", { key: '9102bcc585687daf5d954059a138ad7bac27b640' }))));
-    }
-    static get style() { return dsCardCss(); }
-}, [257, "ds-card", {
-        "surface": [1],
-        "cardTitle": [1, "card-title"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-card"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-card":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), DsCard$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DsCard = DsCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsCard, defineCustomElement };
-//# sourceMappingURL=ds-card.js.map
-
-//# sourceMappingURL=ds-card.js.map
+import{t as a,p as r,H as d,h as s}from"./index.js";const e=r(class extends d{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.surface="primary"}render(){return s("div",{key:"545dfb7389201a046b465e96723fdc8ad5cd1160",class:{"ds-card":!0,["ds-card--"+this.surface]:!0}},this.cardTitle&&s("div",{key:"63523222100e039098a941c2125df63a7bc8a0ee",class:"ds-card__header"},s("h3",{key:"7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae",class:"ds-card__title"},this.cardTitle)),s("div",{key:"544d6b4e6ac95745261ee73c81f2d01c2806afd3",class:"ds-card__content"},s("slot",{key:"9102bcc585687daf5d954059a138ad7bac27b640"})))}static get style(){return":host{display:block}.ds-card{border-radius:var(--border-radius-lg, 8px);overflow:hidden;transition:box-shadow 0.2s ease}.ds-card--primary{background-color:var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));box-shadow:var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1))}.ds-card--secondary{background-color:var(--surface-color-secondary, #F8F9FA);box-shadow:var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08))}.ds-card__header{padding:var(--space-2-x, 16px) var(--space-2-x, 16px) 0}.ds-card__title{margin:0;font-family:var(--font-family-gotham-narrow, sans-serif);font-weight:var(--font-weight-bold, 700);font-size:var(--headline-3-font-size, 20px);line-height:var(--headline-3-line-height, 24px);color:var(--text-color-primary, #232629)}.ds-card__content{padding:var(--space-2-x, 16px)}.ds-card--primary:hover{box-shadow:var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12))}"}},[257,"ds-card",{surface:[1],cardTitle:[1,"card-title"]}]);function c(){"undefined"!=typeof customElements&&["ds-card"].forEach((r=>{"ds-card"===r&&(customElements.get(a(r))||customElements.define(a(r),e))}))}c();const o=e,t=c;export{o as DsCard,t as defineCustomElement}