@streamscloud/kit 0.9.9 → 0.9.10

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/navigation/cmp.nav-menu-item.svelte +3 -7
  2. package/dist/ui/navigation/cmp.nav-menu-item.svelte.d.ts +1 -1
  3. package/dist/ui/navigation/cmp.nav-rail-item.svelte +2 -6
  4. package/dist/ui/navigation/cmp.nav-rail-item.svelte.d.ts +1 -1
  5. package/package.json +1 -1
package/dist/ui/navigation/cmp.nav-menu-item.svelte CHANGED
@@ -57,7 +57,7 @@ Renders as `<a>` when `href` is set, `<button>` otherwise. Active state is consu
57
57
  | Property | Description | Default |
58
58
  |---|---|---|
59
59
  | `--sc-kit--nav-menu-item--gap` | Gap between icon and label | `18px` |
60
- | `--sc-kit--nav-menu-item--icon-size` | Icon box size | `20px` |
60
+ | `--sc-kit--nav-menu-item--icon-size` | Icon size (box + glyph) | `18px` |
61
61
  | `--sc-kit--nav-menu-item--radius` | Row radius | `--sc-kit--radius--sm` |
62
62
  | `--sc-kit--nav-menu-item--color` | Idle text/icon color | `--sc-kit--color--text--secondary` |
63
63
  | `--sc-kit--nav-menu-item--color--active` | Active / hover text color | `--sc-kit--color--text--primary` |
@@ -69,7 +69,7 @@ Renders as `<a>` when `href` is set, `<button>` otherwise. Active state is consu
69
69
  -->
70
70
  <style>.nav-menu-item {
71
71
  --_nav-menu-item--gap: var(--sc-kit--nav-menu-item--gap, 1.125rem);
72
- --_nav-menu-item--icon-size: var(--sc-kit--nav-menu-item--icon-size, 1.25rem);
72
+ --_nav-menu-item--icon-size: var(--sc-kit--nav-menu-item--icon-size, 1.125rem);
73
73
  --_nav-menu-item--radius: var(--sc-kit--nav-menu-item--radius, var(--sc-kit--radius--sm));
74
74
  --_nav-menu-item--color: var(--sc-kit--nav-menu-item--color, var(--sc-kit--color--text--secondary));
75
75
  --_nav-menu-item--color-active: var(--sc-kit--nav-menu-item--color--active, var(--sc-kit--color--text--primary));
@@ -112,6 +112,7 @@ Renders as `<a>` when `href` is set, `<button>` otherwise. Active state is consu
112
112
  }
113
113
 
114
114
  .nav-menu-item__icon {
115
+ --sc-kit--icon--size: var(--_nav-menu-item--icon-size);
115
116
  position: relative;
116
117
  display: inline-flex;
117
118
  align-items: center;
@@ -121,11 +122,6 @@ Renders as `<a>` when `href` is set, `<button>` otherwise. Active state is consu
121
122
  height: var(--_nav-menu-item--icon-size);
122
123
  line-height: 0;
123
124
  }
124
- .nav-menu-item__icon :global(svg) {
125
- width: 100%;
126
- height: 100%;
127
- fill: currentColor;
128
- }
129
125
 
130
126
  .nav-menu-item__badge {
131
127
  position: absolute;
package/dist/ui/navigation/cmp.nav-menu-item.svelte.d.ts CHANGED
@@ -28,7 +28,7 @@ type Props = {
28
28
  * | Property | Description | Default |
29
29
  * |---|---|---|
30
30
  * | `--sc-kit--nav-menu-item--gap` | Gap between icon and label | `18px` |
31
- * | `--sc-kit--nav-menu-item--icon-size` | Icon box size | `20px` |
31
+ * | `--sc-kit--nav-menu-item--icon-size` | Icon size (box + glyph) | `18px` |
32
32
  * | `--sc-kit--nav-menu-item--radius` | Row radius | `--sc-kit--radius--sm` |
33
33
  * | `--sc-kit--nav-menu-item--color` | Idle text/icon color | `--sc-kit--color--text--secondary` |
34
34
  * | `--sc-kit--nav-menu-item--color--active` | Active / hover text color | `--sc-kit--color--text--primary` |
package/dist/ui/navigation/cmp.nav-rail-item.svelte CHANGED
@@ -50,7 +50,7 @@ CSS variables (settable on the parent rail or any ancestor).
50
50
  | Property | Description | Default |
51
51
  |---|---|---|
52
52
  | `--sc-kit--nav-rail--item-width` | Tile width | `58px` |
53
- | `--sc-kit--nav-rail--item-icon-size` | Icon box size | `24px` |
53
+ | `--sc-kit--nav-rail--item-icon-size` | Icon size (box + glyph) | `24px` |
54
54
  | `--sc-kit--nav-rail--item-label-size` | Label font size | `10px` |
55
55
  | `--sc-kit--nav-rail--item-radius` | Tile radius | `--sc-kit--radius--sm` |
56
56
  | `--sc-kit--nav-rail--item-color` | Idle text/icon color | `--sc-kit--color--text--secondary` |
@@ -98,6 +98,7 @@ CSS variables (settable on the parent rail or any ancestor).
98
98
  }
99
99
 
100
100
  .nav-rail-item__icon {
101
+ --sc-kit--icon--size: var(--_nav-rail--item-icon-size);
101
102
  display: inline-flex;
102
103
  align-items: center;
103
104
  justify-content: center;
@@ -105,11 +106,6 @@ CSS variables (settable on the parent rail or any ancestor).
105
106
  height: var(--_nav-rail--item-icon-size);
106
107
  line-height: 0;
107
108
  }
108
- .nav-rail-item__icon :global(svg) {
109
- width: 100%;
110
- height: 100%;
111
- fill: currentColor;
112
- }
113
109
 
114
110
  .nav-rail-item__label {
115
111
  font-size: var(--_nav-rail--item-label-size);
package/dist/ui/navigation/cmp.nav-rail-item.svelte.d.ts CHANGED
@@ -26,7 +26,7 @@ type Props = {
26
26
  * | Property | Description | Default |
27
27
  * |---|---|---|
28
28
  * | `--sc-kit--nav-rail--item-width` | Tile width | `58px` |
29
- * | `--sc-kit--nav-rail--item-icon-size` | Icon box size | `24px` |
29
+ * | `--sc-kit--nav-rail--item-icon-size` | Icon size (box + glyph) | `24px` |
30
30
  * | `--sc-kit--nav-rail--item-label-size` | Label font size | `10px` |
31
31
  * | `--sc-kit--nav-rail--item-radius` | Tile radius | `--sc-kit--radius--sm` |
32
32
  * | `--sc-kit--nav-rail--item-color` | Idle text/icon color | `--sc-kit--color--text--secondary` |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamscloud/kit",
3
- "version": "0.9.9",
3
+ "version": "0.9.10",
4
4
  "author": "StreamsCloud",
5
5
  "repository": {
6
6
  "type": "git",