@framework-m/ui 0.2.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.
- package/LICENSE +202 -0
- package/dist/components/Button.d.ts +17 -0
- package/dist/components/Button.d.ts.map +1 -0
- package/dist/components/LocaleSwitcher.d.ts +29 -0
- package/dist/components/LocaleSwitcher.d.ts.map +1 -0
- package/dist/components/Skeleton.d.ts +22 -0
- package/dist/components/Skeleton.d.ts.map +1 -0
- package/dist/components/StateBadge.d.ts +13 -0
- package/dist/components/StateBadge.d.ts.map +1 -0
- package/dist/components/TamaguiPrimitives.d.ts +7 -0
- package/dist/components/TamaguiPrimitives.d.ts.map +1 -0
- package/dist/components/Toast.d.ts +34 -0
- package/dist/components/Toast.d.ts.map +1 -0
- package/dist/components/index.d.ts +13 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/index.d.ts +31 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +4981 -0
- package/dist/index.js.map +1 -0
- package/dist/stories/Button.stories.d.ts +10 -0
- package/dist/stories/Button.stories.d.ts.map +1 -0
- package/dist/stories/Skeleton.stories.d.ts +9 -0
- package/dist/stories/Skeleton.stories.d.ts.map +1 -0
- package/dist/stories/StateBadge.stories.d.ts +9 -0
- package/dist/stories/StateBadge.stories.d.ts.map +1 -0
- package/dist/stories/Toast.stories.d.ts +8 -0
- package/dist/stories/Toast.stories.d.ts.map +1 -0
- package/dist/theme/TamaguiProvider.d.ts +6 -0
- package/dist/theme/TamaguiProvider.d.ts.map +1 -0
- package/dist/theme/ThemeContext.d.ts +13 -0
- package/dist/theme/ThemeContext.d.ts.map +1 -0
- package/dist/theme/ThemeToggle.d.ts +13 -0
- package/dist/theme/ThemeToggle.d.ts.map +1 -0
- package/dist/theme/index.d.ts +8 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/tamaguiConfig.d.ts +41 -0
- package/dist/theme/tamaguiConfig.d.ts.map +1 -0
- package/dist/tokens/colors.json.d.ts +83 -0
- package/dist/tokens/index.d.ts +10 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/spacing.json.d.ts +25 -0
- package/dist/tokens/tamagui.d.ts +31 -0
- package/dist/tokens/tamagui.d.ts.map +1 -0
- package/dist/tokens/typography.json.d.ts +30 -0
- package/package.json +68 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Button } from '../components/Button';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Button>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Ghost: Story;
|
|
8
|
+
export declare const Danger: Story;
|
|
9
|
+
export declare const Loading: Story;
|
|
10
|
+
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAQ7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Skeleton } from '../components/Skeleton';
|
|
3
|
+
declare const meta: Meta<typeof Skeleton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Skeleton>;
|
|
6
|
+
export declare const Text: Story;
|
|
7
|
+
export declare const Heading: Story;
|
|
8
|
+
export declare const Avatar: Story;
|
|
9
|
+
//# sourceMappingURL=Skeleton.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAQ/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAC;AAE9B,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { StateBadge } from '../components/StateBadge';
|
|
3
|
+
declare const meta: Meta<typeof StateBadge>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof StateBadge>;
|
|
6
|
+
export declare const Pending: Story;
|
|
7
|
+
export declare const Approved: Story;
|
|
8
|
+
export declare const Cancelled: Story;
|
|
9
|
+
//# sourceMappingURL=StateBadge.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StateBadge.stories.d.ts","sourceRoot":"","sources":["../../src/stories/StateBadge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAOjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Toast } from '../components/Toast';
|
|
3
|
+
declare const meta: Meta<typeof Toast>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Toast>;
|
|
6
|
+
export declare const SingleToast: Story;
|
|
7
|
+
export declare const ToastStack: Story;
|
|
8
|
+
//# sourceMappingURL=Toast.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAkB,MAAM,qBAAqB,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAS5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,WAAW,EAAE,KAAU,CAAC;AAErC,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface TamaguiProviderProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare function TamaguiProvider({ children }: Readonly<TamaguiProviderProps>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=TamaguiProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TamaguiProvider.d.ts","sourceRoot":"","sources":["../../src/theme/TamaguiProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAY3E"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type Theme = "light" | "dark";
|
|
3
|
+
export interface ThemeContextType {
|
|
4
|
+
theme: Theme;
|
|
5
|
+
setTheme: (theme: Theme) => void;
|
|
6
|
+
toggleTheme: () => void;
|
|
7
|
+
}
|
|
8
|
+
export interface ThemeProviderProps {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare function ThemeProvider({ children }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function useTheme(): ThemeContextType;
|
|
13
|
+
//# sourceMappingURL=ThemeContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAErC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AA+BD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAoC7D;AAED,wBAAgB,QAAQ,IAAI,gBAAgB,CAM3C"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ThemeToggle — Switch between light and dark themes.
|
|
3
|
+
*
|
|
4
|
+
* Pure presentational component — uses only ThemeContext from this package.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* import { ThemeToggle } from "@framework-m/ui";
|
|
9
|
+
* <ThemeToggle />
|
|
10
|
+
* ```
|
|
11
|
+
*/
|
|
12
|
+
export declare function ThemeToggle(): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
//# sourceMappingURL=ThemeToggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeToggle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAgDH,wBAAgB,WAAW,4CAmD1B"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { ThemeProvider, useTheme } from './ThemeContext';
|
|
2
|
+
export type { Theme, ThemeContextType, ThemeProviderProps, } from './ThemeContext';
|
|
3
|
+
export { ThemeToggle } from './ThemeToggle';
|
|
4
|
+
export { tamaguiConfig } from './tamaguiConfig';
|
|
5
|
+
export type { FrameworkMTamaguiConfig } from './tamaguiConfig';
|
|
6
|
+
export { TamaguiProvider } from './TamaguiProvider';
|
|
7
|
+
export type { TamaguiProviderProps } from './TamaguiProvider';
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EACV,KAAK,EACL,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export declare const tamaguiConfig: import('@tamagui/core').TamaguiInternalConfig<{
|
|
2
|
+
color: {
|
|
3
|
+
[x: string]: import('@tamagui/core').Variable<string>;
|
|
4
|
+
};
|
|
5
|
+
space: {
|
|
6
|
+
[x: string]: import('@tamagui/core').Variable<number>;
|
|
7
|
+
};
|
|
8
|
+
size: {
|
|
9
|
+
[x: string]: import('@tamagui/core').Variable<number>;
|
|
10
|
+
};
|
|
11
|
+
radius: {
|
|
12
|
+
[x: string]: import('@tamagui/core').Variable<number>;
|
|
13
|
+
};
|
|
14
|
+
zIndex: {
|
|
15
|
+
[x: string]: import('@tamagui/core').Variable<number>;
|
|
16
|
+
};
|
|
17
|
+
} & Omit<{
|
|
18
|
+
color: {
|
|
19
|
+
[x: string]: import('@tamagui/core').Variable<string | number>;
|
|
20
|
+
};
|
|
21
|
+
space: {
|
|
22
|
+
[x: string]: import('@tamagui/core').Variable<string | number>;
|
|
23
|
+
};
|
|
24
|
+
size: {
|
|
25
|
+
[x: string]: import('@tamagui/core').Variable<string | number>;
|
|
26
|
+
};
|
|
27
|
+
radius: {
|
|
28
|
+
[x: string]: import('@tamagui/core').Variable<string | number>;
|
|
29
|
+
};
|
|
30
|
+
zIndex: {
|
|
31
|
+
[x: string]: import('@tamagui/core').Variable<string | number>;
|
|
32
|
+
};
|
|
33
|
+
}, "color" | "space" | "size" | "radius" | "zIndex">, {
|
|
34
|
+
light: import('..').TamaguiTheme;
|
|
35
|
+
dark: import('..').TamaguiTheme;
|
|
36
|
+
}, {}, {}, {}, {}, {
|
|
37
|
+
allowedStyleValues: false;
|
|
38
|
+
autocompleteSpecificTokens: "except-special";
|
|
39
|
+
}, "default">;
|
|
40
|
+
export type FrameworkMTamaguiConfig = typeof tamaguiConfig;
|
|
41
|
+
//# sourceMappingURL=tamaguiConfig.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tamaguiConfig.d.ts","sourceRoot":"","sources":["../../src/theme/tamaguiConfig.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAIxB,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,OAAO,aAAa,CAAC"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
"brand": {
|
|
3
|
+
"violet": {
|
|
4
|
+
"50": "#F5F3FF",
|
|
5
|
+
"100": "#EDE9FE",
|
|
6
|
+
"200": "#DDD6FE",
|
|
7
|
+
"300": "#C4B5FD",
|
|
8
|
+
"400": "#A78BFA",
|
|
9
|
+
"500": "#8B5CF6",
|
|
10
|
+
"600": "#7C3AED",
|
|
11
|
+
"700": "#6D28D9",
|
|
12
|
+
"800": "#5B21B6",
|
|
13
|
+
"900": "#4C1D95",
|
|
14
|
+
"950": "#2E1065"
|
|
15
|
+
},
|
|
16
|
+
"navy": {
|
|
17
|
+
"50": "#E8EDF4",
|
|
18
|
+
"100": "#C5D0E0",
|
|
19
|
+
"200": "#9EAFCA",
|
|
20
|
+
"300": "#778EB4",
|
|
21
|
+
"400": "#5975A3",
|
|
22
|
+
"500": "#3B5C93",
|
|
23
|
+
"600": "#2F4A78",
|
|
24
|
+
"700": "#1E3358",
|
|
25
|
+
"800": "#0F1F3A",
|
|
26
|
+
"900": "#021526",
|
|
27
|
+
"950": "#01101E"
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
"semantic": {
|
|
31
|
+
"light": {
|
|
32
|
+
"primary": "#8B5CF6",
|
|
33
|
+
"primaryHover": "#7C3AED",
|
|
34
|
+
"primaryActive": "#6D28D9",
|
|
35
|
+
"bg": "#FFFFFF",
|
|
36
|
+
"bgSecondary": "#F8FAFC",
|
|
37
|
+
"bgTertiary": "#F1F5F9",
|
|
38
|
+
"border": "#E2E8F0",
|
|
39
|
+
"text": "#0F172A",
|
|
40
|
+
"textSecondary": "#64748B",
|
|
41
|
+
"textMuted": "#94A3B8",
|
|
42
|
+
"sidebarBg": "#021526",
|
|
43
|
+
"sidebarText": "#E2E8F0",
|
|
44
|
+
"sidebarTextMuted": "rgba(255, 255, 255, 0.65)",
|
|
45
|
+
"sidebarHover": "rgba(139, 92, 246, 0.15)",
|
|
46
|
+
"sidebarSearchBg": "rgba(255, 255, 255, 0.1)",
|
|
47
|
+
"sidebarItemActiveBg": "rgba(139, 92, 246, 0.3)",
|
|
48
|
+
"success": "#22C55E",
|
|
49
|
+
"warning": "#F59E0B",
|
|
50
|
+
"error": "#EF4444",
|
|
51
|
+
"errorBg": "#FFF2F0",
|
|
52
|
+
"errorBorder": "#FFCCC7",
|
|
53
|
+
"focusRing": "rgba(139, 92, 246, 0.25)"
|
|
54
|
+
},
|
|
55
|
+
"dark": {
|
|
56
|
+
"primary": "#A78BFA",
|
|
57
|
+
"primaryHover": "#8B5CF6",
|
|
58
|
+
"primaryActive": "#7C3AED",
|
|
59
|
+
"bg": "#021526",
|
|
60
|
+
"bgSecondary": "#0F1F3A",
|
|
61
|
+
"bgTertiary": "#1E3358",
|
|
62
|
+
"border": "#1E3358",
|
|
63
|
+
"text": "#F1F5F9",
|
|
64
|
+
"textSecondary": "#CBD5E1",
|
|
65
|
+
"textMuted": "#94A3B8",
|
|
66
|
+
"sidebarBg": "#01101E",
|
|
67
|
+
"sidebarText": "#E2E8F0",
|
|
68
|
+
"sidebarTextMuted": "#94A3B8",
|
|
69
|
+
"sidebarHover": "rgba(167, 139, 250, 0.15)",
|
|
70
|
+
"sidebarSearchBg": "rgba(255, 255, 255, 0.05)",
|
|
71
|
+
"sidebarItemActiveBg": "rgba(167, 139, 250, 0.2)",
|
|
72
|
+
"success": "#22C55E",
|
|
73
|
+
"warning": "#F59E0B",
|
|
74
|
+
"error": "#EF4444",
|
|
75
|
+
"errorBg": "rgba(239, 68, 68, 0.1)",
|
|
76
|
+
"errorBorder": "rgba(239, 68, 68, 0.3)",
|
|
77
|
+
"focusRing": "rgba(167, 139, 250, 0.3)"
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
;
|
|
82
|
+
|
|
83
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as colors } from './colors.json';
|
|
2
|
+
import { default as typography } from './typography.json';
|
|
3
|
+
import { default as spacing } from './spacing.json';
|
|
4
|
+
export { generateTamaguiTokensAndThemes } from './tamagui';
|
|
5
|
+
export type { GeneratedTamaguiConfig, TamaguiTheme, TamaguiTokens, } from './tamagui';
|
|
6
|
+
export { colors, typography, spacing };
|
|
7
|
+
export type ColorToken = typeof colors;
|
|
8
|
+
export type TypographyToken = typeof typography;
|
|
9
|
+
export type SpacingToken = typeof spacing;
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAC3D,YAAY,EACV,sBAAsB,EACtB,YAAY,EACZ,aAAa,GACd,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC;AACvC,MAAM,MAAM,eAAe,GAAG,OAAO,UAAU,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,OAAO,OAAO,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
"spacing": {
|
|
3
|
+
"xs": "0.25rem",
|
|
4
|
+
"sm": "0.5rem",
|
|
5
|
+
"md": "1rem",
|
|
6
|
+
"lg": "1.5rem",
|
|
7
|
+
"xl": "2rem",
|
|
8
|
+
"2xl": "3rem"
|
|
9
|
+
},
|
|
10
|
+
"borderRadius": {
|
|
11
|
+
"sm": "4px",
|
|
12
|
+
"md": "6px",
|
|
13
|
+
"lg": "8px",
|
|
14
|
+
"xl": "12px",
|
|
15
|
+
"full": "9999px"
|
|
16
|
+
},
|
|
17
|
+
"shadow": {
|
|
18
|
+
"sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
19
|
+
"md": "0 4px 6px -1px rgb(0 0 0 / 0.1)",
|
|
20
|
+
"lg": "0 10px 15px -3px rgb(0 0 0 / 0.1)"
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
;
|
|
24
|
+
|
|
25
|
+
export default _default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export interface TamaguiTokenScale {
|
|
2
|
+
[key: string]: string | number;
|
|
3
|
+
}
|
|
4
|
+
export interface TamaguiTokens {
|
|
5
|
+
color: TamaguiTokenScale;
|
|
6
|
+
space: TamaguiTokenScale;
|
|
7
|
+
size: TamaguiTokenScale;
|
|
8
|
+
radius: TamaguiTokenScale;
|
|
9
|
+
zIndex: TamaguiTokenScale;
|
|
10
|
+
}
|
|
11
|
+
export interface TamaguiTheme {
|
|
12
|
+
[key: string]: string | number;
|
|
13
|
+
background: string;
|
|
14
|
+
color: string;
|
|
15
|
+
borderColor: string;
|
|
16
|
+
placeholderColor: string;
|
|
17
|
+
primary: string;
|
|
18
|
+
secondary: string;
|
|
19
|
+
success: string;
|
|
20
|
+
warning: string;
|
|
21
|
+
error: string;
|
|
22
|
+
}
|
|
23
|
+
export interface GeneratedTamaguiConfig {
|
|
24
|
+
tokens: TamaguiTokens;
|
|
25
|
+
themes: {
|
|
26
|
+
light: TamaguiTheme;
|
|
27
|
+
dark: TamaguiTheme;
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
export declare function generateTamaguiTokensAndThemes(): GeneratedTamaguiConfig;
|
|
31
|
+
//# sourceMappingURL=tamagui.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tamagui.d.ts","sourceRoot":"","sources":["../../src/tokens/tamagui.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,iBAAiB,CAAC;IACzB,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,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;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,EAAE;QACN,KAAK,EAAE,YAAY,CAAC;QACpB,IAAI,EAAE,YAAY,CAAC;KACpB,CAAC;CACH;AA2DD,wBAAgB,8BAA8B,IAAI,sBAAsB,CAmBvE"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
"fontFamily": {
|
|
3
|
+
"sans": "'Google Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
|
|
4
|
+
"mono": "'JetBrains Mono', 'Fira Code', monospace"
|
|
5
|
+
},
|
|
6
|
+
"fontSize": {
|
|
7
|
+
"xs": "0.75rem",
|
|
8
|
+
"sm": "0.875rem",
|
|
9
|
+
"base": "0.875rem",
|
|
10
|
+
"md": "1rem",
|
|
11
|
+
"lg": "1.125rem",
|
|
12
|
+
"xl": "1.375rem",
|
|
13
|
+
"2xl": "1.75rem",
|
|
14
|
+
"3xl": "2rem"
|
|
15
|
+
},
|
|
16
|
+
"fontWeight": {
|
|
17
|
+
"normal": 400,
|
|
18
|
+
"medium": 500,
|
|
19
|
+
"semibold": 600,
|
|
20
|
+
"bold": 700
|
|
21
|
+
},
|
|
22
|
+
"lineHeight": {
|
|
23
|
+
"tight": 1.3,
|
|
24
|
+
"normal": 1.5,
|
|
25
|
+
"relaxed": 1.6
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
;
|
|
29
|
+
|
|
30
|
+
export default _default;
|
package/package.json
ADDED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@framework-m/ui",
|
|
3
|
+
"version": "0.2.2",
|
|
4
|
+
"description": "Design system primitives for Framework M — presentational components with no business logic",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"module": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"import": "./dist/index.js"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"files": [
|
|
16
|
+
"dist",
|
|
17
|
+
"README.md"
|
|
18
|
+
],
|
|
19
|
+
"keywords": [
|
|
20
|
+
"framework-m",
|
|
21
|
+
"ui",
|
|
22
|
+
"design-system",
|
|
23
|
+
"components"
|
|
24
|
+
],
|
|
25
|
+
"author": "Framework M Team",
|
|
26
|
+
"license": "Apache-2.0",
|
|
27
|
+
"repository": {
|
|
28
|
+
"type": "git",
|
|
29
|
+
"url": "https://gitlab.com/castlecraft/framework-m.git",
|
|
30
|
+
"directory": "libs/framework-m-ui"
|
|
31
|
+
},
|
|
32
|
+
"peerDependencies": {
|
|
33
|
+
"react": "^18.0.0 || ^19.0.0"
|
|
34
|
+
},
|
|
35
|
+
"devDependencies": {
|
|
36
|
+
"@storybook/addon-a11y": "^9.1.15",
|
|
37
|
+
"@storybook/addon-docs": "^9.1.15",
|
|
38
|
+
"@storybook/addon-vitest": "^9.1.15",
|
|
39
|
+
"@storybook/react-vite": "^9.1.15",
|
|
40
|
+
"@testing-library/react": "^16.3.2",
|
|
41
|
+
"@types/react": "^19.2.14",
|
|
42
|
+
"@vitejs/plugin-react": "^4.7.0",
|
|
43
|
+
"happy-dom": "^20.8.4",
|
|
44
|
+
"react": "^19.2.4",
|
|
45
|
+
"react-dom": "^19.2.4",
|
|
46
|
+
"storybook": "^9.1.15",
|
|
47
|
+
"typescript": "^5.9.3",
|
|
48
|
+
"vite": "^6.4.1",
|
|
49
|
+
"vite-plugin-dts": "^4.5.1",
|
|
50
|
+
"vitest": "^4.1.0"
|
|
51
|
+
},
|
|
52
|
+
"publishConfig": {
|
|
53
|
+
"access": "public"
|
|
54
|
+
},
|
|
55
|
+
"dependencies": {
|
|
56
|
+
"@tamagui/core": "2.0.0-rc.26"
|
|
57
|
+
},
|
|
58
|
+
"scripts": {
|
|
59
|
+
"build": "tsc && vite build",
|
|
60
|
+
"dev": "vite build --watch",
|
|
61
|
+
"type-check": "tsc --noEmit",
|
|
62
|
+
"test": "vitest run",
|
|
63
|
+
"test:watch": "vitest",
|
|
64
|
+
"test:coverage": "vitest run --coverage",
|
|
65
|
+
"storybook": "storybook dev -p 6006",
|
|
66
|
+
"storybook:build": "storybook build"
|
|
67
|
+
}
|
|
68
|
+
}
|