@streamscloud/kit 0.10.5 → 0.10.7-1781470550424

package/dist/ui/button/cmp.button.svelte

@@ -103,7 +103,7 @@ Pass `type="anchor"` to render as `<a>` with `href`. Otherwise `type` is the nat
 | `--sc-kit--button--padding-inline` | Inline (horizontal) padding | per size |
 | `--sc-kit--button--font-size` | Label font size | per size |
 | `--sc-kit--button--gap` | Gap between icon and label | per size |
-| `--sc-kit--button--icon-size` | Icon / spinner size | per size (12 / 14 / 16 / 20 px for xs/sm/md/lg) |
+| `--sc-kit--button--icon-size` | Icon / spinner size | per size (14 / 14 / 16 / 20 px for xs/sm/md/lg) |
 | `--sc-kit--button--border-radius` | Corner rounding | `var(--sc-kit--radius--md)` |
 | `--sc-kit--button--font-weight` | Font weight | `var(--sc-kit--font-weight--regular)` |
 | `--sc-kit--button--width` | Explicit width | `fit-content` |

package/dist/ui/button/cmp.button.svelte.d.ts

@@ -61,7 +61,7 @@ type Props = ButtonModeProps | AnchorModeProps;
  * | `--sc-kit--button--padding-inline` | Inline (horizontal) padding | per size |
  * | `--sc-kit--button--font-size` | Label font size | per size |
  * | `--sc-kit--button--gap` | Gap between icon and label | per size |
- * | `--sc-kit--button--icon-size` | Icon / spinner size | per size (12 / 14 / 16 / 20 px for xs/sm/md/lg) |
+ * | `--sc-kit--button--icon-size` | Icon / spinner size | per size (14 / 14 / 16 / 20 px for xs/sm/md/lg) |
  * | `--sc-kit--button--border-radius` | Corner rounding | `var(--sc-kit--radius--md)` |
  * | `--sc-kit--button--font-weight` | Font weight | `var(--sc-kit--font-weight--regular)` |
  * | `--sc-kit--button--width` | Explicit width | `fit-content` |

package/dist/ui/grid-card/fields/cmp.grid-card-actions-field.svelte

@@ -6,7 +6,7 @@ const { label, actions } = $props();
 <GridCardField label={label}>
   <div class="grid-card-actions-field">
     {#each actions as action (action)}
-      <GridCardButton icon={action.icon} text={action.text} variant={action.variant} on={action.on} />
+      <GridCardButton icon={action.icon} text={action.text} ariaLabel={action.ariaLabel} variant={action.variant} on={action.on} />
     {/each}
   </div>
 </GridCardField>

package/dist/ui/grid-card/fields/cmp.grid-card-actions-field.svelte.d.ts

@@ -4,6 +4,8 @@ export type GridCardAction = {
     /** Use the `{ src, color }` object form to tint the icon (e.g. `'danger'` for delete) without coloring the whole button. */
     icon: IconProp;
     text?: string;
+    /** Accessible name — required for text-less (icon-only) actions. */
+    ariaLabel?: string;
     /** @default 'ghost' */
     variant?: ButtonVariant;
     on: {

package/dist/ui/grid-card/fields/cmp.grid-card-button.svelte

@@ -1,25 +1,29 @@
 <script lang="ts">import { Button } from '../../button';
-import { IconText } from '../../icon-text';
-const { icon, text, variant = 'ghost', on } = $props();
+const { icon, text, ariaLabel, variant = 'ghost', on } = $props();
 const handleClick = (e) => {
     e.stopPropagation();
     on.click(e);
 };
 </script>
 
+{#snippet label()}{text}{/snippet}
+
 <span class="grid-card-button">
-  <Button type="button" variant={variant} size="xs" on={{ click: handleClick }}>
-    <IconText icon={icon} hideText={!text} trimText>
-      {#if text}{text}{/if}
-    </IconText>
-  </Button>
+  <Button
+    type="button"
+    variant={variant}
+    icon={icon}
+    size="xs"
+    aria-label={ariaLabel ?? text}
+    children={text ? label : undefined}
+    on={{ click: handleClick }} />
 </span>
 
 <!--
 @component
-Internal compact action button for `GridCard` rows. Kit `Button` (`size='xs'`, `variant='ghost'` by
-default — override via `variant`) wrapping an `IconText` so individual action icons can be tinted
-(e.g. `{ src, color: 'danger' }` on delete) without coloring the whole button. Click handler stops
+Internal compact action button for `GridCard` rows. Kit `Button` at `size='xs'`, `variant='ghost'` by
+default — override via `variant`. Pass the `{ src, color }` icon object form to tint an individual
+action icon (e.g. `'danger'` on delete) without coloring the whole button. Click handler stops
 propagation so it doesn't fire the card's `on.activate`.
 -->
 

package/dist/ui/grid-card/fields/cmp.grid-card-button.svelte.d.ts

@@ -3,6 +3,8 @@ import type { IconProp } from '../../icon';
 type Props = {
     icon: IconProp;
     text?: string;
+    /** Accessible name — required for text-less (icon-only) actions. */
+    ariaLabel?: string;
     /** @default 'ghost' */
     variant?: ButtonVariant;
     on: {
@@ -10,9 +12,9 @@ type Props = {
     };
 };
 /**
- * Internal compact action button for `GridCard` rows. Kit `Button` (`size='xs'`, `variant='ghost'` by
- * default — override via `variant`) wrapping an `IconText` so individual action icons can be tinted
- * (e.g. `{ src, color: 'danger' }` on delete) without coloring the whole button. Click handler stops
+ * Internal compact action button for `GridCard` rows. Kit `Button` at `size='xs'`, `variant='ghost'` by
+ * default — override via `variant`. Pass the `{ src, color }` icon object form to tint an individual
+ * action icon (e.g. `'danger'` on delete) without coloring the whole button. Click handler stops
  * propagation so it doesn't fire the card's `on.activate`.
  */
 declare const Cmp: import("svelte").Component<Props, {}, "">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.10.5",
+  "version": "0.10.7-1781470550424",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",