@haiilo/catalyst 8.1.1 → 8.2.0

package/dist/collection/components/cat-badge/cat-badge.js

@@ -4,122 +4,122 @@ import { h } from "@stencil/core";
  * that’s been taken.
  */
 export class CatBadge {
-  constructor() {
-    this.variant = 'filled';
-    this.color = 'primary';
-    this.size = 'm';
-    this.round = false;
-    this.pulse = false;
-  }
-  render() {
-    return h("slot", null);
-  }
-  static get is() { return "cat-badge"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["cat-badge.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["cat-badge.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'filled' | 'outlined'",
-          "resolved": "\"filled\" | \"outlined\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The rendering style of the badge."
-        },
-        "attribute": "variant",
-        "reflect": true,
-        "defaultValue": "'filled'"
-      },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger'",
-          "resolved": "\"danger\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The color palette of the badge."
-        },
-        "attribute": "color",
-        "reflect": true,
-        "defaultValue": "'primary'"
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'xs' | 's' | 'm' | 'l' | 'xl'",
-          "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The size of the badge."
-        },
-        "attribute": "size",
-        "reflect": true,
-        "defaultValue": "'m'"
-      },
-      "round": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Use round badge edges."
-        },
-        "attribute": "round",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "pulse": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Draw attention to the badge with a subtle animation."
-        },
-        "attribute": "pulse",
-        "reflect": true,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get elementRef() { return "hostElement"; }
+    constructor() {
+        this.variant = 'filled';
+        this.color = 'primary';
+        this.size = 'm';
+        this.round = false;
+        this.pulse = false;
+    }
+    render() {
+        return h("slot", null);
+    }
+    static get is() { return "cat-badge"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["cat-badge.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["cat-badge.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'filled' | 'outlined'",
+                    "resolved": "\"filled\" | \"outlined\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The rendering style of the badge."
+                },
+                "attribute": "variant",
+                "reflect": true,
+                "defaultValue": "'filled'"
+            },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger'",
+                    "resolved": "\"danger\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The color palette of the badge."
+                },
+                "attribute": "color",
+                "reflect": true,
+                "defaultValue": "'primary'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'xs' | 's' | 'm' | 'l' | 'xl'",
+                    "resolved": "\"l\" | \"m\" | \"s\" | \"xl\" | \"xs\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The size of the badge."
+                },
+                "attribute": "size",
+                "reflect": true,
+                "defaultValue": "'m'"
+            },
+            "round": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Use round badge edges."
+                },
+                "attribute": "round",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "pulse": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Draw attention to the badge with a subtle animation."
+                },
+                "attribute": "pulse",
+                "reflect": true,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "hostElement"; }
 }
 //# sourceMappingURL=cat-badge.js.map

package/dist/collection/components/cat-badge/cat-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"cat-badge.js","sourceRoot":"","sources":["../../../src/components/cat-badge/cat-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE5D;;;GAGG;AAMH,MAAM,OAAO,QAAQ;;mBAMuC,QAAQ;iBAKoC,SAAS;gBAKhD,GAAG;iBAKjC,KAAK;iBAKL,KAAK;;EAEtC,MAAM;IACJ,OAAO,eAAa,CAAC;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop } from '@stencil/core';\n\n/**\n * Badges are used to inform users of the status of an object or of an action\n * that’s been taken.\n */\n@Component({\n  tag: 'cat-badge',\n  styleUrl: 'cat-badge.scss',\n  shadow: true\n})\nexport class CatBadge {\n  @Element() hostElement!: HTMLElement;\n\n  /**\n   * The rendering style of the badge.\n   */\n  @Prop({ reflect: true }) variant: 'filled' | 'outlined' = 'filled';\n\n  /**\n   * The color palette of the badge.\n   */\n  @Prop({ reflect: true }) color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' = 'primary';\n\n  /**\n   * The size of the badge.\n   */\n  @Prop({ reflect: true }) size: 'xs' | 's' | 'm' | 'l' | 'xl' = 'm';\n\n  /**\n   * Use round badge edges.\n   */\n  @Prop({ reflect: true }) round = false;\n\n  /**\n   * Draw attention to the badge with a subtle animation.\n   */\n  @Prop({ reflect: true }) pulse = false;\n\n  render() {\n    return <slot></slot>;\n  }\n}\n"]}
+{"version":3,"file":"cat-badge.js","sourceRoot":"","sources":["../../../src/components/cat-badge/cat-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE5D;;;GAGG;AAMH,MAAM,OAAO,QAAQ;;uBAMuC,QAAQ;qBAKoC,SAAS;oBAKhD,GAAG;qBAKjC,KAAK;qBAKL,KAAK;;IAEtC,MAAM;QACJ,OAAO,eAAa,CAAC;IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop } from '@stencil/core';\n\n/**\n * Badges are used to inform users of the status of an object or of an action\n * that’s been taken.\n */\n@Component({\n  tag: 'cat-badge',\n  styleUrl: 'cat-badge.scss',\n  shadow: true\n})\nexport class CatBadge {\n  @Element() hostElement!: HTMLElement;\n\n  /**\n   * The rendering style of the badge.\n   */\n  @Prop({ reflect: true }) variant: 'filled' | 'outlined' = 'filled';\n\n  /**\n   * The color palette of the badge.\n   */\n  @Prop({ reflect: true }) color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' = 'primary';\n\n  /**\n   * The size of the badge.\n   */\n  @Prop({ reflect: true }) size: 'xs' | 's' | 'm' | 'l' | 'xl' = 'm';\n\n  /**\n   * Use round badge edges.\n   */\n  @Prop({ reflect: true }) round = false;\n\n  /**\n   * Draw attention to the badge with a subtle animation.\n   */\n  @Prop({ reflect: true }) pulse = false;\n\n  render() {\n    return <slot></slot>;\n  }\n}\n"]}

