@sankhyalabs/ezui-docs 6.4.0-dev.8 → 6.4.0-ms.2

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

@@ -39,7 +39,7 @@ Oculta a lista de ações.
 
 Type: `Promise<void>`
 
----
+
 
 ### `isOpened() => Promise<boolean>`
 
@@ -49,7 +49,7 @@ Verifica se a lista de ações está aberta.
 
 Type: `Promise<boolean>`
 
----
+
 
 ### `showActions() => Promise<void>`
 

package/components/ez-button/readme.md

@@ -7,20 +7,14 @@
 
 ## Properties
 
-| Property            | Attribute            | Description                                                                                                                                       | Type                                            | Default     |
-| ------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- |
-| `enabled`           | `enabled`            | ⚠️ **[DEPRECATED]** Use `isDisabled` prop instead.Se false o usuário não pode interagir com o botão.        | `boolean`                                       | `true`      |
-| `iconName`          | `icon-name`          | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string`                                        | `undefined` |
-| `image`             | `image`              | Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.                                     | `string`                                        | `undefined` |
-| `isDisabled`        | `is-disabled`        | Se verdadeiro o clique no botão fica desabilitado mas a navegação continua funcional. Se full, o usuário não pode interagir com o botão.          | `"" \| "full" \| boolean`                       | `false`     |
-| `label`             | `label`              | Texto a ser apresentado como título do botão.                                                                                                     | `string`                                        | `undefined` |
-| `leftIconName`      | `left-icon-name`     | Define o ícone esquerdo do ez-button. Tem prioridade sobre o slot `leftIcon`.                                                                     | `string`                                        | `undefined` |
-| `mode`              | `mode`               | Define o modo de uso do botão.                                                                                                                    | `"icon" \| "label-icon" \| "link" \| "regular"` | `"regular"` |
-| `rightIconName`     | `right-icon-name`    | Define o ícone direto do ez-button. Tem prioridade sobre o slot `rightIcon`.                                                                      | `string`                                        | `undefined` |
-| `size`              | `size`               | Define o tamanho do ez-button.                                                                                                                    | `"large" \| "medium" \| "small" \| "x-small"`   | `"medium"`  |
-| `suppressAnimation` | `suppress-animation` | Se verdadeiro, desabilita a animação de ripple.                                                                                                   | `boolean`                                       | `false`     |
-| `type`              | `type`               | Define o tipo do botão. Pode ser `button`, `submit` ou `reset`.                                                                                   | `string`                                        | `"button"`  |
-| `variant`           | `variant`            | Define a variante do ez-button.                                                                                                                   | `"primary" \| "secondary" \| "tertiary"`        | `undefined` |
+| Property   | Attribute   | Description                                                                                                                                       | Type                                            | Default     |
+| ---------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- |
+| `enabled`  | `enabled`   | Se false o usuário não pode interagir com o botão.                                                                                                | `boolean`                                       | `true`      |
+| `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string`                                        | `undefined` |
+| `image`    | `image`     | Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones.                                     | `string`                                        | `undefined` |
+| `label`    | `label`     | Texto a ser apresentado como título do botão.                                                                                                     | `string`                                        | `undefined` |
+| `mode`     | `mode`      | Define o modo de uso do botão.                                                                                                                    | `"icon" \| "label-icon" \| "link" \| "regular"` | `"regular"` |
+| `size`     | `size`      | Define o tamanho do ez-button.                                                                                                                    | `"large" \| "medium" \| "small" \| "x-small"`   | `undefined` |
 
 
 ## Methods
@@ -33,7 +27,7 @@ Remove o foco do botão.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setFocus() => Promise<void>`
 
@@ -97,38 +91,30 @@ graph TD;
 | --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--icon--gap | Define o gap entre o texto e ícone, quando existir. | 
 | --ez-button--color | Define a cor do label. | 
