poe-svelte-ui-lib 1.16.2 → 1.16.3
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.
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
<div id={`${id}-${crypto.randomUUID().slice(0, 6)}`} class={twMerge(`flex h-full w-full flex-col ${anchorClass[anchor]}`, wrapperClass)}>
|
|
13
13
|
<div class="w-full" style="padding-block: {sizeIndent[size]}px;">
|
|
14
14
|
{#if type === "line"}
|
|
15
|
-
<div class={twMerge(
|
|
15
|
+
<div class="{twMerge('w-full rounded-full', color)} bg-(--bg-color)" style="height: {width}px;"></div>
|
|
16
16
|
{/if}
|
|
17
17
|
</div>
|
|
18
18
|
</div>
|
package/dist/Divider/README.md
CHANGED
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
|
|
7
7
|
## Пропсы
|
|
8
8
|
|
|
9
|
-
| Название | Тип | По умолчанию | Описание
|
|
10
|
-
| -------------- | ----------------------------------------------------- | --------------------- |
|
|
11
|
-
| `id` | `string` | `crypto.randomUUID()` | Уникальный идентификатор компонента
|
|
12
|
-
| `wrapperClass` | `string` | `""` | CSS-классы для обёртки компонента
|
|
13
|
-
| `type` | `"line" \| "empty"` | `"line"` | `line` — видимая полоса, `empty` — чистый отступ без полосы
|
|
14
|
-
| `size` | `"small" \| "base" \| "large" \| "huge" \| "massive"` | `"base"` | Величина внутреннего отступа вокруг полосы (`small`=4px, `base`=8px, `large`=16px, `huge`=24px, `massive`=32px)
|
|
15
|
-
| `width` | `number` | `2` | Толщина полосы в пикселях (применяется только при `type="line"`)
|
|
16
|
-
| `color` | `string` | `"bg-max"` | Класс цвета полосы из общей палитры (`bg-max`, `bg-red`, `bg-yellow`, `bg-green`, `bg-blue`, `bg-purple`, `bg-gray`) |
|
|
17
|
-
| `anchor` | `"top" \| "center" \| "bottom"` | `"center"` | Положение полосы внутри выделенной компоненту высоты сетки
|
|
9
|
+
| Название | Тип | По умолчанию | Описание |
|
|
10
|
+
| -------------- | ----------------------------------------------------- | --------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
11
|
+
| `id` | `string` | `crypto.randomUUID()` | Уникальный идентификатор компонента |
|
|
12
|
+
| `wrapperClass` | `string` | `""` | CSS-классы для обёртки компонента |
|
|
13
|
+
| `type` | `"line" \| "empty"` | `"line"` | `line` — видимая полоса, `empty` — чистый отступ без полосы |
|
|
14
|
+
| `size` | `"small" \| "base" \| "large" \| "huge" \| "massive"` | `"base"` | Величина внутреннего отступа вокруг полосы (`small`=4px, `base`=8px, `large`=16px, `huge`=24px, `massive`=32px) |
|
|
15
|
+
| `width` | `number` | `2` | Толщина полосы в пикселях (применяется только при `type="line"`) |
|
|
16
|
+
| `color` | `string` | `"bg-max"` | Класс цвета полосы из общей палитры (`bg-max`, `bg-red`, `bg-yellow`, `bg-green`, `bg-blue`, `bg-purple`, `bg-gray`) — сам по себе только переопределяет `--bg-color`, красит его рядом стоящий статический класс `bg-(--bg-color)` (как в `Button.svelte`) |
|
|
17
|
+
| `anchor` | `"top" \| "center" \| "bottom"` | `"center"` | Положение полосы внутри выделенной компоненту высоты сетки |
|
|
18
18
|
|
|
19
19
|
## События
|
|
20
20
|
|