@sankhyalabs/sankhyablocks 1.1.24 → 1.1.28

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-72d4e2e0.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-35088a3f.js';
 
 /*
  Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com
@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["snk-application",[[2,"snk-application",{"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"temOpcional":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64]}]]]], options);
+  return bootstrapLazy([["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"setFocus":[64],"setBlur":[64]}]]],["ez-date-time-input",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"setFocus":[64],"setBlur":[64]}]]],["ez-dialog",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-search",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"setFocus":[64],"setBlur":[64]}]]],["test-du",[[0,"test-du"]]],["ez-number-input",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application",[[0,"ez-application"]]],["ez-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["ez-label-chip",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"setFocus":[64],"setBlur":[64]}]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-upload",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["snk-application",[[2,"snk-application",{"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"temOpcional":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64]}]]],["ez-form",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]],["ez-text-input",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"setFocus":[64],"setBlur":[64]}]]],["ez-combo-box",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-button_4",[[1,"select-box",{"selectedOption":[1,"selected-option"]}],[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}],[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}],[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-modal_2",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}],[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]]], options);
   });
 };
 

package/dist/esm/sankhyablocks.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-72d4e2e0.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-35088a3f.js';
 
 /*
  Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com
@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["snk-application",[[2,"snk-application",{"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"temOpcional":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64]}]]]], options);
+  return bootstrapLazy([["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"setFocus":[64],"setBlur":[64]}]]],["ez-date-time-input",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"setFocus":[64],"setBlur":[64]}]]],["ez-dialog",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-search",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"setFocus":[64],"setBlur":[64]}]]],["test-du",[[0,"test-du"]]],["ez-number-input",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application",[[0,"ez-application"]]],["ez-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["ez-label-chip",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"setFocus":[64],"setBlur":[64]}]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["ez-upload",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["snk-application",[[2,"snk-application",{"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"temOpcional":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64]}]]],["ez-form",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]],["ez-text-input",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"setFocus":[64],"setBlur":[64]}]]],["ez-combo-box",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-button_4",[[1,"select-box",{"selectedOption":[1,"selected-option"]}],[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}],[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}],[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-modal_2",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}],[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]]], options);
 });

package/dist/esm/snk-application.entry.js

@@ -1,21 +1,7 @@
-import { r as registerInstance, c as createEvent, h } from './index-72d4e2e0.js';
+import { r as registerInstance, c as createEvent, h } from './index-35088a3f.js';
 import { DataUnit, ChangeOperation, DateUtils, StringUtils, ApplicationContext } from '@sankhyalabs/core';
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
+import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9943807e.js';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 
 var browserPonyfill = createCommonjsModule(function (module, exports) {
 var global = typeof self !== 'undefined' ? self : commonjsGlobal;
@@ -6861,42 +6847,6 @@ class ParametersFetcher {
   }
 }
 
-class ApplicationUtils {
-  static async showDialog(title, message, icon = null, confirm, critical = false) {
-    return new Promise(resolve => {
-      let dialog = document.querySelector("ez-dialog");
-      if (!dialog) {
-        dialog = document.createElement("ez-dialog");
-        window.document.body.appendChild(dialog);
-      }
-      dialog.show(title, message, critical, confirm, icon).then(ok => resolve(ok));
-    });
-  }
-  static async alert(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, false);
-  }
-  static async error(title, message, icon = null) {
-    return ApplicationUtils.showDialog(title, message, icon, false, true);
-  }
-  static async confirm(title, message, icon = null, critical = false) {
-    return ApplicationUtils.showDialog(title, message, icon, true, critical);
-  }
-  static async info(message, options = ApplicationUtils.defaultMessageOptions) {
-    let toast = document.querySelector("ez-toast");
-    if (!toast) {
-      toast = document.createElement("ez-toast");
-      window.document.body.appendChild(toast);
-    }
-    toast.canClose = options.canClose;
-    toast.message = message;
-    toast.fadeTime = 4000;
-    toast.show();
-  }
-}
-ApplicationUtils.defaultMessageOptions = {
-  canClose: true
-};
-
 class ResourceFetcher {
   constructor() {
     this.templateByQuery = new Map();

package/dist/esm/test-du.entry.js

@@ -0,0 +1,72 @@
+import { r as registerInstance, h } from './index-35088a3f.js';
+import { DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
+
+const testDuCss = ":host{display:block}";
+
+const TestDu = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  /*private _ezButton// : HTMLEzButton;
+  private _ezComboBox// : HTMLEzComboBox;
+  private _ezDateInput// : HTMLEzDateInput;
+  private _ezDateTimeInput// : HTMLEzDateTimeInput;
+  private _ezNumberInput// : HTMLEzNumberInput
+  private _ezSearch// : HTMLEzSearch
+  private _ezUpload// : HTMLEzUpload*/
+  componentWillLoad() {
+    this.dataUnit = new DataUnit("testes_com_formulario");
+    this.dataUnit.metadata = {
+      name: "dd://br.com.sankhya.fin.cad.movimentacaoFinanceira/Financeiro",
+      label: "Parceiro",
+      fields: [
+        {
+          name: "CODPARC",
+          label: "Parceiro",
+          dataType: DataType.NUMBER,
+          userInterface: UserInterface.SEARCH,
+          required: true,
+          properties: {}
+        },
+        {
+          name: "RECDESP",
+          label: "Receita/Despesa",
+          dataType: DataType.TEXT,
+          userInterface: UserInterface.OPTIONSELECTOR,
+          required: true,
+          properties: { options: `{"-1": "Despesa", "1": "Receita"}` }
+        },
+        {
+          name: "P",
+          label: "pera",
+          dataType: DataType.TEXT,
+          userInterface: UserInterface.OPTIONSELECTOR,
+          properties: { options: `{"M": "Madura", "V": "Verde", "P": "Passada"}` }
+        },
+        {
+          name: "ME",
+          label: "ME",
+          dataType: DataType.NUMBER,
+          userInterface: UserInterface.DECIMALNUMBER,
+          properties: { precision: 4, prettyPrecision: 1 }
+        }
+      ]
+    };
+    this.dataUnit.dataLoader = () => new Promise(accept => accept([
+      {
+        __record__id__: "1321321321321321",
+        CODPARC: 10,
+        NOMEPARC: "Parceiro 10",
+        P: "M",
+        L: "Bagaço",
+        LI: "Azedo"
+      }
+    ]));
+  }
+  render() {
+    return (h("ez-form", { dataUnit: this.dataUnit }));
+  }
+};
+TestDu.style = testDuCss;
+
+export { TestDu as test_du };

