@rededor/cura 0.5.4 → 1.0.0-alpha.0

package/dist/collection/components/forms/cura-input-text/mask-presets/input-mask-presets.js

@@ -1,46 +1,46 @@
 export const maskOptions = {
-  cpf_cnpj: {
-    mask: [{ mask: '000.000.000-00' }, { mask: '00.000.000/0000-00' }],
-    placeholderChar: '_',
-  },
-  cpf: {
-    mask: '000.000.000-00',
-    placeholderChar: '_',
-  },
-  cnpj: {
-    mask: '00.000.000/0000-00',
-    placeholderChar: '_',
-  },
-  phone: {
-    mask: '(00) 00000-0000',
-    blocks: {
-      '(00)': {
-        mask: '(00)',
-        maxLength: 2,
-        placeholderChar: '',
-      },
-      '00000': {
-        mask: '00000',
-        maxLength: 5,
+    cpf_cnpj: {
+        mask: [{ mask: '000.000.000-00' }, { mask: '00.000.000/0000-00' }],
         placeholderChar: '_',
-      },
-      '-': {
-        mask: '-',
-      },
-      '0000': {
-        mask: '0000',
-        maxLength: 4,
+    },
+    cpf: {
+        mask: '000.000.000-00',
+        placeholderChar: '_',
+    },
+    cnpj: {
+        mask: '00.000.000/0000-00',
+        placeholderChar: '_',
+    },
+    phone: {
+        mask: '(00) 00000-0000',
+        blocks: {
+            '(00)': {
+                mask: '(00)',
+                maxLength: 2,
+                placeholderChar: '',
+            },
+            '00000': {
+                mask: '00000',
+                maxLength: 5,
+                placeholderChar: '_',
+            },
+            '-': {
+                mask: '-',
+            },
+            '0000': {
+                mask: '0000',
+                maxLength: 4,
+                placeholderChar: '_',
+            },
+        },
+        placeholderChar: '_',
+    },
+    date: {
+        mask: Date,
+        min: new Date(1900, 0, 1),
+        max: new Date(2099, 11, 31),
+        lazy: false,
         placeholderChar: '_',
-      },
     },
-    placeholderChar: '_',
-  },
-  date: {
-    mask: Date,
-    min: new Date(1900, 0, 1),
-    max: new Date(2099, 11, 31),
-    lazy: false,
-    placeholderChar: '_',
-  },
 };
 //# sourceMappingURL=input-mask-presets.js.map

package/dist/collection/components/forms/cura-input-text/mask-presets/input-mask-presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-mask-presets.js","sourceRoot":"","sources":["../../../../../src/components/forms/cura-input-text/mask-presets/input-mask-presets.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,WAAW,GAAmB;EACzC,QAAQ,EAAE;IACR,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAClE,eAAe,EAAE,GAAG;GACrB;EACD,GAAG,EAAE;IACH,IAAI,EAAE,gBAAgB;IACtB,eAAe,EAAE,GAAG;GACrB;EACD,IAAI,EAAE;IACJ,IAAI,EAAE,oBAAoB;IAC1B,eAAe,EAAE,GAAG;GACrB;EAED,KAAK,EAAE;IACL,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE;MACN,MAAM,EAAE;QACN,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,CAAC;QACZ,eAAe,EAAE,EAAE;OACpB;MACD,OAAO,EAAE;QACP,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,CAAC;QACZ,eAAe,EAAE,GAAG;OACrB;MACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG;OACV;MACD,MAAM,EAAE;QACN,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,CAAC;QACZ,eAAe,EAAE,GAAG;OACrB;KACF;IACD,eAAe,EAAE,GAAG;GACrB;EACD,IAAI,EAAE;IACJ,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IACzB,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC;IAC3B,IAAI,EAAE,KAAK;IACX,eAAe,EAAE,GAAG;GACrB;CACF,CAAC","sourcesContent":["import { FactoryArg } from 'imask/esm/index';\n\nexport type MaskOptionsMap = {\n  [key: string]: FactoryArg;\n};\n\nexport const maskOptions: MaskOptionsMap = {\n  cpf_cnpj: {\n    mask: [{ mask: '000.000.000-00' }, { mask: '00.000.000/0000-00' }],\n    placeholderChar: '_',\n  },\n  cpf: {\n    mask: '000.000.000-00',\n    placeholderChar: '_',\n  },\n  cnpj: {\n    mask: '00.000.000/0000-00',\n    placeholderChar: '_',\n  },\n\n  phone: {\n    mask: '(00) 00000-0000',\n    blocks: {\n      '(00)': {\n        mask: '(00)',\n        maxLength: 2,\n        placeholderChar: '',\n      },\n      '00000': {\n        mask: '00000',\n        maxLength: 5,\n        placeholderChar: '_',\n      },\n      '-': {\n        mask: '-',\n      },\n      '0000': {\n        mask: '0000',\n        maxLength: 4,\n        placeholderChar: '_',\n      },\n    },\n    placeholderChar: '_',\n  },\n  date: {\n    mask: Date,\n    min: new Date(1900, 0, 1),\n    max: new Date(2099, 11, 31),\n    lazy: false,\n    placeholderChar: '_',\n  },\n};\n"]}
+{"version":3,"file":"input-mask-presets.js","sourceRoot":"","sources":["../../../../../src/components/forms/cura-input-text/mask-presets/input-mask-presets.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,WAAW,GAAmB;IACzC,QAAQ,EAAE;QACR,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC;QAClE,eAAe,EAAE,GAAG;KACrB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,gBAAgB;QACtB,eAAe,EAAE,GAAG;KACrB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,oBAAoB;QAC1B,eAAe,EAAE,GAAG;KACrB;IAED,KAAK,EAAE;QACL,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM;gBACZ,SAAS,EAAE,CAAC;gBACZ,eAAe,EAAE,EAAE;aACpB;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,SAAS,EAAE,CAAC;gBACZ,eAAe,EAAE,GAAG;aACrB;YACD,GAAG,EAAE;gBACH,IAAI,EAAE,GAAG;aACV;YACD,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM;gBACZ,SAAS,EAAE,CAAC;gBACZ,eAAe,EAAE,GAAG;aACrB;SACF;QACD,eAAe,EAAE,GAAG;KACrB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;QACzB,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC;QAC3B,IAAI,EAAE,KAAK;QACX,eAAe,EAAE,GAAG;KACrB;CACF,CAAC","sourcesContent":["export type MaskOptionsMap = {\n  [key: string]: any;\n};\n\nexport const maskOptions: MaskOptionsMap = {\n  cpf_cnpj: {\n    mask: [{ mask: '000.000.000-00' }, { mask: '00.000.000/0000-00' }],\n    placeholderChar: '_',\n  },\n  cpf: {\n    mask: '000.000.000-00',\n    placeholderChar: '_',\n  },\n  cnpj: {\n    mask: '00.000.000/0000-00',\n    placeholderChar: '_',\n  },\n\n  phone: {\n    mask: '(00) 00000-0000',\n    blocks: {\n      '(00)': {\n        mask: '(00)',\n        maxLength: 2,\n        placeholderChar: '',\n      },\n      '00000': {\n        mask: '00000',\n        maxLength: 5,\n        placeholderChar: '_',\n      },\n      '-': {\n        mask: '-',\n      },\n      '0000': {\n        mask: '0000',\n        maxLength: 4,\n        placeholderChar: '_',\n      },\n    },\n    placeholderChar: '_',\n  },\n  date: {\n    mask: Date,\n    min: new Date(1900, 0, 1),\n    max: new Date(2099, 11, 31),\n    lazy: false,\n    placeholderChar: '_',\n  },\n};\n"]}

package/dist/collection/components/forms/cura-label/cura-label.js

@@ -1,190 +1,190 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class CuraLabel {
-  constructor() {
-    this.theme = window.CuraAPI.theme;
-    this.size = 'medium';
-    this.weight = 'regular';
-    this.spotColor = 'accent-dark';
-    this.color = undefined;
-    this.marginBlock = '0';
-    this.lineHeight = '125%';
-    this.styles = {};
-  }
-  handleChangeColor() {
-    this.setColors();
-  }
-  connectedCallback() {
-    this.setFontProperties();
-    this.setColors();
-  }
-  getClasses() {
-    const sizeclass = {};
-    sizeclass[this.size.toLowerCase()] = true;
-    sizeclass[`${this.weight.toLowerCase()}-weight`] = true;
-    return sizeclass;
-  }
-  setFontProperties() {
-    this.weights = this.theme.fonts.getWeights();
-    this.fontSizeBase = this.theme.fonts.getSize();
-    this.styles = {
-      '--font-family': this.theme.fonts.getFamily('body'),
-      '--font-weight-medium': this.weights.medium,
-      '--font-weight-bold': this.weights.bold
-    };
-  }
-  setColors() {
-    const fontColor = this.color
-      ? this.theme.colors.getColor(this.color)
-      : this.theme.fonts.getColor();
-    this.styles = Object.assign(Object.assign({}, this.styles), { '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'), '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
-  }
-  hostCSSProperties() {
-    return {
-      '--margin-block': this.marginBlock,
-      '--font-size-base': this.fontSizeBase,
-      '--line-height': this.lineHeight
-    };
-  }
-  render() {
-    return (h(Host, { style: this.hostCSSProperties() }, h("p", { style: this.styles, class: this.getClasses() }, h("slot", null))));
-  }
-  static get is() { return "cura-label"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["cura-label.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["cura-label.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'medium' | 'large' | 'small' | 'xsmall'",
-          "resolved": "\"large\" | \"medium\" | \"small\" | \"xsmall\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set size of body text.\nValues: medium (default) | large | small | xsmall."
-        },
-        "attribute": "size",
-        "reflect": true,
-        "defaultValue": "'medium'"
-      },
-      "weight": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'regular' | 'bold'",
-          "resolved": "\"bold\" | \"regular\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\nValues: regular (default) | bold."
-        },
-        "attribute": "weight",
-        "reflect": true,
-        "defaultValue": "'regular'"
-      },
-      "spotColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Apply design system color to interactive elements like <a> and <abbr> inside the text.\nValues: Color from design system scheme. Default to 'accent-dark'."
-        },
-        "attribute": "spot-color",
-        "reflect": true,
-        "defaultValue": "'accent-dark'"
-      },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Text color.\nValues: Color from design system scheme. Default to the font color from the theme."
-        },
-        "attribute": "color",
-        "reflect": false
-      },
-      "marginBlock": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "CSS margin-block property values.\nDefault to 1.25em"
-        },
-        "attribute": "margin-block",
-        "reflect": true,
-        "defaultValue": "'0'"
-      },
-      "lineHeight": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "CSS line-height property values.\nDefault to 140%"
-        },
-        "attribute": "line-height",
-        "reflect": true,
-        "defaultValue": "'125%'"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "styles": {}
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "color",
-        "methodName": "handleChangeColor"
-      }, {
-        "propName": "spotColor",
-        "methodName": "handleChangeColor"
-      }];
-  }
+    constructor() {
+        this.theme = window.CuraAPI.theme;
+        this.size = 'medium';
+        this.weight = 'regular';
+        this.spotColor = 'accent-dark';
+        this.color = undefined;
+        this.marginBlock = '0';
+        this.lineHeight = '125%';
+        this.styles = {};
+    }
+    handleChangeColor() {
+        this.setColors();
+    }
+    connectedCallback() {
+        this.setFontProperties();
+        this.setColors();
+    }
+    getClasses() {
+        const sizeclass = {};
+        sizeclass[this.size.toLowerCase()] = true;
+        sizeclass[`${this.weight.toLowerCase()}-weight`] = true;
+        return sizeclass;
+    }
+    setFontProperties() {
+        this.weights = this.theme.fonts.getWeights();
+        this.fontSizeBase = this.theme.fonts.getSize();
+        this.styles = {
+            '--font-family': this.theme.fonts.getFamily('body'),
+            '--font-weight-medium': this.weights.medium,
+            '--font-weight-bold': this.weights.bold
+        };
+    }
+    setColors() {
+        const fontColor = this.color
+            ? this.theme.colors.getColor(this.color)
+            : this.theme.fonts.getColor();
+        this.styles = Object.assign(Object.assign({}, this.styles), { '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'), '--color-link': this.theme.colors.getColor(`${this.spotColor}`) });
+    }
+    hostCSSProperties() {
+        return {
+            '--margin-block': this.marginBlock,
+            '--font-size-base': this.fontSizeBase,
+            '--line-height': this.lineHeight
+        };
+    }
+    render() {
+        return (h(Host, { key: '42662869e7cc4cd7cc8ff29ef37209514eaea0ac', style: this.hostCSSProperties() }, h("p", { key: 'cf6be4faf13ab24e0ae65edea48b528763072a7b', style: this.styles, class: this.getClasses() }, h("slot", { key: '45ee41cdc15f0c73672e4b3047df4508dbb870e3' }))));
+    }
+    static get is() { return "cura-label"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["cura-label.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["cura-label.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'medium' | 'large' | 'small' | 'xsmall'",
+                    "resolved": "\"large\" | \"medium\" | \"small\" | \"xsmall\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set size of body text.\nValues: medium (default) | large | small | xsmall."
+                },
+                "attribute": "size",
+                "reflect": true,
+                "defaultValue": "'medium'"
+            },
+            "weight": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'regular' | 'bold'",
+                    "resolved": "\"bold\" | \"regular\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\nValues: regular (default) | bold."
+                },
+                "attribute": "weight",
+                "reflect": true,
+                "defaultValue": "'regular'"
+            },
+            "spotColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Apply design system color to interactive elements like <a> and <abbr> inside the text.\nValues: Color from design system scheme. Default to 'accent-dark'."
+                },
+                "attribute": "spot-color",
+                "reflect": true,
+                "defaultValue": "'accent-dark'"
+            },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text color.\nValues: Color from design system scheme. Default to the font color from the theme."
+                },
+                "attribute": "color",
+                "reflect": false
+            },
+            "marginBlock": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "CSS margin-block property values.\nDefault to 1.25em"
+                },
+                "attribute": "margin-block",
+                "reflect": true,
+                "defaultValue": "'0'"
+            },
+            "lineHeight": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "CSS line-height property values.\nDefault to 140%"
+                },
+                "attribute": "line-height",
+                "reflect": true,
+                "defaultValue": "'125%'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "styles": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "color",
+                "methodName": "handleChangeColor"
+            }, {
+                "propName": "spotColor",
+                "methodName": "handleChangeColor"
+            }];
+    }
 }
 //# sourceMappingURL=cura-label.js.map

