@rededor/cura 0.5.4 → 1.0.0-alpha.0

package/dist/collection/components/forms/cura-switch/cura-switch.stories.js

@@ -1,17 +1,17 @@
 var __rest = (this && this.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s)
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 const renderCuraSwitch = (label, message, args) => {
-  const block = `<cura-switch${args.checked ? `
+    const block = `<cura-switch${args.checked ? `
   checked` : ''}${args.size && args.size !== 'medium' ? `
   size="${args.size}"` : ''}${args.disabled ? `
   disabled` : ''}${args.position && args.position !== 'left' ? `
@@ -23,115 +23,115 @@ const renderCuraSwitch = (label, message, args) => {
   ${message}` : ''}
 </cura-switch>
 `;
-  return `${block}`;
+    return `${block}`;
 };
 export default {
-  title: 'Componentes/Forms/Switch',
-  tags: ['autodocs'],
-  render: (_a) => {
-    var { label, message } = _a, args = __rest(_a, ["label", "message"]);
-    return renderCuraSwitch(label, message, args);
-  },
-  argTypes: {
-    label: {
-      control: 'text',
-      description: 'Texto do label do switch.',
-      name: 'label',
-      table: {
-        category: 'Properties',
-      },
+    title: 'Componentes/Forms/Switch',
+    tags: ['autodocs'],
+    render: (_a) => {
+        var { label, message } = _a, args = __rest(_a, ["label", "message"]);
+        return renderCuraSwitch(label, message, args);
     },
-    message: {
-      control: 'text',
-      description: 'Texto adicional de ajuda ou mensagem.',
-      name: 'Content',
-      table: {
-        category: 'Slots',
-      },
+    argTypes: {
+        label: {
+            control: 'text',
+            description: 'Texto do label do switch.',
+            name: 'label',
+            table: {
+                category: 'Properties',
+            },
+        },
+        message: {
+            control: 'text',
+            description: 'Texto adicional de ajuda ou mensagem.',
+            name: 'Content',
+            table: {
+                category: 'Slots',
+            },
+        },
+        checked: {
+            control: 'boolean',
+            description: 'Define se o switch está checado.',
+            table: {
+                category: 'States',
+                defaultValue: { summary: false },
+            },
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'Desabilita o switch.',
+            table: {
+                category: 'States',
+                defaultValue: { summary: false },
+            },
+        },
+        ontabindex: {
+            control: 'number',
+            description: 'Define o tabIndex do switch.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 0 },
+            },
+            name: 'ontabindex',
+        },
+        position: {
+            control: { type: 'inline-radio' },
+            options: ['left', 'right'],
+            description: 'Posição do label em relação ao switch.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'left' },
+            },
+            name: 'position',
+        },
+        size: {
+            control: { type: 'inline-radio' },
+            options: ['small', 'medium', 'large'],
+            description: 'Tamanho do switch.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'medium' },
+            },
+        },
+        background: {
+            control: { type: 'inline-radio' },
+            options: ['dark', 'light'],
+            description: 'Background do switch.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'light' },
+            },
+        },
+        color: {
+            control: { type: 'select' },
+            options: ['primary', 'secondary', 'accent'],
+            description: 'Cor do switch.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'accent' },
+            },
+        },
+        onchange: {
+            control: 'none',
+            description: 'Emite evento via Listener quando o estado do Switch é alterado. `{ checked: boolean }`',
+            table: {
+                category: 'Event',
+                defaultValue: { summary: '' },
+            },
+        },
     },