package/dist/collection/components/cat-badge/cat-badge.spec.js

@@ -1,18 +1,18 @@
 import { newSpecPage } from "@stencil/core/testing";
 import { CatBadge } from "./cat-badge";
 describe('cat-badge', () => {
-  it('renders', async () => {
-    const page = await newSpecPage({
-      components: [CatBadge],
-      html: `<cat-badge></cat-badge>`
-    });
-    expect(page.root).toEqualHtml(`
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [CatBadge],
+            html: `<cat-badge></cat-badge>`
+        });
+        expect(page.root).toEqualHtml(`
       <cat-badge color="primary" size="m" variant="filled">
         <mock:shadow-root>
           <slot></slot>
         </mock:shadow-root>
       </cat-badge>
     `);
-  });
+    });
 });
 //# sourceMappingURL=cat-badge.spec.js.map

package/dist/collection/components/cat-badge/cat-badge.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"cat-badge.spec.js","sourceRoot":"","sources":["../../../src/components/cat-badge/cat-badge.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;MACtB,IAAI,EAAE,yBAAyB;KAChC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { CatBadge } from './cat-badge';\n\ndescribe('cat-badge', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [CatBadge],\n      html: `<cat-badge></cat-badge>`\n    });\n    expect(page.root).toEqualHtml(`\n      <cat-badge color=\"primary\" size=\"m\" variant=\"filled\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </cat-badge>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"cat-badge.spec.js","sourceRoot":"","sources":["../../../src/components/cat-badge/cat-badge.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,yBAAyB;SAChC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { CatBadge } from './cat-badge';\n\ndescribe('cat-badge', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [CatBadge],\n      html: `<cat-badge></cat-badge>`\n    });\n    expect(page.root).toEqualHtml(`\n      <cat-badge color=\"primary\" size=\"m\" variant=\"filled\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </cat-badge>\n    `);\n  });\n});\n"]}

package/dist/collection/components/cat-button/cat-button.css

@@ -512,8 +512,9 @@
 
 :host(.cat-tab)::part(button) {
   padding: 1.125rem 0.75rem;
-  --cat-primary-text: transparent;
   --cat-secondary-bg: transparent;
+  --cat-primary-text: transparent;
+  --cat-danger-text: transparent;
 }
 :host(.cat-tab)::part(content)::before {
   content: attr(data-text);

package/dist/collection/components/cat-button/cat-button.e2e.js

@@ -1,10 +1,10 @@
 import { newE2EPage } from "@stencil/core/testing";
 describe('cat-button', () => {
-  it('renders', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<cat-button></cat-button>');
-    const element = await page.find('cat-button');
-    expect(element).toHaveClass('hydrated');
-  });
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<cat-button></cat-button>');
+        const element = await page.find('cat-button');
+        expect(element).toHaveClass('hydrated');
+    });
 });
 //# sourceMappingURL=cat-button.e2e.js.map

package/dist/collection/components/cat-button/cat-button.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"cat-button.e2e.js","sourceRoot":"","sources":["../../../src/components/cat-button/cat-button.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;EAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IAEnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('cat-button', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<cat-button></cat-button>');\n\n    const element = await page.find('cat-button');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}
+{"version":3,"file":"cat-button.e2e.js","sourceRoot":"","sources":["../../../src/components/cat-button/cat-button.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;QAEnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('cat-button', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<cat-button></cat-button>');\n\n    const element = await page.find('cat-button');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}