@sankhyalabs/ezui-docs 6.1.0-dev.21 → 6.1.0-dev.23

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-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

@@ -81,3 +81,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

@@ -70,3 +70,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

@@ -17,3 +17,13 @@
 ----------------------------------------------
 
 
+
+
+## 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

@@ -158,3 +158,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

@@ -85,3 +85,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. | 

package/components/ez-popup/readme.md

@@ -43,3 +43,18 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-popup-z-index | Define a camada em que o componente será exibido. | 
+| --ez-popup\_\_container--color | Define a cor do texto do container do popup. | 
+| --ez-popup\_\_container--padding | Define o espaçamento do container do popup. | 
+| --ez-popup\_\_header--padding-bottom | Define o espaçamento inferior do cabeçalho do popup. | 
+| --ez-popup\_\_title--font-family | Define a família da fonte do título do popup. | 
+| --ez-popup\_\_title--font-size | Define o tamanho da fonte do título do popup. | 
+| --ez-popup\_\_title--color | Define a cor da fonte do título do popup. | 
+| --ez-popup\_\_title--font-weight | Define o peso da fonte do título do popup. | 
+| --ez-popup\_\_btn\_\_close--icon-color | Define a cor do ícone do botão de fechamento.  | 
+| --ez-popup\_\_btn\_\_close--icon | Contém o ícone do botão de fechamento.  | 

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

@@ -26,3 +26,33 @@
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-radio-button--font-family | Define a família da fonte do label. | 
+| --ez-radio-button--font-size | Define o tamanho do label. | 
+| --ez-radio-button--font-weight | Define o peso da fonte do label. | 
+| --ez-radio-button--font-color | Define a cor do texto. | 
+| --ez-radio-button--padding-vertical | Define o espaço superior e inferior da lista de opções. | 
+| --ez-radio-button--padding-horizontal | Define o espaço lateral da lista de opções. | 
+| --ez-radio-button\_\_form-label--font-family | Define a família da fonte do label.  | 
+| --ez-radio-button\_\_form-label--font-weight | Define o peso da fonte do label.  | 
+| --ez-radio-button\_\_form-label--title-primary | Define a cor do texto.  | 
+| --ez-radio-button\_\_form-label--font-size | Define o tamanho do label.  | 
+| --ez-radio-button\_\_form-label--padding-horizontal | Define o espaço lateral da lista de opções. | 
+| --ez-radio-button\_\_form-radio--border-color | cor da borda do radio sem seleção (sem seleção / sem foco / sem hover / enabled)  | 
+| --ez-radio-button\_\_form-radio--checked--color | cor do radio selecionado (com seleção / sem foco / sem hover / enabled)  | 
+| --ez-radio-button\_\_form-radio--disabled--border-color | cor da borda do radio quando está desativado (sem seleção / sem foco / sem hover / disabled)  | 
+| --ez-radio-button\_\_form-radio--disabled--background-color | cor do background do radio quando está desativado (sem seleção / sem foco / sem hover / disabled)  | 
+| --ez-radio-button\_\_form-radio--disabled--color | cor da label quando o radio está desativado (sem seleção / sem foco / sem hover / disabled)  | 
+| --ez-radio-button\_\_form-radio--disabled--before--background-color | cor do centro do radio quando o radio está desativado (com seleção / sem foco / sem hover / disabled)  | 
+| --ez-radio-button\_\_form-radio--focus--background-color | cor do background quando o radio está ativado e sem seleção (sem seleção / com foco / sem hover / enabled)  | 
+| --ez-radio-button\_\_form-radio--checked--box-shadow-color | cor do box-shadow quando o radio está ativado e sem seleção (sem seleção / com foco / sem hover / enabled)  | 
+| --ez-radio-button\_\_form-radio--checked--focus--background-color | cor do background quando o radio está marcado e com foco (com seleção / com foco / sem hover / enabled)  | 
+| --ez-radio-button\_\_form-radio--checked--focus--box-shadow-color | cor do background quando o radio está marcado e com foco (com seleção / com foco / sem hover / enabled)  | 
+| --ez-radio-button\_\_form-radio--checked--hover--background-color | cor do background quando o radio está marcado, com foco e com hover (com seleção / com foco / com hover / enabled)  | 
+| --ez-radio-button\_\_form-radio--checked--hover--box-shadow-color | cor do box-shadow quando o radio está marcado, com foco e com hover (com seleção / com foco / com hover / enabled)  | 
+| --ez-radio-button\_\_form-radio--hover--box-shadow-color | cor do hover quando o radio está desmarcado (sem seleção / sem foco / com hover / enabled)  | 
+| --ez-radio-button\_\_form-radio--checked--disabled--hover--background-color | cor do fundo quando o radio está marcado e desativado (com seleção / sem foco / com hover / disabled)  | 

