@sankhyalabs/ezui 1.1.68 → 1.1.71

package/dist/collection/components/ez-search/ez-search.js

@@ -25,7 +25,7 @@ export class EzSearch {
     this.ezChange.emit(evt.detail);
   }
   render() {
-    return (h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionloader: this.optionloader, searchmode: true, onEzChange: evt => this.onComboChange(evt), showselectedvalue: this.showselectedvalue, showoptionvalue: this.showoptionvalue }));
+    return (h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.optionloader, searchMode: true, onEzChange: evt => this.onComboChange(evt), showSelectedValue: this.showselectedvalue, showOptionValue: this.showoptionvalue }));
   }
   ;
   static get is() { return "ez-search"; }
@@ -71,7 +71,7 @@ export class EzSearch {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Label \u00E9 o t\u00EDtulo do campo"
+        "text": "T\u00EDtulo do campo"
       },
       "attribute": "label",
       "reflect": true
@@ -195,7 +195,7 @@ export class EzSearch {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Este \u00E9 o evento emitido ao clicar para abrir o popup"
+        "text": "Evento emitido ao clicar para abrir o popup"
       },
       "complexType": {
         "original": "any",

package/dist/collection/components/ez-tabselector/ez-tabselector.css

@@ -15,11 +15,11 @@
   overflow: hidden;
   margin-bottom: var(--space--large, 24px);
   /* @doc Define a sombra do box da aba. */
-  /* --tab__box--box-shadow: var(--shadow, 0px 0px 8px 0px #000); */
+  /* --tabselector__box--box-shadow: var(--shadow, 0px 0px 8px 0px #000); */
   /*@doc Contém o ícone de voltar para a aba anterior.*/
-  --tab--backward-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z"/></svg>');
+  --tabselector--backward-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z"/></svg>');
   /*@doc Contém o ícone de avançar para a aba posterior.*/
-  --tab--forward-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z"/></svg>');
+  --tabselector--forward-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z"/></svg>');
 }
 
 .scroll {
@@ -49,7 +49,6 @@
   background-color: unset;
   cursor: pointer;
   padding: 6px 12px;
-  /*FIXME: Oza - precisamos usar tokens?*/
   align-items: center;
   justify-content: center;
   color: var(--text--primary, #626e82);
@@ -78,8 +77,6 @@
 
 .is-focused {
   border: 1px dashed var(--color--primary, #000000c5);
-  /* border-radius: 5px 5px 0px 0px; */
-  /* box-shadow: var(--tab__box--box-shadow); */
 }
 
 .tab-label {
@@ -120,13 +117,13 @@
 }
 
 .forward-button::after {
-  -webkit-mask-image: var(--tab--forward-image);
-  mask-image: var(--tab--forward-image);
+  -webkit-mask-image: var(--tabselector--forward-icon);
+  mask-image: var(--tabselector--forward-icon);
 }
 
 .backward-button::after {
-  -webkit-mask-image: var(--tab--backward-image);
-  mask-image: var(--tab--backward-image);
+  -webkit-mask-image: var(--tabselector--backward-icon);
+  mask-image: var(--tabselector--backward-icon);
 }
 
 .forward-button:hover::after, .backward-button:hover::after {

package/dist/collection/components/ez-tabselector/ez-tabselector.js

@@ -1,85 +1,85 @@
-import { Component, Event, Element, h, Prop, Host } from '@stencil/core';
+import { Component, Event, Element, h, Prop, Host } from "@stencil/core";
 export class EzTabselector {
   constructor() {
-    this.setFoucusedParam = (ev) => {
-      if (ev.key === 'Enter') {
-        this.selectedindex = this.foucusedindex;
-        this.foucusedindex = undefined;
-        this.selectedtab = this._processedTabs[this.selectedindex]['tabKey'];
-        this.handleTabClick(this.selectedtab, parseInt(this.selectedindex));
+    this.setFocusedParam = (ev) => {
+      if (ev.key === "Enter") {
+        this.selectedIndex = this.focusedIndex;
+        this.focusedIndex = undefined;
+        this.selectedTab = this._processedTabs[this.selectedIndex]["tabKey"];
+        this.handleTabClick(this.selectedTab, parseInt(this.selectedIndex));
         ev.preventDefault();
-        this.setFocusedTab(this.selectedindex);
+        this.setFocusedTab(this.selectedIndex);
       }
-      else if (ev.key === 'ArrowLeft' || ev.key === 'ArrowRight') {
+      else if (ev.key === "ArrowLeft" || ev.key === "ArrowRight") {
         let operator = undefined;
-        if (ev.key === 'ArrowLeft') {
+        if (ev.key === "ArrowLeft") {
           operator = false;
         }
-        else if (ev.key === 'ArrowRight') {
+        else if (ev.key === "ArrowRight") {
           operator = true;
         }
         else {
           return;
         }
-        if (this.foucusedindex === undefined) {
+        if (this.focusedIndex === undefined) {
           if (operator === false) {
-            this.foucusedindex = this.selectedindex !== undefined ? (parseInt(this.selectedindex) - 1).toString() : undefined;
+            this.focusedIndex = this.selectedIndex !== undefined ? (parseInt(this.selectedIndex) - 1).toString() : undefined;
           }
           else {
-            this.foucusedindex = this.selectedindex !== undefined ? (parseInt(this.selectedindex) + 1).toString() : undefined;
+            this.focusedIndex = this.selectedIndex !== undefined ? (parseInt(this.selectedIndex) + 1).toString() : undefined;
           }
         }
         else {
           if (operator === false) {
-            this.foucusedindex = (parseInt(this.foucusedindex) - 1).toString();
+            this.focusedIndex = (parseInt(this.focusedIndex) - 1).toString();
           }
           else {
-            this.foucusedindex = (parseInt(this.foucusedindex) + 1).toString();
+            this.focusedIndex = (parseInt(this.focusedIndex) + 1).toString();
           }
         }
-        if (parseInt(this.foucusedindex) < 0) {
-          this.foucusedindex = '0';
+        if (parseInt(this.focusedIndex) < 0) {
+          this.focusedIndex = "0";
         }
-        else if (parseInt(this.foucusedindex) > this._processedTabs.length - 1) {
-          this.foucusedindex = (this._processedTabs.length - 1).toString();
+        else if (parseInt(this.focusedIndex) > this._processedTabs.length - 1) {
+          this.focusedIndex = (this._processedTabs.length - 1).toString();
         }
-        this.setFoucusedBtn(true, this.foucusedindex);
-        this.setFocusedTab(this.foucusedindex);
-        this.change.emit();
+        this.setFocusedBtn(true, this.focusedIndex);
+        this.setFocusedTab(this.focusedIndex);
+        this.ezChange.emit();
       }
-      else if (ev.key === 'Tab' || ev.key === 'Escape') {
-        this.foucusedindex = undefined;
-        this.selectedtab = this._processedTabs[this.selectedindex]['tabKey'];
-        this.handleTabClick(this.selectedtab, parseInt(this.selectedindex));
+      else if (ev.key === "Tab" || ev.key === "Escape") {
+        this.focusedIndex = undefined;
+        this.selectedTab = this._processedTabs[this.selectedIndex]["tabKey"];
+        this.handleTabClick(this.selectedTab, parseInt(this.selectedIndex));
         ev.preventDefault();
-        this.setFocusedTab(this.selectedindex);
+        this.setFocusedTab(this.selectedIndex);
       }
       // this.setFocusedTab();
     };
   }
   handleTabClick(tab, index) {
-    this.selectedindex = index.toString();
-    this.foucusedindex = undefined;
-    this.selectedtab = tab;
-    this.change.emit();
-    this.setFoucusedBtn(false, this.selectedindex);
+    this.selectedIndex = index.toString();
+    this.focusedIndex = undefined;
+    this.selectedTab = tab;
+    this.ezChange.emit();
+    this.setFocusedBtn(false, this.selectedIndex);
   }
   componentWillRender() {
     if (!this._processedTabs) {
       this._processedTabs = [];
       if (this.tabs) {
-        this.tabs.split(',').forEach((label) => {
+        this.tabs.split(",").forEach((label) => {
           label = label.trim();
           this._processedTabs.push(new Tab(label, label));
         });
       }
-      this._hostElem.querySelectorAll('ez-tab').forEach((elem) => {
-        const tabKey = elem.getAttribute('tabKey');
-        const label = elem.getAttribute('label');
+      this._hostElem.querySelectorAll("ez-tab").forEach((elem) => {
+        const tabKey = elem.getAttribute("tabKey");
+        const label = elem.getAttribute("label");
         const t = new Tab(label, tabKey);
         const content = elem.firstChild;
         if (content) {
-          content.setAttribute('slot', 'tab' + this._processedTabs.length);
+          content.setAttribute("slot", "tab" + this._processedTabs.length);
           this._hostElem.appendChild(content);
         }
         this._processedTabs.push(t);
@@ -103,7 +103,7 @@ export class EzTabselector {
     const container = this._scrollContainer;
     if (container) {
       let lastTab = null;
-      container.querySelectorAll('.tab').forEach((tab) => {
+      container.querySelectorAll(".tab").forEach((tab) => {
         if (tab.getBoundingClientRect().right < container.clientWidth) {
           lastTab = tab;
         }
@@ -122,18 +122,18 @@ export class EzTabselector {
       this._startHidden = container.scrollLeft > 0;
       this._endHidden = remainingScroll > 0;
       if (this._startHidden) {
-        this._backwardButton.classList.remove('hidden');
+        this._backwardButton.classList.remove("hidden");
       }
       else {
-        this._backwardButton.classList.add('hidden');
+        this._backwardButton.classList.add("hidden");
       }
       if (this._endHidden) {
-        this._forwardButton.classList.remove('hidden');
+        this._forwardButton.classList.remove("hidden");
       }
       else {
-        this._forwardButton.classList.add('hidden');
+        this._forwardButton.classList.add("hidden");
       }
-      const classNames = ['', 'startHidden', 'endHidden', 'midle'];
+      const classNames = ["", "startHidden", "endHidden", "midle"];
       const currentClass = classNames[Number(this._startHidden) | Number(this._endHidden) << 1];
       classNames.forEach((name) => {
         if (name !== currentClass && container.classList.contains(name)) {
@@ -150,11 +150,9 @@ export class EzTabselector {
     this._scrollCallBack = window.setTimeout(() => { this.updateScroll(); }, 200);
   }
   setFocusedTab(index) {
-    window.clearTimeout(this._scrollCallBackTeste);
-    this._scrollCallBackTeste = window.setTimeout(() => {
+    window.clearTimeout(this._scrollCallBackTest);
+    this._scrollCallBackTest = window.setTimeout(() => {
       const tabtoscroll = this._scrollContainer.querySelector(`#tab${index}`);
-      console.log('tabtoscroll => ID', `#tab${this.selectedindex}`);
-      console.log('tabtoscroll', tabtoscroll);
       tabtoscroll.scrollIntoView();
     }, 200);
   }
@@ -163,16 +161,16 @@ export class EzTabselector {
       this._textMesurement = this._hostElem.shadowRoot.ownerDocument.createElement("canvas");
     }
     const context = this._textMesurement.getContext("2d");
-    context.font = '14px Sora, Algerian';
-    return Math.min(220, 24 + context.measureText(text).width) + 'px';
+    context.font = "14px Sora, Algerian";
+    return Math.min(220, 24 + context.measureText(text).width) + "px";
   }
   ;
-  setFoucusedBtn(visible, paramater) {
-    const tabsButtons = this._scrollContainer.querySelectorAll('.tab');
+  setFocusedBtn(visible, parameter) {
+    const tabsButtons = this._scrollContainer.querySelectorAll(".tab");
     tabsButtons.forEach((el) => {
-      el.classList.remove('is-focused');
-      if (el.id === 'tab' + paramater && visible) {
-        el.classList.add('is-focused');
+      el.classList.remove("is-focused");
+      if (el.id === "tab" + parameter && visible) {
+        el.classList.add("is-focused");
       }
       ;
     });
@@ -180,13 +178,13 @@ export class EzTabselector {
   render() {
     return (h(Host, null,
       h("button", { class: "backward-button", ref: (el) => this._backwardButton = el, onClick: () => this.scrollBackward() }),
-      h("div", { class: "scroll", ref: (el) => this._scrollContainer = el, onScroll: () => this.domScrollHandler(), onKeyDown: (ev) => this.setFoucusedParam(ev) }, this._processedTabs.map((tab, index) => {
-        const labelStyle = { 'min-width': this.getTextWidth(tab.label) };
+      h("div", { class: "scroll", ref: (el) => this._scrollContainer = el, onScroll: () => this.domScrollHandler(), onKeyDown: (ev) => this.setFocusedParam(ev) }, this._processedTabs.map((tab, index) => {
+        const labelStyle = { "min-width": this.getTextWidth(tab.label) };
         const tabId = "tab" + index;
-        const isSelected = index === parseInt(this.selectedindex) || (this.selectedtab && tab.tabKey === this.selectedtab);
+        const isSelected = index === parseInt(this.selectedIndex) || (this.selectedTab && tab.tabKey === this.selectedTab);
         if (isSelected) {
-          this.selectedtab = tab.tabKey;
-          this.selectedindex = index.toString();
+          this.selectedTab = tab.tabKey;
+          this.selectedIndex = index.toString();
         }
         return h("button", { id: tabId, class: `tab${isSelected ? " is-active" : ""}`, onClick: () => this.handleTabClick(tab.tabKey, index), style: labelStyle },
           h("span", { class: "tab-label", title: tab.label }, tab.label),
@@ -203,7 +201,7 @@ export class EzTabselector {
     "$": ["ez-tabselector.css"]
   }; }
   static get properties() { return {
-    "selectedindex": {
+    "selectedIndex": {
       "type": "string",
       "mutable": true,
       "complexType": {
@@ -215,12 +213,12 @@ export class EzTabselector {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Define o index da aba selecionada."
       },
-      "attribute": "selectedindex",
+      "attribute": "selected-index",
       "reflect": true
     },
-    "selectedtab": {
+    "selectedTab": {
       "type": "string",
       "mutable": true,
       "complexType": {
@@ -232,9 +230,9 @@ export class EzTabselector {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Define a aba selecionada."
       },
-      "attribute": "selectedtab",
+      "attribute": "selected-tab",
       "reflect": true
     },
     "tabs": {
@@ -249,21 +247,21 @@ export class EzTabselector {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Define o nome das abas do componente, separadas por v\u00EDrgulas \",\"."
       },
       "attribute": "tabs",
       "reflect": false
     }
   }; }
   static get events() { return [{
-      "method": "change",
-      "name": "change",
+      "method": "ezChange",
+      "name": "ezChange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Este \u00E9 o evento emitido ao clicar para abrir o popup (onChange)."
+        "text": "Evento emitido ao clicar para abrir o popup (onChange)."
       },
       "complexType": {
         "original": "string",

package/dist/collection/components/ez-text-area/ez-text-area.css

@@ -1,12 +1,18 @@
 :host {
   /* dimensions */
+  /*@doc Define a largura do componente.*/
   --ta--width: 100%;
 
   /* general */
+  /*@doc Define o raio da borda do input do componente.*/
   --ta--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define o tamanho da fonte do input e label do componente.*/
   --ta--font-size: var(--text--medium, 14px);
+  /*@doc Define a família da fonte do input, label e caixa de mensagem do componente.*/
   --ta--font-family: var(--font-pattern, Arial);
+  /*@doc Define o peso da fonte do label do componente.*/
   --ta--font-weight: var(--text-weight--large, 500);
+  /*@doc Define a cor da fonte do input e label do componente.*/
   --ta--color: var(--title--primary, #000);
 
   /* input */

package/dist/collection/components/ez-text-area/ez-text-area.js

@@ -6,7 +6,7 @@ export class EzTextArea {
      */
     this.enabled = true;
     /**
-     * Ajusta o numero de linhas e consequentemente o height do textarea. Valor default: 4
+     * Ajusta o número de linhas e consequentemente o height do textarea. Valor default: 4
      */
     this.rows = 4;
   }
@@ -118,7 +118,7 @@ export class EzTextArea {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Label \u00E9 o t\u00EDtulo do campo"
+        "text": "T\u00EDtulo do campo"
       },
       "attribute": "label",
       "reflect": true
@@ -204,7 +204,7 @@ export class EzTextArea {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Ajusta o numero de linhas e consequentemente o height do textarea. Valor default: 4"
+        "text": "Ajusta o n\u00FAmero de linhas e consequentemente o height do textarea. Valor default: 4"
       },
       "attribute": "rows",
       "reflect": true,
@@ -219,7 +219,7 @@ export class EzTextArea {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Um evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
+        "text": "Evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
       },
       "complexType": {
         "original": "string",

package/dist/collection/components/ez-text-input/ez-text-input.css

@@ -1,14 +1,22 @@
 :host {
   /* dimensions */
+  /*@doc Define a altura do componente.*/
   --text-input--height: 42px;
+  /*@doc Define a largura do componente.*/
   --text-input--width: 100%;
+  /*@doc Define a largura do slot que contém o ícone.*/
   --text-input__icon--width: 48px;
 
   /* general */
+  /*@doc Define o raio da borda do input do componente.*/
   --text-input--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define o tamanho da fonte do input e label do componente.*/
   --text-input--font-size: var(--text--medium, 14px);
+  /*@doc Define a família da fonte do input, label e caixa de mensagem do componente.*/
   --text-input--font-family: var(--font-pattern, Arial);
+  /*@doc Define o peso da fonte do label do componente.*/
   --text-input--font-weight: var(--text-weight--large, 500);
+  /*@doc Define a cor da fonte do input e label do componente.*/
   --text-input--color: var(--title--primary, #000);
 
   /* input */

package/dist/collection/components/ez-text-input/ez-text-input.js

@@ -200,7 +200,7 @@ export class EzTextInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Label \u00E9 o t\u00EDtulo do campo"
+        "text": "T\u00EDtulo do campo"
       },
       "attribute": "label",
       "reflect": true
@@ -286,7 +286,7 @@ export class EzTextInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Aplica uma m\u00E1scara no conte\u00FAdo conforme um o padr\u00E3o estabelecido"
+        "text": "Aplica uma m\u00E1scara no conte\u00FAdo conforme o padr\u00E3o estabelecido"
       },
       "attribute": "mask",
       "reflect": false
@@ -317,7 +317,7 @@ export class EzTextInput {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Um evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
+        "text": "Evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
       },
       "complexType": {
         "original": "string",

package/dist/collection/components/ez-time-input/ez-time-input.css

@@ -1,14 +1,22 @@
 :host {
   /* dimensions */
+  /*@doc Define a altura do componente.*/
   --eztime--height: 42px;
+  /*@doc Define a largura do componente.*/
   --eztime--width: 100%;
+  /*@doc Define a largura do slot que contém o ícone.*/
   --eztime__icon--width: 48px;
 
   /* general */
+  /*@doc Define o raio da borda do input do componente.*/
   --eztime--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define o tamanho da fonte do input e label do componente.*/
   --eztime--font-size: var(--text--medium, 14px);
+  /*@doc Define a família da fonte do input, label e caixa de mensagem do componente.*/
   --eztime--font-family: var(--font-pattern, Arial);
+  /*@doc Define o peso da fonte do label do componente.*/
   --eztime--font-weight: var(--text-weight--large, 500);
+  /*@doc Define o espaçamento do label.*/
   --eztime--space--medium: var(--space--medium, 6px);
 
   /* input */

package/dist/collection/components/ez-time-input/ez-time-input.js

@@ -186,7 +186,7 @@ export class EzTimeInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Label \u00E9 o t\u00EDtulo do campo"
+        "text": "T\u00EDtulo do campo"
       },
       "attribute": "label",
       "reflect": true

package/dist/collection/components/ez-toast/ez-toast.css

@@ -5,13 +5,13 @@
   --toast__btn__close__image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>');
 
   /* Container */
-  /*@doc Define a camada que o container será exibido.*/
+  /*@doc Define a camada em que o container será exibido.*/
   --toast__container-z-index: var(--more-visible, 2);
   /*@doc Define a cor de fundo do container.*/
   --toast__container--background-color: var(--color--secondary, #383c45);
 
   /* Icon */
-  /*@doc Define o espaçamento a esquerda do ícone.*/
+  /*@doc Define o espaçamento à esquerda do ícone.*/
   --toast__icon--padding-left: var(--space--small, 6px);
 }
 

package/dist/collection/components/ez-upload/ez-upload.css

@@ -1,8 +1,11 @@
 :host {
 
   /* dimensions */
+  /*@doc Define a altura do componente.*/
   --iu--height: 42px;
+  /*@doc Define a largura do componente.*/
   --iu--width: 100%;
+  /*@doc Define a largura do slot que contém o ícone.*/
   --iu__icon--width: 48px;
 
   /* box--container */
@@ -30,7 +33,7 @@
   /* text */
   /*@doc Define as sombras dos textos do componente.*/
   --iu--text-shadow: var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);
-  /*@doc Define a dos textos do componente.*/
+  /*@doc Define a cor dos textos do componente.*/
   --iu--text--primary: var(--text-primary, #626e82);
   /*@doc Define o tamanho dos textos do componente.*/
   --iu--font-size: var(--text--medium, 14px);

package/dist/collection/components/ez-upload/ez-upload.js

@@ -267,7 +267,7 @@ export class EzUpload {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Label \u00E9 o t\u00EDtulo do campo"
+        "text": "T\u00EDtulo do campo"
       },
       "attribute": "label",
       "reflect": false
@@ -370,7 +370,7 @@ export class EzUpload {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Define a URL do dele\u00E7\u00E3o"
+        "text": "Define a URL de dele\u00E7\u00E3o"
       },
       "attribute": "urldelete",
       "reflect": false
@@ -394,7 +394,7 @@ export class EzUpload {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Lista de arquivos que sera tr\u00E1fegada entre cliente e servidor"
+        "text": "Lista de arquivos que ser\u00E1 trafegada entre cliente e servidor"
       }
     }
   }; }