@framework-m/ui 0.3.0 → 0.4.0

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 (20) hide show
  1. package/dist/components/Button.d.ts.map +1 -1
  2. package/dist/components/DatePicker.d.ts +13 -0
  3. package/dist/components/DatePicker.d.ts.map +1 -0
  4. package/dist/components/Input.d.ts +14 -13
  5. package/dist/components/Input.d.ts.map +1 -1
  6. package/dist/components/Select.d.ts +26 -0
  7. package/dist/components/Select.d.ts.map +1 -0
  8. package/dist/components/index.d.ts +3 -0
  9. package/dist/components/index.d.ts.map +1 -1
  10. package/dist/index.d.ts +2 -2
  11. package/dist/index.d.ts.map +1 -1
  12. package/dist/index.js +2526 -2088
  13. package/dist/index.js.map +1 -1
  14. package/dist/theme/mThemeConfig.d.ts +39 -6
  15. package/dist/theme/mThemeConfig.d.ts.map +1 -1
  16. package/dist/tokens/colors.json.d.ts +6 -2
  17. package/dist/tokens/config.d.ts +5 -5
  18. package/dist/tokens/config.d.ts.map +1 -1
  19. package/dist/ui.css +1 -1
  20. package/package.json +1 -1
package/dist/theme/mThemeConfig.d.ts CHANGED
@@ -16,24 +16,57 @@ export declare const mThemeConfig: import('@tamagui/core').TamaguiInternalConfig
16
16
  };
17
17
  } & Omit<{
18
18
  color: {
19
- [x: string]: import('@tamagui/core').Variable<string | number>;
19
+ [x: string]: import('@tamagui/core').Variable<string>;
20
20
  };
21
21
  space: {
22
- [x: string]: import('@tamagui/core').Variable<string | number>;
22
+ [x: string]: import('@tamagui/core').Variable<number>;
23
23
  };
24
24
  size: {
25
- [x: string]: import('@tamagui/core').Variable<string | number>;
25
+ [x: string]: import('@tamagui/core').Variable<number>;
26
26
  };
27
27
  radius: {
28
- [x: string]: import('@tamagui/core').Variable<string | number>;
28
+ [x: string]: import('@tamagui/core').Variable<number>;
29
29
  };
30
30
  zIndex: {
31
- [x: string]: import('@tamagui/core').Variable<string | number>;
31
+ [x: string]: import('@tamagui/core').Variable<number>;
32
32
  };
33
33
  }, "color" | "space" | "size" | "radius" | "zIndex">, {
34
34
  light: import('..').MTheme;
35
35
  dark: import('..').MTheme;
36
- }, {}, {}, {}, {}, {
36
+ }, {}, {}, {}, {
37
+ heading: {
38
+ family: string;
39
+ size: Record<string, number>;
40
+ lineHeight: {
41
+ tight: number;
42
+ normal: number;
43
+ };
44
+ weight: {
45
+ normal: string;
46
+ medium: string;
47
+ semibold: string;
48
+ bold: string;
49
+ };
50
+ letterSpacing: {
51
+ base: number;
52
+ lg: number;
53
+ };
54
+ };
55
+ body: {
56
+ family: string;
57
+ size: Record<string, number>;
58
+ lineHeight: {
59
+ tight: number;
60
+ normal: number;
61
+ };
62
+ weight: {
63
+ normal: string;
64
+ medium: string;
65
+ semibold: string;
66
+ bold: string;
67
+ };
68
+ };
69
+ }, {
37
70
  allowedStyleValues: false;
38
71
  autocompleteSpecificTokens: "except-special";
39
72
  }, "default">;
package/dist/theme/mThemeConfig.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mThemeConfig.d.ts","sourceRoot":"","sources":["../../src/theme/mThemeConfig.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAIvB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC"}
1
+ {"version":3,"file":"mThemeConfig.d.ts","sourceRoot":"","sources":["../../src/theme/mThemeConfig.ts"],"names":[],"mappings":"AAiDA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAQvB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC"}
package/dist/tokens/colors.json.d.ts CHANGED
@@ -50,7 +50,9 @@ declare const _default: {
50
50
  "error": "#EF4444",
51
51
  "errorBg": "#FFF2F0",
52
52
  "errorBorder": "#FFCCC7",
53
- "focusRing": "rgba(139, 92, 246, 0.25)"
53
+ "focusRing": "rgba(139, 92, 246, 0.25)",
54
+ "secondary": "#0F172A",
55
+ "borderColorMuted": "rgba(226, 232, 240, 0.4)"
54
56
  },
55
57
  "dark": {
56
58
  "primary": "#A78BFA",
@@ -74,7 +76,9 @@ declare const _default: {
74
76
  "error": "#EF4444",
75
77
  "errorBg": "rgba(239, 68, 68, 0.1)",
76
78
  "errorBorder": "rgba(239, 68, 68, 0.3)",
77
- "focusRing": "rgba(167, 139, 250, 0.3)"
79
+ "focusRing": "rgba(167, 139, 250, 0.3)",
80
+ "secondary": "#F1F5F9",
81
+ "borderColorMuted": "rgba(30, 51, 88, 0.4)"
78
82
  }
79
83
  }
80
84
  }
package/dist/tokens/config.d.ts CHANGED
@@ -2,11 +2,11 @@ export interface MTokenScale {
2
2
  [key: string]: string | number;
3
3
  }