-| --ez-button--label-icon--color | Define a cor do label do botao tipo label-icon. | 
-| --ez-button--label-icon--hover-color | Define a cor do label do botao tipo label-icon, quando o mouse sobre o botão. | 
-| --ez-button--label-icon--disabled-color | Define a cor do label do botao tipo label-icon, quando desabilitado. | 
-| --ez-button--left-icon--color | Define a cor do icone esquerdo. | 
-| --ez-button--right-icon--color | Define a cor do icone direito, quando o mouse está sobre o botão. | 
-| --ez-button--left-icon--hover-color | Define a cor do icone esquerdo. | 
-| --ez-button--right-icon--hover-color | Define a cor do icone direito, quando o mouse está sobre o botão. | 
-| --ez-button--left-icon--disabled-color | Define a cor do icone esquerdo, quando desabilitado. | 
-| --ez-button--right-icon--disabled-color | Define a cor do icone direito, quando desabilitado. | 
 | --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--hover--border | Define o estilo da borda do botão quando em hover. | 
 | --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--disabled--border | Define a cor da borda quando o botão está desabilitado. | 
-| --ez-button--disabled-icon-color | Define a cor do icone 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-disabled-color | Define a cor do texto do botão no hover do modo link, quando desabilitado. | 
 | --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

@@ -32,7 +32,7 @@ Ajusta o posicionamento horizontal do ez-calendar conforme a disponibilidade de
 
 Type: `Promise<void>`
 
----
+
 
 ### `fitVertical(topOffset: number, bottomOffset: number) => Promise<void>`
 
@@ -42,7 +42,7 @@ Ajusta o posicionamento vertical do ez-calendar conforme a disponibilidade de es
 
 Type: `Promise<void>`
 
----
+
 
 ### `hide() => Promise<void>`
 
@@ -52,7 +52,7 @@ Oculta o ez-calendar.
 
 Type: `Promise<void>`
 
----
+
 
 ### `show(top?: string, left?: string, bottom?: string, right?: string) => Promise<void>`
 

package/components/ez-check/readme.md

@@ -35,7 +35,7 @@ Obtém o modo escolhido.
 
 Type: `Promise<CheckMode>`
 
----
+
 
 ### `setFocus() => Promise<void>`
 

package/components/ez-chip/readme.md

@@ -43,7 +43,7 @@ Remove o foco do ez-chip.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setFocus() => Promise<void>`
 

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

@@ -36,7 +36,6 @@
 | ----------- | -------------------------------------------------------------------------------- | ------------------------------------------- |
 | `ezBlur`    | Evento disparado quando o input perde o foco.                                    | `CustomEvent<string>`                       |
 | `ezChange`  | Evento disparado quando o valor do input muda.                                   | `CustomEvent<string>`                       |
-| `ezFocus`   | Evento disparado quando o input ganha o foco.                                    | `CustomEvent<string>`                       |
 | `iconClick` | Evento disparado quando um ícone é clicado. Payload: { icon: "left" \| "right" } | `CustomEvent<{ icon: "left" \| "right"; }>` |
 
 
@@ -50,7 +49,7 @@ Remove o foco do campo.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setFocus(option?: OptionsSetFocus) => Promise<void>`
 
@@ -65,10 +64,6 @@ Type: `Promise<void>`
 
 ## Dependencies
 
-### Used by
-
- - [ez-classic-combo-box](../ez-classic-combo-box)
-
 ### Depends on
 
 - [ez-icon](../ez-icon)