-    checked: {
-      control: 'boolean',
-      description: 'Define se o switch está checado.',
-      table: {
-        category: 'States',
-        defaultValue: { summary: false },
-      },
-    },
-    disabled: {
-      control: 'boolean',
-      description: 'Desabilita o switch.',
-      table: {
-        category: 'States',
-        defaultValue: { summary: false },
-      },
-    },
-    ontabindex: {
-      control: 'number',
-      description: 'Define o tabIndex do switch.',
-      table: {
-        category: 'Properties',
-        defaultValue: { summary: 0 },
-      },
-      name: 'ontabindex',
-    },
-    position: {
-      control: { type: 'inline-radio' },
-      options: ['left', 'right'],
-      description: 'Posição do label em relação ao switch.',
-      table: {
-        category: 'Properties',
-        defaultValue: { summary: 'left' },
-      },
-      name: 'position',
-    },
-    size: {
-      control: { type: 'inline-radio' },
-      options: ['small', 'medium', 'large'],
-      description: 'Tamanho do switch.',
-      table: {
-        category: 'Properties',
-        defaultValue: { summary: 'medium' },
-      },
-    },
-    background: {
-      control: { type: 'inline-radio' },
-      options: ['dark', 'light'],
-      description: 'Background do switch.',
-      table: {
-        category: 'Properties',
-        defaultValue: { summary: 'light' },
-      },
-    },
-    color: {
-      control: { type: 'select' },
-      options: ['primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],
-      description: 'Cor do switch.',
-      table: {
-        category: 'Properties',
-        defaultValue: { summary: 'accent' },
-      },
-    },
-    onchange: {
-      control: 'none',
-      description: 'Emite evento via Listener quando o estado do Switch é alterado. `{ checked: boolean }`',
-      table: {
-        category: 'Event',
-        defaultValue: { summary: '' },
-      },
-    },
-  },
 };
 export const CuraSwitchStory = {
-  args: {
-    label: 'Switch',
-    color: 'accent',
-    message: 'Mensagem do switch',
-    checked: false,
-    size: 'medium',
-    disabled: false,
-    position: 'left',
-    background: 'light',
-    ontabindex: 0,
-  },
+    args: {
+        label: 'Switch',
+        color: 'accent',
+        message: 'Mensagem do switch',
+        checked: false,
+        size: 'medium',
+        disabled: false,
+        position: 'left',
+        background: 'light',
+        ontabindex: 0,
+    },
 };
 //# sourceMappingURL=cura-switch.stories.js.map

