@vritti/quantum-ui 0.1.0 → 0.1.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/dist/Button-CCQVCZBc.js +97 -0
- package/dist/Button-CCQVCZBc.js.map +1 -0
- package/dist/Card-C5V_kLq7.js +41 -0
- package/dist/Card-C5V_kLq7.js.map +1 -0
- package/dist/TextField-bmiQJ7hv.js +119 -0
- package/dist/TextField-bmiQJ7hv.js.map +1 -0
- package/dist/ThemeToggle-HP4cegI7.js +78 -0
- package/dist/ThemeToggle-HP4cegI7.js.map +1 -0
- package/dist/Typography-BCxuB5sP.js +100 -0
- package/dist/Typography-BCxuB5sP.js.map +1 -0
- package/dist/components/Button.js +1 -19
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.js +2 -0
- package/dist/components/Card.js.map +1 -0
- package/dist/components/TextField.js +1 -28
- package/dist/components/TextField.js.map +1 -1
- package/dist/components/ThemeToggle.js +2 -0
- package/dist/components/ThemeToggle.js.map +1 -0
- package/dist/components/Typography.js +1 -41
- package/dist/components/Typography.js.map +1 -1
- package/dist/index-B_dX4wQk.js +123 -0
- package/dist/index-B_dX4wQk.js.map +1 -0
- package/dist/index.js +6 -92
- package/dist/index.js.map +1 -1
- package/dist/lib/components/Button/Button.d.ts +10 -0
- package/dist/lib/components/Button/Button.d.ts.map +1 -0
- package/dist/lib/components/Button/index.d.ts +2 -0
- package/dist/lib/components/Button/index.d.ts.map +1 -0
- package/dist/lib/components/Card/Card.d.ts +2 -0
- package/dist/lib/components/Card/Card.d.ts.map +1 -0
- package/dist/lib/components/Card/index.d.ts +2 -0
- package/dist/lib/components/Card/index.d.ts.map +1 -0
- package/dist/lib/components/TextField/TextField.d.ts +8 -0
- package/dist/lib/components/TextField/TextField.d.ts.map +1 -0
- package/dist/lib/components/TextField/index.d.ts +2 -0
- package/dist/lib/components/TextField/index.d.ts.map +1 -0
- package/dist/lib/components/ThemeToggle/ThemeToggle.d.ts +7 -0
- package/dist/lib/components/ThemeToggle/ThemeToggle.d.ts.map +1 -0
- package/dist/lib/components/ThemeToggle/index.d.ts +2 -0
- package/dist/lib/components/ThemeToggle/index.d.ts.map +1 -0
- package/dist/lib/components/Typography/Typography.d.ts +10 -0
- package/dist/lib/components/Typography/Typography.d.ts.map +1 -0
- package/dist/lib/components/Typography/index.d.ts +2 -0
- package/dist/lib/components/Typography/index.d.ts.map +1 -0
- package/dist/lib/components/index.d.ts +6 -0
- package/dist/lib/components/index.d.ts.map +1 -0
- package/dist/lib/index.d.ts +3 -0
- package/dist/lib/index.d.ts.map +1 -0
- package/dist/utils-BLJyPY44.js +2963 -0
- package/dist/utils-BLJyPY44.js.map +1 -0
- package/package.json +23 -13
- package/readme.md +72 -60
- package/dist/ThemeScript-CQlC-jGc.js +0 -1509
- package/dist/ThemeScript-CQlC-jGc.js.map +0 -1
- package/dist/components/Button/Button.d.ts +0 -11
- package/dist/components/Button/Button.d.ts.map +0 -1
- package/dist/components/Button/index.d.ts +0 -3
- package/dist/components/Button/index.d.ts.map +0 -1
- package/dist/components/Paper/Paper.d.ts +0 -8
- package/dist/components/Paper/Paper.d.ts.map +0 -1
- package/dist/components/Paper/index.d.ts +0 -3
- package/dist/components/Paper/index.d.ts.map +0 -1
- package/dist/components/Paper.js +0 -13
- package/dist/components/Paper.js.map +0 -1
- package/dist/components/TextField/TextField.d.ts +0 -13
- package/dist/components/TextField/TextField.d.ts.map +0 -1
- package/dist/components/TextField/index.d.ts +0 -3
- package/dist/components/TextField/index.d.ts.map +0 -1
- package/dist/components/Typography/Typography.d.ts +0 -8
- package/dist/components/Typography/Typography.d.ts.map +0 -1
- package/dist/components/Typography/index.d.ts +0 -3
- package/dist/components/Typography/index.d.ts.map +0 -1
- package/dist/components/index.d.ts +0 -9
- package/dist/components/index.d.ts.map +0 -1
- package/dist/index.d.ts +0 -8
- package/dist/index.d.ts.map +0 -1
- package/dist/next.d.ts +0 -4
- package/dist/next.d.ts.map +0 -1
- package/dist/next.js +0 -2
- package/dist/next.js.map +0 -1
- package/dist/theme/ThemeProvider.d.ts +0 -9
- package/dist/theme/ThemeProvider.d.ts.map +0 -1
- package/dist/theme/ThemeScript.d.ts +0 -11
- package/dist/theme/ThemeScript.d.ts.map +0 -1
- package/dist/theme/components/Button.d.ts +0 -3
- package/dist/theme/components/Button.d.ts.map +0 -1
- package/dist/theme/components/Paper.d.ts +0 -3
- package/dist/theme/components/Paper.d.ts.map +0 -1
- package/dist/theme/components/TextField.d.ts +0 -3
- package/dist/theme/components/TextField.d.ts.map +0 -1
- package/dist/theme/components/index.d.ts +0 -4
- package/dist/theme/components/index.d.ts.map +0 -1
- package/dist/theme/createTheme.d.ts +0 -2
- package/dist/theme/createTheme.d.ts.map +0 -1
- package/dist/theme/cssVariableGenerator.d.ts +0 -4
- package/dist/theme/cssVariableGenerator.d.ts.map +0 -1
- package/dist/theme/index.d.ts +0 -8
- package/dist/theme/index.d.ts.map +0 -1
- package/dist/theme/palette.d.ts +0 -88
- package/dist/theme/palette.d.ts.map +0 -1
- package/dist/theme/semanticTokens.d.ts +0 -142
- package/dist/theme/semanticTokens.d.ts.map +0 -1
- package/dist/theme/useTheme.d.ts +0 -12
- package/dist/theme/useTheme.d.ts.map +0 -1
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
interface ColorDefinition {
|
|
2
|
-
light: string;
|
|
3
|
-
dark: string;
|
|
4
|
-
needsRGB?: boolean;
|
|
5
|
-
}
|
|
6
|
-
interface ResponsiveValue<T> {
|
|
7
|
-
mobile: T;
|
|
8
|
-
tablet: T;
|
|
9
|
-
desktop: T;
|
|
10
|
-
}
|
|
11
|
-
interface TypographyVariant {
|
|
12
|
-
fontSize: ResponsiveValue<string>;
|
|
13
|
-
lineHeight: ResponsiveValue<number>;
|
|
14
|
-
fontWeight: number;
|
|
15
|
-
letterSpacing?: string;
|
|
16
|
-
fontFamily: "display" | "primary";
|
|
17
|
-
}
|
|
18
|
-
export declare const SEMANTIC_TOKENS: {
|
|
19
|
-
readonly colors: {
|
|
20
|
-
readonly action: {
|
|
21
|
-
readonly primary: ColorDefinition;
|
|
22
|
-
readonly secondary: ColorDefinition;
|
|
23
|
-
readonly destructive: ColorDefinition;
|
|
24
|
-
};
|
|
25
|
-
readonly surface: {
|
|
26
|
-
readonly primary: ColorDefinition;
|
|
27
|
-
readonly input: ColorDefinition;
|
|
28
|
-
readonly secondary: ColorDefinition;
|
|
29
|
-
readonly elevated: ColorDefinition;
|
|
30
|
-
readonly glass: ColorDefinition;
|
|
31
|
-
readonly glassHover: ColorDefinition;
|
|
32
|
-
readonly interactive: ColorDefinition;
|
|
33
|
-
readonly overlay: ColorDefinition;
|
|
34
|
-
};
|
|
35
|
-
readonly text: {
|
|
36
|
-
readonly primary: ColorDefinition;
|
|
37
|
-
readonly secondary: ColorDefinition;
|
|
38
|
-
readonly disabled: ColorDefinition;
|
|
39
|
-
};
|
|
40
|
-
readonly feedback: {
|
|
41
|
-
readonly success: ColorDefinition;
|
|
42
|
-
readonly warning: ColorDefinition;
|
|
43
|
-
readonly error: ColorDefinition;
|
|
44
|
-
readonly info: ColorDefinition;
|
|
45
|
-
};
|
|
46
|
-
readonly border: {
|
|
47
|
-
readonly default: ColorDefinition;
|
|
48
|
-
readonly subtle: ColorDefinition;
|
|
49
|
-
readonly glass: ColorDefinition;
|
|
50
|
-
readonly glassAccent: ColorDefinition;
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
|
-
readonly effects: {
|
|
54
|
-
readonly shimmer: ColorDefinition;
|
|
55
|
-
};
|
|
56
|
-
readonly borderRadius: {
|
|
57
|
-
readonly none: ResponsiveValue<string>;
|
|
58
|
-
readonly small: ResponsiveValue<string>;
|
|
59
|
-
readonly medium: ResponsiveValue<string>;
|
|
60
|
-
readonly large: ResponsiveValue<string>;
|
|
61
|
-
readonly full: ResponsiveValue<string>;
|
|
62
|
-
};
|
|
63
|
-
readonly shadows: {
|
|
64
|
-
readonly small: ColorDefinition;
|
|
65
|
-
readonly medium: ColorDefinition;
|
|
66
|
-
readonly large: ColorDefinition;
|
|
67
|
-
readonly glass: ColorDefinition;
|
|
68
|
-
readonly glassInset: ColorDefinition;
|
|
69
|
-
readonly textField: ColorDefinition;
|
|
70
|
-
};
|
|
71
|
-
readonly glassmorphism: {
|
|
72
|
-
readonly backdrop: ColorDefinition;
|
|
73
|
-
readonly backdropLight: ColorDefinition;
|
|
74
|
-
readonly backdropHeavy: ColorDefinition;
|
|
75
|
-
};
|
|
76
|
-
readonly animation: {
|
|
77
|
-
readonly duration: {
|
|
78
|
-
readonly fast: "150ms";
|
|
79
|
-
readonly normal: "200ms";
|
|
80
|
-
readonly slow: "300ms";
|
|
81
|
-
};
|
|
82
|
-
readonly easing: {
|
|
83
|
-
readonly standard: "cubic-bezier(0.4, 0.0, 0.2, 1)";
|
|
84
|
-
readonly decelerate: "cubic-bezier(0.0, 0.0, 0.2, 1)";
|
|
85
|
-
readonly accelerate: "cubic-bezier(0.4, 0.0, 1, 1)";
|
|
86
|
-
};
|
|
87
|
-
};
|
|
88
|
-
readonly typography: {
|
|
89
|
-
readonly fontFamily: {
|
|
90
|
-
readonly display: "'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
|
|
91
|
-
readonly primary: "'Quicksand','Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
|
|
92
|
-
};
|
|
93
|
-
readonly fontWeight: {
|
|
94
|
-
readonly light: 300;
|
|
95
|
-
readonly normal: 400;
|
|
96
|
-
readonly medium: 500;
|
|
97
|
-
readonly semibold: 600;
|
|
98
|
-
readonly bold: 700;
|
|
99
|
-
};
|
|
100
|
-
readonly variants: {
|
|
101
|
-
readonly display: TypographyVariant;
|
|
102
|
-
readonly h1: TypographyVariant;
|
|
103
|
-
readonly h2: TypographyVariant;
|
|
104
|
-
readonly h3: TypographyVariant;
|
|
105
|
-
readonly h4: TypographyVariant;
|
|
106
|
-
readonly h5: TypographyVariant;
|
|
107
|
-
readonly h6: TypographyVariant;
|
|
108
|
-
readonly body1: TypographyVariant;
|
|
109
|
-
readonly body2: TypographyVariant;
|
|
110
|
-
readonly button: TypographyVariant;
|
|
111
|
-
readonly caption: TypographyVariant;
|
|
112
|
-
};
|
|
113
|
-
};
|
|
114
|
-
readonly textField: {
|
|
115
|
-
readonly height: ResponsiveValue<string>;
|
|
116
|
-
readonly minWidth: ResponsiveValue<string>;
|
|
117
|
-
readonly fontSize: ResponsiveValue<string>;
|
|
118
|
-
readonly spacing: {
|
|
119
|
-
readonly paddingTop: ResponsiveValue<string>;
|
|
120
|
-
readonly paddingBottom: ResponsiveValue<string>;
|
|
121
|
-
readonly paddingLeft: ResponsiveValue<string>;
|
|
122
|
-
};
|
|
123
|
-
};
|
|
124
|
-
readonly spacing: {
|
|
125
|
-
readonly tight: ResponsiveValue<string>;
|
|
126
|
-
readonly normal: ResponsiveValue<string>;
|
|
127
|
-
readonly comfortable: ResponsiveValue<string>;
|
|
128
|
-
readonly spacious: ResponsiveValue<string>;
|
|
129
|
-
readonly loose: ResponsiveValue<string>;
|
|
130
|
-
};
|
|
131
|
-
};
|
|
132
|
-
interface ThemeVariables {
|
|
133
|
-
lightMobile: Record<string, string>;
|
|
134
|
-
lightTablet: Record<string, string>;
|
|
135
|
-
lightDesktop: Record<string, string>;
|
|
136
|
-
darkMobile: Record<string, string>;
|
|
137
|
-
darkTablet: Record<string, string>;
|
|
138
|
-
darkDesktop: Record<string, string>;
|
|
139
|
-
}
|
|
140
|
-
export declare const getAllThemeVariables: () => ThemeVariables;
|
|
141
|
-
export {};
|
|
142
|
-
//# sourceMappingURL=semanticTokens.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"semanticTokens.d.ts","sourceRoot":"","sources":["../../lib/theme/semanticTokens.ts"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,eAAe,CAAC,CAAC;IACzB,MAAM,EAAE,CAAC,CAAC;IACV,MAAM,EAAE,CAAC,CAAC;IACV,OAAO,EAAE,CAAC,CAAC;CACZ;AAGD,UAAU,iBAAiB;IACzB,QAAQ,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAClC,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,SAAS,GAAG,SAAS,CAAC;CACnC;AAGD,eAAO,MAAM,eAAe;;;8BAQjB,eAAe;gCAKf,eAAe;kCAKf,eAAe;;;8BAQf,eAAe;4BAIf,eAAe;gCAIf,eAAe;+BAIf,eAAe;4BAIf,eAAe;iCAIf,eAAe;kCAIf,eAAe;8BAKf,eAAe;;;8BASf,eAAe;gCAIf,eAAe;+BAIf,eAAe;;;8BASf,eAAe;8BAKf,eAAe;4BAKf,eAAe;2BAIf,eAAe;;;8BAQf,eAAe;6BAIf,eAAe;4BAIf,eAAe;kCAIf,eAAe;;;;0BASjB,eAAe;;;uBASf,eAAe,CAAC,MAAM,CAAC;wBAKvB,eAAe,CAAC,MAAM,CAAC;yBAKvB,eAAe,CAAC,MAAM,CAAC;wBAKvB,eAAe,CAAC,MAAM,CAAC;uBAKvB,eAAe,CAAC,MAAM,CAAC;;;wBAQvB,eAAe;yBAIf,eAAe;wBAIf,eAAe;wBAIf,eAAe;6BAIf,eAAe;4BAKf,eAAe;;;2BAQf,eAAe;gCAIf,eAAe;gCAIf,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAuDb,iBAAiB;yBAgBjB,iBAAiB;yBAgBjB,iBAAiB;yBAgBjB,iBAAiB;yBAgBjB,iBAAiB;yBAgBjB,iBAAiB;yBAgBjB,iBAAiB;4BAgBjB,iBAAiB;4BAgBjB,iBAAiB;6BAgBjB,iBAAiB;8BAgBjB,iBAAiB;;;;yBAUnB,eAAe,CAAC,MAAM,CAAC;2BAKvB,eAAe,CAAC,MAAM,CAAC;2BAKvB,eAAe,CAAC,MAAM,CAAC;;iCAMrB,eAAe,CAAC,MAAM,CAAC;oCAKvB,eAAe,CAAC,MAAM,CAAC;kCAKvB,eAAe,CAAC,MAAM,CAAC;;;;wBAUzB,eAAe,CAAC,MAAM,CAAC;yBAKvB,eAAe,CAAC,MAAM,CAAC;8BAKvB,eAAe,CAAC,MAAM,CAAC;2BAKvB,eAAe,CAAC,MAAM,CAAC;wBAKvB,eAAe,CAAC,MAAM,CAAC;;CAEtB,CAAC;AAoBX,UAAU,cAAc;IACtB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,oBAAoB,QAAO,cA0IvC,CAAC"}
|
package/dist/theme/useTheme.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export interface ThemeContextType {
|
|
2
|
-
colorScheme: "light" | "dark";
|
|
3
|
-
toggleColorScheme: () => void;
|
|
4
|
-
setTheme: (theme: "light" | "dark") => void;
|
|
5
|
-
isHydrated: boolean;
|
|
6
|
-
storageKey: string;
|
|
7
|
-
attribute: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const ThemeContext: import('react').Context<ThemeContextType | undefined>;
|
|
10
|
-
export declare const useTheme: () => ThemeContextType;
|
|
11
|
-
export declare const useIsClient: () => boolean;
|
|
12
|
-
//# sourceMappingURL=useTheme.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../lib/theme/useTheme.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAE/B,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAE9B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAE9B,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAE5C,UAAU,EAAE,OAAO,CAAC;IAEpB,UAAU,EAAE,MAAM,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,uDAAyD,CAAC;AAuDnF,eAAO,MAAM,QAAQ,QAAO,gBAW3B,CAAC;AAiBF,eAAO,MAAM,WAAW,QAAO,OAG9B,CAAC"}
|