@@ -77,28 +72,9 @@ Type: `Promise<void>`
 ```mermaid
 graph TD;
   ez-classic-input --> ez-icon
-  ez-classic-combo-box --> ez-classic-input
   style ez-classic-input fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
 ----------------------------------------------
 
 
-
-
-## CSS Variables
-| Variable  | Description | 
- |-|-|
-| --ez-classic-input--label-color | Define a cor do texto do input.  | 
-| --ez-classic-input--border-color-default | Define a cor da borda do input quando está no estado padrão.  | 
-| --ez-classic-input--border-color-focus | Define a cor da borda do input quando está no estado de foco.  | 
-| --ez-classic-input--border-color-success | Define a cor da borda do input quando está no estado de sucesso.  | 
-| --ez-classic-input--border-color-error | Define a cor da borda do input quando está no estado de erro.  | 
-| --ez-classic-input--border-color-warning | Define a cor da borda do input quando está no estado de aviso.  | 
-| --ez-classic-input--background-color | Define a cor de fundo do input.  | 
-| --ez-classic-input--background-color-disabled | Define a cor de fundo do input quando está desabilitado.  | 
-| --ez-classic-input--text-color | Define a cor do texto do input.  | 
-| --ez-classic-input--placeholder-color | Define a cor do texto do placeholder do input.  | 
-| --ez-classic-input--icon-color | Define a cor do ícone do input.  | 
-| --ez-classic-input--helptext-color | Define a cor do texto de ajuda do input.  | 
-| --ez-classic-input--height | Define a altura do input.  | 

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

@@ -47,7 +47,7 @@ Remove o foco do campo.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setFocus(option?: OptionsSetFocus) => Promise<void>`
 

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

@@ -41,7 +41,7 @@ Aplica o foco no campo de edição de título.
 
 Type: `Promise<void>`
 
----
+
 
 ### `cancelEdition() => Promise<void>`
 
@@ -51,7 +51,7 @@ Cancela a edição de título.
 
 Type: `Promise<void>`
 
----
+
 
 ### `showHide() => Promise<void>`
 

package/components/ez-combo-box/ez-combo-box-list/readme.md

@@ -30,7 +30,7 @@ Move a seleção para a próxima opção na lista.
 
 Type: `Promise<void>`
 
----
+
 
 ### `previousOption() => Promise<void>`
 
@@ -40,7 +40,7 @@ Move a seleção para a opção anterior na lista, sem ultrapassar o início.
 
 Type: `Promise<void>`
 
----
+
 
 ### `selectCurrentOption() => Promise<void>`
 

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

@@ -49,7 +49,7 @@ Limpa o valor do campo de pesquisa
 
 Type: `Promise<void>`
 
----
+
 
 ### `getValueAsync() => Promise<unknown>`
 
@@ -59,7 +59,7 @@ Type: `Promise<void>`
 
 Type: `Promise<unknown>`
 
----
+
 
 ### `isInvalid() => Promise<boolean>`
 
@@ -69,7 +69,7 @@ Retorna se o conteúdo é inválido.
 
 Type: `Promise<boolean>`
 
----
+
 
 ### `setBlur() => Promise<void>`
 
@@ -79,7 +79,7 @@ Remove o foco do campo.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setFocus(options?: TFocusOptions) => Promise<void>`
 

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

@@ -38,7 +38,7 @@
 
 Type: `Promise<Date>`
 
----
+
 
 ### `isInvalid() => Promise<boolean>`
 
@@ -48,7 +48,7 @@ Retorna se o conteúdo é inválido.
 
 Type: `Promise<boolean>`
 
----
+
 
 ### `setBlur() => Promise<void>`
 
@@ -58,7 +58,7 @@ Remove o foco do campo.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setFocus(options?: TFocusOptions) => Promise<void>`
 

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

@@ -39,7 +39,7 @@
 
 Type: `Promise<Date>`
 
----
+
 
 ### `isInvalid() => Promise<boolean>`
 
@@ -49,7 +49,7 @@ Retorna se o conteúdo é inválido.
 
 Type: `Promise<boolean>`
 
----
+
 
 ### `setBlur() => Promise<void>`
 
@@ -59,7 +59,7 @@ Remove o foco do campo.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setFocus(options?: TFocusOptions) => Promise<void>`
 

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

@@ -39,7 +39,7 @@ Método responsável por resetar o valor do campo para o ultimo valor inputado.
 
 Type: `Promise<void>`
 
----
+
 
 ### `isInvalid() => Promise<boolean>`
 
@@ -49,7 +49,7 @@ Retorna se o conteúdo é inválido.
 
 Type: `Promise<boolean>`
 
----
+
 
 ### `setBlur() => Promise<void>`
 
@@ -59,7 +59,7 @@ Remove o foco do campo.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setFocus(options?: TFocusOptions) => Promise<void>`
 