package/dist/collection/components/forms/cura-switch/cura-switch.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-switch.stories.js","sourceRoot":"","sources":["../../../../src/components/forms/cura-switch/cura-switch.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["const renderCuraSwitch = (label, message, args) => {\n  const block = `<cura-switch${args.checked ? `\n  checked` : ''}${args.size && args.size !== 'medium' ? `\n  size=\"${args.size}\"` : ''}${args.disabled ? `\n  disabled` : ''}${args.position && args.position !== 'left' ? `\n  position=\"${args.position}\"` : ''}${args.ontabindex !== 0 ? `\n  ontabindex=\"${args.ontabindex}\"` : ''}${args.background && args.background !== 'light' ? `\n  background=\"${args.background}\"` : ''}${args.color && args.color !== 'accent' ? `\n  color=\"${args.color}\"` : ''}${label ? `\n  label=\"${label}\"` : ''}>${message ? `\n  ${message}` : ''}\n</cura-switch>\n`;\n  return `${block}`;\n};\n\nexport default {\n  title: 'Componentes/Forms/Switch',\n  tags: ['autodocs'],\n  render: ({ label, message, ...args }) => {\n    return renderCuraSwitch(label, message, args);\n  },\n  argTypes: {\n    label: {\n      control: 'text',\n      description: 'Texto do label do switch.',\n      name: 'label',\n      table: {\n        category: 'Properties',\n      },\n    },\n    message: {\n      control: 'text',\n      description: 'Texto adicional de ajuda ou mensagem.',\n      name: 'Content',\n      table: {\n        category: 'Slots',\n      },\n    },\n    checked: {\n      control: 'boolean',\n      description: 'Define se o switch está checado.',\n      table: {\n        category: 'States',\n        defaultValue: { summary: false },\n      },\n    },\n    disabled: {\n      control: 'boolean',\n      description: 'Desabilita o switch.',\n      table: {\n        category: 'States',\n        defaultValue: { summary: false },\n      },\n    },\n    ontabindex: {\n      control: 'number',\n      description: 'Define o tabIndex do switch.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 0 },\n      },\n      name: 'ontabindex',\n    },\n    position: {\n      control: { type: 'inline-radio' },\n      options: ['left', 'right'],\n      description: 'Posição do label em relação ao switch.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'left' },\n      },\n      name: 'position',\n    },\n    size: {\n      control: { type: 'inline-radio' },\n      options: ['small', 'medium', 'large'],\n      description: 'Tamanho do switch.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'medium' },\n      },\n    },\n    background: {\n      control: { type: 'inline-radio' },\n      options: ['dark', 'light'],\n      description: 'Background do switch.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'light' },\n      },\n    },\n    color: {\n      control: { type: 'select' },\n      options: ['primary', 'secondary', 'accent', 'info', 'success', 'error', 'warning', 'neutral'],\n      description: 'Cor do switch.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'accent' },\n      },\n    },\n    onchange: {\n      control: 'none',\n      description: 'Emite evento via Listener quando o estado do Switch é alterado. `{ checked: boolean }`',\n      table: {\n        category: 'Event',\n        defaultValue: { summary: '' },\n      },\n    },\n  },\n};\n\nexport const CuraSwitchStory = {\n  args: {\n    label: 'Switch',\n    color: 'accent',\n    message: 'Mensagem do switch',\n    checked: false,\n    size: 'medium',\n    disabled: false,\n    position: 'left',\n    background: 'light',\n    ontabindex: 0,\n  },\n};\n"]}
+{"version":3,"file":"cura-switch.stories.js","sourceRoot":"","sources":["../../../../src/components/forms/cura-switch/cura-switch.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["const renderCuraSwitch = (label, message, args) => {\n  const block = `<cura-switch${args.checked ? `\n  checked` : ''}${args.size && args.size !== 'medium' ? `\n  size=\"${args.size}\"` : ''}${args.disabled ? `\n  disabled` : ''}${args.position && args.position !== 'left' ? `\n  position=\"${args.position}\"` : ''}${args.ontabindex !== 0 ? `\n  ontabindex=\"${args.ontabindex}\"` : ''}${args.background && args.background !== 'light' ? `\n  background=\"${args.background}\"` : ''}${args.color && args.color !== 'accent' ? `\n  color=\"${args.color}\"` : ''}${label ? `\n  label=\"${label}\"` : ''}>${message ? `\n  ${message}` : ''}\n</cura-switch>\n`;\n  return `${block}`;\n};\n\nexport default {\n  title: 'Componentes/Forms/Switch',\n  tags: ['autodocs'],\n  render: ({ label, message, ...args }) => {\n    return renderCuraSwitch(label, message, args);\n  },\n  argTypes: {\n    label: {\n      control: 'text',\n      description: 'Texto do label do switch.',\n      name: 'label',\n      table: {\n        category: 'Properties',\n      },\n    },\n    message: {\n      control: 'text',\n      description: 'Texto adicional de ajuda ou mensagem.',\n      name: 'Content',\n      table: {\n        category: 'Slots',\n      },\n    },\n    checked: {\n      control: 'boolean',\n      description: 'Define se o switch está checado.',\n      table: {\n        category: 'States',\n        defaultValue: { summary: false },\n      },\n    },\n    disabled: {\n      control: 'boolean',\n      description: 'Desabilita o switch.',\n      table: {\n        category: 'States',\n        defaultValue: { summary: false },\n      },\n    },\n    ontabindex: {\n      control: 'number',\n      description: 'Define o tabIndex do switch.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 0 },\n      },\n      name: 'ontabindex',\n    },\n    position: {\n      control: { type: 'inline-radio' },\n      options: ['left', 'right'],\n      description: 'Posição do label em relação ao switch.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'left' },\n      },\n      name: 'position',\n    },\n    size: {\n      control: { type: 'inline-radio' },\n      options: ['small', 'medium', 'large'],\n      description: 'Tamanho do switch.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'medium' },\n      },\n    },\n    background: {\n      control: { type: 'inline-radio' },\n      options: ['dark', 'light'],\n      description: 'Background do switch.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'light' },\n      },\n    },\n    color: {\n      control: { type: 'select' },\n      options: ['primary', 'secondary', 'accent'],\n      description: 'Cor do switch.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'accent' },\n      },\n    },\n    onchange: {\n      control: 'none',\n      description: 'Emite evento via Listener quando o estado do Switch é alterado. `{ checked: boolean }`',\n      table: {\n        category: 'Event',\n        defaultValue: { summary: '' },\n      },\n    },\n  },\n};\n\nexport const CuraSwitchStory = {\n  args: {\n    label: 'Switch',\n    color: 'accent',\n    message: 'Mensagem do switch',\n    checked: false,\n    size: 'medium',\n    disabled: false,\n    position: 'left',\n    background: 'light',\n    ontabindex: 0,\n  },\n};\n"]}

package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.js

@@ -1,77 +1,77 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class CuraLoaderCircle {
-  constructor() {
-    this.sizes = {
-      xlarge: 32,
-      large: 24,
-      medium: 20,
-      small: 16,
-      default: 16,
-    };
-    this.getPxSize = () => this.sizes[this.size] || this.sizes['default'];
-    this.size = 'medium';
-    this.color = 'neutral-white';
-  }
-  getStyles() {
-    return {
-      '--size': `${this.getPxSize()}px`,
-      '--color': window.CuraAPI.theme.colors.getColor(this.color)
-    };
-  }
-  render() {
-    return (h(Host, { style: this.getStyles() }, h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", null, h("circle", { cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), h("path", { d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), h("defs", null, h("linearGradient", { id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, h("stop", null), h("stop", { offset: "1" }))))));
-  }
-  static get is() { return "cura-loader-circle"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["cura-loader-circle.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["cura-loader-circle.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'small' | 'medium' | 'large' | 'xlarge'",
-          "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Loader size. Values: small, medium or large."
-        },
-        "attribute": "size",
-        "reflect": true,
-        "defaultValue": "'medium'"
-      },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "One from color scheme. Default: neutral-white."
-        },
-        "attribute": "color",
-        "reflect": true,
-        "defaultValue": "'neutral-white'"
-      }
-    };
-  }
+    constructor() {
+        this.sizes = {
+            xlarge: 32,
+            large: 24,
+            medium: 20,
+            small: 16,
+            default: 16,
+        };
+        this.getPxSize = () => this.sizes[this.size] || this.sizes['default'];
+        this.size = 'medium';
+        this.color = 'neutral-white';
+    }
+    getStyles() {
+        return {
+            '--size': `${this.getPxSize()}px`,
+            '--color': window.CuraAPI.theme.colors.getColor(this.color)
+        };
+    }
+    render() {
+        return (h(Host, { key: '8b2b73c6aefffd1a4350618ed52038a414cebb48', style: this.getStyles() }, h("svg", { key: '4478c39440bc66adcb3bcf1d947ae12cd5c3c721', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '3c01be9c541a634c504a2b8f72296426b8cebe28' }, h("circle", { key: '153102890325235a989b91badcadd00f852ccc3e', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), h("path", { key: '5fd7be471c351a46154fa96b459a99be297dfb5e', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), h("defs", { key: '89ce06231240879c222d93fc4efc44d963bbd167' }, h("linearGradient", { key: '0999b93ff91ef7d31b9bfc70cfb08190838197e9', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'd7adf5104e03f40f4c757d218c0fc786e9f8ef2c' }), h("stop", { key: '8aaddbffb82d660aa8d62b2147efb74409218f41', offset: "1" }))))));
+    }
+    static get is() { return "cura-loader-circle"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["cura-loader-circle.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["cura-loader-circle.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'small' | 'medium' | 'large' | 'xlarge'",
+                    "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Loader size. Values: small, medium or large."
+                },
+                "attribute": "size",
+                "reflect": true,
+                "defaultValue": "'medium'"
+            },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "One from color scheme. Default: neutral-white."
+                },
+                "attribute": "color",
+                "reflect": true,
+                "defaultValue": "'neutral-white'"
+            }
+        };
+    }
 }
 //# sourceMappingURL=cura-loader-circle.js.map

