@sankhyalabs/ezui-docs 6.5.0-dev.4 → 6.5.0-dev.6

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 (9) hide show
  1. package/components/ez-button/readme.md +2 -0
  2. package/components/ez-form/readme.md +1 -0
  3. package/components/ez-form-view/readme.md +1 -0
  4. package/components/ez-popup/readme.md +17 -12
  5. package/components/ez-rich-text/ez-link-builder/readme.md +2 -1
  6. package/components/ez-rich-text/ez-simple-image-uploader/readme.md +2 -1
  7. package/components/ez-rich-text/readme.md +2 -1
  8. package/components/ez-split-button/readme.md +31 -21
  9. package/package.json +1 -1
package/components/ez-button/readme.md CHANGED
@@ -58,6 +58,7 @@ Type: `Promise<void>`
58
58
  - [ez-guide-navigator](../ez-guide-navigator)
59
59
  - [ez-modal-container](../ez-modal-container)
60
60
  - [ez-pagination](../ez-pagination)
61
+ - [ez-popup](../ez-popup)
61
62
  - [ez-sidebar-navigator](../ez-sidebar-navigator)
62
63
  - [ez-split-item](../ez-split-panel/structure/item)
63
64
  - [ez-text-edit](../ez-text-edit)
@@ -80,6 +81,7 @@ graph TD;
80
81
  ez-guide-navigator --> ez-button
81
82
  ez-modal-container --> ez-button
82
83
  ez-pagination --> ez-button
84
+ ez-popup --> ez-button
83
85
  ez-sidebar-navigator --> ez-button
84
86
  ez-split-item --> ez-button
85
87
  ez-text-edit --> ez-button
package/components/ez-form/readme.md CHANGED
@@ -141,6 +141,7 @@ graph TD;
141
141
  ez-link-builder --> ez-modal-container
142
142
  ez-link-builder --> ez-text-input
143
143
  ez-link-builder --> ez-check
144
+ ez-popup --> ez-button
144
145
  ez-modal-container --> ez-icon
145
146
  ez-modal-container --> ez-button
146
147
  ez-simple-image-uploader --> ez-popup
package/components/ez-form-view/readme.md CHANGED
@@ -144,6 +144,7 @@ graph TD;
144
144
  ez-link-builder --> ez-modal-container
145
145
  ez-link-builder --> ez-text-input
146
146
  ez-link-builder --> ez-check
147
+ ez-popup --> ez-button
147
148
  ez-modal-container --> ez-icon
148
149
  ez-modal-container --> ez-button
149
150
  ez-simple-image-uploader --> ez-popup
package/components/ez-popup/readme.md CHANGED
@@ -7,14 +7,16 @@
7
7
 
8
8
  ## Properties
9
9
 
10
- | Property | Attribute | Description | Type | Default |
11
- | --------------- | ---------------- | ------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
12
- | `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `false` |
13
- | `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string` | `undefined` |
14
- | `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"` | `"full"` |
15
- | `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
16
- | `size` | `size` | Define a largura do ez-popup. | `"auto" \| "large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` |
17
- | `useHeader` | `use-header` | Define se o componente utilizará cabeçalho. | `boolean` | `true` |
10
+ | Property | Attribute | Description | Type | Default |
11
+ | --------------- | ---------------- | ---------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
12
+ | `autoClose` | `auto-close` | Define se o popup deve fechar automaticamente ao clicar fora dele. | `boolean` | `true` |
13
+ | `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `false` |
14
+ | `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string` | `undefined` |
15
+ | `footerButtons` | -- | Botões do rodapé do popup. Aceita todas as propriedades do ez-button. Limitado a até 3 botões. | `Partial<EzButtonProps>[]` | `[]` |
16
+ | `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"` | `"full"` |
17
+ | `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
18
+ | `size` | `size` | Define a largura do ez-popup. | `"auto" \| "large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` |
19
+ | `useHeader` | `use-header` | Define se o componente utilizará cabeçalho. | `boolean` | `true` |
18
20
 
19
21
 
20
22
  ## Events
@@ -32,9 +34,15 @@
32
34
  - [ez-link-builder](../ez-rich-text/ez-link-builder)