@@ -69,7 +69,7 @@ Aplica o foco no campo.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setValue(newValue: string) => Promise<void>`
 

package/components/ez-form/readme.md

@@ -38,7 +38,7 @@ Registra um editor customizado para campos da grade e formulário.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setFieldProp(fieldName: string, propName: string, value: any) => Promise<void>`
 
@@ -48,7 +48,7 @@ Altera/adiciona uma propriedade nos metadados do campo.
 
 Type: `Promise<void>`
 
----
+
 
 ### `validate() => Promise<void>`
 

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

@@ -27,7 +27,7 @@ Retorna se o conteúdo é inválido.
 
 Type: `Promise<boolean>`
 
----
+
 
 ### `setBlur() => Promise<void>`
 
@@ -37,7 +37,7 @@ Remove o foco do campo.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setFocus() => Promise<void>`
 

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

@@ -32,7 +32,7 @@ Registra um editor customizado para campos da grade e formulário.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setFieldProp(fieldName: string, propName: string, value: any) => Promise<void>`
 
@@ -42,7 +42,7 @@ Altera/adiciona uma propriedade nos metados do campo.
 
 Type: `Promise<void>`
 
----
+
 
 ### `showUp() => Promise<void>`
 

package/components/ez-grid/readme.md

@@ -56,7 +56,7 @@ Adiciona item de menu nas colunas.
 
 Type: `Promise<void>`
 
----
+
 
 ### `addCustomEditor(fieldName: string, customEditor: ICustomEditor, detailContext?: string) => Promise<void>`
 
@@ -66,7 +66,7 @@ Registra um editor customizado para campos da grade e formulário.
 
 Type: `Promise<void>`
 
----
+
 
 ### `addCustomValueFormatter(columnName: string, customFormatter: ICustomFormatter) => Promise<void>`
 
@@ -76,7 +76,7 @@ Registra um formatador de valores para uma coluna da grid.
 
 Type: `Promise<void>`
 
----
+
 
 ### `addGridCustomRender(fieldName: string, customRender: ICustomRender, detailContext?: string) => Promise<void>`
 
@@ -86,7 +86,7 @@ Registra um render customizado para colunas da grid.
 
 Type: `Promise<void>`
 
----
+
 
 ### `checkStopEditOutsideClick(event: MouseEvent) => Promise<void>`
 
@@ -96,7 +96,7 @@ Type: `Promise<void>`
 
 Type: `Promise<void>`
 
----
+
 
 ### `filterColumns(search: string) => Promise<Array<EzGridColumn>>`
 
@@ -106,7 +106,7 @@ Usa um argumento para filtrar as colunas po label
 
 Type: `Promise<EzGridColumn[]>`
 
----
+
 
 ### `getColumns() => Promise<Array<EzGridColumn>>`
 
@@ -116,7 +116,7 @@ Obtém a lista de definição de colunas.
 
 Type: `Promise<EzGridColumn[]>`
 
----
+
 
 ### `getColumnsState() => Promise<Array<EzGridColumn>>`
 
@@ -126,7 +126,7 @@ Obtém o estado atual das colunas.
 
 Type: `Promise<EzGridColumn[]>`
 
----
+
 
 ### `getCustomValueFormatter(columnName: string) => Promise<ICustomFormatter | undefined>`
 
@@ -136,7 +136,7 @@ Retorna o formatador customizado da coluna caso exista.
 
 Type: `Promise<ICustomFormatter>`
 
----
+
 
 ### `getSelection() => Promise<Array<any>>`
 
@@ -146,7 +146,7 @@ Obtém as linhas selecionadas.
 
 Type: `Promise<any[]>`
 
----
+
 
 ### `locateColumn(columnName: string) => Promise<void>`
 