package/dist/collection/components/forms/cura-label/cura-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"cura-label.js","sourceRoot":"","sources":["../../../../src/components/forms/cura-label/cura-label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOhF,MAAM,OAAO,SAAS;;IAsDpB,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;gBAhD0C,QAAQ;kBAM3B,SAAS;qBAM1B,aAAa;;uBAiBX,GAAG;sBAMJ,MAAM;kBAYxB,EAAE;;EA1BpB,iBAAiB;IACf,IAAI,CAAC,SAAS,EAAE,CAAC;EACnB,CAAC;EA2BD,iBAAiB;IACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACzB,IAAI,CAAC,SAAS,EAAE,CAAC;EACnB,CAAC;EAED,UAAU;IACR,MAAM,SAAS,GAAG,EAAE,CAAC;IACrB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC;IAC1C,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC;IACxD,OAAO,SAAS,CAAC;EACnB,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC7C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IAC/C,IAAI,CAAC,MAAM,GAAG;MACZ,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;MACnD,sBAAsB,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM;MAC3C,oBAAoB,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI;KACxC,CAAC;EACJ,CAAC;EAED,SAAS;IACP,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;MAC1B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;MACxC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IAChC,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,KACd,cAAc,EAAE,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EACzE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,GAChE,CAAC;EACJ,CAAC;EAED,iBAAiB;IACf,OAAO;MACL,gBAAgB,EAAE,IAAI,CAAC,WAAW;MAClC,kBAAkB,EAAE,IAAI,CAAC,YAAY;MACrC,eAAe,EAAE,IAAI,CAAC,UAAU;KACjC,CAAC;EACJ,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE;MACnC,SAAG,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE;QAC7C,eAAa,CACX,CACC,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h, Element, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-label',\n  styleUrl: 'cura-label.scss',\n  shadow: true,\n})\nexport class CuraLabel {\n\n  /**\n   * Set size of body text.\n   * Values: medium (default) | large | small | xsmall.\n   */\n  @Prop({reflect: true}) size: 'medium' | 'large' | 'small' | 'xsmall' = 'medium';\n\n  /**\n   * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\n   * Values: regular (default) | bold.\n   */\n  @Prop({reflect: true}) weight: 'regular' | 'bold' = 'regular';\n\n  /**\n  * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n  * Values: Color from design system scheme. Default to 'accent-dark'.\n  */\n  @Prop({reflect: true}) spotColor = 'accent-dark';\n\n  /**\n   * Text color.\n   * Values: Color from design system scheme. Default to the font color from the theme.\n   */\n  @Prop() color: string;\n  @Watch('color')\n  @Watch('spotColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * CSS margin-block property values.\n   * Default to 1.25em\n   */\n  @Prop({reflect: true}) marginBlock = '0';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '125%';\n\n  /**\n   * Host element <cura-label>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  @State() styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const sizeclass = {};\n    sizeclass[this.size.toLowerCase()] = true;\n    sizeclass[`${this.weight.toLowerCase()}-weight`] = true;\n    return sizeclass;\n  }\n\n  setFontProperties() {\n    this.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': this.theme.fonts.getFamily('body'),\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    };\n  }\n\n  setColors() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    this.styles = {\n      ...this.styles,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n      '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  hostCSSProperties() {\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.hostCSSProperties()}>\n        <p style={this.styles} class={this.getClasses()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"]}
+{"version":3,"file":"cura-label.js","sourceRoot":"","sources":["../../../../src/components/forms/cura-label/cura-label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOhF,MAAM,OAAO,SAAS;;QAsDpB,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;oBAhD0C,QAAQ;sBAM3B,SAAS;yBAM1B,aAAa;;2BAiBX,GAAG;0BAMJ,MAAM;sBAYxB,EAAE;;IA1BpB,iBAAiB;QACf,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IA2BD,iBAAiB;QACf,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,UAAU;QACR,MAAM,SAAS,GAAG,EAAE,CAAC;QACrB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC;QAC1C,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC;QACxD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;QAC7C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QAC/C,IAAI,CAAC,MAAM,GAAG;YACZ,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;YACnD,sBAAsB,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM;YAC3C,oBAAoB,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI;SACxC,CAAC;IACJ,CAAC;IAED,SAAS;QACP,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;YAC1B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;YACxC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QAChC,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,KACd,cAAc,EAAE,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EACzE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,GAChE,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,OAAO;YACL,gBAAgB,EAAE,IAAI,CAAC,WAAW;YAClC,kBAAkB,EAAE,IAAI,CAAC,YAAY;YACrC,eAAe,EAAE,IAAI,CAAC,UAAU;SACjC,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE;YACnC,0DAAG,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE;gBAC7C,8DAAa,CACX,CACC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h, Element, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-label',\n  styleUrl: 'cura-label.scss',\n  shadow: true,\n})\nexport class CuraLabel {\n\n  /**\n   * Set size of body text.\n   * Values: medium (default) | large | small | xsmall.\n   */\n  @Prop({reflect: true}) size: 'medium' | 'large' | 'small' | 'xsmall' = 'medium';\n\n  /**\n   * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\n   * Values: regular (default) | bold.\n   */\n  @Prop({reflect: true}) weight: 'regular' | 'bold' = 'regular';\n\n  /**\n  * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n  * Values: Color from design system scheme. Default to 'accent-dark'.\n  */\n  @Prop({reflect: true}) spotColor = 'accent-dark';\n\n  /**\n   * Text color.\n   * Values: Color from design system scheme. Default to the font color from the theme.\n   */\n  @Prop() color: string;\n  @Watch('color')\n  @Watch('spotColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * CSS margin-block property values.\n   * Default to 1.25em\n   */\n  @Prop({reflect: true}) marginBlock = '0';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '125%';\n\n  /**\n   * Host element <cura-label>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  @State() styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const sizeclass = {};\n    sizeclass[this.size.toLowerCase()] = true;\n    sizeclass[`${this.weight.toLowerCase()}-weight`] = true;\n    return sizeclass;\n  }\n\n  setFontProperties() {\n    this.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': this.theme.fonts.getFamily('body'),\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    };\n  }\n\n  setColors() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    this.styles = {\n      ...this.styles,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n      '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  hostCSSProperties() {\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.hostCSSProperties()}>\n        <p style={this.styles} class={this.getClasses()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"]}