package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-loader-circle.js","sourceRoot":"","sources":["../../../../src/components/loaders/cura-loader-circle/cura-loader-circle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,gBAAgB;;IAW3B,UAAK,GAAG;MACN,MAAM,EAAE,EAAE;MACV,KAAK,EAAE,EAAE;MACT,MAAM,EAAE,EAAE;MACV,KAAK,EAAE,EAAE;MACT,OAAO,EAAE,EAAE;KACZ,CAAC;IAEF,cAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBAdM,QAAQ;iBAIhD,eAAe;;EAY9C,SAAS;IACP,OAAO;MACL,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI;MACjC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;KAC5D,CAAA;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE;MAC3B,WAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QACrE;UACE,cAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,iCAAiC,kBAAc,GAAG,GAAE;UACvF,YAAM,CAAC,EAAC,iHAAiH,kBAAc,GAAG,GAAE,CAC1I;QACJ;UACE,sBAAgB,EAAE,EAAC,2BAA2B,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,aAAa,EAAC,gBAAgB;YAClH,eAAO;YACP,YAAM,MAAM,EAAC,GAAG,GAAE,CACH,CACZ,CACH,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-loader-circle',\n  styleUrl: 'cura-loader-circle.scss',\n  shadow: true,\n})\nexport class CuraLoaderCircle {\n\n  /**\n   * Loader size. Values: small, medium or large.\n   */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' | 'xlarge' = 'medium';\n  /**\n   * One from color scheme. Default: neutral-white.\n   */\n  @Prop({reflect: true}) color = 'neutral-white';\n\n  sizes = {\n    xlarge: 32,\n    large: 24,\n    medium: 20,\n    small: 16,\n    default: 16,\n  };\n\n  getPxSize = () => this.sizes[this.size] || this.sizes['default'];\n\n  getStyles() {\n    return {\n      '--size': `${this.getPxSize()}px`,\n      '--color': window.CuraAPI.theme.colors.getColor(this.color)\n    }\n  }\n\n  render() {\n    return (\n      <Host style={this.getStyles()}>\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g>\n            <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\"/>\n            <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\"/>\n          </g>\n          <defs>\n            <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n              <stop/>\n              <stop offset=\"1\"/>\n            </linearGradient>\n          </defs>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n"]}
+{"version":3,"file":"cura-loader-circle.js","sourceRoot":"","sources":["../../../../src/components/loaders/cura-loader-circle/cura-loader-circle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,gBAAgB;;QAW3B,UAAK,GAAG;YACN,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;SACZ,CAAC;QAEF,cAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;oBAdM,QAAQ;qBAIhD,eAAe;;IAY9C,SAAS;QACP,OAAO;YACL,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI;YACjC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;SAC5D,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE;YAC3B,4DAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;gBACrE;oBACE,+DAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,iCAAiC,kBAAc,GAAG,GAAE;oBACvF,6DAAM,CAAC,EAAC,iHAAiH,kBAAc,GAAG,GAAE,CAC1I;gBACJ;oBACE,uEAAgB,EAAE,EAAC,2BAA2B,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,aAAa,EAAC,gBAAgB;wBAClH,8DAAO;wBACP,6DAAM,MAAM,EAAC,GAAG,GAAE,CACH,CACZ,CACH,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-loader-circle',\n  styleUrl: 'cura-loader-circle.scss',\n  shadow: true,\n})\nexport class CuraLoaderCircle {\n\n  /**\n   * Loader size. Values: small, medium or large.\n   */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' | 'xlarge' = 'medium';\n  /**\n   * One from color scheme. Default: neutral-white.\n   */\n  @Prop({reflect: true}) color = 'neutral-white';\n\n  sizes = {\n    xlarge: 32,\n    large: 24,\n    medium: 20,\n    small: 16,\n    default: 16,\n  };\n\n  getPxSize = () => this.sizes[this.size] || this.sizes['default'];\n\n  getStyles() {\n    return {\n      '--size': `${this.getPxSize()}px`,\n      '--color': window.CuraAPI.theme.colors.getColor(this.color)\n    }\n  }\n\n  render() {\n    return (\n      <Host style={this.getStyles()}>\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g>\n            <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\"/>\n            <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\"/>\n          </g>\n          <defs>\n            <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n              <stop/>\n              <stop offset=\"1\"/>\n            </linearGradient>\n          </defs>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.stories.js

@@ -1,56 +1,56 @@
 var __rest = (this && this.__rest) || function (s, e) {
-  var t = {};
-  for (var p in s)
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 import { getColorsWithDepths } from "../../../utils/utils";
 const colors = getColorsWithDepths();
 export default {
-  title: 'Componentes/Loaders/Loader Circle',
-  tags: ['autodocs'],
-  render: (_a) => {
-    var { label } = _a, args = __rest(_a, ["label"]);
-    // You can either use a function to create DOM elements or use a plain html string!
-    // return `<div>${label}</div>`;
-    return `<cura-loader-circle
+    title: 'Componentes/Loaders/Loader Circle',
+    tags: ['autodocs'],
+    render: (_a) => {
+        var { label } = _a, args = __rest(_a, ["label"]);
+        // You can either use a function to create DOM elements or use a plain html string!
+        // return `<div>${label}</div>`;
+        return `<cura-loader-circle
   name="${args.name}"
   color="${args.color}"
   size="${args.size}"
   disabled="${args.disabled}">
 </cura-loader-circle>`;
-  },
-  argTypes: {
-    size: {
-      control: { type: 'select' },
-      options: ['small', 'medium', 'large', 'xlarge'],
-      description: 'Tamanhos disponíveis.',
-      table: {
-        category: 'Properties',
-        defaultValue: { summary: 'medium' }
-      }
     },
-    color: {
-      control: { type: 'select' },
-      options: colors,
-      description: 'Cor e profundidade (ex: primary-dark). Se nenhuma profundidade informada assumirá a base como padrão.',
-      table: {
-        category: 'Properties',
-        defaultValue: { summary: 'neutral-white' }
-      }
-    }
-  },
+    argTypes: {
+        size: {
+            control: { type: 'select' },
+            options: ['small', 'medium', 'large', 'xlarge'],
+            description: 'Tamanhos disponíveis.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'medium' }
+            }
+        },
+        color: {
+            control: { type: 'select' },
+            options: colors,
+            description: 'Cor e profundidade (ex: primary-dark). Se nenhuma profundidade informada assumirá a base como padrão.',
+            table: {
+                category: 'Properties',
+                defaultValue: { summary: 'neutral-white' }
+            }
+        }
+    },
 };
 export const LoaderCircle = {
-  args: {
-    size: 'medium',
-    color: 'primary'
-  },
+    args: {
+        size: 'medium',
+        color: 'primary'
+    },
 };
 //# sourceMappingURL=cura-loader-circle.stories.js.map

package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-loader-circle.stories.js","sourceRoot":"","sources":["../../../../src/components/loaders/cura-loader-circle/cura-loader-circle.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;AAErC,eAAe;EACb,KAAK,EAAE,mCAAmC;EAC1C,IAAI,EAAE,CAAC,UAAU,CAAC;EAClB,MAAM,EAAE,CAAC,EAAkB,EAAE,EAAE;QAAtB,EAAE,KAAK,OAAW,EAAN,IAAI,cAAhB,SAAkB,CAAF;IACvB,mFAAmF;IACnF,gCAAgC;IAChC,OAAO;UACD,IAAI,CAAC,IAAI;WACR,IAAI,CAAC,KAAK;UACX,IAAI,CAAC,IAAI;cACL,IAAI,CAAC,QAAQ;sBACL,CAAC;EACrB,CAAC;EACD,QAAQ,EAAE;IACR,IAAI,EAAE;MACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;MAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC;MAC/C,WAAW,EAAE,uBAAuB;MACpC,KAAK,EAAE;QACL,QAAQ,EAAE,YAAY;QACtB,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAC;OACnC;KACF;IACD,KAAK,EAAE;MACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;MAC3B,OAAO,EAAE,MAAM;MACf,WAAW,EAAE,uGAAuG;MACpH,KAAK,EAAE;QACL,QAAQ,EAAE,YAAY;QACtB,YAAY,EAAE,EAAE,OAAO,EAAE,eAAe,EAAC;OAC1C;KACF;GACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;EAC1B,IAAI,EAAE;IACJ,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,SAAS;GACjB;CACF,CAAC","sourcesContent":["import { getColorsWithDepths } from \"../../../utils/utils\";\n\nconst colors = getColorsWithDepths();\n\nexport default {\n  title: 'Componentes/Loaders/Loader Circle',\n  tags: ['autodocs'],\n  render: ({ label, ...args }) => {\n    // You can either use a function to create DOM elements or use a plain html string!\n    // return `<div>${label}</div>`;\n    return `<cura-loader-circle\n  name=\"${args.name}\"\n  color=\"${args.color}\"\n  size=\"${args.size}\"\n  disabled=\"${args.disabled}\">\n</cura-loader-circle>`;\n  },\n  argTypes: {\n    size: {\n      control: { type: 'select' },\n      options: ['small', 'medium', 'large', 'xlarge'],\n      description: 'Tamanhos disponíveis.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'medium'}\n      }\n    },\n    color: {\n      control: { type: 'select' },\n      options: colors,\n      description: 'Cor e profundidade (ex: primary-dark). Se nenhuma profundidade informada assumirá a base como padrão.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'neutral-white'}\n      }\n    }\n  },\n};\n\nexport const LoaderCircle = {\n  args: {\n    size: 'medium',\n    color: 'primary'\n  },\n};\n"]}
+{"version":3,"file":"cura-loader-circle.stories.js","sourceRoot":"","sources":["../../../../src/components/loaders/cura-loader-circle/cura-loader-circle.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;AAErC,eAAe;IACb,KAAK,EAAE,mCAAmC;IAC1C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,EAAE,CAAC,EAAkB,EAAE,EAAE;YAAtB,EAAE,KAAK,OAAW,EAAN,IAAI,cAAhB,SAAkB,CAAF;QACvB,mFAAmF;QACnF,gCAAgC;QAChC,OAAO;UACD,IAAI,CAAC,IAAI;WACR,IAAI,CAAC,KAAK;UACX,IAAI,CAAC,IAAI;cACL,IAAI,CAAC,QAAQ;sBACL,CAAC;IACrB,CAAC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC;YAC/C,WAAW,EAAE,uBAAuB;YACpC,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAC;aACnC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,uGAAuG;YACpH,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,YAAY,EAAE,EAAE,OAAO,EAAE,eAAe,EAAC;aAC1C;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,SAAS;KACjB;CACF,CAAC","sourcesContent":["import { getColorsWithDepths } from \"../../../utils/utils\";\n\nconst colors = getColorsWithDepths();\n\nexport default {\n  title: 'Componentes/Loaders/Loader Circle',\n  tags: ['autodocs'],\n  render: ({ label, ...args }) => {\n    // You can either use a function to create DOM elements or use a plain html string!\n    // return `<div>${label}</div>`;\n    return `<cura-loader-circle\n  name=\"${args.name}\"\n  color=\"${args.color}\"\n  size=\"${args.size}\"\n  disabled=\"${args.disabled}\">\n</cura-loader-circle>`;\n  },\n  argTypes: {\n    size: {\n      control: { type: 'select' },\n      options: ['small', 'medium', 'large', 'xlarge'],\n      description: 'Tamanhos disponíveis.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'medium'}\n      }\n    },\n    color: {\n      control: { type: 'select' },\n      options: colors,\n      description: 'Cor e profundidade (ex: primary-dark). Se nenhuma profundidade informada assumirá a base como padrão.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: 'neutral-white'}\n      }\n    }\n  },\n};\n\nexport const LoaderCircle = {\n  args: {\n    size: 'medium',\n    color: 'primary'\n  },\n};\n"]}