@@ -156,7 +156,7 @@ Localiza determinada coluna tornando-a visível.
 
 Type: `Promise<void>`
 
----
+
 
 ### `quickFilter(term: string) => Promise<void>`
 
@@ -166,7 +166,7 @@ Aplica um filtro rápido.
 
 Type: `Promise<void>`
 
----
+
 
 ### `refreshSelectedRows() => Promise<void>`
 
@@ -176,7 +176,7 @@ Atualiza linhas da grade.
 
 Type: `Promise<void>`
 
----
+
 
 ### `removeCustomValueFormatter(columnName: string) => Promise<void>`
 
@@ -186,7 +186,7 @@ Remove o formatador de valores de uma coluna da grid.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setColumnsDef(cols: Array<EzGridColumn>) => Promise<void>`
 
@@ -196,7 +196,7 @@ Aplica a definição de colunas.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setColumnsState(state: Array<EzGridColumnConfig>) => Promise<void>`
 
@@ -206,7 +206,7 @@ Aplica o estado das colunas.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setData(data: Array<any>) => Promise<void>`
 
@@ -216,7 +216,7 @@ Insere os registros no ez-grid.
 
 Type: `Promise<void>`
 
----
+
 
 ### `setFocus() => Promise<void>`
 
@@ -226,7 +226,7 @@ Atribui o foco para a grade.
 
 Type: `Promise<void>`
 
----
+
 
 ### `stopEdit() => Promise<void>`
 

package/components/ez-grid/subcomponents/readme.md

@@ -36,7 +36,7 @@
 
 Type: `Promise<void>`
 
----
+
 
 ### `show(configs: IFilterColumnConfigs) => Promise<void>`
 

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

@@ -32,7 +32,7 @@ Desabilita um ou mais itens.
 
 Type: `Promise<void>`
 
----
+
 
 ### `enableItem(id: string | Array<string>) => Promise<void>`
 
@@ -42,7 +42,7 @@ Habilita um ou mais itens.
 
 Type: `Promise<void>`
 
----
+
 
 ### `getCurrentPath() => Promise<Array<IGuideItem>>`
 
@@ -54,8 +54,6 @@ Type: `Promise<IGuideItem[]>`
 
 Retorna um array do caminho de itens da seleção atual.
 
----
-
 ### `getItem(id: string) => Promise<IGuideItem>`
 
 Obtem um item pelo id
@@ -64,7 +62,7 @@ Obtem um item pelo id
 
 Type: `Promise<IGuideItem>`
 
----
+
 
 ### `getParent(id: string) => Promise<IGuideItem>`
 
@@ -74,7 +72,7 @@ Obtem o item pai a partir de um id
 
 Type: `Promise<IGuideItem>`
 
----
+
 
 ### `openGuideNavidator() => Promise<void>`
 
@@ -84,7 +82,7 @@ Abre o navegador de Guia
 
 Type: `Promise<void>`
 
----
+
 
 ### `selectGuide(id: string) => Promise<void>`
 
@@ -94,7 +92,7 @@ Seleciona o item desejado pelo ID.
 
 Type: `Promise<void>`
 
----
+
 
 ### `updateItem(item: IGuideItem | Array<IGuideItem>) => Promise<void>`
 

package/components/ez-icon/readme.md

@@ -35,7 +35,6 @@
  - [ez-file-item](../ez-file-item)
  - [ez-filter-input](../ez-filter-input)
  - [ez-grid](../ez-grid)
- - [ez-list-item](../ez-list-item)
  - [ez-modal-container](../ez-modal-container)
  - [ez-multi-selection-list](../ez-multi-selection-list)
  - [ez-rich-toolbar-item](../ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item)
@@ -71,7 +70,6 @@ graph TD;
   ez-file-item --> ez-icon
   ez-filter-input --> ez-icon
   ez-grid --> ez-icon
-  ez-list-item --> ez-icon
   ez-modal-container --> ez-icon
   ez-multi-selection-list --> ez-icon
   ez-rich-toolbar-item --> ez-icon