@sankhyalabs/ezui-docs 6.6.0-dev.2 → 6.6.0-dev.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/components/ez-chip/readme.md +20 -23
  2. package/components/ez-combo-box/readme.md +4 -3
  3. package/components/ez-list/readme.md +1 -0
  4. package/components/ez-tooltip/readme.md +24 -11
  5. package/package.json +1 -1
package/components/ez-chip/readme.md CHANGED
@@ -7,22 +7,22 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------------ | --------------------------- | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------- |
12
- | `disableAutoUpdateValue` | `disable-auto-update-value` | Desabilita a alteração da propriedade value ao clicar. | `boolean` | `false` |
13
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o ez-chip. | `boolean` | `true` |
14
- | `iconNameLeft` | `icon-name-left` | Define o icone esquerdo. | `string` | `undefined` |
15
- | `iconNameRight` | `icon-name-right` | Define o icone direito. | `string` | `undefined` |
16
- | `label` | `label` | Texto a ser apresentado como título do ez-chip. | `string` | `undefined` |
17
- | `maxWidth` | `max-width` | Define o tamanho máximo do chip. | `string` | `undefined` |
18
- | `mode` | `mode` | Define o modo de uso do ez-chip. | `"action" \| "label"` | `undefined` |
19
- | `removePosition` | `remove-position` | Determina o posicionamento do botão de remover (não disponível no modo `action`). Se não informado, não exibe o botão. | `"left" \| "right"` | `undefined` |
20
- | `removeWithKeyboard` | `remove-with-keyboard` | Define se o chip deve ser removido ao pressionar a tecla Enter quando focado. | `boolean` | `false` |
21
- | `showNativeTooltip` | `show-native-tooltip` | Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento. | `boolean` | `false` |
22
- | `size` | `size` | Define o tamanho do chip. | `"default" \| "large" \| "medium"` | `'default'` |
23
- | `tabIndex` | `tab-index` | Define o tabindex do chip. Por padrão é 0, permitindo que o chip seja focável. | `number` | `0` |
24
- | `type` | `type` | Define o tipo de estilização do chip. | `"primary" \| "secondary"` | `'primary'` |
25
- | `value` | `value` | Define o valor do ez-chip. | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------------ | --------------------------- | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- | ----------- |
12
+ | `disableAutoUpdateValue` | `disable-auto-update-value` | Desabilita a alteração da propriedade value ao clicar. | `boolean` | `false` |
13
+ | `enabled` | `enabled` | Se false o usuário não pode interagir com o ez-chip. | `boolean` | `true` |
14
+ | `iconNameLeft` | `icon-name-left` | Define o icone esquerdo. | `string` | `undefined` |
15
+ | `iconNameRight` | `icon-name-right` | Define o icone direito. | `string` | `undefined` |
16
+ | `label` | `label` | Texto a ser apresentado como título do ez-chip. | `string` | `undefined` |
17
+ | `maxWidth` | `max-width` | Define o tamanho máximo do chip. | `string` | `undefined` |
18
+ | `mode` | `mode` | Define o modo de uso do ez-chip. | `"action" \| "label"` | `undefined` |
19
+ | `removePosition` | `remove-position` | Determina o posicionamento do botão de remover (não disponível no modo `action`). Se não informado, não exibe o botão. | `"left" \| "right"` | `undefined` |
20
+ | `removeWithKeyboard` | `remove-with-keyboard` | Define se o chip deve ser removido ao pressionar a tecla Enter quando focado. | `boolean` | `false` |
21
+ | `showNativeTooltip` | `show-native-tooltip` | Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento. | `boolean` | `false` |
22
+ | `size` | `size` | Define o tamanho do chip. | `"default" \| "large" \| "medium"` | `'default'` |
23
+ | `tabIndex` | `tab-index` | Define o tabindex do chip. Por padrão é 0, permitindo que o chip seja focável. | `number` | `0` |
24
+ | `type` | `type` | Define o tipo de estilização do chip. | `"error" \| "error-light" \| "primary" \| "secondary" \| "success" \| "success-light" \| "warning" \| "warning-light"` | `'primary'` |
25
+ | `value` | `value` | Define o valor do ez-chip. | `boolean` | `false` |
26
26
 
