@sankhyalabs/ezui-docs 6.1.0 → 6.2.0

package/components/ez-actions-button/readme.md

@@ -81,3 +81,17 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-actions-button\_\_actions-list--border-radius | Define o raio da borda do popover. | 
+| --ez-actions-button\_\_actions-list--box-shadow | Define a sombra do popover. | 
+| --ez-actions-button\_\_actions-list--background-color | Define a cor de fundo do popover. | 
+| --ez-actions-button\_\_actions-list--padding | Define o espaçamento interno do popover | 
+| --ez-actions-button\_\_actions-list--top-margin | Define a distancia entre o botão e o popover | 
+| --ez-actions-button\_\_actions-list--z-index | Define a elevação do popover. | 
+| --ez-actions-button\_\_actions-max-height | Define a altura máxima do popover. | 
+| --ez-actions-button\_\_btn-action--min-width | Define a largura mínima do popover | 
+| --ez-actions-button\_\_btn-action--background-color | Define a cor de fundo do popover | 

package/components/ez-alert/readme.md

@@ -28,3 +28,21 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-alert-alert-container--padding-up-down | Define o raio do padding interno para cima e para baixo. | 
+| --ez-alert-alert-container--padding-right-left | Define o raio do padding interno para a esquerda e para a direita. | 
+| --ez-alert-alert-container--gap | Define o espaçamento entre os elementos internos | 
+| --ez-alert-alert-container--border-radius | Define o raio da borda do corpo do Alert. | 
+| --ez-alert-alert-container--font-color-warn | Define a cor da fonte no estilo Warn. | 
+| --ez-alert-alert-container--icon-warn | Define a cor do ícone no estilo Warn. | 
+| --ez-alert-alert-container--background-color-warn | Define a cor do background no estilo Warn. | 
+| --ez-alert-alert-container--font-color-critical | Define a cor da fonte no estilo Critical. | 
+| --ez-alert-alert-container--icon-critical | Define a cor do ícone no estilo Critical. | 
+| --ez-alert-alert-container--background-color-critical | Define a cor do background no estilo Critical. | 
+| --ez-alert-alert-container--font-color-success | Define a cor da fonte no estilo Success. | 
+| --ez-alert-alert-container--icon-success | Define a cor do ícone no estilo Success. | 
+| --ez-alert-alert-container--background-color-success | Define a cor do background no estilo Success. | 

package/components/ez-alert-list/readme.md

@@ -37,3 +37,19 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-alert-list\_\_container--width | Define a largura da lista minimizado  | 
+| --ez-alert-list\_\_container--height | Define a altura da lista minimizado  | 
+| --ez-alert-list\_\_container--width--expanded | Define a largura da lista maximizada  | 
+| --ez-alert-list\_\_container--height--expanded | Define a altura da lista maximizada  | 
+| --ez-alert-list\_\_title--font-family | Define a fonte do título do componente  | 
+| --ez-alert-list\_\_title--font-size | Define o tamanho da fonte do título do popup. | 
+| --ez-alert-list\_\_title--color | Define a cor da fonte do título do popup. | 
+| --ez-alert-list\_\_title--font-weight | Define o peso da fonte do título do popup. | 
+| --ez-list\_\_item--border-bottom | Define a borda inferior do item da lista.  | 
+| --ez-list\_\_item--border-bottom-color | Define a cor da borda inferior do item da lista.  | 
+| --ez-list\_\_item--white-space | Define o tipo da quebra de linha do item da lista.  | 

package/components/ez-avatar/readme.md

@@ -18,6 +18,10 @@
 
 ## Dependencies
 
+### Used by
+
+ - [ez-tile-medium](../ez-tile-medium)
+
 ### Depends on
 
 - [ez-icon](../ez-icon)
@@ -26,6 +30,7 @@
 ```mermaid
 graph TD;
   ez-avatar --> ez-icon
+  ez-tile-medium --> ez-avatar
   style ez-avatar fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

package/components/ez-badge/readme.md

@@ -19,6 +19,10 @@
 
 ## Dependencies
 
+### Used by
+
+ - [ez-tile-medium](../ez-tile-medium)
+
 ### Depends on
 
 - [ez-icon](../ez-icon)
@@ -27,6 +31,7 @@
 ```mermaid
 graph TD;
   ez-badge --> ez-icon