package/components/ez-rich-text/readme.md

@@ -112,3 +112,10 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-rich-text--box-shadow | Define a sombra do header. | 
+| --ez-rich-text--shadow--outline | Define o outline usado como borda do header. | 

package/components/ez-scroller/readme.md

@@ -32,3 +32,17 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-scroller--box-shadow-color | Define a cor de efeito de sombreado com componente. | 
+| --ez-scroller\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. | 
+| --ez-scroller\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. | 
+| --ez-scroller\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. | 
+| --ez-scroller\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. | 
+| --ez-scroller\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. | 
+| --ez-scroller\_\_scrollbar--width | Define a largura da barra de rolagem do componente. | 
+| --ez-scroller\_\_max-height | Define o a altura máxima do componente. | 
+| --ez-scroller\_\_scrollbar--padding-right | Define o espaçamento interno direito da barra de rolagem do componente. | 

package/components/ez-search/readme.md

@@ -130,3 +130,33 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-search--height | Define altura do input. | 
+| --ez-search--width | Define largura do input. | 
+| --ez-search\_\_icon--width | Define largura do slot do ícone do input. | 
+| --ez-search--border-radius | Define o raio da borda do input. | 
+| --ez-search--border-radius-small | Define o raio da borda do input quando pequeno. | 
+| --ez-search--font-size | Define o tamanho da fonte dentro do input. | 
+| --ez-search--font-family | Define a família da fonte dentro do input. | 
+| --ez-search--font-weight--large | Define o peso da fonte dentro do input quando pesada. | 
+| --ez-search--font-weight--medium | Define o peso da fonte dentro do input quando média. | 
+| --ez-search--background-color--xlight | Define a cor de fundo da lista de opções. | 
+| --ez-search--background-medium | Define a cor de fundo dos itens da lista de opções. | 
+| --ez-search--line-height | Define a altura da linha do texto dentro do input. | 
+| --ez-search\_\_input--background-color | Define a cor de fundo do input. | 
+| --ez-search\_\_input--border | Define o estilo da borda do input. | 
+| --ez-search\_\_input--border-color | Define a cor da borda do input. | 
+| --ez-search\_\_input--focus--border-color | Define a cor da borda do input quando focado. | 
+| --ez-search\_\_input--disabled--background-color | Define a cor de fundo do input quando desabilitado. | 
+| --ez-search\_\_input--disabled--color | Define a cor do texto dentro do input quando desabilitado. | 
+| --ez-search\_\_input--error--border-color | Define a cor da borda do input quando com erro. | 
+| --ez-search\_\_btn--color | Define a cor do botão de pesquisa do componente. | 
+| --ez-search\_\_btn-disabled--color | Define a cor do botão de pesquisa do componente quando desabilitado. | 
+| --ez-search\_\_btn-hover--color | Define a cor do botão de pesquisa do componente quando o mouse está sobre ele. | 
+| --ez-search\_\_label--color | Define a cor do label. | 
+| --ez-search--space--medium | Define um espaçamento mediano entre elementos do componente. | 
+| --ez-search--space--small | Define um espaçamento pequeno entre elementos do componente. | 

package/components/ez-search-plus/readme.md