package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-action-chip/ez-action-chip.css

@@ -0,0 +1,67 @@
+:host {
+  /* dimensions */
+
+  /*@doc Define a altura do componente.*/
+  --ez-action-chip--height: 36px;
+
+  /* general */
+  /*@doc Define o raio da borda do componente.*/
+  --ez-action-chip--border-radius: var(--border--radius-large, 24px);
+  /*@doc Define o estilo de borda do componente.*/
+  --ez-action-chip__border: 1px solid;
+  /*@doc Define a cor da borda do componente.*/
+  --ez-action-chip__border-color-strokes: var(--color--strokes, #DCE0E8);
+
+  /* label */
+  /*@doc Define o tamanho da fonte do label.*/
+  --ez-action-chip--font-size: var(--text--medium, 14px);
+  /*@doc Define a família da fonte do label.*/
+  --ez-action-chip--font-family: var(--font-pattern, Arial);
+  /*@doc Define o peso da fonte do label.*/
+  --ez-action-chip--font-weight: var(--text-weight--large, 500);
+  /*@doc Define a cor do label do componente.*/
+  --ez-action-chip__label--title--primary: var(--title--primary, #919191);
+  /*@doc Define a cor do label quando desabilitado.*/
+  --ez-action-chip__label-color--disable-secondary: var(--color--disable-secondary, #F2F5F8);
+  /*@doc Define a cor de fundo do componente quando o cursor estiver sobre ele.*/
+  --ez-action-chip__label__default--background-color--hover: var(--color--primary-200, #f2faf8);
+  /*@doc Define a cor da borda quando o cursor estiver sobre o componente.*/
+  --ez-action-chip__label__default--border-color--hover: var(--color--primary-600, #007a5a);
+}
+
+.label__container {
+  /*private*/
+  width: fit-content;
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+  background-color: #FFFFFF;
+  align-items: center;
+  align-self: center;
+  cursor: pointer;
+  /*public*/
+  color: var(--ez-action-chip__label--title--primary);
+  fill: var(--ez-action-chip__label--title--primary);
+  border: var(--ez-action-chip__border);
+  border-radius: var(--ez-action-chip--border-radius);
+  border-color: var(--ez-action-chip__border-color-strokes);
+  padding-right: var(--space--medium, 12px);
+  padding-left: var(--space--medium, 12px);
+}
+
+.label__container:hover {
+  border-color: var(--ez-action-chip__label__default--border-color--hover);
+  background-color: var(--ez-action-chip__label__default--background-color--hover);
+}
+
+label {
+  /*private*/
+  display: flex;
+  align-items: center;
+  font-weight: var(--text-weight--large, 600);
+  cursor: pointer;
+  /*public*/
+  height: var(--ez-action-chip--height);
+  font-family: var(--ez-action-chip--font-family);
+  font-size: var(--ez-action-chip--font-size);
+}

package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-application/ez-application.css

@@ -0,0 +1,3 @@
+:host {
+  
+}

package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-button/ez-button.css

@@ -0,0 +1,180 @@
+:host {
+
+  /* dimensions */
+  /*@doc Define a largura do componente.*/
+  --ez-button--min-width: 100px;
+
+  /* dimensions */
+  /*@doc Define a altura do componente.*/
+  --ez-button--height: 42px;
+  /*@doc Define a largura do slot que contém o ícone.*/
+  --ez-button__icon--width: 18px;
+  /*@doc Define o espaçamento entre o ícone e o label.*/
+  --ez-button__inline__icon--padding: 12px;
+
+  /*@doc Define o espaçamento superior ao label.*/
+  --ez-button--padding-top: var(--space--medium, 12px);
+  /*@doc Define o espaçamento inferior ao label.*/
+  --ez-button--padding-bottom: var(--space--medium, 12px);
+  /*@doc Define o espaçamento à direita do label.*/
+  --ez-button--padding-right: var(--space--large, 24px);
+  /*@doc Define o espaçamento à esquerda do label.*/
+  --ez-button--padding-left: var(--space--large, 24px);
+
+  /* general */
+  /*@doc Define a cor do label.*/
+  --ez-button--color: var(--text--primary, #FFF);
+  /*@doc Define o tamanho do label.*/
+  --ez-button--font-size: var(--text--medium, 14px);
+  /*@doc Define a família da fonte do label.*/
+  --ez-button--font-family: var(--font-pattern, Arial);
+  /*@doc Define o peso da fonte do label.*/
+  --ez-button--font-weight: var(--text-weight--large);
+  /*@doc Define a cor de fundo do botão.*/
+  --ez-button--background-color: var(--background--medium, #c0c0c0);
+  /*@doc Define o raio da borda do botão.*/
+  --ez-button--border-radius: var(--border--radius-large, 12px);
+  /*@doc Define o estilo da borda do botão.*/
+  --ez-button--border: none;
+
+  /*@doc Define a cor de fundo quando o cursor está sobre o botão.*/
+  --ez-button--hover--background-color: var(--background--strong, var(--ez-button--background-color));
+
+  /*@doc Define a cor do texto quando o botão está desabilitado.*/
+  --ez-button--disabled-color: var(--text--disable);
+  /*@doc Define a cor de fundo quando o botão está desabilitado.*/
+  --ez-button--disabled--background-color: var(--color--disable-secondary);
+
+  /*@doc Define o estido da borda quando o botão está selecionado.*/
+  --ez-button--focus--border: var(--ez-button--border);
+  /*@doc Define a sombra do botão quando selecionado.*/
+  --ez-button--focus--box-shadow: none;
+
+  /*@doc Define a cor do texto do botão no modo link.*/
+  --ez-button--link-color: var(--color--primary, '#008561');
+  --ez-button--link--hover-color: var(--color--primary-700, '#1C1D22');
+
+  --ez-button--link--small--font-size: var(--text--small, 12px);
+  --ez-button--link--medium--font-size: var(--text--medium, 14px);
+  --ez-button--link--large--font-size: var(--text--large, 16px);
+}
+
+ez-icon {
+  --ez-icon--color: inherit;
+}
+
+button {
+  /*private*/
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  cursor: pointer;
+  transition: background-color 0.2s linear;
+
+  /*public*/
+  min-width: var(--ez-button--min-width);
+  height: var(--ez-button--height);
+  font-family: var(--ez-button--font-family);
+  font-size: var(--ez-button--font-size);
+  font-weight: var(--ez-button--font-weight);
+  padding: var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);
+  border-radius: var(--ez-button--border-radius);
+
+  background-color: var(--ez-button--background-color);
+  color: var(--ez-button--color);
+  fill: var(--ez-button--color);
+  border: var(--ez-button--border);
+}
+
+button:hover {
+  background-color: var(--ez-button--hover--background-color);
+}
+
+button:focus {
+  /*FIXME: Estranho o botão não dar nenhuma indicação de que recebeu foco*/
+  outline: none;
+  border: var(--ez-button--focus--border);
+  box-shadow: var(--ez-button--focus--box-shadow);
+}
+
+button:disabled {
+  background-color: var(--ez-button--disabled--background-color);
+  color: var(--ez-button--disabled-color);
+  fill: var(--ez-button--disabled-color);
+  border: none;
+  cursor: no-drop;
+}
+
+button.icon {
+  padding: 0px;
+}
+
+button.small {
+  width: 32px;
+  min-width: 32px;
+  height: 32px;
+}
+
+button.medium {
+  width: 42px;
+  min-width: 42px;
+  height: 42px;
+}
+
+button.large {
+  width: 52px;
+  min-width: 52px;
+  height: 52px;
+}
+
+.label-icon {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: var(--ez-button--color);
+}
+
+.label-icon label {
+  max-width: 150px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  font-family: var(--ez-button--font-family);
+  font-size: var(--ez-button--font-size);
+  font-weight: var(--ez-button--font-weight);
+}
+
+
+a {
+  /*private*/
+  font-family: var(--ez-button--font-family);
+  font-weight: var(--ez-button--font-weight);
+  color: var(--ez-button--link-color);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /*public*/
+}
+
+a:hover {
+  /*public*/
+  color: var(--ez-button--link--hover-color);
+}
+
+a.small{
+  font-size: var(--ez-button--link--small--font-size);
+  line-height: var(--ez-button--link--small--font-size);
+}
+
+a.medium{
+  font-size: var(--ez-button--link--medium--font-size);
+  line-height: var(--ez-button--link--medium--font-size);
+}
+
+a.large{
+  font-size: var(--ez-button--link--large--font-size);
+  line-height: var(--ez-button--link--large--font-size);
+}