@sankhyalabs/ezui-docs
Advanced tools
Comparing version 0.0.0-bugfix-dev-KB-83282.1 to 0.0.0-bugfix-dev-KB-83336.0
@@ -10,9 +10,10 @@ # ez-badge | ||
| Property | Attribute | Description | Type | Default | | ||
| ----------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------ | | ||
| `iconLeft` | `icon-left` | Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` | | ||
| `iconRight` | `icon-right` | Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` | | ||
| `label` | `label` | Define o conteúdo textual ou numérico do componente. | `string` | `undefined` | | ||
| `position` | -- | Define a posição do ícone em relação ao elemento filho. | `IPosition` | `{ horizontal: "right", vertical: "top" }` | | ||
| `size` | `size` | Define o tamanho de acordo com o tipo utilizado pelo componente. | `"extra-large" \| "extra-small" \| "large" \| "medium" \| "small" \| "small-medium"` | `"small"` | | ||
| Property | Attribute | Description | Type | Default | | ||
| ------------ | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------ | | ||
| `alignItems` | `align-items` | Define a posição do ícone em relação ao elemento. | `"center" \| "flex-end" \| "flex-start"` | `"center"` | | ||
| `iconLeft` | `icon-left` | Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` | | ||
| `iconRight` | `icon-right` | Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` | | ||
| `label` | `label` | Define o conteúdo textual ou numérico do componente. | `string` | `undefined` | | ||
| `position` | -- | Define a posição do ícone em relação ao elemento filho. | `IPosition` | `{ horizontal: "right", vertical: "top" }` | | ||
| `size` | `size` | Define o tamanho de acordo com o tipo utilizado pelo componente. | `"extra-large" \| "extra-small" \| "large" \| "medium" \| "small" \| "small-medium"` | `"small"` | | ||
@@ -19,0 +20,0 @@ |
@@ -28,3 +28,3 @@ # ez-card-item | ||
- [ez-search](../ez-search) | ||
- [search-list](../ez-search/subcomponent/search-list) | ||
@@ -34,3 +34,3 @@ ### Graph | ||
graph TD; | ||
ez-search --> ez-card-item | ||
search-list --> ez-card-item | ||
style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px | ||
@@ -37,0 +37,0 @@ ``` |
@@ -82,2 +82,3 @@ # ez-date-input | ||
- [ez-text-input](../ez-text-input) | ||
- [ez-popover-plus](../ez-popover-plus) | ||
- [ez-calendar](../ez-calendar) | ||
@@ -89,5 +90,7 @@ | ||
ez-date-input --> ez-text-input | ||
ez-date-input --> ez-popover-plus | ||
ez-date-input --> ez-calendar | ||
ez-text-input --> ez-tooltip | ||
ez-text-input --> ez-icon | ||
ez-popover-plus --> ez-popover-core | ||
ez-form-view --> ez-date-input | ||
@@ -94,0 +97,0 @@ style ez-date-input fill:#f9f,stroke:#333,stroke-width:4px |
@@ -83,2 +83,3 @@ # ez-date-time-input | ||
- [ez-text-input](../ez-text-input) | ||
- [ez-popover-plus](../ez-popover-plus) | ||
- [ez-calendar](../ez-calendar) | ||
@@ -90,5 +91,7 @@ | ||
ez-date-time-input --> ez-text-input | ||
ez-date-time-input --> ez-popover-plus | ||
ez-date-time-input --> ez-calendar | ||
ez-text-input --> ez-tooltip | ||
ez-text-input --> ez-icon | ||
ez-popover-plus --> ez-popover-core | ||
ez-form-view --> ez-date-time-input | ||
@@ -95,0 +98,0 @@ style ez-date-time-input fill:#f9f,stroke:#333,stroke-width:4px |
@@ -106,2 +106,3 @@ # ez-form-view | ||
ez-date-input --> ez-text-input | ||
ez-date-input --> ez-popover-plus | ||
ez-date-input --> ez-calendar | ||
@@ -111,7 +112,10 @@ ez-time-input --> ez-text-input | ||
ez-date-time-input --> ez-text-input | ||
ez-date-time-input --> ez-popover-plus | ||
ez-date-time-input --> ez-calendar | ||
ez-number-input --> ez-text-input | ||
ez-search --> ez-card-item | ||
ez-search --> ez-text-input | ||
ez-search --> ez-icon | ||
ez-search --> ez-popover-plus | ||
ez-search --> search-list | ||
search-list --> ez-card-item | ||
ez-form --> ez-form-view | ||
@@ -118,0 +122,0 @@ style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px |
@@ -100,2 +100,3 @@ # ez-form | ||
ez-date-input --> ez-text-input | ||
ez-date-input --> ez-popover-plus | ||
ez-date-input --> ez-calendar | ||
@@ -105,7 +106,10 @@ ez-time-input --> ez-text-input | ||
ez-date-time-input --> ez-text-input | ||
ez-date-time-input --> ez-popover-plus | ||
ez-date-time-input --> ez-calendar | ||
ez-number-input --> ez-text-input | ||
ez-search --> ez-card-item | ||
ez-search --> ez-text-input | ||
ez-search --> ez-icon | ||
ez-search --> ez-popover-plus | ||
ez-search --> search-list | ||
search-list --> ez-card-item | ||
style ez-form fill:#f9f,stroke:#333,stroke-width:4px | ||
@@ -112,0 +116,0 @@ ``` |
@@ -270,5 +270,7 @@ # ez-grid | ||
ez-text-input --> ez-icon | ||
ez-search --> ez-card-item | ||
ez-search --> ez-text-input | ||
ez-search --> ez-icon | ||
ez-search --> ez-popover-plus | ||
ez-search --> search-list | ||
search-list --> ez-card-item | ||
style ez-grid fill:#f9f,stroke:#333,stroke-width:4px | ||
@@ -275,0 +277,0 @@ ``` |
@@ -83,5 +83,7 @@ # filter-column | ||
ez-text-input --> ez-icon | ||
ez-search --> ez-card-item | ||
ez-search --> ez-text-input | ||
ez-search --> ez-icon | ||
ez-search --> ez-popover-plus | ||
ez-search --> search-list | ||
search-list --> ez-card-item | ||
ez-grid --> filter-column | ||
@@ -88,0 +90,0 @@ style filter-column fill:#f9f,stroke:#333,stroke-width:4px |
@@ -68,5 +68,8 @@ # ez-multi-selection-list | ||
ez-text-input --> ez-icon | ||
ez-search --> ez-card-item | ||
ez-search --> ez-text-input | ||
ez-search --> ez-icon | ||
ez-search --> ez-popover-plus | ||
ez-search --> search-list | ||
ez-popover-plus --> ez-popover-core | ||
search-list --> ez-card-item | ||
filter-column --> ez-multi-selection-list | ||
@@ -73,0 +76,0 @@ style ez-multi-selection-list fill:#f9f,stroke:#333,stroke-width:4px |
@@ -10,10 +10,12 @@ # ez-popover-plus | ||
| Property | Attribute | Description | Type | Default | | ||
| --------------- | ---------------- | --------------------------------------------------------------------------------- | ------------------------------- | -------------------------------------------------------- | | ||
| `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `HTMLElement \| string` | `undefined` | | ||
| `autoClose` | `auto-close` | Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` | | ||
| `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` | | ||
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` | | ||
| `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` | | ||
| `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` | | ||
| Property | Attribute | Description | Type | Default | | ||
| --------------- | ----------------- | --------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- | -------------------------------------------------------- | | ||
| `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `(string \| HTMLElement)[] \| HTMLElement \| string` | `undefined` | | ||
| `autoClose` | `auto-close` | Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` | | ||
| `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` | | ||
| `minWidth` | `min-width` | Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). | `number` | `150` | | ||
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` | | ||
| `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` | | ||
| `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` | | ||
| `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` | | ||
@@ -96,2 +98,5 @@ | ||
- [ez-combo-box](../ez-combo-box) | ||
- [ez-date-input](../ez-date-input) | ||
- [ez-date-time-input](../ez-date-time-input) | ||
- [ez-search](../ez-search) | ||
- [filter-column](../ez-grid/subcomponents) | ||
@@ -108,2 +113,5 @@ | ||
ez-combo-box --> ez-popover-plus | ||
ez-date-input --> ez-popover-plus | ||
ez-date-time-input --> ez-popover-plus | ||
ez-search --> ez-popover-plus | ||
filter-column --> ez-popover-plus | ||
@@ -110,0 +118,0 @@ style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px |
@@ -10,10 +10,12 @@ # ez-popover-core | ||
| Property | Attribute | Description | Type | Default | | ||
| --------------- | ---------------- | --------------------------------------------------------------------------------- | ------------------------------- | -------------------------------------------------------- | | ||
| `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `HTMLElement \| string` | `undefined` | | ||
| `autoClose` | `auto-close` | Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` | | ||
| `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` | | ||
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` | | ||
| `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` | | ||
| `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` | | ||
| Property | Attribute | Description | Type | Default | | ||
| --------------- | ----------------- | --------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- | -------------------------------------------------------- | | ||
| `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `(string \| HTMLElement)[] \| HTMLElement \| string` | `undefined` | | ||
| `autoClose` | `auto-close` | Define se será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` | | ||
| `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` | | ||
| `minWidth` | `min-width` | Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). | `number` | `150` | | ||
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` | | ||
| `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` | | ||
| `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` | | ||
| `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` | | ||
@@ -20,0 +22,0 @@ |
@@ -104,5 +104,6 @@ # ez-search | ||
- [ez-card-item](../ez-card-item) | ||
- [ez-text-input](../ez-text-input) | ||
- [ez-icon](../ez-icon) | ||
- [ez-popover-plus](../ez-popover-plus) | ||
- [search-list](./subcomponent/search-list) | ||
@@ -112,7 +113,10 @@ ### Graph | ||
graph TD; | ||
ez-search --> ez-card-item | ||
ez-search --> ez-text-input | ||
ez-search --> ez-icon | ||
ez-search --> ez-popover-plus | ||
ez-search --> search-list | ||
ez-text-input --> ez-tooltip | ||
ez-text-input --> ez-icon | ||
ez-popover-plus --> ez-popover-core | ||
search-list --> ez-card-item | ||
ez-form-view --> ez-search | ||
@@ -119,0 +123,0 @@ ez-multi-selection-list --> ez-search |
{ | ||
"name": "@sankhyalabs/ezui-docs", | ||
"version": "0.0.0-bugfix-dev-KB-83282.1", | ||
"version": "0.0.0-bugfix-dev-KB-83336.0", | ||
"description": "Documentação da biblioteca de componentes Sankhya.", | ||
@@ -5,0 +5,0 @@ "main": "", |
180232
61