@@ -128,3 +128,43 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-search--height | Define altura do input. | 
+| --ez-search--width | Define largura do input. | 
+| --ez-search\_\_icon--width | Define largura do slot do ícone do input. | 
+| --ez-search--border-radius | Define o raio da borda do input. | 
+| --ez-search--border-radius-small | Define o raio da borda do input quando pequeno. | 
+| --ez-search--font-size | Define o tamanho da fonte dentro do input. | 
+| --ez-search--font-family | Define a família da fonte dentro do input. | 
+| --ez-search--font-weight--large | Define o peso da fonte dentro do input quando pesada. | 
+| --ez-search--font-weight--medium | Define o peso da fonte dentro do input quando média. | 
+| --ez-search--background-color--xlight | Define a cor de fundo da lista de opções. | 
+| --ez-search--background-medium | Define a cor de fundo dos itens da lista de opções. | 
+| --ez-search--line-height | Define a altura da linha do texto dentro do input. | 
+| --ez-search\_\_input--background-color | Define a cor de fundo do input. | 
+| --ez-search\_\_input--border | Define o estilo da borda do input. | 
+| --ez-search\_\_input--border-color | Define a cor da borda do input. | 
+| --ez-search\_\_input--focus--border-color | Define a cor da borda do input quando focado. | 
+| --ez-search\_\_input--disabled--background-color | Define a cor de fundo do input quando desabilitado. | 
+| --ez-search\_\_input--disabled--color | Define a cor do texto dentro do input quando desabilitado. | 
+| --ez-search\_\_input--error--border-color | Define a cor da borda do input quando com erro. | 
+| --ez-search\_\_btn--color | Define a cor do botão de pesquisa do componente. | 
+| --ez-search\_\_btn-disabled--color | Define a cor do botão de pesquisa do componente quando desabilitado. | 
+| --ez-search\_\_btn-hover--color | Define a cor do botão de pesquisa do componente quando o mouse está sobre ele. | 
+| --ez-search\_\_label--color | Define a cor do label. | 
+| --ez-search\_\_list-title--primary | Define a cor do texto da lista de opções. | 
+| --ez-search\_\_list-text--primary | Define a cor do texto do value da lista de opções. | 
+| --ez-search\_\_list-height | Define a altura do box da lista de opções. | 
+| --ez-search\_\_list-min-width | Define a largura mínima da lista de opções. | 
+| --ez-search--space--medium | Define um espaçamento mediano entre elementos do componente. | 
+| --ez-search--space--small | Define um espaçamento pequeno entre elementos do componente. | 
+| --ez-search\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. | 
+| --ez-search\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. | 
+| --ez-search\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. | 
+| --ez-search\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. | 
+| --ez-search\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. | 
+| --ez-search\_\_scrollbar--width | Define a largura da barra de rolagem do componente. | 

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

@@ -35,3 +35,20 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-sidebar-button--width | Define a largura do span do botão. | 
+| --ez-sidebar-button--hover--width | Define a largura do span do botão quando passar o mouse em cima. | 
+| --ez-sidebar-button--height | Define a altura do span do botão. | 
+| --ez-sidebar-navigator-button--z-index | Define a camada em que o componente será exibido. | 
+| --ez-sidebar-button--background-color--xlight | Define a cor de fundo do botão. | 
+| --ez-sidebar-button--background-color--primary | Define a cor de fundo do span do botão. | 
+| --ez-sidebar-button--space--small | Define um espaçamento pequeno entre elementos do componente. | 
+| --ez-sidebar-button--space--medium | Define um espaçamento mediano entre elementos do componente. | 
+| --ez-sidebar-button--box-shadow | Define a sombra default do botão. | 
+| --ez-sidebar-button--hover--box-shadow | Define a sombra do botão quando passar o mouse em cima. | 
+| --ez-sidebar-button--border--radius-small | Define a borda arrendondada no valor de 6px. | 
+| --ez-sidebar-button--border--radius-medium | Define a borda arrendondada no valor de 12px. | 

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

@@ -80,3 +80,22 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-sidebar-navigator--padding-left | Define o espaçamento da esquerda do container | 
+| --ez-sidebar-navigator--padding-right | Define o espaçamento da direita do container | 
+| --ez-sidebar-navigator--gap | Define o espaçamento entre o cabeçalho conteúdo e rodapé | 
+| --ez-sidebar-navigator--box-shadow | Define a cor de shadow box do container de label | 
+| --ez-sidebar-navigator--background-color | Define a cor de fundo do container de label | 
+| --ez-sidebar-navigator--border-radius | Define o border radius do container de label | 
+| --ez-sidebar-navigator--height | Força uma altura especifica para o sidebar, o padrão é 100% da tela | 
+| --ez-sidebar-navigator--z-index | Define a camada em que o componente será exibido. | 
+| --ez-sidebar-navigator--header-gap | Define o espaçamento entre os componente do cabeçalho | 
+| --ez-sidebar-navigator--footer-gap | Define o espaçamento entre os componente do rodadé | 
+| --ez-ez-sidebar-navigator\_\_title--font-family | Define a fonte do título do componente  | 
+| --ez-ez-sidebar-navigator\_\_title--font-size | Define o tamanho da fonte do título do componente. | 
+| --ez-ez-sidebar-navigator\_\_title--color | Define a cor da fonte do título do componente. | 
+| --ez-ez-sidebar-navigator\_\_title--font-weight | Define o peso da fonte do título do componente. | 

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