+  ez-tile-medium --> ez-badge
   style ez-badge fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

package/components/ez-breadcrumb/readme.md

@@ -42,3 +42,11 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --breadcrumb\_\_item--label--color--title-primary | Define a cor da fonte do link, com exceção do último. | 
+| --breadcrumb\_\_item--label--color--active | Define a cor da fonte do último link | 
+| --breadcrumb\_\_item--label--font-weight | Define o peso da fonte. | 

package/components/ez-button/readme.md

@@ -54,6 +54,7 @@ Type: `Promise<void>`
  - [ez-sidebar-navigator](../ez-sidebar-navigator)
  - [ez-split-item](../ez-split-panel/structure/item)
  - [ez-text-edit](../ez-text-edit)
+ - [ez-tile-medium](../ez-tile-medium)
  - [filter-column](../ez-grid/subcomponents)
 
 ### Depends on
@@ -74,6 +75,7 @@ graph TD;
   ez-sidebar-navigator --> ez-button
   ez-split-item --> ez-button
   ez-text-edit --> ez-button
+  ez-tile-medium --> ez-button
   filter-column --> ez-button
   style ez-button fill:#f9f,stroke:#333,stroke-width:4px
 ```
@@ -81,3 +83,38 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-button--min-width | Define a largura mínima do componente. | 
+| --ez-button--width | Define a largura do componente. | 
+| --ez-button--height | Define a altura do componente. | 
+| --ez-button\_\_icon--width | Define a largura do slot que contém o ícone. | 
+| --ez-button\_\_inline\_\_icon--padding | Define o espaçamento entre o ícone e o label. | 
+| --ez-button--padding-top | Define o espaçamento superior ao label. | 
+| --ez-button--padding-bottom | Define o espaçamento inferior ao label. | 
+| --ez-button--padding-right | Define o espaçamento à direita do label. | 
+| --ez-button--padding-left | Define o espaçamento à esquerda do label. | 
+| --ez-button--color | Define a cor do label. | 
+| --ez-button--font-size | Define o tamanho do label. | 
+| --ez-button--font-family | Define a família da fonte do label. | 
+| --ez-button--font-weight | Define o peso da fonte do label. | 
+| --ez-button--background-color | Define a cor de fundo do botão. | 
+| --ez-button--border-radius | Define o raio da borda do botão. | 
+| --ez-button--border | Define o estilo da borda do botão. | 
+| --ez-button--justify-content | Define o alinhamento horizontal do conteúdo do botão. | 
+| --ez-button--hover-color | Define a cor do texto e do ícone quando o cursor está sobre o botão. | 
+| --ez-button--hover--background-color | Define a cor de fundo quando o cursor está sobre o botão. | 
+| --ez-button--disabled-color | Define a cor do texto quando o botão está desabilitado. | 
+| --ez-button--disabled--background-color | Define a cor de fundo quando o botão está desabilitado. | 
+| --ez-button--focus--border | Define o estido da borda quando o botão está selecionado. | 
+| --ez-button--focus--box-shadow | Define a sombra do botão quando selecionado. | 
+| --ez-button--active-color | Define a cor do texto e do ícone ao ativar o botão. | 
+| --ez-button--active--background-color | Define a cor do fundo ao ativar o botão. | 
+| --ez-button--link-color | Define a cor do texto do botão no modo link. | 
+| --ez-button--link--hover-color | Define a cor do texto do botão no hover do modo link. | 
+| --ez-button--link--small--font-size | Define o tamanho small na fonte do texto do botão no modo link. | 
+| --ez-button--link--medium--font-size | Define o tamanho medium na fonte do texto do botão no modo link. | 
+| --ez-button--link--large--font-size | Define o tamanho large na fonte do texto do botão no modo link. | 

package/components/ez-calendar/readme.md

@@ -84,3 +84,37 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-calendar--font-family | Define a família da fonte do componente. | 
+| --ez-calendar--color | Define a cor dos textos dentro do componente. | 
+| --ez-calendar--text-shadow | Define a sombra dos textos dentro do componente. | 
+| --ez-calendar\_\_body--background-color | Define a cor de fundo do corpo do calendário. | 
+| --ez-calendar\_\_time--background-color | Define a cor de fundo do corpo da hora do calendário. | 
+| --ez-calendar\_\_body--padding | Define o espaçamento do corpo do calendário. | 
+| --ez-calendar\_\_body--border-radius | Define o raio da borda do corpo do calendário. | 
+| --ez-calendar\_\_body--shadow | Define a sombra do corpo do calendário. | 
+| --ez-container--z-index | Define a posição do container de calendario nas camadas da página . | 
+| --ez-calendar\_\_header-line--stroke | Define a espessura da borda inferior do header. | 
+| --ez-calendar\_\_header-line--color | Define a cor da borda inferior do header. | 
+| --ez-calendar\_\_nav-btn--fill | Define a cor do ícone de navegação. | 
+| --ez-calendar\_\_nav-btn--hover--fill | Define a cor do ícone de navegação quando o cursor está sobre ele. | 
+| --ez-calendar\_\_nav-btn--width | Define a largura do ícone de navegação. | 
+| --ez-calendar\_\_nav-btn--height | Define a altura do ícone de navegação. | 
+| --ez-calendar\_\_nav-btn--previous-image | Contém a imagem do ícone de navegação à esquerda. | 
+| --ez-calendar\_\_nav-btn--next-image | Contém a imagem do ícone de navegação à direita. | 
+| --ez-calendar\_\_cell--margin | Define o espaçamento vertical entre as células. | 
+| --ez-calendar\_\_cell--width | Define a largura das células. | 
+| --ez-calendar\_\_cell--padding | Define o espaçamento horizontal entre as células. | 
+| --ez-calendar\_\_cell--border-radius | Define o raio da borda das células. | 
+| --ez-calendar\_\_cell--over--background-color | Define a cor de fundo das células. | 
+| --ez-calendar\_\_cell--over--color | Define a cor de do texto das células. | 
+| --ez-calendar\_\_cell--outset--color | Define a cor do texto para células secundárias (fora do mês selecionado). | 
+| --ez-calendar\_\_cell--selected--background-color | Define a cor de fundo das células selecionadas. | 
+| --ez-calendar\_\_cell--selected--color | Define a cor do texto da célula selecionada. | 
+| --ez-calendar\_\_btn-today--color | Define a cor do texto do botão "Hoje". | 
+| --ez-calendar\_\_btn-today--hover--background-color | Define a cor de fundo do botão "Hoje" quando o cursor está sobre ele. | 
+| --ez-calendar\_\_btn-today--border-radius | Define o raio da borda do botão "Hoje". | 

package/components/ez-card-item/readme.md

@@ -39,3 +39,20 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-card-item--font-size | Define o tamanho da fonte do componente. | 
+| --ez-card-item--font-size-compacted | Define o tamanho da fonte do componente no modo compacto. | 
+| --ez-card-item--font-family | Define a família da fonte do componente. | 
+| --ez-card-item--font-weight | Define o peso da fonte do componente. | 
+| --ez-card-item--font-weight-large | Define o peso da fonte do title do componente. | 
+| --ez-card-item--color | Define a cor da fonte do componente. | 
+| --ez-card-item\_\_key--color | Define a cor da fonte da key do componente. | 
+| --ez-card-item\_\_detail-label--color | Define a cor da fonte do label do detalhe do componente. | 
+| --ez-card-item\_\_detail--padding-bottom | Define o espaçamento inferior dos detalhes do componente. | 
+| --ez-card-item\_\_title--padding-bottom | Define o espaçamento inferior do title do componente. | 
+| --ez-card-item\_\_highlight--color | Define a cor do highlight / marcação nos textos do componente. | 
+| --ez-card-item--detail-label--font-weight | Define o peso da fonte do componente. | 

package/components/ez-check/readme.md

@@ -68,3 +68,48 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-check--box--width | Define a largura do box do checkbox. | 
+| --ez-check--box--height | Define a altura do box do checkbox. | 
+| --ez-check--width | Define a largura do input do checkbox. | 
+| --ez-check--height | Define a altura do input do checkbox  | 
+| --ez-check--border-radius | Define o raio da borda do input do checkbox. | 
+| --ez-check--checked--background-color | Define a cor de fundo do input do checkbox quando marcado. | 
+| --ez-check--focus--background-color | Define a cor de fundo do input do checkbox quando focado. | 
+| --ez-check--hover--background-color | Define a cor de fundo do input do checkbox quando o cursor está sobre ele. | 
+| --ez-check--checked--disabled--background-color | Define a cor de fundo do input do checkbox quando marcado e desabilitado. | 
+| --ez-check--border | Define o estilo da borda do input do checkbox. | 
+| --ez-check--disabled--border | Define o estilo da borda do input do checkbox quando desabilitado. | 
+| --ez-check--checked--border | Define o estilo da borda do input do checkbox quando marcado. | 
+| --ez-check--checked--hover--background-color | Define a cor de fundo do input do checkbox quando ativo e com o cursor sobre ele. | 
+| --ez-check--checked--focus--background-color | Define a cor de fundo do input do checkbox quando ativo e focado. | 
+| --ez-check--check--image | Contém o ícone do input marcado. | 
+| --ez-check--indeterminate--image | Ícone usado para o estado "indeterminado" do componente. | 
+| --ez-check--check--background-color | Define a cor de fundo do slot do ícone quando marcado. | 
+| --ez-check--check--disabled--background-color | Define a cor de fundo do slot do ícone quando marcado e desabilitado. | 
+| --ez-switch--slider--width | Define a largura do slider do checkbox. | 
+| --ez-switch--slider--height | Define a altura do slider do checkbox. | 
+| --ez-switch--pin--width | Define a largura do pino do slider do checkbox. | 
+| --ez-switch--pin--height | Define a altura do pino do slider do checkbox. | 
+| --ez-switch--focus--width | Define a largura do slider quando focado. | 
+| --ez-switch--focus--height | Define a altura do slider quando focado. | 
+| --ez-switch--background-color | Define a cor de fundo do checkbox no modo switch. | 
+| --ez-switch--disabled--background-color | Define a cor de fundo do checkbox desabilitado no modo switch. | 
+| --ez-switch--disabled--checked--background-color | Define a cor de fundo do checkbox marcado no modo switch. | 
+| --ez-switch--checked--background-color | Define a cor de fundo do checkbox marcado no modo switch. | 
+| --ez-switch--pin--background-color | Define a cor de fundo do pino do slider.  | 
+| --ez-switch--pin--disabled--background-color | Define a cor de fundo do pino do slider quando desabilitado.  | 
+| --ez-switch--pin--checked--background-color | Define a cor de fundo do pino do slider quando marcado.  | 
+| --ez-switch--pin--checked--disabled--background-color | Define a cor de fundo do pino do slider quando marcado e desabilitado1.  | 
+| --ez-switch--pin--focus--background-color | Define a cor de fundo do pino do slider quando focado.  | 
+| --ez-switch--pin--checked--focus--background-color | Define a cor de fundo do pino do slider quando marcado e focado.  | 
+| --ez-switch--pin--border-color | Define a cor da borda do pino do slider.  | 
+| --ez-switch--pin--disabled--border-color | Define a cor da borda do pino do slider quando desabilitado.  | 
+| --ez-check--label--font-size | Define o tamanho da fonte do label. | 
+| --ez-check--label--font-family | Define a família da fonte do label. | 
+| --ez-check--label--color | Define a cor da fonte do label. | 
+| --ez-check--label--disabled--color | Define a cor da fonte do label quando desabilitado. | 

package/components/ez-chip/readme.md

@@ -66,3 +66,28 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-label-chip--height | Define a altura do chip. | 
+| --ez-label-chip\_\_label--font-size | Define o tamanho do label. | 
+| --ez-label-chip\_\_label--font-family | Define a família da fonte do label. | 
+| --ez-label-chip\_\_label--font-weight | Define o peso da fonte do label. | 
+| --ez-label-chip\_\_label--space--medium | Define o espaçamento do label. | 
+| --ez-label-chip\_\_label--title--primary | Define a cor do texto. | 
+| --ez-label-chip\_\_label--text--primary | Define a cor do ícone. | 
+| --ez-label-chip\_\_label\_\_container--border-radius | Define o raio da borda do container do chip. | 
+| --ez-label-chip\_\_label\_\_container--border | Define o estilo da borda do container. | 
+| --ez-label-chip\_\_label\_\_container--border-color-strokes | Define a cor da borda do container. | 
+| --ez-label-chip\_\_label\_\_container--color-primary | Define a cor do texto, do ícone do label e do botão de remoção (quando o chip está ativo). | 
+| --ez-label-chip\_\_label\_\_container-color--disable-secondary | Define a cor da borda e do fundo quando o chip está desativado. | 
+| --ez-label-chip\_\_label\_\_container--background-color | Define a cor de fundo do container quando ativo. | 
+| --ez-label-chip\_\_label\_\_container--border-color | Define a cor da borda do container quando ativo. | 
+| --ez-label-chip\_\_label\_\_container--default--border-color--active | Define a cor da borda do container quando o cursor está sobre ele. | 
+| --ez-label-chip\_\_label\_\_container--default--background-color--hover | Define a cor do fundo do container quando o cursor está sobre ele. | 
+| --ez-label-chip\_\_label\_\_container--default--color--hover | Define a cor do texto quando o cursor está sobre ele. | 
+| --ez-label-chip\_\_label\_\_container--text--disabled | Define a cor do texto e do ícone quando o chip está desabilitado. | 
+| --ez-label-chip\_\_label\_\_container--default--border-color--active | Define a cor da borda quando o componente está ativo. | 
+| --ez-label-chip\_\_label\_\_container--default--margin-top | Define a margem superior. | 

package/components/ez-collapsible-box/readme.md

@@ -92,3 +92,23 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-collapsible-box--font-size | Define o tamanho da fonte do header. | 
+| --ez-collapsible-box--font-family | Define a família da fonte do header. | 
+| --ez-collapsible-box--font-weight | Define o peso da fonte do header. | 
+| --ez-collapsible-box--color | Define a cor da fonte do header. | 
+| --ez-collapsible-box--subtitle--font-size | Define o tamanho da fonte do header. | 
+| --ez-collapsible-box--subtitle--font-family | Define a família da fonte do header. | 
+| --ez-collapsible-box--subtitle--font-weight | Define o peso da fonte do header. | 
+| --ez-collapsible-box--subtitle--color | Define a cor da fonte do header. | 
+| --ez-collapsible-box--subtitle--margin-bottom | Define a cor da fonte do header. | 
+| --ez-collapsible-box--focus--color | Define a cor do texto e do ícone quando o componente está focado. | 
+| --ez-collapsible-box\_\_icon--color | Define a cor do chevron. | 
+| --ez-collapsible-box\_\_header--padding-top | Define o espaçamento superior ao header. | 
+| --ez-collapsible-box\_\_header--padding-bottom | Define o espaçamento inferior ao header. | 
+| --ez-collapsible-box\_\_header--padding-right | Define o espaçamento à direita do header. | 
+| --ez-collapsible-box\_\_header--padding-left | Define o espaçamento à esquerda do header. | 

package/components/ez-date-input/readme.md

@@ -99,3 +99,11 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-date-input\_\_input--background-color | Define a cor de fundo do input. | 
+| --ez-date-input\_\_input--border-color | Define a cor da borda do input. | 
+| --ez-date-input\_\_calendar-image | Contém a imagem do calendário. | 

package/components/ez-date-time-input/readme.md

@@ -100,3 +100,11 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-date-input\_\_input--background-color | Define a cor de fundo do input. | 
+| --ez-date-input\_\_input--border-color | Define a cor da borda do input. | 
+| --ez-date-input\_\_calendar-image | Contém a imagem do calendário. | 

package/components/ez-dialog/readme.md

@@ -58,3 +58,29 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --dialog\_\_container-padding | Define o espaçamento do container. | 
+| --dialog\_\_btn\_\_close--background-color | Define a cor de fundo do botão de fechar. | 
+| --dialog\_\_btn\_\_no--padding-right | Define o espaçamento direito do botão de negação. | 
+| --dialog\_\_btn\_\_close\_\_image | Contém a imagem do ícone de fechamento. | 
+| --dialog\_\_title--font-pattern | Define o estilo da mensagem exibida no título. | 
+| --dialog\_\_title--padding-left | Define o espaçamento a esquerda do título. | 
+| --dialog\_\_title\_\_container--padding-bottom | Define o espaçamento abaixo do container do título. | 
+| --dialog\_\_title--weight--large | Define o peso do título. | 
+| --dialog\_\_body--font-pattern | Define o estilo do texto da mensagem. | 
+| --dialog\_\_body--text-shadow | Define a sombra do texto da mensagem. | 
+| --dialog\_\_body--text-weight--medium | Define o peso do texto da mensagem. | 
+| --dialog\_\_body--padding-bottom | Define o espaçamento inferior do texto da mensagem. | 
+| --dialog\_\_body--font-size | Define o tamanho do texto da mensagem. | 
+| --dialog\_\_body--color | Define a cor do texto da mensagem. | 
+| --dialog\_\_icon--color | Define a cor dos ícones dos indicadores de modo. | 
+| --dialog\_\_critical--background-color | Define a cor do indicador do dialog de erro. | 
+| --dialog\_\_warning--background-color | Define a cor do indicador do dialog de alert. | 
+| --dialog\_\_success--background-color | Define a cor do indicador do dialog de sucesso. | 
+| --dialog-z-index | Define a camada que o dialog será exibido. | 
+| --dialog--warning\_\_image | Contém a imagem do ícone de alerta. | 
+| --dialog--critical\_\_image | Contém a imagem do ícone crítico. | 

package/components/ez-dropdown/readme.md

@@ -49,3 +49,44 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-dropdown--z-index | Define a posição do componente. | 
+| --ez-dropdown--padding | Define o espaçamento interno do componente. | 
+| --ez-dropdown--box-shadow | Define a sombra externa do componente. | 
+| --ez-dropdown--border-radius | Define o raio da borda do componente. | 
+| --ez-dropdown--background-color | Define cor de fundo do componente. | 
+| --ez-dropdown--font-family | Define a fonte do componente. | 
+| --ez-dropdown--max-height | Define a altura máxima do componente. | 
+| --ez-dropdown\_\_item--padding | Define o espaçamento interno de cada item do componente. | 
+| --ez-dropdown\_\_item--gap | Define o espaçamento entre os elementos internos do item do componente. | 
+| --ez-dropdown\_\_item--border-radius | Define o raio da borda de cada item do componente. | 
+| --ez-dropdown\_\_item--color | Define a cor do texto de cada item do componente. | 
+| --ez-dropdown\_\_item--font-weight | Define o peso do texto de cada item do componente. | 
+| --ez-dropdown\_\_item--font-size | Define o tamanho da fonte de cada item do componente. | 
+| --ez-dropdown\_\_item--line-height | Define a altura do texto de cada item do componente. | 
+| --ez-dropdown\_\_item--background-color | Define a cor de fundo no hover de cada item do componente. | 
+| --ez-dropdown\_\_item--transition | Define o efeito de transição do hover de cada item do componente. | 
+| --ez-dropdown\_\_item-label--margin-right | Define o espaçamento direito externo de cada label do componente. | 
+| --ez-dropdown\_\_icon--size | Define o tamanho da área de cada ícone do componente. | 
+| --ez-dropdown\_\_divider--background-color | Define a cor de fundo do divider do componente. | 
+| --ez-dropdown\_\_divider--margin | Define o espaçamento externo do divider do componente. | 
+| --ez-dropdown\_\_group-label--color | Define a cor do título de cada grupo do componente. | 
+| --ez-dropdown\_\_group-label--font-weight | Define o peso do texto do título de cada grupo do componente. | 
+| --ez-dropdown\_\_group-label--font-size | Define o tamanho da fonte do título de cada grupo do componente. | 
+| --ez-dropdown\_\_group-label--line-height | Define a altura do texto do título de cada grupo do componente. | 
+| --ez-dropdown\_\_group-label--padding | Define o espaçamento interno do título de cada grupo do componente. | 
+| --ez-dropdown\_\_submenu--z-index | Define a posição do submenu do componente. | 
+| --ez-dropdown\_\_link--font-weight | Define o peso do texto de cada link do componente. | 
+| --ez-dropdown\_\_link--primary--color | Define a cor utilizada como padrão para ações secundárias. | 
+| --ez-dropdown\_\_link--critical--color | Define a cor utilizada para ações destrutivas como um excluir. | 
+| --ez-dropdown\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. | 
+| --ez-dropdown\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. | 
+| --ez-dropdown\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. | 
+| --ez-dropdown\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. | 
+| --ez-dropdown\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. | 
+| --ez-dropdown\_\_scrollbar--width | Define a largura da barra de rolagem do componente. | 
+| --ez-dropdown\_\_scrollbar--padding-right | Define o espaçamento interno direito quando houver barra de rolagem. | 

package/components/ez-empty-card/readme.md

@@ -0,0 +1,29 @@
+# ez-empty-card
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property | Attribute | Description                                                                  | Type                                                                 | Default     |
+| -------- | --------- | ---------------------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
+| `color`  | `color`   | Define a cor tema do componente.                                             | `"default" \| "gray" \| "green" \| "petroleum" \| "red" \| "yellow"` | `"default"` |
+| `height` | `height`  | Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. | `number`                                                             | `undefined` |
+| `width`  | `width`   | Define a largura do componente, sobrescrevendo o padrão da propriedade size. | `number`                                                             | `undefined` |
+
+
+----------------------------------------------
+
+
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-empty-card--width | Define a largura do componente. | 
+| --ez-empty-card--height | Define a altura do componente. | 
+| --ez-empty-card--padding | Define a margem do componente. | 
+| --ez-empty-card--border-radius | Define o raio da borda do componente. | 
+| --ez-empty-card--background-color | Define a cor de fundo do componente. | 

package/components/ez-file-item/readme.md

@@ -40,3 +40,20 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-file-item--height | Define a altura do componente. | 
+| --ez-file-item--padding | Define espaçamento interno do componente. | 
+| --ez-file-item--border-radius | Define o arredondamento dos retangulos. | 
+| --ez-file-item--border-color | Define a cor da borda. | 
+| --ez-file-item--border-style | Define largura e estilo da borda. | 
+| --ez-file-item--font-family | Define a família da fonte. | 
+| --ez-file-item--font-size | Define o tamanho da fonte. | 
+| --ez-file-item--font-weight | Define o peso da fonte. | 
+| --ez-file-item--color | Define a cor da fonte. | 
+| --ez-file-item\_\_file-size--font-weight | Define o peso da fonte do tamanho do arquivo. | 
+| --ez-file-item\_\_file-size--color | Define o peso da fonte do tamanho do arquivo. | 
+| --ez-file-item--icon-color | Define a cor do ícone. | 

package/components/ez-form-view/readme.md

@@ -132,3 +132,12 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-form-view\_\_item--min-width | Define o tamanho mínimo dos itens do formulário. | 
+| --ez-form-view\_\_item--max-width | Define o tamanho máximo dos itens do formulário. | 
+| --ez-form-view\_\_item--width | Define o espaçamento entre itens do formulário. | 
+| --ez-form-view\_\_item--padding | Define o padding do formulário. | 

package/components/ez-grid/readme.md

@@ -283,3 +283,17 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-grid\_\_header--background-color | Define a cor de fundo do header do componente. | 
+| --ez-grid\_\_selection-counter--z-index | Define o z-index do componente selection counter. | 
+| --ez-grid\_\_container--shadow | Define o sombreamento usado como borda. | 
+| --ez-grid--min-height | Define altura mínima da grid  | 
+| --ez-grid\_\_container--shadow--outline | Define o outline usado como borda. | 
+| --ez-grid\_\_header--shadow | Define a sombra do header. | 
+| --ez-grid\_\_header--shadow--outline | Define o outline usado como borda do header. | 
+| --ez-grid\_\_header--outline | Define o outline do header. | 
+| --ez-grid\_\_header--border | Define a borda do header. | 

package/components/ez-guide-navigator/readme.md

@@ -136,3 +136,16 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-guide-navigator--padding-left | Define o espaçamento da esquerda do container | 
+| --ez-guide-navigator--padding-right | Define o espaçamento da direita do container | 
+| --ez-guide-navigator--box-shadow | Define a cor de shadow box do container de label | 
+| --ez-guide-navigator--background-color | Define a cor de fundo do container de label | 
+| --ez-guide-navigator--border-radius | Define o border radius do container de label | 
+| --ez-guide-navigator--actions-gap | Define o espaçamento entre as ações | 
+| --ez-guide-navigator--actions-margin | Define a margem vertical do elemento | 
+| --ez-guide-navigator--actions-padding-right | Define o espaçamento da direita do elemento | 

package/components/ez-icon/readme.md

@@ -41,6 +41,8 @@
  - [ez-split-button](../ez-split-button)
  - [ez-tabselector](../ez-tabselector)
  - [ez-text-input](../ez-text-input)
+ - [ez-tile](../ez-tile)
+ - [ez-tile-medium](../ez-tile-medium)
  - [ez-time-input](../ez-time-input)
  - [ez-tree](../ez-tree)
 
@@ -69,6 +71,8 @@ graph TD;
   ez-split-button --> ez-icon
   ez-tabselector --> ez-icon
   ez-text-input --> ez-icon
+  ez-tile --> ez-icon
+  ez-tile-medium --> ez-icon
   ez-time-input --> ez-icon
   ez-tree --> ez-icon
   style ez-icon fill:#f9f,stroke:#333,stroke-width:4px
@@ -77,3 +81,9 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-icon--color | Define a cor do ícone.  | 

package/components/ez-list/readme.md

@@ -117,3 +117,40 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-list\_\_host--z-index | Define a camada de visibilidae do componente.  | 
+| --ez-list\_\_host--border-radius | Define o raio da borda do componente.  | 
+| --ez-list\_\_host--padding | Define o espaçamento entre a lista e o componente.  | 
+| --ez-list\_\_icon--padding | Define o espaçamento interno do ícone.  | 
+| --ez-list\_\_icon--color | Define a cor do ícone de arrasto do item da lista.  | 
+| --ez-list\_\_item--margin | Define o espaçamento externo do item da lista.  | 
+| --ez-list\_\_item--color | Define a cor do texto do item da lista.  | 
+| --ez-list\_\_item--border-bottom | Define o estilo borda inferior do item da lista.  | 
+| --ez-list\_\_item--border-bottom-color | Define a cor da borda inferior do item da lista.  | 
+| --ez-list\_\_item--font-family | Define o estilo do texto do item da lista.  | 
+| --ez-list\_\_item--font-size | Define o tamanho do texto do item da lista.  | 
+| --ez-list\_\_item--white-space | Define o tipo da quebra de linha do item da lista.  | 
+| --ez-list\_\_selectable--padding-right | Define o espaçamento lateral direito para items selecionados.  | 
+| --ez-list\_\_selectable--padding-left | Define o espaçamento lateral esquerdo para items selecionados.  | 
+| --ez-list\_\_selected-item--border-radius | Define o raio da borda de items selecionados. | 
+| --ez-list\_\_selected-item--background-color | Define a cor de fundo de items selecionados. | 
+| --ez-list\_\_group--font-family | Define o estilo do texto do grupo da lista.  | 
+| --ez-list\_\_group--font-size | Define o tamanho do texto do grupo da lista.  | 
+| --ez-list\_\_group--font-weight | Define o peso do texto do grupo da lista.  | 
+| --ez-list\_\_group--padding-bottom | Define o espaçamento inferior do grupo da lista.  | 
+| --ez-list\_\_group-overlay--font-family | Define o estilo do texto da área de transferência de grupos.  | 
+| --ez-list\_\_group-overlay--font-size | Define o tamanho do texto da área de transferência de grupos.  | 
+| --ez-list\_\_over--border--color | Define a cor da borda pontilhada sobre os elementos da lista.  | 
+| --ez-list\_\_last-droppable-space--height | Define a altura do container para arrasto para última posição . | 
+| --ez-list\_\_draggable-list--padding-bottom | Define o espaçamento do container de itens arrastáveis . | 
+| --ez-list\_\_draggable-icon--image | Define a imagem do ícone de drag.  | 
+| --ez-list\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. | 
+| --ez-list\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. | 
+| --ez-list\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. | 
+| --ez-list\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. | 
+| --ez-list\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. | 
+| --ez-list\_\_scrollbar--width | Define a largura da barra de rolagem do componente. | 

package/components/ez-modal/readme.md

@@ -31,3 +31,11 @@
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-modal-z-index | Define a camada em que o componente será exibido. | 
+| --ez-modal-vertical-padding | Define o espaçamento vertical do conteúdo do modal. | 
+| --ez-modal-content-padding | Define o padding entre o conteúdo e o modal  | 

package/components/ez-number-input/readme.md

@@ -97,3 +97,10 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-number-input\_\_min-width | Define a largura maxima do componente. | 
+| --ez-number-input\_\_max-width | Define a largura minima do componente. | 

package/components/ez-popover/readme.md

@@ -84,3 +84,12 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-popover\_\_box--border-radius | Define o raio da borda do popover. | 
+| --ez-popover\_\_box--box-shadow | Define a sombra do popover. | 
+| --ez-popover\_\_box--background-color | Define a cor de fundo do popover. | 
+| --ez-popover\_\_box--z-index | Define a camada de visibilidade do popover. |