@getmicdrop/svelte-components 5.7.1 → 5.7.2

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 (11) hide show
  1. package/dist/components/Heading.svelte +2 -1
  2. package/dist/components/Heading.svelte.d.ts +1 -1
  3. package/dist/components/Heading.svelte.d.ts.map +1 -1
  4. package/dist/components/Layout/index.d.ts +0 -1
  5. package/dist/components/Layout/index.js +1 -1
  6. package/dist/components/Text.svelte +15 -2
  7. package/dist/components/Text.svelte.d.ts +2 -1
  8. package/dist/components/Text.svelte.d.ts.map +1 -1
  9. package/dist/patterns/layout/index.d.ts +0 -2
  10. package/dist/patterns/layout/index.js +3 -2
  11. package/package.json +1 -1
package/dist/components/Heading.svelte CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  interface Props {
5
5
  level?: 1 | 2 | 3 | 4 | 5 | 6;
6
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
6
+ size?: 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
7
7
  weight?: 'normal' | 'medium' | 'semibold' | 'bold';
8
8
  class?: string;
9
9
  children: Snippet;
@@ -20,6 +20,7 @@
20
20
  const sizeClasses: Record<string, string> = {
21
21
  xs: 'text-xs',
22
22
  sm: 'text-sm',
23
+ base: 'text-base',
23
24
  md: 'text-base',
24
25
  lg: 'text-lg',
25
26
  xl: 'text-xl',
package/dist/components/Heading.svelte.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  interface Props {
3
3
  level?: 1 | 2 | 3 | 4 | 5 | 6;
4
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
4
+ size?: 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
5
5
  weight?: 'normal' | 'medium' | 'semibold' | 'bold';
6
6
  class?: string;
7
7
  children: Snippet;
package/dist/components/Heading.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Heading.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACxE,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AAsDH,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Heading.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Heading.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACjF,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AAuDH,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
package/dist/components/Layout/index.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  export { default as AppShell } from "./AppShell.svelte";
2
2
  export { default as ContentSection } from "./ContentSection.svelte";
3
3
  export { default as Grid } from "./Grid.svelte";
4
- export { default as Heading } from "./Heading.svelte";
5
4
  export { default as PageContainer } from "./PageContainer.svelte";
6
5
  export { default as Responsive } from "./Responsive.svelte";
7
6
  export { default as Section } from "./Section.svelte";
package/dist/components/Layout/index.js CHANGED
@@ -5,7 +5,7 @@
5
5
  export { default as AppShell } from './AppShell.svelte';
6
6
  export { default as ContentSection } from './ContentSection.svelte';
7
7
  export { default as Grid } from './Grid.svelte';
8
- export { default as Heading } from './Heading.svelte';
8
+ // Note: Heading is exported from components/Heading.svelte (canonical export)
9
9
  export { default as PageContainer } from './PageContainer.svelte';
10
10
  export { default as Responsive } from './Responsive.svelte';
11
11
  export { default as Section } from './Section.svelte';
package/dist/components/Text.svelte CHANGED
@@ -2,7 +2,8 @@
2
2
  import type { Snippet } from 'svelte';
3
3
 
4
4
  interface Props {
5
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
5
+ size?: 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
6
+ leading?: 'none' | 'tight' | 'snug' | 'normal' | 'relaxed' | 'loose';
6
7
  color?: 'default' | 'muted' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
7
8
  class?: string;
8
9
  children: Snippet;
@@ -10,6 +11,7 @@
10
11
 
11
12
  let {
12
13
  size = 'md',
14
+ leading,
13
15
  color = 'default',
14
16
  class: className = '',
15
17
  children,
@@ -18,6 +20,7 @@
18
20
  const sizeClasses: Record<string, string> = {
19
21
  xs: 'text-xs',
20
22
  sm: 'text-sm',
23
+ base: 'text-base',
21
24
  md: 'text-base',
22
25
  lg: 'text-lg',
23
26
  xl: 'text-xl',
@@ -34,7 +37,17 @@
34
37
  error: 'text-red-600 dark:text-red-400',
35
38
  };
36
39
 
37
- const classes = `${sizeClasses[size] || 'text-base'} ${colorClasses[color] || ''} ${className}`.trim();
40
+ const leadingClasses: Record<string, string> = {
41
+ none: 'leading-none',
42
+ tight: 'leading-tight',
43
+ snug: 'leading-snug',
44
+ normal: 'leading-normal',
45
+ relaxed: 'leading-relaxed',
46
+ loose: 'leading-loose',
47
+ };
48
+
49
+ const leadingClass = leading ? leadingClasses[leading] : '';
50
+ const classes = `${sizeClasses[size] || 'text-base'} ${leadingClass} ${colorClasses[color] || ''} ${className}`.trim();
38
51
  </script>
39
52
 
40
53
  <span class={classes}>{@render children()}</span>
package/dist/components/Text.svelte.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  interface Props {
3
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
3
+ size?: 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
4
+ leading?: 'none' | 'tight' | 'snug' | 'normal' | 'relaxed' | 'loose';
4
5
  color?: 'default' | 'muted' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
5
6
  class?: string;
6
7
  children: Snippet;
package/dist/components/Text.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Text.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Text.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AAsCH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Text.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Text.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IACrE,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AAkDH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
package/dist/patterns/layout/index.d.ts CHANGED
@@ -2,8 +2,6 @@ export { default as Grid } from "../../components/Layout/Grid.svelte";
2
2
  export { default as Section } from "../../components/Layout/Section.svelte";
3
3
  export { default as Sidebar } from "../../components/Layout/Sidebar.svelte";
4
4
  export { default as Stack } from "../../components/Layout/Stack.svelte";
5
- export { default as Text } from "../../components/Layout/Text.svelte";
6
- export { default as Heading } from "../../components/Layout/Heading.svelte";
7
5
  export { default as PageContainer } from "../../components/Layout/PageContainer.svelte";
8
6
  export { default as ContentSection } from "../../components/Layout/ContentSection.svelte";
9
7
  export { default as TwoColumn } from "../../components/Layout/TwoColumn.svelte";
package/dist/patterns/layout/index.js CHANGED
@@ -8,8 +8,9 @@ export { default as Sidebar } from '../../components/Layout/Sidebar.svelte';
8
8
  export { default as Stack } from '../../components/Layout/Stack.svelte';
9
9
 
10
10
  // Typography components
11
- export { default as Text } from '../../components/Layout/Text.svelte';
12
- export { default as Heading } from '../../components/Layout/Heading.svelte';
11
+ // Note: Text is exported from components/Text.svelte (simpler API)
12
+ // Note: Heading is exported from components/Heading.svelte (canonical export)
13
+ // Layout/Text.svelte and Layout/Heading.svelte are internal - use the main exports
13
14
 
14
15
  // Container components
15
16
  export { default as PageContainer } from '../../components/Layout/PageContainer.svelte';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getmicdrop/svelte-components",
3
- "version": "5.7.1",
3
+ "version": "5.7.2",
4
4
  "description": "Shared component library for Micdrop applications",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",