@@ -73,3 +73,19 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-sortable-list\_\_selected-item--border-radius | Define o raio da borda de items selecionados. | 
+| --ez-sortable-list\_\_selected-item--background-color | Define a cor de fundo de items selecionados. | 
+| --ez-sortable-list\_\_selectable--padding-right | Define o espaçamento lateral direito para items selecionados.  | 
+| --ez-sortable-list\_\_selectable--padding-left | Define o espaçamento lateral esquerdo para items selecionados.  | 
+| --ez-sortable-list\_\_icon--color | Define a cor do ícone de arrasto do item da lista.  | 
+| --ez-sortable-list\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. | 
+| --ez-sortable-list--color-background | Define a cor de fundo da barra de rolagem do componente. | 
+| --ez-sortable-list\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. | 
+| --ez-sortable-list\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. | 
+| --ez-sortable-list--border-radius | Define o raio da borda da barra de rolagem do componente. | 
+| --ez-sortable-list\_\_scrollbar--width | Define a largura da barra de rolagem do componente. | 

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

@@ -104,3 +104,32 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-split-button--min-width | Define a largura mínima do componente. | 
+| --ez-split-button--width | Define a largura do componente. | 
+| --ez-split-button\_\_medium--height | Define a altura do componente. | 
+| --ez-split-button\_\_medium-icon--width | Define a largura do slot que contém o ícone. | 
+| --ez-split-button\_\_inline\_\_icon--gap | Define o espaçamento entre o ícone e o label. | 
+| --ez-split-button\_\_label--padding-top | Define o espaçamento superior ao label. | 
+| --ez-split-button\_\_label--padding-bottom | Define o espaçamento inferior ao label. | 
+| --ez-split-button\_\_right-button--padding-left | Define o espaçamento esquerdo ao ícone. | 
+| --ez-split-button--color | Define a cor do label. | 
+| --ez-split-button--font-size | Define o tamanho do label. | 
+| --ez-split-button--font-family | Define a família da fonte do label. | 
+| --ez-split-button--font-weight | Define o peso da fonte do label. | 
+| --ez-split-button--background-color | Define a cor de fundo do botão. | 
+| --ez-split-button--border-radius | Define o raio da borda do botão. | 
+| --ez-split-button--border | Define o estilo da borda do botão. | 
+| --ez-split-button--justify-content | Define o alinhamento horizontal do conteúdo do botão. | 
+| --ez-split-button--hover-color | Define a cor do texto e do ícone quando o cursor está sobre o botão. | 
+| --ez-split-button--hover--background-color | Define a cor de fundo quando o cursor está sobre o botão. | 
+| --ez-split-button--disabled-color | Define a cor do texto quando o botão está desabilitado. | 
+| --ez-split-button--disabled--background-color | Define a cor de fundo quando o botão está desabilitado. | 
+| --ez-split-button--focus--border | Define o estido da borda quando o botão está selecionado. | 
+| --ez-split-button--focus--box-shadow | Define a sombra do botão quando selecionado. | 
+| --ez-split-button--active-color | Define a cor do texto e do ícone ao ativar o botão. | 
+| --ez-split-button--active--background-color | Define a cor do fundo ao ativar o botão. | 

package/components/ez-tabselector/readme.md

@@ -55,3 +55,10 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --tabselector--backward-icon | Contém o ícone de voltar para a aba anterior. | 
+| --tabselector--forward-icon | Contém o ícone de avançar para a aba posterior. | 

package/components/ez-text-area/readme.md