27
27
 
28
28
  ## Events
@@ -96,14 +96,11 @@ graph TD;
96
96
  | --ez-label-chip\_\_label\_\_container--border-radius | Define o raio da borda do container do chip. |
97
97
  | --ez-label-chip\_\_label\_\_container--border | Define o estilo da borda do container. |
98
98
  | --ez-label-chip\_\_label\_\_container--border-color-strokes | Define a cor da borda do container. |
99
- | --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). |
100
- | --ez-label-chip\_\_label\_\_container-color--disable-secondary | Define a cor da borda e do fundo quando o chip está desativado. |
99
+ | --ez-label-chip\_\_label\_\_container-color--disabled | Define a cor da borda e do fundo quando o chip está desativado. |
101
100
  | --ez-label-chip\_\_label\_\_container--background-color | Define a cor de fundo do container. |
102
- | --ez-label-chip\_\_label\_\_container--border-color | Define a cor da borda do container quando ativo. |
103
101
  | --ez-label-chip\_\_label\_\_container--border-color-active | Define a cor da borda do container quando ativo. |
104
- | --ez-label-chip\_\_label\_\_container--default--background-color--active | Define a cor do fundo do container quando o cursor está ativo. |
105
- | --ez-label-chip\_\_label\_\_container--default--color--active | Define a cor do texto quando o cursor está sobre ele. |
102
+ | --ez-label-chip\_\_label\_\_container--default--background-color--active | Define a cor do fundo do container quando está ativo. |
103
+ | --ez-label-chip\_\_label\_\_container--default--color--active | Define a cor do texto quando está ativo. |
106
104
  | --ez-label-chip\_\_label\_\_container--text--disabled | Define a cor do texto e do ícone quando o chip está desabilitado. |
107
105
  | --ez-label-chip\_\_label\_\_container--default--border-color--active | Define a cor da borda quando o componente está ativo. |
108
- | --ez-label-chip\_\_label\_\_container--secondary--border-color--active | Define a cor da borda quando o componente está ativo e na variação secundária. |
109
- | --ez-label-chip\_\_label\_\_container--default--margin-top | Define a margem superior. |
106
+ | --ez-label-chip\_\_label\_\_container--secondary--border-color--active | Define a cor da borda quando o componente está ativo e na variação secundária. |
package/components/ez-combo-box/readme.md CHANGED
@@ -34,9 +34,10 @@
34
34
 
35
35
  ## Events
36
36
 
37
- | Event | Description | Type |
38
- | ---------- | ------------------------------------------------------ | ---------------------- |
39
- | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
37
+ | Event | Description | Type |
38
+ | -------------------- | --------------------------------------------------------------- | ---------------------- |
39
+ | `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
40
+ | `ezVisibilityChange` | Emitido quando acontece a alteração de visibilidade do popover. | `CustomEvent<boolean>` |
40
41
 
41
42
 
42
43
  ## Methods
package/components/ez-list/readme.md CHANGED
@@ -11,6 +11,7 @@
11
11
  | ------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ----------- |
12
12
  | `dataSource` | -- | Define a lista inicial do componente. | `(ListItem \| ListGroup)[]` | `[]` |
13
13
  | `enableMultipleSelection` | `enable-multiple-selection` | Habilita seleção de múltiplos items. | `boolean` | `false` |
14
+ | `enabled` | `enabled` | Habilita a seleção de checkbox. | `boolean` | `true` |
14
15
  | `ezDraggable` | `ez-draggable` | Se true habilita `drag and drop` para os itens. | `boolean` | `false` |
15
16
  | `ezSelectable` | `ez-selectable` | Se true os itens serão selecionáveis. | `boolean` | `false` |
16
17
  | `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista. | `boolean` | `false` |
