@sankhyalabs/ezui-docs
Advanced tools
Comparing version 2.3.6 to 2.3.7-SKA-60654.1
@@ -72,13 +72,1 @@ # ez-actions-button | ||
## 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\_\_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 | |
@@ -72,36 +72,1 @@ # ez-button | ||
## 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. | |
@@ -77,35 +77,1 @@ # ez-calendar | ||
## 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". | |
@@ -25,16 +25,1 @@ # ez-card-item | ||
## CSS Variables | ||
| Variable | Description | | ||
|-|-| | ||
| --ez-card-item--font-size | Define o tamanho da fonte do componente. | | ||
| --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. | |
@@ -65,46 +65,1 @@ # ez-check | ||
## 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. | |
@@ -67,25 +67,1 @@ # ez-chip | ||
## 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. | |
@@ -91,16 +91,1 @@ # ez-collapsible-box | ||
## 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--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. | |
@@ -92,38 +92,1 @@ # ez-combo-box | ||
## CSS Variables | ||
| Variable | Description | | ||
|-|-| | ||
| --ez-combo-box--height | Define altura do input. | | ||
| --ez-combo-box--width | Define largura do input. | | ||
| --ez-combo-box\_\_icon--width | Define largura do slot do ícone do input. | | ||
| --ez-combo-box--border-radius | Define o raio da borda do input. | | ||
| --ez-combo-box--border-radius-small | Define o raio da borda do input quando pequeno. | | ||
| --ez-combo-box--font-size | Define o tamanho da fonte dentro do input. | | ||
| --ez-combo-box--font-family | Define a família da fonte dentro do input. | | ||
| --ez-combo-box--font-weight--large | Define o peso da fonte dentro do input quando pesada. | | ||
| --ez-combo-box--font-weight--medium | Define o peso da fonte dentro do input quando média. | | ||
| --ez-combo-box--background-color--xlight | Define a cor de fundo da lista de opções. | | ||
| --ez-combo-box--background-medium | Define a cor de fundo dos itens da lista de opções. | | ||
| --ez-combo-box--line-height | Define a altura da linha do texto dentro do input. | | ||
| --ez-combo-box\_\_input--background-color | Define a cor de fundo do input. | | ||
| --ez-combo-box\_\_input--border | Define o estilo da borda do input. | | ||
| --ez-combo-box\_\_input--border-color | Define a cor da borda do input. | | ||
| --ez-combo-box\_\_input--focus--border-color | Define a cor da borda do input quando focado. | | ||
| --ez-combo-box\_\_input--disabled--background-color | Define a cor de fundo do input quando desabilitado. | | ||
| --ez-combo-box\_\_input--disabled--color | Define a cor do texto dentro do input quando desabilitado. | | ||
| --ez-combo-box\_\_input--error--border-color | Define a cor da borda do input quando com erro. | | ||
| --ez-combo-box\_\_btn--color | Define a cor do botão de pesquisa do componente. | | ||
| --ez-combo-box\_\_btn-disabled--color | Define a cor do botão de pesquisa do componente quando desabilitado. | | ||
| --ez-combo-box\_\_btn-hover--color | Define a cor do botão de pesquisa do componente quando o mouse está sobre ele. | | ||
| --ez-combo-box\_\_label--color | Define a cor do label. | | ||
| --ez-combo-box\_\_list-title--primary | Define a cor do texto da lista de opções. | | ||
| --ez-combo-box\_\_list-text--primary | Define a cor do texto do value da lista de opções. | | ||
| --ez-combo-box\_\_list-height | Define a altura do box da lista de opções. | | ||
| --ez-combo-box--space--medium | Define um espaçamento mediano entre elementos do componente. | | ||
| --ez-combo-box--space--small | Define um espaçamento pequeno entre elementos do componente. | | ||
| --ez-combo-box\_\_list-scrollbar--background-color-primary | Define a cor da barra de rolagem do componente. | | ||
| --ez-combo-box\_\_list-scrollbar--background-color-secondary | Define a cor de fundo da barra de rolagem do componente. | | ||
| --ez-combo-box\_\_list-scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. | | ||
| --ez-combo-box\_\_list-scrollbar--width | Define a largura da barra de rolagem do componente. | |
@@ -84,9 +84,1 @@ # ez-date-input | ||
## 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. | |
@@ -85,9 +85,1 @@ # ez-date-time-input | ||
## 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. | |
@@ -60,27 +60,1 @@ # ez-dialog | ||
## 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. | |
@@ -129,7 +129,1 @@ # ez-grid | ||
## CSS Variables | ||
| Variable | Description | | ||
|-|-| | ||
| --ezgrid\_\_header--background-color | Define a cor de fundo do header do componente. | |
@@ -51,7 +51,1 @@ # ez-icon | ||
## CSS Variables | ||
| Variable | Description | | ||
|-|-| | ||
| --ez-icon--color | Define a cor do ícone. | |
@@ -82,39 +82,1 @@ # ez-list | ||
## 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-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\_\_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\_\_group-container-scrollbar--border-radius | Define o raio da borda da barra de rolagem do container de grupos. | | ||
| --ez-list\_\_group-container-scrollbar--width | Define a largura da barra de rolagem do container de grupos. | | ||
| --ez-list\_\_group-container-scrollbar--background-color-primary | Define a cor da barra de rolagem do container de grupos. | | ||
| --ez-list\_\_group-container-scrollbar--background-color-secondary | Define a cor de fundo da barra de rolagem do container 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-scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. | | ||
| --ez-list\_\_draggable-scrollbar--width | Define a largura da barra de rolagem do componente. | | ||
| --ez-list\_\_draggable-scrollbar--background-color-primary | Define a cor da barra de rolagem do componente. | | ||
| --ez-list\_\_draggable-scrollbar--background-color-secondary | Define a cor de fundo da barra de rolagem do componente. | | ||
| --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. | |
@@ -30,8 +30,1 @@ # ez-modal | ||
## 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. | |
@@ -65,10 +65,1 @@ # ez-popover | ||
## 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. | |
@@ -29,16 +29,1 @@ # ez-popup | ||
## 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. | |
@@ -29,31 +29,1 @@ # ez-radio-button | ||
## 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) | |
@@ -20,7 +20,1 @@ # ez-scroller | ||
## CSS Variables | ||
| Variable | Description | | ||
|-|-| | ||
| --ez-scroller--box-shadow-color | Define a cor de efeito de sombreado com componente. | |
@@ -45,8 +45,1 @@ # ez-tabselector | ||
## 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. | |
@@ -77,26 +77,1 @@ # ez-text-area | ||
## 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--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. | |
@@ -93,31 +93,1 @@ # ez-text-input | ||
## 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--border-radius | Define o raio da borda do input 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\_\_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\_\_message\_box--font-size | Define o tamanho da fonte da mensagem abaixo do input. | | ||
| --ez-text-input\_\_message\_box--info--color | Define a cor da fonte da mensagem quando info. | | ||
| --ez-text-input\_\_message\_box--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. | |
@@ -34,10 +34,1 @@ # ez-toast | ||
## 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\_\_icon--padding-left | Define o espaçamento à esquerda do ícone. | |
@@ -80,23 +80,1 @@ # ez-upload | ||
## 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. | |
{ | ||
"name": "@sankhyalabs/ezui-docs", | ||
"version": "2.3.6", | ||
"version": "2.3.7-SKA-60654.1", | ||
"description": "Documentação da biblioteca de componentes Sankhya.", | ||
@@ -5,0 +5,0 @@ "main": "", |
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
78247
2
67