@streamscloud/kit 0.10.7-1781511135617 → 0.10.7-1781513925548

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.
Files changed (5) hide show
  1. package/dist/ui/badge/cmp.badge.svelte +4 -4
  2. package/dist/ui/badge/cmp.badge.svelte.d.ts +1 -1
  3. package/dist/ui/grid-card/fields/cmp.grid-card-badge-field.svelte +2 -1
  4. package/dist/ui/grid-card/fields/cmp.grid-card-field.svelte +1 -6
  5. package/package.json +1 -1
package/dist/ui/badge/cmp.badge.svelte CHANGED
@@ -18,7 +18,7 @@ Pill-shaped status indicator. Use `solid` for stronger emphasis, `soft` (default
18
18
  |---|---|---|
19
19
  | `--sc-kit--badge--color` | Text color | per variant + style |
20
20
  | `--sc-kit--badge--background` | Background color | per variant + style |
21
- | `--sc-kit--badge--padding-block` | Vertical padding | per size |
21
+ | `--sc-kit--badge--height` | Badge height | per size (20 / 24px) |
22
22
  | `--sc-kit--badge--padding-inline` | Horizontal padding | `0.875rem 0.75rem` |
23
23
  | `--sc-kit--badge--border-radius` | Corner radius | `var(--sc-kit--radius--pill)` |
24
24
  | `--sc-kit--badge--font-size` | Content font size | per size |
@@ -34,7 +34,7 @@ Pill-shaped status indicator. Use `solid` for stronger emphasis, `soft` (default
34
34
  display: inline-flex;
35
35
  align-items: center;
36
36
  gap: var(--_badge--gap);
37
- padding-block: var(--_badge--padding-block);
37
+ block-size: var(--_badge--height);
38
38
  padding-inline: var(--_badge--padding-inline);
39
39
  border-radius: var(--_badge--border-radius);
40
40
  color: var(--_badge--color);
@@ -61,11 +61,11 @@ Pill-shaped status indicator. Use `solid` for stronger emphasis, `soft` (default
61
61
  justify-content: center;
62
62
  }
63
63
  .badge--sm {
64
- --_badge--padding-block: var(--sc-kit--badge--padding-block, 0.25rem);
64
+ --_badge--height: var(--sc-kit--badge--height, 1.25rem);
65
65
  --_badge--font-size: var(--sc-kit--badge--font-size, 0.625rem);
66
66
  }
67
67
  .badge--md {
68
- --_badge--padding-block: var(--sc-kit--badge--padding-block, 0.375rem);
68
+ --_badge--height: var(--sc-kit--badge--height, 1.5rem);
69
69
  --_badge--font-size: var(--sc-kit--badge--font-size, var(--sc-kit--font-size--xs));
70
70
  }
71
71
  .badge--neutral-soft {
package/dist/ui/badge/cmp.badge.svelte.d.ts CHANGED
@@ -22,7 +22,7 @@ type Props = {
22
22
  * |---|---|---|
23
23
  * | `--sc-kit--badge--color` | Text color | per variant + style |
24
24
  * | `--sc-kit--badge--background` | Background color | per variant + style |
25
- * | `--sc-kit--badge--padding-block` | Vertical padding | per size |
25
+ * | `--sc-kit--badge--height` | Badge height | per size (20 / 24px) |
26
26
  * | `--sc-kit--badge--padding-inline` | Horizontal padding | `0.875rem 0.75rem` |
27
27
  * | `--sc-kit--badge--border-radius` | Corner radius | `var(--sc-kit--radius--pill)` |
28
28
  * | `--sc-kit--badge--font-size` | Content font size | per size |
package/dist/ui/grid-card/fields/cmp.grid-card-badge-field.svelte CHANGED
@@ -19,6 +19,7 @@ plan / tier indicators, etc.
19
19
  -->
20
20
 
21
21
  <style>.grid-card-badge-field {
22
- display: contents;
23
22
  --sc-kit--icon--size: 0.875em;
23
+ display: flex;
24
+ align-items: center;
24
25
  }</style>
package/dist/ui/grid-card/fields/cmp.grid-card-field.svelte CHANGED
@@ -4,7 +4,7 @@ export {};
4
4
 
5
5
  <div class="grid-card-field" class:grid-card-field--multiline={multiline} class:grid-card-field--vertical={vertical}>
6
6
  <span class="grid-card-field__label" class:grid-card-field__label--vertical={vertical}>{label}</span>
7
- <div class="grid-card-field__content" class:grid-card-field__content--multiline={multiline} class:grid-card-field__content--vertical={vertical}>
7
+ <div class="grid-card-field__content" class:grid-card-field__content--vertical={vertical}>
8
8
  {@render children()}
9
9
  </div>
10
10
  </div>
@@ -55,15 +55,10 @@ content; set `vertical` to stack the label above the content (escapes the subgri
55
55
  padding: 0;
56
56
  }
57
57
  .grid-card-field__content {
58
- display: flex;
59
- align-items: center;
60
58
  padding-block: var(--_gcf--padding-block);
61
59
  padding-inline-end: var(--_gcf--padding-inline);
62
60
  min-width: 0;
63
61
  }
64
- .grid-card-field__content--multiline {
65
- align-items: flex-start;
66
- }
67
62
  .grid-card-field__content--vertical {
68
63
  padding: 0;
69
64
  }</style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamscloud/kit",
3
- "version": "0.10.7-1781511135617",
3
+ "version": "0.10.7-1781513925548",
4
4
  "author": "StreamsCloud",
5
5
  "repository": {
6
6
  "type": "git",