@streamscloud/kit 0.10.5 → 0.10.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.
|
@@ -103,7 +103,7 @@ Pass `type="anchor"` to render as `<a>` with `href`. Otherwise `type` is the nat
|
|
|
103
103
|
| `--sc-kit--button--padding-inline` | Inline (horizontal) padding | per size |
|
|
104
104
|
| `--sc-kit--button--font-size` | Label font size | per size |
|
|
105
105
|
| `--sc-kit--button--gap` | Gap between icon and label | per size |
|
|
106
|
-
| `--sc-kit--button--icon-size` | Icon / spinner size | per size (
|
|
106
|
+
| `--sc-kit--button--icon-size` | Icon / spinner size | per size (14 / 14 / 16 / 20 px for xs/sm/md/lg) |
|
|
107
107
|
| `--sc-kit--button--border-radius` | Corner rounding | `var(--sc-kit--radius--md)` |
|
|
108
108
|
| `--sc-kit--button--font-weight` | Font weight | `var(--sc-kit--font-weight--regular)` |
|
|
109
109
|
| `--sc-kit--button--width` | Explicit width | `fit-content` |
|
|
@@ -61,7 +61,7 @@ type Props = ButtonModeProps | AnchorModeProps;
|
|
|
61
61
|
* | `--sc-kit--button--padding-inline` | Inline (horizontal) padding | per size |
|
|
62
62
|
* | `--sc-kit--button--font-size` | Label font size | per size |
|
|
63
63
|
* | `--sc-kit--button--gap` | Gap between icon and label | per size |
|
|
64
|
-
* | `--sc-kit--button--icon-size` | Icon / spinner size | per size (
|
|
64
|
+
* | `--sc-kit--button--icon-size` | Icon / spinner size | per size (14 / 14 / 16 / 20 px for xs/sm/md/lg) |
|
|
65
65
|
* | `--sc-kit--button--border-radius` | Corner rounding | `var(--sc-kit--radius--md)` |
|
|
66
66
|
* | `--sc-kit--button--font-weight` | Font weight | `var(--sc-kit--font-weight--regular)` |
|
|
67
67
|
* | `--sc-kit--button--width` | Explicit width | `fit-content` |
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
<script lang="ts">import { Button } from '../../button';
|
|
2
|
-
import { IconText } from '../../icon-text';
|
|
3
2
|
const { icon, text, variant = 'ghost', on } = $props();
|
|
4
3
|
const handleClick = (e) => {
|
|
5
4
|
e.stopPropagation();
|
|
@@ -8,18 +7,16 @@ const handleClick = (e) => {
|
|
|
8
7
|
</script>
|
|
9
8
|
|
|
10
9
|
<span class="grid-card-button">
|
|
11
|
-
<Button type="button" variant={variant} size="xs" on={{ click: handleClick }}>
|
|
12
|
-
|
|
13
|
-
{#if text}{text}{/if}
|
|
14
|
-
</IconText>
|
|
10
|
+
<Button type="button" variant={variant} icon={icon} size="xs" on={{ click: handleClick }}>
|
|
11
|
+
{text}
|
|
15
12
|
</Button>
|
|
16
13
|
</span>
|
|
17
14
|
|
|
18
15
|
<!--
|
|
19
16
|
@component
|
|
20
|
-
Internal compact action button for `GridCard` rows. Kit `Button`
|
|
21
|
-
default — override via `variant`
|
|
22
|
-
(e.g. `
|
|
17
|
+
Internal compact action button for `GridCard` rows. Kit `Button` at `size='xs'`, `variant='ghost'` by
|
|
18
|
+
default — override via `variant`. Pass the `{ src, color }` icon object form to tint an individual
|
|
19
|
+
action icon (e.g. `'danger'` on delete) without coloring the whole button. Click handler stops
|
|
23
20
|
propagation so it doesn't fire the card's `on.activate`.
|
|
24
21
|
-->
|
|
25
22
|
|
|
@@ -10,9 +10,9 @@ type Props = {
|
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
12
|
/**
|
|
13
|
-
* Internal compact action button for `GridCard` rows. Kit `Button`
|
|
14
|
-
* default — override via `variant`
|
|
15
|
-
* (e.g. `
|
|
13
|
+
* Internal compact action button for `GridCard` rows. Kit `Button` at `size='xs'`, `variant='ghost'` by
|
|
14
|
+
* default — override via `variant`. Pass the `{ src, color }` icon object form to tint an individual
|
|
15
|
+
* action icon (e.g. `'danger'` on delete) without coloring the whole button. Click handler stops
|
|
16
16
|
* propagation so it doesn't fire the card's `on.activate`.
|
|
17
17
|
*/
|
|
18
18
|
declare const Cmp: import("svelte").Component<Props, {}, "">;
|