33
35
  - [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
34
36
 
37
+ ### Depends on
38
+
39
+ - [ez-button](../ez-button)
40
+
35
41
  ### Graph
36
42
  ```mermaid
37
43
  graph TD;
44
+ ez-popup --> ez-button
45
+ ez-button --> ez-icon
38
46
  ez-link-builder --> ez-popup
39
47
  ez-simple-image-uploader --> ez-popup
40
48
  style ez-popup fill:#f9f,stroke:#333,stroke-width:4px
@@ -51,10 +59,7 @@ graph TD;
51
59
  | --ez-popup-z-index | Define a camada em que o componente será exibido. |
52
60
  | --ez-popup\_\_container--color | Define a cor do texto do container do popup. |
53
61
  | --ez-popup\_\_container--padding | Define o espaçamento do container do popup. |
54
- | --ez-popup\_\_header--padding-bottom | Define o espaçamento inferior do cabeçalho do popup. |
55
62
  | --ez-popup\_\_title--font-family | Define a família da fonte do título do popup. |
56
63
  | --ez-popup\_\_title--font-size | Define o tamanho da fonte do título do popup. |
57
64
  | --ez-popup\_\_title--color | Define a cor da fonte do título do popup. |
58
- | --ez-popup\_\_title--font-weight | Define o peso da fonte do título do popup. |
59
- | --ez-popup\_\_btn\_\_close--icon-color | Define a cor do ícone do botão de fechamento. |
60
- | --ez-popup\_\_btn\_\_close--icon | Contém o ícone do botão de fechamento. |
65
+ | --ez-popup\_\_title--font-weight | Define o peso da fonte do título do popup. |
package/components/ez-rich-text/ez-link-builder/readme.md CHANGED
@@ -55,9 +55,10 @@ graph TD;
55
55
  ez-link-builder --> ez-modal-container
56
56
  ez-link-builder --> ez-text-input
57
57
  ez-link-builder --> ez-check
58
+ ez-popup --> ez-button
59
+ ez-button --> ez-icon
58
60
  ez-modal-container --> ez-icon
59
61
  ez-modal-container --> ez-button
60
- ez-button --> ez-icon
61
62
  ez-text-input --> ez-tooltip
62
63
  ez-text-input --> ez-icon
63
64
  ez-rich-text --> ez-link-builder
package/components/ez-rich-text/ez-simple-image-uploader/readme.md CHANGED
@@ -64,9 +64,10 @@ graph TD;
64
64
  ez-simple-image-uploader --> ez-tooltip
65
65
  ez-simple-image-uploader --> ez-text-input
66
66
  ez-simple-image-uploader --> ez-icon
67
+ ez-popup --> ez-button
68
+ ez-button --> ez-icon
67
69
  ez-modal-container --> ez-icon
68
70
  ez-modal-container --> ez-button
69
- ez-button --> ez-icon
70
71
  ez-text-input --> ez-tooltip
71
72
  ez-text-input --> ez-icon
72
73
  ez-rich-text --> ez-simple-image-uploader
package/components/ez-rich-text/readme.md CHANGED
@@ -95,9 +95,10 @@ graph TD;
95
95
  ez-link-builder --> ez-modal-container
96
96
  ez-link-builder --> ez-text-input
97
97
  ez-link-builder --> ez-check
98
+ ez-popup --> ez-button
99
+ ez-button --> ez-icon
98
100
  ez-modal-container --> ez-icon
99
101
  ez-modal-container --> ez-button
100
- ez-button --> ez-icon
101
102
  ez-text-input --> ez-tooltip
102
103
  ez-text-input --> ez-icon
103
104
  ez-simple-image-uploader --> ez-popup
package/components/ez-split-button/readme.md CHANGED
@@ -5,21 +5,30 @@
5
5
  <!-- Auto Generated Below -->
6
6
 
7
7
 
8
+ ## Overview
9
+
10
+ Split Button Component
11
+
8
12
  ## Properties
9
13
 
10
- | Property | Attribute | Description | Type | Default |
11
- | ------------- | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ----------- |
12
- | `enabled` | `enabled` | Se false o usuário não pode interagir com o botão. | `boolean` | `true` |
13
- | `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
14
- | `image` | `image` | Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
15
- | `itemBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: IDropdownItem, level: number) => string \| HTMLElement` | `undefined` |
16
- | `items` | -- | Define o conteúdo do dropdown. | `IDropdownItem[]` | `undefined` |
17
- | `label` | `label` | Texto a ser apresentado como label do botão. | `string` | `undefined` |
18
- | `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
19
- | `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
20
- | `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `undefined` |
21
- | `show` | `show` | | `boolean` | `false` |
22
- | `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
14
+ | Property | Attribute | Description | Type | Default |
15
+ | ------------------- | -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ----------- |
16
+ | `enabled` | `enabled` | ⚠️ **[DEPRECATED]** Use `isDisabled` prop instead.Se false o usuário não pode interagir com o botão. | `boolean` | `true` |
17
+ | `iconName` | `icon-name` | ⚠️ **[DEPRECATED]** Use `leftIconName` prop instead.Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
18
+ | `image` | `image` | Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
19
+ | `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` |
20
+ | `itemBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: IDropdownItem, level: number) => string \| HTMLElement` | `undefined` |
21
+ | `items` | -- | Define o conteúdo do dropdown. | `IDropdownItem[]` | `undefined` |
22
+ | `label` | `label` | Texto a ser apresentado como label do botão. | `string` | `undefined` |
23
+ | `leftIconName` | `left-icon-name` | Define o ícone esquerdo a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
24
+ | `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
25
+ | `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
26
+ | `rightIconName` | `right-icon-name` | Define o ícone direito a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
27
+ | `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `undefined` |
28
+ | `show` | `show` | Se true, o dropdown do botão é exibido. | `boolean` | `false` |
29
+ | `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
30
+ | `suppressAnimation` | `suppress-animation` | Se verdadeiro, desabilita a animação de ripple. | `boolean` | `false` |
31
+ | `variant` | `variant` | Define a variante do ez-split-button. | `"primary" \| "secondary" \| "tertiary"` | `undefined` |
23
32
 
24
33
 
25
34
  ## Events
@@ -111,25 +120,26 @@ graph TD;
111
120
  |-|-|
112
121
  | --ez-split-button--min-width | Define a largura mínima do componente. |
113
122
  | --ez-split-button--width | Define a largura do componente. |
114
- | --ez-split-button\_\_medium--height | Define a altura do componente. |
123
+ | --ez-split-button--height | Define a altura do componente, quando size medium. |
115
124
  | --ez-split-button\_\_medium-icon--width | Define a largura do slot que contém o ícone. |
116
- | --ez-split-button\_\_inline\_\_icon--gap | Define o espaçamento entre o ícone e o label. |
125
+ | --ez-split-button\_\_large-icon--width | Define a largura do slot que contém o ícone. |
117
126
  | --ez-split-button\_\_label--padding-top | Define o espaçamento superior ao label. |
118
127
  | --ez-split-button\_\_label--padding-bottom | Define o espaçamento inferior ao label. |
119
128
  | --ez-split-button\_\_right-button--padding-left | Define o espaçamento esquerdo ao ícone. |
129
+ | --ez-split-button\_\_right-button--padding-right | Define o espaçamento direito ao ícone. |
120
130
  | --ez-split-button--color | Define a cor do label. |
131
+ | --ez-split-button\_\_left-icon--color | Define a cor do ícone esquerdo. |
132
+ | --ez-split-button\_\_right-icon--color | Define a cor do ícone direito. |
133
+ | --ez-split-button--background-color | Define a cor de fundo do botão. |
134
+ | --ez-split-button--border | Define o estilo da borda do botão. |
121
135
  | --ez-split-button--font-size | Define o tamanho do label. |
136
+ | --ez-split-button--line-height | Define a altura da linha do label. |
122
137
  | --ez-split-button--font-family | Define a família da fonte do label. |
123
138
  | --ez-split-button--font-weight | Define o peso da fonte do label. |
124
- | --ez-split-button--background-color | Define a cor de fundo do botão. |
125
139
  | --ez-split-button--border-radius | Define o raio da borda do botão. |
126
- | --ez-split-button--border | Define o estilo da borda do botão. |
127
- | --ez-split-button--justify-content | Define o alinhamento horizontal do conteúdo do botão. |
128
140
  | --ez-split-button--hover-color | Define a cor do texto e do ícone quando o cursor está sobre o botão. |
129
141
  | --ez-split-button--hover--background-color | Define a cor de fundo quando o cursor está sobre o botão. |
130
142
  | --ez-split-button--disabled-color | Define a cor do texto quando o botão está desabilitado. |
131
143
  | --ez-split-button--disabled--background-color | Define a cor de fundo quando o botão está desabilitado. |
132
144
  | --ez-split-button--focus--border | Define o estido da borda quando o botão está selecionado. |
133
- | --ez-split-button--focus--box-shadow | Define a sombra do botão quando selecionado. |
134
- | --ez-split-button--active-color | Define a cor do texto e do ícone ao ativar o botão. |
135
- | --ez-split-button--active--background-color | Define a cor do fundo ao ativar o botão. |
145
+ | --ez-split-button--focus--box-shadow | Define a sombra do botão quando selecionado. |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/ezui-docs",
3
- "version": "6.5.0-dev.4",
3
+ "version": "6.5.0-dev.6",
4
4
  "description": "Documentação da biblioteca de componentes Sankhya.",
5
5
  "main": "",
6
6
  "files": [