xv-webcomponents 0.1.18 → 0.1.20

package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.js

@@ -1,19 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class XvBreadcrumbs {
-    render() {
-        return (h(Host, { key: '5af11f456cfed9e3a853fa3ccdcf12d2d5d5e49f' }, h("slot", { key: 'ecef5ef84a97ceefda5cbcb54e23056e2adbdf99' })));
-    }
-    static get is() { return "xv-breadcrumbs-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-breadcrumbs.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-breadcrumbs.css"]
-        };
-    }
-}
-//# sourceMappingURL=xv-breadcrumbs.js.map

package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/xv-breadcrumbs/xv-breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,aAAa;IACxB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'xv-breadcrumbs-v2',\n  styleUrl: 'xv-breadcrumbs.scss',\n  shadow: true,\n})\nexport class XvBreadcrumbs {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/xv-button/xv-button-v2.css

@@ -1,153 +0,0 @@
-@charset "UTF-8";
-:host {
-  --focus-border-width: 2px;
-  --focus-border-style: solid;
-  --button-ghost: tarnsparent;
-  --text-disabled-opacity: 0.25;
-  --button-border-radius: 3px;
-  --button-border-width: 1px;
-  --button-border-style: solid;
-  --button-border-color-accent: #97BF0D;
-  --button-border-color-primary: #273435;
-  --button-border-color-secondary: #D1D1D1;
-  --button-border-color-ghost: tarnsparent;
-  --button-ghost-hover: tarnsparent;
-  --button-ghost-active: rgba(139, 139, 139, 0.5);
-  --button-accent-disabled: #D1D1D1;
-  --button-primary-disabled: #D1D1D1;
-  --button-secondary-disabled: #D1D1D1;
-  --button-tertiary-disabled: tarnsparent;
-  --button-ghost-disabled: tarnsparent;
-}
-:host button {
-  font-family: inherit;
-  font-size: 16px;
-  font-weight: 700;
-  padding: 0 20px;
-  min-height: 40px;
-  line-height: 40px;
-  cursor: pointer;
-  box-sizing: border-box;
-  transition: background-color 0.2s ease-in-out, filter 0.2s ease-in-out, transform 0.1s ease-in-out, border-color 0.2s ease-in-out, border-width 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-:host button.xv-button-block {
-  width: 100%;
-}
-
-.xv-button {
-  /* ✅ Accent Button */
-  /* ✅ Primary Button */
-  /* ✅ Secondary Button */
-  /* ✅ Tertiary Button */
-  /* ✅ Ghost Button */
-}
-.xv-button.accent {
-  background-color: var(--button-accent);
-  color: var(--text-on-color);
-  border: var(--button-border-width) var(--button-border-style) var(--button-border-color-accent);
-  border-radius: var(--button-border-radius);
-}
-.xv-button.accent:hover {
-  background-color: var(--button-accent-hover);
-}
-.xv-button.accent:active {
-  background-color: var(--button-accent-active);
-  color: var(--text-on-color);
-}
-.xv-button.accent:focus {
-  outline: none;
-  border: var(--focus-border-width) var(--focus-border-style) var(--focus);
-  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-.xv-button.accent:disabled {
-  background-color: var(--button-accent-disabled);
-  color: var(--text-on-color-disabled);
-  border: var(--button-border-width) var(--button-border-style) var(--button-accent-disabled);
-}
-.xv-button.primary {
-  background-color: var(--button-primary);
-  color: var(--text-on-color);
-  border: var(--button-border-width) var(--button-border-style) var(--button-border-color-primary);
-  border-radius: var(--button-border-radius);
-}
-.xv-button.primary:hover {
-  background-color: var(--button-primary-hover);
-}
-.xv-button.primary:active {
-  background-color: var(--button-primary-active);
-}
-.xv-button.primary:focus {
-  outline: none;
-  border: var(--focus-border-width) var(--focus-border-style) var(--focus);
-  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-.xv-button.primary:disabled {
-  background-color: var(--button-primary-disabled);
-  color: var(--text-on-color-disabled);
-  border: var(--button-border-width) var(--button-border-style) var(--button-primary-disabled);
-}
-.xv-button.secondary {
-  background-color: var(--button-secondary);
-  color: var(--text-primary);
-  border: var(--button-border-width) var(--button-border-style) var(--button-border-color-secondary);
-  border-radius: var(--button-border-radius);
-}
-.xv-button.secondary:hover {
-  background-color: var(--button-secondary-hover);
-}
-.xv-button.secondary:active {
-  background-color: var(--button-secondary-active);
-}
-.xv-button.secondary:focus {
-  outline: none;
-  border: var(--focus-border-width) var(--focus-border-style) var(--focus);
-  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-.xv-button.secondary:disabled {
-  background-color: var(--button-secondary-disabled);
-  color: var(--text-on-color-disabled);
-}
-.xv-button.tertiary {
-  background-color: var(--button-ghost);
-  color: var(--text-primary);
-  border: var(--button-border-width) var(--button-border-style) var(--button-tertiary);
-  border-radius: var(--button-border-radius);
-}
-.xv-button.tertiary:hover {
-  background-color: var(--button-tertiary-hover);
-}
-.xv-button.tertiary:active {
-  background-color: var(--button-tertiary-active);
-}
-.xv-button.tertiary:focus {
-  outline: none;
-  border: var(--focus-border-width) var(--focus-border-style) var(--focus);
-  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-.xv-button.tertiary:disabled {
-  background-color: var(--button-tertiary-disabled);
-  color: var(--text-disabled);
-  opacity: var(--text-disabled-opacity);
-}
-.xv-button.ghost {
-  background-color: var(--button-ghost);
-  color: var(--text-primary);
-  border: var(--button-border-width) var(--button-border-style) var(--button-border-color-ghost);
-  border-radius: var(--button-border-radius);
-}
-.xv-button.ghost:hover {
-  background-color: var(--button-ghost-hover);
-}
-.xv-button.ghost:active {
-  background-color: var(--button-ghost-active);
-}
-.xv-button.ghost:focus {
-  outline: none;
-  border: var(--focus-border-width) var(--focus-border-style) var(--focus);
-  transition: border-color 0.2s ease-in-out;
-}
-.xv-button.ghost:disabled {
-  background-color: var(--button-ghost-disabled);
-  color: var(--text-disabled);
-  opacity: var(--text-disabled-opacity);
-}

package/dist/collection/components/xv-button/xv-button.js

@@ -1,138 +0,0 @@
-import { h } from "@stencil/core";
-export class XvButton {
-    constructor() {
-        /** Button label */
-        this.label = '';
-        /** Container width Button */
-        this.block = false;
-        /** Variant */
-        this.variant = 'primary';
-        /** Disabled state */
-        this.disabled = false;
-        /** Handle click only if not disabled */
-        this.handleClick = () => {
-            if (this.disabled) {
-                return;
-            }
-            this.buttonClick.emit();
-        };
-    }
-    render() {
-        return (h("button", { key: '4b6d2d71bd297a7b1e2a00ba36c8e4380395e696', class: `xv-button ${this.variant} ${this.block ? 'xv-button-block' : ''}`, disabled: this.disabled, onClick: this.handleClick }, h("slot", { key: '2934a04fa4aae539014f0a283444903dc9807888', name: "icon-left" }), h("slot", { key: '7139fa048b1f6e10f45853f7d1ff3b8cef1b9db6' }, this.label), h("slot", { key: 'ff326b3d02d3c4102f85132b890a595fcfec08d4', name: "icon-right" })));
-    }
-    static get is() { return "xv-button-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-button-v2.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-button-v2.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Button label"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "block": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Container width Button"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "block",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost'",
-                    "resolved": "\"accent\" | \"ghost\" | \"primary\" | \"secondary\" | \"tertiary\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Variant"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "variant",
-                "reflect": false,
-                "defaultValue": "'primary'"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Disabled state"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "disabled",
-                "reflect": false,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "buttonClick",
-                "name": "buttonClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emits when the button is clicked"
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=xv-button.js.map

package/dist/collection/components/xv-button/xv-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-button.js","sourceRoot":"","sources":["../../../src/components/xv-button/xv-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,eAAe,CAAC;AAQxE,MAAM,OAAO,QAAQ;IALrB;QAME,mBAAmB;QACX,UAAK,GAAW,EAAE,CAAC;QAE3B,6BAA6B;QACrB,UAAK,GAAY,KAAK,CAAC;QAE/B,cAAc;QACN,YAAO,GAA8D,SAAS,CAAC;QAEvF,qBAAqB;QACb,aAAQ,GAAY,KAAK,CAAC;QAKlC,wCAAwC;QAChC,gBAAW,GAAG,GAAG,EAAE;YACzB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QAC1B,CAAC,CAAC;KAmBH;IAjBC,MAAM;QACJ,OAAO,CACL,+DACE,KAAK,EAAE,aAAa,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,EACzE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW;YAEzB,6DAAM,IAAI,EAAC,WAAW,GAAQ;YAE9B,+DACG,IAAI,CAAC,KAAK,CACN;YAEP,6DAAM,IAAI,EAAC,YAAY,GAAQ,CACxB,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\r\n\r\n\r\n@Component({\r\n  tag: 'xv-button-v2',\r\n  styleUrl: 'xv-button-v2.scss',\r\n  shadow: true,\r\n})\r\nexport class XvButton {\r\n  /** Button label */\r\n  @Prop() label: string = '';\r\n\r\n  /** Container width Button */\r\n  @Prop() block: boolean = false;\r\n\r\n  /** Variant */\r\n  @Prop() variant: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'ghost' = 'primary';\r\n\r\n  /** Disabled state */\r\n  @Prop() disabled: boolean = false;\r\n\r\n  /** Emits when the button is clicked */\r\n  @Event() buttonClick!: EventEmitter<void>;\r\n\r\n  /** Handle click only if not disabled */\r\n  private handleClick = () => {\r\n    if (this.disabled) {\r\n      return;\r\n    }\r\n    this.buttonClick.emit();\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <button\r\n        class={`xv-button ${this.variant} ${this.block ? 'xv-button-block' : ''}`}\r\n        disabled={this.disabled}\r\n        onClick={this.handleClick}\r\n      >\r\n        <slot name=\"icon-left\"></slot>\r\n\r\n        <slot>\r\n          {this.label}\r\n        </slot>\r\n\r\n        <slot name=\"icon-right\"></slot>\r\n      </button>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/xv-card/xv-card.css

@@ -1,63 +0,0 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  border-radius: 8px;
-  border: 1px solid var(--border-subtle-00);
-  background: var(--layer-layer-02);
-  box-shadow: 0 1px 3px 1px rgba(39, 52, 53, 0.15), 0 1px 2px 0 rgba(39, 52, 53, 0.3);
-  font-family: var(--ff-body, inherit);
-  overflow: visible !important;
-}
-
-:host(.xv-card_vertical) {
-  width: 100% !important;
-}
-
-:host(.xv-card_horizontal) {
-  flex-direction: row;
-  display: flex;
-  width: max-content;
-}
-:host(.xv-card_horizontal) .xv-card_media__content, :host(.xv-card_horizontal) .xv-card_media ::slotted([slot=media]) {
-  min-height: 100%;
-  max-height: 100%;
-  max-width: 160px;
-  min-width: 160px;
-}
-
-.xv-card_content {
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  text-align: left;
-}
-.xv-card_media__content, .xv-card_media ::slotted([slot=media]) {
-  max-width: 100%;
-  min-width: 100%;
-  min-height: 199px;
-  max-height: 199px;
-  object-fit: cover;
-  object-position: center;
-}
-.xv-card_header__content, .xv-card_header ::slotted([slot=header]) {
-  margin: 0 0 8px;
-  color: var(--text-primary);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: 24px;
-  letter-spacing: -0.6px;
-}
-.xv-card_body {
-  flex: 1;
-}
-.xv-card_body__content, .xv-card_body ::slotted([slot=body]) {
-  margin: 0 0 8px;
-  color: var(--text-secondary);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px;
-  letter-spacing: -0.1px;
-}

package/dist/collection/components/xv-card/xv-card.js

@@ -1,122 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class XvCard {
-    constructor() {
-        this.variant = 'vertical';
-    }
-    render() {
-        return (h(Host, { key: '347b7aed9ce24e2e048bb4e6d0b07b23f0f60d5b', class: `xv-card xv-card_${this.variant}`, part: this.variant }, h("div", { key: '9cd9f38cfe7d93fc271907fc8435033df860c246', class: "xv-card_media" }, h("slot", { key: '35e2bae3084a0e7d26e13c0e3116daa9895ea6c1', name: "media" }, this.media && h("img", { key: '60d4305b136766e447653cb399f92ae70e3d9430', class: "xv-card_media__content", src: this.media, alt: this.header }))), h("div", { key: '3751defc0abf18997dca82ae5b5d6601c6e9f60b', class: "xv-card_content" }, h("div", { key: 'cca74475b9e5dba03c82f77851fb503a5323ce3c', class: "xv-card_header" }, h("slot", { key: '02c4e3ddfb73bd56ef8f5b44a22bfe710654171a', name: "header" }, this.header && h("p", { key: '56998aa4742cc7576a023fcbe3e0892f312805ee', class: "xv-card_header__content" }, this.header))), h("div", { key: '86da97df293ff58dbcfe0a2b7bc25c98053ac6a2', class: "xv-card_body" }, h("slot", { key: 'ff8d6dc3ef8e437d28f237c415bf43382df85f19', name: "body" }, this.body && h("p", { key: '7e8e351ac0fa2100fc7929e81cc380a4a32e7019', class: "xv-card_body__content" }, this.header))), h("div", { key: 'dc9824b523f2dbdb4f88dc05ac0e490f9b04f529', class: "xv-card_footer" }, h("slot", { key: 'ea4fbffc436ee2ef43f481be7656aad07dfc55ce', name: "footer" }, this.footer)))));
-    }
-    static get is() { return "xv-card-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-card.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-card.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'horizontal' | 'vertical'",
-                    "resolved": "\"horizontal\" | \"vertical\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "variant",
-                "reflect": false,
-                "defaultValue": "'vertical'"
-            },
-            "media": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "media",
-                "reflect": false
-            },
-            "header": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "header",
-                "reflect": false
-            },
-            "body": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "body",
-                "reflect": false
-            },
-            "footer": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "footer",
-                "reflect": false
-            }
-        };
-    }
-}
-//# sourceMappingURL=xv-card.js.map

package/dist/collection/components/xv-card/xv-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-card.js","sourceRoot":"","sources":["../../../src/components/xv-card/xv-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;IALnB;QAMU,YAAO,GAA8B,UAAU,CAAC;KAgCzD;IA3BC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,mBAAmB,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO;YAChE,4DAAK,KAAK,EAAC,eAAe;gBACxB,6DAAM,IAAI,EAAC,OAAO,IACf,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,wBAAwB,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,GAAI,CACnF,CACH;YAEN,4DAAK,KAAK,EAAC,iBAAiB;gBAC1B,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,6DAAM,IAAI,EAAC,QAAQ,IAChB,IAAI,CAAC,MAAM,IAAI,0DAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,MAAM,CAAK,CAC/D,CACH;gBACN,4DAAK,KAAK,EAAC,cAAc;oBACvB,6DAAM,IAAI,EAAC,MAAM,IACd,IAAI,CAAC,IAAI,IAAI,0DAAG,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,MAAM,CAAK,CAC3D,CACH;gBACN,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,6DAAM,IAAI,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAQ,CACpC,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xv-card-v2',\n  styleUrl: 'xv-card.scss',\n  shadow: true,\n})\nexport class XvCard {\n  @Prop() variant: 'horizontal' | 'vertical' = 'vertical';\n  @Prop() media: string;\n  @Prop() header: string;\n  @Prop() body: string;\n  @Prop() footer: string;\n  render() {\n    return (\n      <Host class={`xv-card xv-card_${this.variant}`} part={this.variant}>\n        <div class=\"xv-card_media\">\n          <slot name=\"media\">\n            {this.media && <img class=\"xv-card_media__content\" src={this.media} alt={this.header} />}\n          </slot>\n        </div>\n\n        <div class=\"xv-card_content\">\n          <div class=\"xv-card_header\">\n            <slot name=\"header\">\n              {this.header && <p class=\"xv-card_header__content\">{this.header}</p>}\n            </slot>\n          </div>\n          <div class=\"xv-card_body\">\n            <slot name=\"body\">\n              {this.body && <p class=\"xv-card_body__content\">{this.header}</p>}\n            </slot>\n          </div>\n          <div class=\"xv-card_footer\">\n            <slot name=\"footer\">{this.footer}</slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/xv-checkbox/xv-checkbox.css

@@ -1,108 +0,0 @@
-:host {
-  --checkbox-size: 20px;
-  box-sizing: border-box;
-  display: inline-flex;
-  flex-direction: column;
-}
-
-:host([error]) .xv-checkbox .checkmark {
-  border-color: var(--text-error, #D62512);
-}
-
-.error,
-[name=info] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  font-size: var(--fz-sm, 12px);
-  font-family: var(--ff-body, Tahoma);
-  line-height: 133.333%;
-  letter-spacing: 0.32px;
-}
-
-.error {
-  margin-top: var(--gap-xs, 5px);
-  color: var(--text-error, #D62512);
-}
-.error::before {
-  margin-right: var(--gap-xs, 5px);
-  content: "!";
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  font-size: var(--fz-sm, 12px);
-  font-weight: bold;
-  color: white;
-  background-color: var(--text-error, #D62512);
-  border-radius: 50%;
-}
-
-.xv-checkbox {
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-  user-select: none;
-}
-.xv-checkbox.disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-.xv-checkbox input[type=checkbox] {
-  position: absolute;
-  width: var(--checkbox-size);
-  height: var(--checkbox-size);
-  margin: 0;
-  padding: 0;
-  opacity: 0;
-  pointer-events: none;
-  box-sizing: border-box;
-}
-.xv-checkbox .checkmark {
-  width: var(--checkbox-size);
-  min-width: var(--checkbox-size);
-  height: var(--checkbox-size);
-  min-height: var(--checkbox-size);
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  border: 2px solid var(--border-subtle-03, #D1D1D1);
-  border-radius: 4px;
-  background-color: var(--background, #FFF);
-  transition: all 0.2s ease;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.xv-checkbox input:checked + .checkmark {
-  background-color: var(--background-brand, #97BF0D);
-  border-color: var(--background-brand, #97BF0D);
-}
-.xv-checkbox input:checked + .checkmark:not(.checkmark-partial)::after {
-  content: "";
-  width: calc(var(--checkbox-size) / 4);
-  height: calc(var(--checkbox-size) / 2.5);
-  border: solid var(--background, #FFF);
-  margin-bottom: calc(var(--checkbox-size) / 10);
-  border-width: 0 2px 2px 0;
-  transform: rotate(45deg);
-  display: block;
-}
-.xv-checkbox input:checked + .checkmark.checkmark-partial::after {
-  content: "";
-  width: calc(var(--checkbox-size) / 3);
-  height: calc(var(--checkbox-size) / 10);
-  background-color: var(--background, #FFF);
-}
-.xv-checkbox input:focus + .checkmark {
-  outline: 1px solid var(--border-strong-01, #8B8B8B);
-}
-.xv-checkbox .label {
-  margin-left: 8px;
-  color: var(--text-primary, #333);
-  font-family: var(--ff-body, Tahoma);
-  font-size: var(--fz-md, 14px);
-  line-height: 128.571%;
-  letter-spacing: 0.16px;
-}