4
4
  export interface MTokens {
5
- color: MTokenScale;
6
- space: MTokenScale;
7
- size: MTokenScale;
8
- radius: MTokenScale;
9
- zIndex: MTokenScale;
5
+ color: Record<string, string>;
6
+ space: Record<string, number>;
7
+ size: Record<string, number>;
8
+ radius: Record<string, number>;
9
+ zIndex: Record<string, number>;
10
10
  }
11
11
  export interface MTheme {
12
12
  [key: string]: string | number;
package/dist/tokens/config.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/tokens/config.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,MAAM;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAqDD,wBAAgB,qBAAqB,IAAI,aAAa,CAsCrD"}
1
+ {"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/tokens/config.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,MAAM;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAqED,wBAAgB,qBAAqB,IAAI,aAAa,CAmBrD"}
package/dist/ui.css CHANGED
@@ -1 +1 @@
1
- :root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--font-sans: "Google Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--size-xs: .75rem;--size-sm: .875rem;--size-base: .875rem;--size-md: 1rem;--size-lg: 1.125rem;--size-xl: 1.375rem;--size-2xl: 1.75rem;--size-3xl: 2rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.6}:root{--color-primary: #7C3AED;--color-primary-hover: #7C3AED;--color-primary-active: #6D28D9;--color-bg: #FFFFFF;--color-bg-secondary: #F8FAFC;--color-bg-tertiary: #F1F5F9;--color-border: #E2E8F0;--color-text: #0F172A;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-sidebar-bg: #021526;--color-sidebar-text: #E2E8F0;--color-sidebar-text-muted: rgba(255, 255, 255, .65);--color-sidebar-hover: rgba(139, 92, 246, .15);--color-sidebar-search-bg: rgba(255, 255, 255, .1);--color-sidebar-item-active-bg: rgba(139, 92, 246, .3);--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--color-error-bg: #FFF2F0;--color-error-border: #FFCCC7;--color-focus-ring: rgba(139, 92, 246, .25)}.dark{--color-primary: #A78BFA;--color-primary-hover: #8B5CF6;--color-primary-active: #7C3AED;--color-bg: #021526;--color-bg-secondary: #0F1F3A;--color-bg-tertiary: #1E3358;--color-border: #1E3358;--color-text: #F1F5F9;--color-text-secondary: #CBD5E1;--color-text-muted: #94A3B8;--color-sidebar-bg: #01101E;--color-sidebar-text: #E2E8F0;--color-sidebar-text-muted: #94A3B8;--color-sidebar-hover: rgba(167, 139, 250, .15);--color-sidebar-search-bg: rgba(255, 255, 255, .05);--color-sidebar-item-active-bg: rgba(167, 139, 250, .2);--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--color-error-bg: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .3);--color-focus-ring: rgba(167, 139, 250, .3)}
1
+ :root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--font-sans: "Google Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--size-xs: .75rem;--size-sm: .875rem;--size-base: .875rem;--size-md: 1rem;--size-lg: 1.125rem;--size-xl: 1.375rem;--size-2xl: 1.75rem;--size-3xl: 2rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.6}:root{--color-primary: #7C3AED;--color-primary-hover: #7C3AED;--color-primary-active: #6D28D9;--color-bg: #FFFFFF;--color-bg-secondary: #F8FAFC;--color-bg-tertiary: #F1F5F9;--color-border: #E2E8F0;--color-text: #0F172A;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-sidebar-bg: #021526;--color-sidebar-text: #E2E8F0;--color-sidebar-text-muted: rgba(255, 255, 255, .65);--color-sidebar-hover: rgba(139, 92, 246, .15);--color-sidebar-search-bg: rgba(255, 255, 255, .1);--color-sidebar-item-active-bg: rgba(139, 92, 246, .3);--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--color-error-bg: #FFF2F0;--color-error-border: #FFCCC7;--color-focus-ring: rgba(139, 92, 246, .25);color-scheme:light}.dark{--color-primary: #A78BFA;--color-primary-hover: #8B5CF6;--color-primary-active: #7C3AED;--color-bg: #021526;--color-bg-secondary: #0F1F3A;--color-bg-tertiary: #1E3358;--color-border: #1E3358;--color-text: #F1F5F9;--color-text-secondary: #CBD5E1;--color-text-muted: #94A3B8;--color-sidebar-bg: #01101E;--color-sidebar-text: #E2E8F0;--color-sidebar-text-muted: #94A3B8;--color-sidebar-hover: rgba(167, 139, 250, .15);--color-sidebar-search-bg: rgba(255, 255, 255, .05);--color-sidebar-item-active-bg: rgba(167, 139, 250, .2);--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--color-error-bg: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .3);--color-focus-ring: rgba(167, 139, 250, .3);color-scheme:dark}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#0003;background-clip:padding-box}.dark ::-webkit-scrollbar-thumb{background:#ffffff1a;background-clip:padding-box}.dark ::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:padding-box}aside ::-webkit-scrollbar-thumb{background:#ffffff0d}aside ::-webkit-scrollbar-thumb:hover{background:#ffffff26}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@framework-m/ui",
3
- "version": "0.3.0",
3
+ "version": "0.4.0",
4
4
  "description": "Design system primitives for Framework M — presentational components with no business logic",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",