@@ -100,3 +100,40 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --text-area--width | Define a largura do componente. | 
+| --text-area--border-radius | Define o raio da borda do input do componente. | 
+| --text-area--font-size | Define o tamanho da fonte do input e label do componente. | 
+| --text-area--font-family | Define a família da fonte do input, label e caixa de mensagem do componente. | 
+| --text-area--font-weight | Define o peso da fonte do label do componente. | 
+| --text-area--color | Define a cor da fonte do input e label do componente. | 
+| --text-area\_\_input--background-color | Define a cor de fundo do input. | 
+| --text-area\_\_input--border | Define o estilo da borda do input. | 
+| --text-area\_\_input--border-color | Define a cor da borda do input. | 
+| --text-area\_\_input--focus--border-color | Define a cor da borda do input quando focado. | 
+| --text-area\_\_input--disabled--background-color | Define a cor de fundo do input quando desabilitado. | 
+| --text-area\_\_input--disabled--color | Define a cor do texto do input. | 
+| --text-area\_\_input--disabled--border--color | Define a borda do texto do input quando desabilitado. | 
+| --text-area\_\_input--error--border-color | Define a cor da borda do input quando com erro. | 
+| --text-area\_\_message\_box--font-size | Define o tamanho da fonte da mensagem abaixo do input. | 
+| --text-area\_\_message\_box--info--color | Define a cor da fonte da mensagem quando info. | 
+| --text-area\_\_message\_box--error--color | Define a cor da fonte da mensagem quando erro. | 
+| --text-area\_\_label--floating--top | Define o posicionamento do label. | 
+| --text-area\_\_label--padding-top | Define o espaçamento superior do label. | 
+| --text-area\_\_label--padding-left | Define o espaçamento esquerdo do label. | 
+| --text-area\_\_label--padding-right | Define o espaçamento direito do label. | 
+| --text-area\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. | 
+| --text-area\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. | 
+| --text-area\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. | 
+| --text-area\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. | 
+| --text-area\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. | 
+| --text-area\_\_scrollbar--width | Define a largura da barra de rolagem do componente. | 
+| --ez-text-area\_\_tooltip-icon--spacing | Define o espaçamento lateral do icone de erro. | 
+| --ez-text-area\_\_tooltip-icon---width | Define a largura do icone de erro. | 
+| --ez-text-area\_\_tooltip-icon---horizontal-margin | Define a margem horizontal do icone de erro. | 
+| --ez-text-area\_\_tooltip-icon---vertical-margin | Define a margem vertical do icone de erro. | 
+| --ez-text-area\_\_tooltip\_icon--error--color | Define a cor da fonte da mensagem quando erro. | 

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

@@ -110,3 +110,45 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-text-input--height | Define a altura do componente. | 
+| --ez-text-input--width | Define a largura do componente. | 
+| --ez-text-input\_\_icon--width | Define a largura do slot que contém o ícone. | 
+| --ez-text-input--height--slim | Define a altura do componente em modo "slim". | 
+| --ez-text-input\_\_min-width | Define a largura maxima do componente. | 
+| --ez-text-input\_\_max-width | Define a largura minima do componente. | 
+| --ez-text-input--border-radius | Define o raio da borda do input do componente. | 
+| --ez-text-input--border-top-left-radius | Define o raio da borda no top esquerdo do componente. | 
+| --ez-text-input--border-bottom-left-radius | Define o raio da borda inferior esquerda do componente. | 
+| --ez-text-input--border-top-right-radius | Define o raio da borda no top direito do componente. | 
+| --ez-text-input--border-bottom-right-radius | Define o raio da borda inferior direita do componente. | 
+| --ez-text-input--font-size | Define o tamanho da fonte do input e label do componente. | 
+| --ez-text-input--font-family | Define a família da fonte do input, label e caixa de mensagem do componente. | 
+| --ez-text-input--font-weight | Define o peso da fonte do label do componente. | 
+| --ez-text-input--color | Define a cor da fonte do input e label do componente. | 
+| --ez-text-input\_\_margin-bottom | Define a margem abaixo do componente. | 
+| --ez-text-input\_\_input--background-color | Define a cor de fundo do input. | 
+| --ez-text-input\_\_input--border | Define o estilo da borda do input. | 
+| --ez-text-input\_\_input--border-color | Define a cor da borda do input. | 
+| --ez-text-input\_\_input--focus--border-color | Define a cor da borda do input quando focado. | 
+| --ez-text-input\_\_input--disabled--background-color | Define a cor de fundo do input quando desabilitado. | 
+| --ez-text-input\_\_input--disabled--color | Define a cor do texto do input. | 
+| --ez-text-input\_\_input--error--border-color | Define a cor da borda do input quando com erro. | 
+| --ez-text-input\_\_input--noborder-color | Define a cor do input quando não possuir borda | 
+| --ez-text-input\_\_input--padding | Define o padding do input | 
+| --ez-text-input\_\_placeholder--color | Define a cor do placeholder do input. | 
+| --ez-text-input\_\_tooltip\_icon--error--color | Define a cor da fonte da mensagem quando erro. | 
+| --ez-text-input\_\_label--floating--top | Define o posicionamento do label. | 
+| --ez-text-input\_\_label--padding-top | Define o posicionamento do label. | 
+| --ez-text-input\_\_label--padding-left | Define o espaçamento esquerdo do label. | 
+| --ez-text-input\_\_label--padding-right | Define o espaçamento direito do label. | 
+| --ez-text-input\_\_input--focus--icon-color | Define a cor do ícone do slot. | 
+| --ez-text-input\_\_input--disabled--focus--icon-color | Define a cor do ícone do slot quando disabled. | 
+| --ez-text-input\_\_tooltip-icon--spacing | Define o espaçamento lateral do icone de erro. | 
+| --ez-text-input\_\_tooltip-icon---width | Define a largura do icone de erro. | 
+| --ez-text-input\_\_tooltip-icon---horizontal-margin | Define a margem horizontal do icone de erro. | 
+| --ez-text-input\_\_tooltip-icon---vertical-margin | Define a margem vertical do icone de erro. | 