package/components/ez-tooltip/readme.md CHANGED
@@ -7,17 +7,18 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------------ | ----------------- | --------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- |
12
- | `active` | `active` | Define se o tooltip está ativo. | `boolean` | `true` |
13
- | `anchoringElement` | -- | Elemento HTML que será utilizado como ancoragem do tooltip. | `HTMLElement` | `undefined` |
14
- | `debouncingTime` | `debouncing-time` | Tempo de espera para exibir o tooltip após o evento de mouseenter. | `number` | `500` |
15
- | `gapOptions` | -- | Define o espaçamento entre o tooltip e o elemento de ancoragem. | `{ horizontalGap: number; verticalGap: number; }` | `{ horizontalGap: 0, verticalGap: 0 }` |
16
- | `maxWidth` | `max-width` | Define a largura máxima do elemento. | `number` | `200` |
17
- | `message` | `message` | Mensagem que será apresentada no tooltip. | `string` | `undefined` |
18
- | `placement` | `placement` | Define a posição do tooltip em relação ao elemento de ancoragem. | `"bottom" \| "bottom-end" \| "bottom-start" \| "left" \| "left-end" \| "left-start" \| "right" \| "right-end" \| "right-start" \| "top" \| "top-end" \| "top-start"` | `'bottom'` |
19
- | `type` | `type` | Define o tipo de tooltip a ser exibido. | `"default" \| "error" \| "success" \| "warning"` | `'default'` |
20
- | `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | ------------------ | ----------------- | ------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- |
12
+ | `active` | `active` | Define se o tooltip está ativo. | `boolean` | `true` |
13
+ | `anchoringElement` | -- | Elemento HTML que será utilizado como ancoragem do tooltip. | `HTMLElement` | `undefined` |
14
+ | `debouncingTime` | `debouncing-time` | Tempo de espera para exibir o tooltip após o evento de mouseenter. | `number` | `500` |
15
+ | `gapOptions` | -- | Define o espaçamento entre o tooltip e o elemento de ancoragem. | `{ horizontalGap: number; verticalGap: number; }` | `{ horizontalGap: 0, verticalGap: 0 }` |
16
+ | `maxWidth` | `max-width` | Define a largura máxima do elemento. | `number` | `200` |
17
+ | `message` | `message` | Mensagem que será apresentada no tooltip. | `string` | `undefined` |
18
+ | `placement` | `placement` | Define a posição do tooltip em relação ao elemento de ancoragem. | `"bottom" \| "bottom-end" \| "bottom-start" \| "left" \| "left-end" \| "left-start" \| "right" \| "right-end" \| "right-start" \| "top" \| "top-end" \| "top-start"` | `'bottom'` |
19
+ | `strategy` | `strategy` | Define a estratégia de posicionamento do tooltip. Use 'fixed' quando o elemento estiver dentro de containers com position: relative. | `"absolute" \| "fixed"` | `'absolute'` |
20
+ | `type` | `type` | Define o tipo de tooltip a ser exibido. | `"default" \| "error" \| "success" \| "warning"` | `'default'` |
21
+ | `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
21
22
 
22
23
 
23
24
  ## Dependencies
@@ -42,3 +43,15 @@ graph TD;
42
43
  ----------------------------------------------
43
44
 
44
45
 
46
+
47
+
48
+ ## CSS Variables
49
+ | Variable | Description |
50
+ |-|-|
51
+ | --ez-tooltip--triangle-size | Define o tamanho do triângulo da seta do tooltip. |
52
+ | --ez-tooltip--z-index | Define o z-index do tooltip. |
53
+ | --ez-tooltip--padding | Define o padding interno do tooltip. |
54
+ | --ez-tooltip--border-radius | Define o border-radius do tooltip. |
55
+ | --ez-tooltip--font-family | Define a família da fonte do tooltip. |
56
+ | --ez-tooltip--font-size | Define o tamanho da fonte do tooltip. |
57
+ | --ez-tooltip--font-weight | Define o peso da fonte do tooltip. |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui-docs",
3
- "version": "6.6.0-dev.2",
3
+ "version": "6.6.0-dev.4",
4
4
  "description": "Documentação da biblioteca de componentes Sankhya.",
5
5
  "main": "",
6
6
  "files": [