spoko-design-system 0.2.93 → 0.2.95

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/Category/CategoryDetails.astro +1 -1
  3. package/src/components/Category/CategoryViewToggler.astro +4 -2
  4. package/uno-config/theme/shortcuts/layout.ts +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "spoko-design-system",
3
- "version": "0.2.93",
3
+ "version": "0.2.95",
4
4
  "private": false,
5
5
  "main": "./index.ts",
6
6
  "module": "./index.ts",
package/src/components/Category/CategoryDetails.astro CHANGED
@@ -73,7 +73,7 @@ const baseURL = locale === 'en' ? '' : `/${locale}`;
73
73
  )}
74
74
  </div>
75
75
 
76
- <CategoryViewToggler {...viewerLabels} showViewToggler={showViewToggler} class="hidden md-block" />
76
+ <CategoryViewToggler {...viewerLabels} showViewToggler={showViewToggler} class="hidden md:flex items-center gap-2 ml-auto" />
77
77
  </div>
78
78
 
79
79
  <script is:inline>
package/src/components/Category/CategoryViewToggler.astro CHANGED
@@ -8,6 +8,7 @@ interface Props {
8
8
  listAriaLabel: string; // "List view"
9
9
  gridAriaLabel: string; // "Grid view"
10
10
  showViewToggler: boolean;
11
+ class?: string;
11
12
  }
12
13
 
13
14
  const {
@@ -16,13 +17,14 @@ const {
16
17
  gridText,
17
18
  listAriaLabel,
18
19
  gridAriaLabel,
19
- showViewToggler
20
+ showViewToggler,
21
+ class: className
20
22
  } = Astro.props;
21
23
  ---
22
24
 
23
25
  {
24
26
  showViewToggler &&
25
- <div class="flex items-center gap-2 ml-auto">
27
+ <div class:list={[ className ]}>
26
28
  <span class="text-slate-default text-sm">{showText}</span>
27
29
  <div class="flex border rounded">
28
30
  <button
package/uno-config/theme/shortcuts/layout.ts CHANGED
@@ -3,7 +3,7 @@ export const layoutShortcuts = [
3
3
  // Main Layout
4
4
  ['l-main', 'text-slate-dark pt-24 sm:pt-14 bg-white'],
5
5
  ['main', 'text-slate-dark dark:text-neutral-lighter dark:bg-blue-darker pt-24 sm:pt-14 relative'],
6
- ['nav', 'bg-white dark:bg-black absolute sm:fixed w-full top-0 z-41 mx-auto px-4 pt-1 h-24 flex shadow-md justify-between items-center flex-wrap sm:(flex-nowrap pt-0 h-14) max-w-screen print-hidden'],
6
+ ['nav', 'bg-white dark:bg-black absolute sm:fixed w-full top-0 z-41 mx-auto px-4 pt-1 h-24 flex border-b border-neutral-lighter justify-between items-center flex-wrap sm:(flex-nowrap pt-0 h-14) max-w-screen print-hidden'],
7
7
 
8
8
  // View Toggles
9
9
  ['view-grid', 'md:(grid grid-cols-2)'],