package/components/ez-tile/readme.md

@@ -65,3 +65,25 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-tile--width | Define a largura do componente. | 
+| --ez-tile--height | Define a altura do componente. | 
+| --ez-tile--padding | Define a margem do componente. | 
+| --ez-tile--icon--margin-bottom | Define o espaçamento entre o ícone e o title. | 
+| --ez-tile--border-radius | Define o raio da borda do componente. | 
+| --ez-tile--background-color | Define a cor de fundo do componente. | 
+| --ez-tile--color | Define a cor do title. | 
+| --ez-tile--icon-color | Define a cor do ícone. | 
+| --ez-tile--hover-background-color | Define a cor de fundo do componente no hover. | 
+| --ez-tile--hover-color | Define a cor do title no hover. | 
+| --ez-tile--hover-icon-color | Define a cor do ícone no hover. | 
+| --ez-tile--focus-visible-border | Define a cor do ícone no hover. | 
+| --ez-tile--font-family | Define a família da fonte do title. | 
+| --ez-tile--font-weight | Define o peso da fonte do title. | 
+| --ez-tile--font-size | Define o tamanho do title. | 
+| --ez-tile--title-line-height | Define a altura da linha do title. | 
+| --ez-tile--icon-line-height | Define a altura da linha do ícone. | 

package/components/ez-toast/readme.md

@@ -31,3 +31,15 @@ Type: `Promise<void>`
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-toast\_\_btn\_\_close\_\_image | Contém o ícone de fechamento do toast. | 
+| --ez-toast\_\_container--z-index | Define a camada em que o container será exibido. | 
+| --ez-toast\_\_container--background-color | Define a cor de fundo do container. | 
+| --ez-toast\_\_container--left | Define a posição esquerda do container. | 
+| --ez-toast\_\_container--bottom | Define a posição inferior do container. | 
+| --ez-toast\_\_container--width | Define a largura do container. | 
+| --ez-toast\_\_icon--padding-left | Define o espaçamento à esquerda do ícone. | 

package/components/ez-tree/readme.md

