@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 (12 / 14 / 16 / 20 px for xs/sm/md/lg) |
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 (12 / 14 / 16 / 20 px for xs/sm/md/lg) |
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
- <IconText icon={icon} hideText={!text} trimText>
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` (`size='xs'`, `variant='ghost'` by
21
- default — override via `variant`) wrapping an `IconText` so individual action icons can be tinted
22
- (e.g. `{ src, color: 'danger' }` on delete) without coloring the whole button. Click handler stops
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` (`size='xs'`, `variant='ghost'` by
14
- * default — override via `variant`) wrapping an `IconText` so individual action icons can be tinted
15
- * (e.g. `{ src, color: 'danger' }` on delete) without coloring the whole button. Click handler stops
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, {}, "">;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamscloud/kit",
3
- "version": "0.10.5",
3
+ "version": "0.10.6",
4
4
  "author": "StreamsCloud",
5
5
  "repository": {
6
6
  "type": "git",