@rededor/cura 1.5.0-alpha.0 → 1.5.0-alpha.1

package/dist/esm/cura-badge-distance.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-747aad85.js';
 
-const curaBadgeDistanceCss = ":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--base-spacing) * 8px);height:calc(var(--base-spacing) * 8px);border-radius:calc(var(--base-spacing) * 1px);background:var(--neutral-pale)}";
+const curaBadgeDistanceCss = ":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--base-spacing) * 10px);height:calc(var(--base-spacing) * 10px);border-radius:calc(var(--base-spacing) * 1px);background:var(--neutral-pale)}";
 const CuraBadgeDistanceStyle0 = curaBadgeDistanceCss;
 
 const CuraDistance = class {

package/dist/esm/cura-badge-distance.entry.js.map

@@ -1 +1 @@
-{"file":"cura-badge-distance.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,0PAA0P,CAAC;AACxR,gCAAe,oBAAoB;;MCMtB,YAAY;;;QAMvB,sBAAiB,GAAG,KAAK,CAAC;QAE1B,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;wBANV,CAAC;qBACa,IAAI;sBACnB,EAAE;+BACO,CAAC;;IAM5B,cAAc;QACZ,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;QACvG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC;QAC3D,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,CAAC,eAAe,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC;KACnH;IAGD,iBAAiB;QACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,cAAc,EAAE,CAAC;KACvB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,IACvC,mEAAY,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,IAC1D,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,iBAAiB,GAAG,GAAG,GAAG,EAAE,CAC7C,EACb,mEAAY,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,IACzD,IAAI,CAAC,KAAK,CACA,CACT,CACD,EACP;KACH;IAED,gBAAgB;QACd,IAAI,CAAC,MAAM,GAAG;YACZ,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;YAC5D,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;SAClD,CAAA;KACF;;;;;;;;;","names":[],"sources":["src/components/badges/cura-badge-distance/cura-badge-distance.scss?tag=cura-badge-distance&encapsulation=shadow","src/components/badges/cura-badge-distance/cura-badge-distance.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n  .container{\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: calc(#{$base-spacing} * 8px);\n    height: calc(#{$base-spacing} * 8px);\n    border-radius: calc(#{$base-spacing} * 1px);\n    background: var(--neutral-pale);\n  }\n}\n","import { Component, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-distance',\n  styleUrl: 'cura-badge-distance.scss',\n  shadow: true,\n})\nexport class CuraDistance {\n\n  @Prop() distance = 0;\n  @Prop({ reflect: true }) label = 'km';\n  @State() styles = {};\n  @State() displayDistance = 0;\n  isThousandRounded = false;\n\n  theme = window.CuraAPI.theme;\n\n  @Watch('distance')\n  formatDistance() {\n    const roundedDistance = this.distance % 1 !== 0 ? parseFloat(this.distance.toFixed(1)) : this.distance;    \n    this.isThousandRounded = Math.abs(roundedDistance) >= 1000;\n    this.displayDistance = this.isThousandRounded ? parseFloat((roundedDistance / 1000).toFixed(1)) : roundedDistance;\n  }\n\n\n  connectedCallback(){\n    this.setCssProperties();\n    this.formatDistance();    \n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-label size='xsmall' weight='bold' color='neutral-black'>\n            {this.displayDistance}{this.isThousandRounded ? 'K' : ''}\n          </cura-label>\n          <cura-label size='xsmall' weight='bold' color='neutral-dark'>\n            {this.label}\n          </cura-label>\n        </div>\n      </Host>\n    );\n  }\n\n  setCssProperties() {\n    this.styles = {\n      '--neutral-pale': this.theme.colors.getColor(`neutral-pale`),\n      '--base-spacing': this.theme.spacing.getSpacing()\n    }\n  }\n\n}\n"],"version":3}
+{"file":"cura-badge-distance.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,4PAA4P,CAAC;AAC1R,gCAAe,oBAAoB;;MCMtB,YAAY;;;QAMvB,sBAAiB,GAAG,KAAK,CAAC;QAE1B,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;wBANV,CAAC;qBACa,IAAI;sBACnB,EAAE;+BACO,CAAC;;IAM5B,cAAc;QACZ,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;QACvG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC;QAC3D,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,CAAC,eAAe,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC;KACnH;IAGD,iBAAiB;QACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,cAAc,EAAE,CAAC;KACvB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,IACvC,mEAAY,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,IAC1D,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,iBAAiB,GAAG,GAAG,GAAG,EAAE,CAC7C,EACb,mEAAY,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,IACzD,IAAI,CAAC,KAAK,CACA,CACT,CACD,EACP;KACH;IAED,gBAAgB;QACd,IAAI,CAAC,MAAM,GAAG;YACZ,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;YAC5D,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;SAClD,CAAA;KACF;;;;;;;;;","names":[],"sources":["src/components/badges/cura-badge-distance/cura-badge-distance.scss?tag=cura-badge-distance&encapsulation=shadow","src/components/badges/cura-badge-distance/cura-badge-distance.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n  .container{\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: calc(#{$base-spacing} * 10px);\n    height: calc(#{$base-spacing} * 10px);\n    border-radius: calc(#{$base-spacing} * 1px);\n    background: var(--neutral-pale);\n  }\n}\n","import { Component, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-distance',\n  styleUrl: 'cura-badge-distance.scss',\n  shadow: true,\n})\nexport class CuraDistance {\n\n  @Prop() distance = 0;\n  @Prop({ reflect: true }) label = 'km';\n  @State() styles = {};\n  @State() displayDistance = 0;\n  isThousandRounded = false;\n\n  theme = window.CuraAPI.theme;\n\n  @Watch('distance')\n  formatDistance() {\n    const roundedDistance = this.distance % 1 !== 0 ? parseFloat(this.distance.toFixed(1)) : this.distance;    \n    this.isThousandRounded = Math.abs(roundedDistance) >= 1000;\n    this.displayDistance = this.isThousandRounded ? parseFloat((roundedDistance / 1000).toFixed(1)) : roundedDistance;\n  }\n\n\n  connectedCallback(){\n    this.setCssProperties();\n    this.formatDistance();    \n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-label size='xsmall' weight='bold' color='neutral-black'>\n            {this.displayDistance}{this.isThousandRounded ? 'K' : ''}\n          </cura-label>\n          <cura-label size='xsmall' weight='bold' color='neutral-dark'>\n            {this.label}\n          </cura-label>\n        </div>\n      </Host>\n    );\n  }\n\n  setCssProperties() {\n    this.styles = {\n      '--neutral-pale': this.theme.colors.getColor(`neutral-pale`),\n      '--base-spacing': this.theme.spacing.getSpacing()\n    }\n  }\n\n}\n"],"version":3}

package/dist/esm/cura-display.entry.js

@@ -65,7 +65,7 @@ const CuraDisplay = class {
         return tags[`${this.level}`] || tags['default'];
     }
     render() {
-        return (h(Host, { key: '454c94a3f6a1ee3f8ec8ba28ba77f31a5abe8f49', style: this.hostCSSProperties() }, this.getHeadingTag()));
+        return (h(Host, { key: '01876449797c600a4fa37c9b4addd80855e6fc83', style: this.hostCSSProperties() }, this.getHeadingTag()));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/cura-loader-bar.entry.js

@@ -21,7 +21,7 @@ const CuraLoaderBar = class {
         this.setProgress();
     }
     render() {
-        return (h(Host, { key: 'ae36cc67cb0b22bf0156ee1cc41472ea74cee0a9' }, h("div", { key: 'd3cc5382d1b4967ab7622f4b71dfb51d2e913ddb', id: "progress-bar", class: "progress-bar", style: this.styles }, h("span", { key: '9a34c97d65e4cb4692371b876304175610770098', class: "progress-bar-fill" }))));
+        return (h(Host, { key: '4dc7ef7b17bfb408fa7ff9a74509637bb9045353' }, h("div", { key: 'cd2654377f0b45c5b6fa6aa57940f5d81cfd0cce', id: "progress-bar", class: "progress-bar", style: this.styles }, h("span", { key: '5d7b4a058162b840f167adb81843403f6c488c4e', class: "progress-bar-fill" }))));
     }
     setColor() {
         this.styles = Object.assign(Object.assign({}, this.styles), { '--neutral-base': window.CuraAPI.theme.colors.getColor(`neutral-base`, 0.2), '--color-base': window.CuraAPI.theme.colors.getColor(this.color) });

package/dist/esm/cura-switch.entry.js

@@ -105,7 +105,7 @@ const CuraSwitch = class {
         return classes;
     }
     render() {
-        return (h(Host, { key: '46860420ccaabb21c57129a108db5f1ae9f6d9ce' }, h("div", { key: '4a9979890a90783a546d97f73c3562c22a72ad9e', class: this.getClasses(), style: this.styles }, h("div", { key: '77c09cbe03694ad36776073cd34d7d8f06c55b85', class: "info" }, h("cura-label", { key: '34fb44a104954c8540bc2f4a87a3efd8f1db789f', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, class: "label", weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', lineHeight: "125%", color: this.assignColor('neutral-white', 'neutral-black') }, this.label), h("cura-label", { key: '5af93372fafedc89f32f393a45cd37416c7f092c', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, h("slot", { key: '72b3bbbf88821623ffab554423aa8c2ed90c2e9c' }))), h("div", { key: '76fb47dcc44e5c59aa29dc911bbc764b63f4cc4b', onClick: this.toggleSwitch, class: "control" }, h("div", { key: 'a3155acd634dbf8cef95115ed107b975cd085b11', class: `track ${this.size.toLowerCase()}` }, h("div", { key: 'd0692eed52590930a528b339527f16870959c450', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
+        return (h(Host, { key: '11257c8df21e4d88ef7a1e26b72f8c53fd316edd' }, h("div", { key: '358b9bf587443350fd092abb179b2207064c9278', class: this.getClasses(), style: this.styles }, h("div", { key: 'acc517d68a7fde4a83653a7fadbdb337e6175498', class: "info" }, h("cura-label", { key: 'dede214a31292a72e8f55adb50060628a1a101c0', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, class: "label", weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', lineHeight: "125%", color: this.assignColor('neutral-white', 'neutral-black') }, this.label), h("cura-label", { key: 'a96960a7e898e8f9d7151c468d18e52860d589d1', style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, h("slot", { key: 'de46f003bf8046e3742d831cc45d22471e19c0a4' }))), h("div", { key: 'ae0c72cd68ed42fec1338d6ded49d7b535157476', onClick: this.toggleSwitch, class: "control" }, h("div", { key: '3aa0e60235071541289ea6a430966094a2753520', class: `track ${this.size.toLowerCase()}` }, h("div", { key: '419866ba2b46a394428f83e6824ebb315e6671a1', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/types/components/forms/cura-select/cura-select.d.ts

@@ -93,24 +93,24 @@ export declare class CuraSelect {
     theme: import("../../../api/cura-api.type").APIThemeFunctions;
     internals: ElementInternals;
     /**
-   * Callback for form association.
-   */
+     * Callback for form association.
+     */
     formAssociatedCallback(form: {
         ariaLabel: string;
     }): void;
     /**
-   * Callback to restore the switch state from the form.
-   */
+     * Callback to restore the switch state from the form.
+     */
     formStateRestoreCallback(state: {
         value: string;
     }): void;
     /**
-   * Callback to reset the switch state when the form is reset.
-   */
+     * Callback to reset the switch state when the form is reset.
+     */
     formResetCallback(): void;
     /**
-    * Callback to update the switch's disabled state when the form's disabled state changes.
-    */
+     * Callback to update the switch's disabled state when the form's disabled state changes.
+     */
     formDisabledCallback(disabled: boolean): void;
     /**
      * Lifecycle method called before the component is rendered.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "1.5.0-alpha.0",
+  "version": "1.5.0-alpha.1",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -51,5 +51,5 @@
     "storybook": "^7.6.7",
     "svgo": "^3.3.2"
   },
-  "gitHead": "e2e00fc5fd80fdcb510c15eaa51c21c0172f53ec"
+  "gitHead": "063aed653d80b6daa96ba41ac2be9a520a3ad03b"
 }

package/dist/cura/p-6e4f4fbf.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as t}from"./p-fd5ed6b0.js";const s=":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--base-spacing) * 8px);height:calc(var(--base-spacing) * 8px);border-radius:calc(var(--base-spacing) * 1px);background:var(--neutral-pale)}";const c=s;const i=class{constructor(e){a(this,e);this.isThousandRounded=false;this.theme=window.CuraAPI.theme;this.distance=0;this.label="km";this.styles={};this.displayDistance=0}formatDistance(){const a=this.distance%1!==0?parseFloat(this.distance.toFixed(1)):this.distance;this.isThousandRounded=Math.abs(a)>=1e3;this.displayDistance=this.isThousandRounded?parseFloat((a/1e3).toFixed(1)):a}connectedCallback(){this.setCssProperties();this.formatDistance()}render(){return e(t,{key:"cdc206deecbed2e069befda5d21ddcaf03049afc"},e("div",{key:"d22d2b5b97964281e8588fbc17a66f3fddcd875e",class:"container",style:this.styles},e("cura-label",{key:"0d54ab1ad403ba23a57fb78a422ed8c577cd627e",size:"xsmall",weight:"bold",color:"neutral-black"},this.displayDistance,this.isThousandRounded?"K":""),e("cura-label",{key:"d4929a67484bbfd6d6f3edce82414951ea4778c8",size:"xsmall",weight:"bold",color:"neutral-dark"},this.label)))}setCssProperties(){this.styles={"--neutral-pale":this.theme.colors.getColor(`neutral-pale`),"--base-spacing":this.theme.spacing.getSpacing()}}static get watchers(){return{distance:["formatDistance"]}}};i.style=c;export{i as cura_badge_distance};
-//# sourceMappingURL=p-6e4f4fbf.entry.js.map

package/dist/cura/p-6e4f4fbf.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaBadgeDistanceCss","CuraBadgeDistanceStyle0","CuraDistance","this","isThousandRounded","theme","window","CuraAPI","formatDistance","roundedDistance","distance","parseFloat","toFixed","Math","abs","displayDistance","connectedCallback","setCssProperties","render","h","Host","key","class","style","styles","size","weight","color","label","colors","getColor","spacing","getSpacing"],"sources":["src/components/badges/cura-badge-distance/cura-badge-distance.scss?tag=cura-badge-distance&encapsulation=shadow","src/components/badges/cura-badge-distance/cura-badge-distance.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n  .container{\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: calc(#{$base-spacing} * 8px);\n    height: calc(#{$base-spacing} * 8px);\n    border-radius: calc(#{$base-spacing} * 1px);\n    background: var(--neutral-pale);\n  }\n}\n","import { Component, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-distance',\n  styleUrl: 'cura-badge-distance.scss',\n  shadow: true,\n})\nexport class CuraDistance {\n\n  @Prop() distance = 0;\n  @Prop({ reflect: true }) label = 'km';\n  @State() styles = {};\n  @State() displayDistance = 0;\n  isThousandRounded = false;\n\n  theme = window.CuraAPI.theme;\n\n  @Watch('distance')\n  formatDistance() {\n    const roundedDistance = this.distance % 1 !== 0 ? parseFloat(this.distance.toFixed(1)) : this.distance;    \n    this.isThousandRounded = Math.abs(roundedDistance) >= 1000;\n    this.displayDistance = this.isThousandRounded ? parseFloat((roundedDistance / 1000).toFixed(1)) : roundedDistance;\n  }\n\n\n  connectedCallback(){\n    this.setCssProperties();\n    this.formatDistance();    \n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-label size='xsmall' weight='bold' color='neutral-black'>\n            {this.displayDistance}{this.isThousandRounded ? 'K' : ''}\n          </cura-label>\n          <cura-label size='xsmall' weight='bold' color='neutral-dark'>\n            {this.label}\n          </cura-label>\n        </div>\n      </Host>\n    );\n  }\n\n  setCssProperties() {\n    this.styles = {\n      '--neutral-pale': this.theme.colors.getColor(`neutral-pale`),\n      '--base-spacing': this.theme.spacing.getSpacing()\n    }\n  }\n\n}\n"],"mappings":"kDAAA,MAAMA,EAAuB,2PAC7B,MAAAC,EAAeD,E,MCMFE,EAAY,M,yBAMvBC,KAAAC,kBAAoB,MAEpBD,KAAAE,MAAQC,OAAOC,QAAQF,M,cANJ,E,WACc,K,YACf,G,qBACS,C,CAM3B,cAAAG,GACE,MAAMC,EAAkBN,KAAKO,SAAW,IAAM,EAAIC,WAAWR,KAAKO,SAASE,QAAQ,IAAMT,KAAKO,SAC9FP,KAAKC,kBAAoBS,KAAKC,IAAIL,IAAoB,IACtDN,KAAKY,gBAAkBZ,KAAKC,kBAAoBO,YAAYF,EAAkB,KAAMG,QAAQ,IAAMH,C,CAIpG,iBAAAO,GACEb,KAAKc,mBACLd,KAAKK,gB,CAGP,MAAAU,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YAAYC,MAAOpB,KAAKqB,QACjCL,EAAA,cAAAE,IAAA,2CAAYI,KAAK,SAASC,OAAO,OAAOC,MAAM,iBAC3CxB,KAAKY,gBAAiBZ,KAAKC,kBAAoB,IAAM,IAExDe,EAAA,cAAAE,IAAA,2CAAYI,KAAK,SAASC,OAAO,OAAOC,MAAM,gBAC3CxB,KAAKyB,Q,CAOhB,gBAAAX,GACEd,KAAKqB,OAAS,CACZ,iBAAkBrB,KAAKE,MAAMwB,OAAOC,SAAS,gBAC7C,iBAAkB3B,KAAKE,MAAM0B,QAAQC,a","ignoreList":[]}