@@ -157,3 +157,34 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-tree--border-radius | Define o arredondamento dos retangulos. | 
+| --ez-tree--padding-inline-start | Define a largura da identação de cada nível. | 
+| --ez-tree--margin | Define a margem do componente. | 
+| --ez-tree--margin-right | Define a margem da direita do componente. | 
+| --ez-tree--font-family | Define a família da fonte. | 
+| --ez-tree--font-size | Define o tamanho da fonte. | 
+| --ez-tree--selected--font-weight | Define o peso da fonte. | 
+| --ez-tree--font-weight | Define o peso da fonte. | 
+| --ez-tree--color | Define a cor da fonte e do ícone. | 
+| --ez-tree--selected--color | Define a cor da fonte e do ícone quando selecionado. | 
+| --ez-tree--disabled--color | Define a cor da fonte e do ícone quando desabilitado. | 
+| --ez-tree--font-weight--bold | Usado em fontes com peso maior (bold) | 
+| --ez-tree\_\_tree-item--height | Define a altura de cada item. | 
+| --ez-tree\_\_tree-item--padding | Define o espaçamento interno do item. | 
+| --ez-tree\_\_tree-item--background-color | Define a cor de background. | 
+| --ez-tree\_\_tree-item--selected--background-color | Define a cor de background quando selecionado. | 
+| --ez-tree\_\_tree-item--hover--background-color | Define a cor de background com o mouse sobre o item. | 
+| --ez-tree\_\_tree-item--disabled--background-color | Define a cor de background quando deabilitado. | 
+| --ez-tree\_\_item-icon-box--height | Define a altura do box do ícone. | 
+| --ez-tree\_\_item-icon-box--width | Define a largura do box do ícone. | 
+| --ez-tree\_\_item-icon-box--padding | Define o espaçamento interno do ícone. | 
+| --ez-tree\_\_badge--icon-color--default | Cor de ícone de badge padrão. | 
+| --ez-tree\_\_badge--icon-color--error | Cor de ícone de badge de erro. | 
+| --ez-tree\_\_badge--icon-color--success | Cor de ícone de badge sucesso. | 
+| --ez-tree\_\_badge--icon-color--warning | Cor de ícone de badge de aviso. | 
+| --ez-tree\_\_badge--icon-color--disabled | Cor de ícone de badge desabilitado. | 

package/components/ez-underface/readme.md

@@ -0,0 +1,29 @@
+# ez-underface
+
+
+
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property      | Attribute      | Description                                                                                                                                         | Type                                                                                         | Default     |
+| ------------- | -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- | ----------- |
+| `color`       | `color`        | Define a cor de fundo do componente.                                                                                                                | `"dark-petroleum" \| "default" \| "green" \| "light-gray" \| "light-green" \| "ocean-green"` | `"default"` |
+| `customColor` | `custom-color` | Define uma cor de fundo customizada, dentro da paleta de cores do Design System, sobrescrevendo a propriedade color. Exemplo: "--color--yellow-600" | `string`                                                                                     | `undefined` |
+| `height`      | `height`       | Define a altura do componente.                                                                                                                      | `number`                                                                                     | `undefined` |
+| `width`       | `width`        | Define a largura do componente.                                                                                                                     | `number`                                                                                     | `undefined` |
+
+
+----------------------------------------------
+
+
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-underface--width | Define a largura do componente. | 
+| --ez-underface--height | Define a altura do componente. | 
+| --ez-underface--padding | Define o padding do componente. | 
+| --ez-underface--border-radius | Define o raio da borda do componente. | 

package/components/ez-upload/readme.md

@@ -78,3 +78,25 @@ graph TD;
 ----------------------------------------------
 
 
+
+
+## CSS Variables
+| Variable  | Description | 
+ |-|-|
+| --ez-upload--height | Define a altura do componente. | 
+| --ez-upload--width | Define a largura do componente. | 
+| --ez-upload\_\_icon--width | Define a largura do slot que contém o ícone. | 
+| --ez-upload\_\_container--background-color | Define a cor de fundo do container. | 
+| --ez-upload\_\_color--primary | Define a cor de fundo do container. | 
+| --ez-upload--padding--extra-small | Define os espaçamentos extra pequenos no componente. | 
+| --ez-upload--padding--small | Define os espaçamentos pequenos no componente. | 
+| --ez-upload--padding--medium | Define os espaçamentos médios no componente. | 
+| --ez-upload--padding--large | Define os espaçamentos grandes no componente. | 
+| --ez-upload\_\_border--color | Define a cor das bordas no componente. | 
+| --ez-upload--text-shadow | Define as sombras dos textos do componente. | 
+| --ez-upload--text--primary | Define a cor dos textos do componente. | 
+| --ez-upload--font-size | Define o tamanho dos textos do componente. | 
+| --ez-upload--font-family | Define a família dos textos do componente. | 
+| --ez-upload--font-weight | Define o peso dos textos do componente. | 
+| --ez-upload\_\_btn\_\_cancel-image | Contém o ícone de cancelamento. | 
+| --ez-upload\_\_file-icon-image | Contém o ícone de arquivo. | 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui-docs",
-  "version": "6.1.0-dev.21",
+  "version": "6.1.0-dev.23",
   "description": "Documentação da biblioteca de componentes Sankhya.",
   "main": "",
   "files": [