@tujyane/alf 1.0.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.
- package/README.md +226 -0
- package/dist/atoms/common.d.ts +992 -0
- package/dist/atoms/common.d.ts.map +1 -0
- package/dist/atoms/common.js +1067 -0
- package/dist/atoms/common.js.map +1 -0
- package/dist/atoms/index.d.ts +2 -0
- package/dist/atoms/index.d.ts.map +1 -0
- package/dist/atoms/index.js +18 -0
- package/dist/atoms/index.js.map +1 -0
- package/dist/atoms/index.native.d.ts +1020 -0
- package/dist/atoms/index.native.d.ts.map +1 -0
- package/dist/atoms/index.native.js +119 -0
- package/dist/atoms/index.native.js.map +1 -0
- package/dist/atoms/types.d.ts +3 -0
- package/dist/atoms/types.d.ts.map +1 -0
- package/dist/atoms/types.js +3 -0
- package/dist/atoms/types.js.map +1 -0
- package/dist/index.d.ts +23 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +64 -0
- package/dist/index.js.map +1 -0
- package/dist/palette.d.ts +72 -0
- package/dist/palette.d.ts.map +1 -0
- package/dist/palette.js +152 -0
- package/dist/palette.js.map +1 -0
- package/dist/platform/index.d.ts +45 -0
- package/dist/platform/index.d.ts.map +1 -0
- package/dist/platform/index.js +55 -0
- package/dist/platform/index.js.map +1 -0
- package/dist/platform/index.native.d.ts +16 -0
- package/dist/platform/index.native.d.ts.map +1 -0
- package/dist/platform/index.native.js +20 -0
- package/dist/platform/index.native.js.map +1 -0
- package/dist/themes.d.ts +151 -0
- package/dist/themes.d.ts.map +1 -0
- package/dist/themes.js +191 -0
- package/dist/themes.js.map +1 -0
- package/dist/tokens.d.ts +49 -0
- package/dist/tokens.d.ts.map +1 -0
- package/dist/tokens.js +52 -0
- package/dist/tokens.js.map +1 -0
- package/dist/utils/alpha.d.ts +2 -0
- package/dist/utils/alpha.d.ts.map +1 -0
- package/dist/utils/alpha.js +30 -0
- package/dist/utils/alpha.js.map +1 -0
- package/dist/utils/flatten/index.d.ts +3 -0
- package/dist/utils/flatten/index.d.ts.map +1 -0
- package/dist/utils/flatten/index.js +9 -0
- package/dist/utils/flatten/index.js.map +1 -0
- package/dist/utils/flatten/index.native.d.ts +3 -0
- package/dist/utils/flatten/index.native.d.ts.map +1 -0
- package/dist/utils/flatten/index.native.js +6 -0
- package/dist/utils/flatten/index.native.js.map +1 -0
- package/dist/utils/flatten/index.web.d.ts +3 -0
- package/dist/utils/flatten/index.web.d.ts.map +1 -0
- package/dist/utils/flatten/index.web.js +6 -0
- package/dist/utils/flatten/index.web.js.map +1 -0
- package/dist/utils/index.d.ts +5 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +21 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/leading.d.ts +14 -0
- package/dist/utils/leading.d.ts.map +1 -0
- package/dist/utils/leading.js +64 -0
- package/dist/utils/leading.js.map +1 -0
- package/dist/utils/select.d.ts +7 -0
- package/dist/utils/select.d.ts.map +1 -0
- package/dist/utils/select.js +16 -0
- package/dist/utils/select.js.map +1 -0
- package/package.json +45 -0
- package/src/atoms/common.ts +1049 -0
- package/src/atoms/index.native.ts +84 -0
- package/src/atoms/index.ts +1 -0
- package/src/atoms/types.ts +11 -0
- package/src/index.tsx +46 -0
- package/src/palette.ts +237 -0
- package/src/platform/index.native.ts +16 -0
- package/src/platform/index.ts +54 -0
- package/src/themes.ts +332 -0
- package/src/tokens.ts +54 -0
- package/src/utils/alpha.ts +25 -0
- package/src/utils/flatten/index.native.ts +3 -0
- package/src/utils/flatten/index.ts +8 -0
- package/src/utils/flatten/index.web.ts +3 -0
- package/src/utils/index.ts +4 -0
- package/src/utils/leading.ts +30 -0
- package/src/utils/select.ts +19 -0
package/dist/themes.d.ts
ADDED
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import { Palette } from "./palette";
|
|
2
|
+
import { type ShadowStyle } from "./atoms/types";
|
|
3
|
+
export declare const themes: {
|
|
4
|
+
light: Theme;
|
|
5
|
+
dark: Theme;
|
|
6
|
+
};
|
|
7
|
+
export type ThemeAtoms = {
|
|
8
|
+
text: {
|
|
9
|
+
color: string;
|
|
10
|
+
};
|
|
11
|
+
text_low: {
|
|
12
|
+
color: string;
|
|
13
|
+
};
|
|
14
|
+
text_medium: {
|
|
15
|
+
color: string;
|
|
16
|
+
};
|
|
17
|
+
text_high: {
|
|
18
|
+
color: string;
|
|
19
|
+
};
|
|
20
|
+
text_inverted: {
|
|
21
|
+
color: string;
|
|
22
|
+
};
|
|
23
|
+
bg: {
|
|
24
|
+
backgroundColor: string;
|
|
25
|
+
};
|
|
26
|
+
bg_25: {
|
|
27
|
+
backgroundColor: string;
|
|
28
|
+
};
|
|
29
|
+
bg_50: {
|
|
30
|
+
backgroundColor: string;
|
|
31
|
+
};
|
|
32
|
+
border_low: {
|
|
33
|
+
borderColor: string;
|
|
34
|
+
};
|
|
35
|
+
border_medium: {
|
|
36
|
+
borderColor: string;
|
|
37
|
+
};
|
|
38
|
+
border_high: {
|
|
39
|
+
borderColor: string;
|
|
40
|
+
};
|
|
41
|
+
text_primary: {
|
|
42
|
+
color: string;
|
|
43
|
+
};
|
|
44
|
+
text_success: {
|
|
45
|
+
color: string;
|
|
46
|
+
};
|
|
47
|
+
text_error: {
|
|
48
|
+
color: string;
|
|
49
|
+
};
|
|
50
|
+
text_warning: {
|
|
51
|
+
color: string;
|
|
52
|
+
};
|
|
53
|
+
text_info: {
|
|
54
|
+
color: string;
|
|
55
|
+
};
|
|
56
|
+
text_secondary: {
|
|
57
|
+
color: string;
|
|
58
|
+
};
|
|
59
|
+
bg_primary: {
|
|
60
|
+
backgroundColor: string;
|
|
61
|
+
};
|
|
62
|
+
bg_success: {
|
|
63
|
+
backgroundColor: string;
|
|
64
|
+
};
|
|
65
|
+
bg_error: {
|
|
66
|
+
backgroundColor: string;
|
|
67
|
+
};
|
|
68
|
+
bg_warning: {
|
|
69
|
+
backgroundColor: string;
|
|
70
|
+
};
|
|
71
|
+
bg_info: {
|
|
72
|
+
backgroundColor: string;
|
|
73
|
+
};
|
|
74
|
+
bg_secondary: {
|
|
75
|
+
backgroundColor: string;
|
|
76
|
+
};
|
|
77
|
+
border_primary: {
|
|
78
|
+
borderColor: string;
|
|
79
|
+
};
|
|
80
|
+
border_success: {
|
|
81
|
+
borderColor: string;
|
|
82
|
+
};
|
|
83
|
+
border_error: {
|
|
84
|
+
borderColor: string;
|
|
85
|
+
};
|
|
86
|
+
border_warning: {
|
|
87
|
+
borderColor: string;
|
|
88
|
+
};
|
|
89
|
+
border_info: {
|
|
90
|
+
borderColor: string;
|
|
91
|
+
};
|
|
92
|
+
border_secondary: {
|
|
93
|
+
borderColor: string;
|
|
94
|
+
};
|
|
95
|
+
shadow_sm: ShadowStyle;
|
|
96
|
+
shadow_md: ShadowStyle;
|
|
97
|
+
shadow_lg: ShadowStyle;
|
|
98
|
+
};
|
|
99
|
+
/**
|
|
100
|
+
* Categorical representation of the theme
|
|
101
|
+
*/
|
|
102
|
+
export type ThemeScheme = "light" | "dark";
|
|
103
|
+
/**
|
|
104
|
+
* Specific theme name, including low-contrast variants
|
|
105
|
+
*/
|
|
106
|
+
export type ThemeName = "light" | "dark" | "dim";
|
|
107
|
+
/**
|
|
108
|
+
* A theme object, containing the color palette and atoms for the theme
|
|
109
|
+
*/
|
|
110
|
+
export type Theme = {
|
|
111
|
+
scheme: ThemeScheme;
|
|
112
|
+
name: ThemeName;
|
|
113
|
+
palette: Palette;
|
|
114
|
+
semantic: SemanticColors;
|
|
115
|
+
atoms: ThemeAtoms;
|
|
116
|
+
};
|
|
117
|
+
export type ScaleSteps = {
|
|
118
|
+
100: string;
|
|
119
|
+
200: string;
|
|
120
|
+
300: string;
|
|
121
|
+
400: string;
|
|
122
|
+
500: string;
|
|
123
|
+
600: string;
|
|
124
|
+
700: string;
|
|
125
|
+
800: string;
|
|
126
|
+
900: string;
|
|
127
|
+
};
|
|
128
|
+
export type SemanticColors = {
|
|
129
|
+
primary: ScaleSteps;
|
|
130
|
+
success: ScaleSteps;
|
|
131
|
+
error: ScaleSteps;
|
|
132
|
+
warning: ScaleSteps;
|
|
133
|
+
info: ScaleSteps;
|
|
134
|
+
secondary: ScaleSteps;
|
|
135
|
+
};
|
|
136
|
+
export declare function createTheme({ scheme, name, palette, options, }: {
|
|
137
|
+
scheme: ThemeScheme;
|
|
138
|
+
name: ThemeName;
|
|
139
|
+
palette: Palette;
|
|
140
|
+
options?: {
|
|
141
|
+
shadowOpacity?: number;
|
|
142
|
+
semanticOverrides?: Partial<SemanticColors>;
|
|
143
|
+
};
|
|
144
|
+
}): Theme;
|
|
145
|
+
export declare function createThemes({ defaultPalette }: {
|
|
146
|
+
defaultPalette: Palette;
|
|
147
|
+
}): {
|
|
148
|
+
light: Theme;
|
|
149
|
+
dark: Theme;
|
|
150
|
+
};
|
|
151
|
+
//# sourceMappingURL=themes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"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"}
|
package/dist/themes.js
ADDED
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.themes = void 0;
|
|
4
|
+
exports.createTheme = createTheme;
|
|
5
|
+
exports.createThemes = createThemes;
|
|
6
|
+
const atoms_1 = require("./atoms");
|
|
7
|
+
const alpha_1 = require("./utils/alpha");
|
|
8
|
+
const palette_1 = require("./palette");
|
|
9
|
+
exports.themes = createThemes({
|
|
10
|
+
defaultPalette: palette_1.DEFAULT_PALETTE,
|
|
11
|
+
});
|
|
12
|
+
function buildDefaultSemantic(palette) {
|
|
13
|
+
return {
|
|
14
|
+
primary: {
|
|
15
|
+
100: palette.primary_100,
|
|
16
|
+
200: palette.primary_200,
|
|
17
|
+
300: palette.primary_300,
|
|
18
|
+
400: palette.primary_400,
|
|
19
|
+
500: palette.primary_500,
|
|
20
|
+
600: palette.primary_600,
|
|
21
|
+
700: palette.primary_700,
|
|
22
|
+
800: palette.primary_800,
|
|
23
|
+
900: palette.primary_900,
|
|
24
|
+
},
|
|
25
|
+
success: {
|
|
26
|
+
100: palette.positive_100,
|
|
27
|
+
200: palette.positive_200,
|
|
28
|
+
300: palette.positive_300,
|
|
29
|
+
400: palette.positive_400,
|
|
30
|
+
500: palette.positive_500,
|
|
31
|
+
600: palette.positive_600,
|
|
32
|
+
700: palette.positive_700,
|
|
33
|
+
800: palette.positive_800,
|
|
34
|
+
900: palette.positive_900,
|
|
35
|
+
},
|
|
36
|
+
error: {
|
|
37
|
+
100: palette.negative_100,
|
|
38
|
+
200: palette.negative_200,
|
|
39
|
+
300: palette.negative_300,
|
|
40
|
+
400: palette.negative_400,
|
|
41
|
+
500: palette.negative_500,
|
|
42
|
+
600: palette.negative_600,
|
|
43
|
+
700: palette.negative_700,
|
|
44
|
+
800: palette.negative_800,
|
|
45
|
+
900: palette.negative_900,
|
|
46
|
+
},
|
|
47
|
+
warning: {
|
|
48
|
+
100: palette.warning_100,
|
|
49
|
+
200: palette.warning_200,
|
|
50
|
+
300: palette.warning_300,
|
|
51
|
+
400: palette.warning_400,
|
|
52
|
+
500: palette.warning_500,
|
|
53
|
+
600: palette.warning_600,
|
|
54
|
+
700: palette.warning_700,
|
|
55
|
+
800: palette.warning_800,
|
|
56
|
+
900: palette.warning_900,
|
|
57
|
+
},
|
|
58
|
+
info: {
|
|
59
|
+
100: palette.info_100,
|
|
60
|
+
200: palette.info_200,
|
|
61
|
+
300: palette.info_300,
|
|
62
|
+
400: palette.info_400,
|
|
63
|
+
500: palette.info_500,
|
|
64
|
+
600: palette.info_600,
|
|
65
|
+
700: palette.info_700,
|
|
66
|
+
800: palette.info_800,
|
|
67
|
+
900: palette.info_900,
|
|
68
|
+
},
|
|
69
|
+
secondary: {
|
|
70
|
+
100: palette.secondary_100,
|
|
71
|
+
200: palette.secondary_200,
|
|
72
|
+
300: palette.secondary_300,
|
|
73
|
+
400: palette.secondary_400,
|
|
74
|
+
500: palette.secondary_500,
|
|
75
|
+
600: palette.secondary_600,
|
|
76
|
+
700: palette.secondary_700,
|
|
77
|
+
800: palette.secondary_800,
|
|
78
|
+
900: palette.secondary_900,
|
|
79
|
+
},
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
function createTheme({ scheme, name, palette, options = {}, }) {
|
|
83
|
+
const shadowOpacity = options.shadowOpacity ?? 0.1;
|
|
84
|
+
const shadowColor = (0, alpha_1.alpha)(palette.black, shadowOpacity);
|
|
85
|
+
const baseSemantic = buildDefaultSemantic(palette);
|
|
86
|
+
const semantic = {
|
|
87
|
+
...baseSemantic,
|
|
88
|
+
...options.semanticOverrides,
|
|
89
|
+
};
|
|
90
|
+
return {
|
|
91
|
+
scheme,
|
|
92
|
+
name,
|
|
93
|
+
palette,
|
|
94
|
+
semantic,
|
|
95
|
+
atoms: {
|
|
96
|
+
// Base text colors using primary neutral (scheme-dependent)
|
|
97
|
+
text: {
|
|
98
|
+
color: scheme === "light" ? palette.primary_900 : palette.white,
|
|
99
|
+
},
|
|
100
|
+
text_low: {
|
|
101
|
+
color: scheme === "light" ? palette.primary_400 : palette.primary_300,
|
|
102
|
+
},
|
|
103
|
+
text_medium: {
|
|
104
|
+
color: scheme === "light" ? palette.primary_700 : palette.primary_200,
|
|
105
|
+
},
|
|
106
|
+
text_high: {
|
|
107
|
+
color: scheme === "light" ? palette.primary_900 : palette.primary_100,
|
|
108
|
+
},
|
|
109
|
+
text_inverted: {
|
|
110
|
+
color: scheme === "light" ? palette.white : palette.primary_900,
|
|
111
|
+
},
|
|
112
|
+
// Base backgrounds using primary neutral
|
|
113
|
+
bg: {
|
|
114
|
+
backgroundColor: scheme === "light" ? palette.white : palette.primary_900,
|
|
115
|
+
},
|
|
116
|
+
bg_25: {
|
|
117
|
+
backgroundColor: scheme === "light" ? palette.primary_25 : palette.primary_800,
|
|
118
|
+
},
|
|
119
|
+
bg_50: {
|
|
120
|
+
backgroundColor: scheme === "light" ? palette.primary_50 : palette.primary_700,
|
|
121
|
+
},
|
|
122
|
+
// Base borders using primary neutral
|
|
123
|
+
border_low: {
|
|
124
|
+
borderColor: scheme === "light" ? palette.primary_100 : palette.primary_700,
|
|
125
|
+
},
|
|
126
|
+
border_medium: {
|
|
127
|
+
borderColor: scheme === "light" ? palette.primary_200 : palette.primary_600,
|
|
128
|
+
},
|
|
129
|
+
border_high: {
|
|
130
|
+
borderColor: scheme === "light" ? palette.primary_300 : palette.primary_500,
|
|
131
|
+
},
|
|
132
|
+
// Semantic text atoms (900 for text)
|
|
133
|
+
text_primary: { color: semantic.primary[900] },
|
|
134
|
+
text_success: { color: semantic.success[900] },
|
|
135
|
+
text_error: { color: semantic.error[900] },
|
|
136
|
+
text_warning: { color: semantic.warning[900] },
|
|
137
|
+
text_info: { color: semantic.info[900] },
|
|
138
|
+
text_secondary: { color: semantic.secondary[900] },
|
|
139
|
+
// Semantic background atoms (500 for bg)
|
|
140
|
+
bg_primary: { backgroundColor: semantic.primary[500] },
|
|
141
|
+
bg_success: { backgroundColor: semantic.success[500] },
|
|
142
|
+
bg_error: { backgroundColor: semantic.error[500] },
|
|
143
|
+
bg_warning: { backgroundColor: semantic.warning[500] },
|
|
144
|
+
bg_info: { backgroundColor: semantic.info[500] },
|
|
145
|
+
bg_secondary: { backgroundColor: semantic.secondary[500] },
|
|
146
|
+
// Semantic border atoms (300 for border)
|
|
147
|
+
border_primary: { borderColor: semantic.primary[300] },
|
|
148
|
+
border_success: { borderColor: semantic.success[300] },
|
|
149
|
+
border_error: { borderColor: semantic.error[300] },
|
|
150
|
+
border_warning: { borderColor: semantic.warning[300] },
|
|
151
|
+
border_info: { borderColor: semantic.info[300] },
|
|
152
|
+
border_secondary: { borderColor: semantic.secondary[300] },
|
|
153
|
+
// Shadows
|
|
154
|
+
shadow_sm: {
|
|
155
|
+
...atoms_1.atoms.shadow_sm,
|
|
156
|
+
shadowColor: palette.black,
|
|
157
|
+
boxShadow: `0 4px 6px -1px ${shadowColor}, 0 2px 4px -2px ${shadowColor}`,
|
|
158
|
+
},
|
|
159
|
+
shadow_md: {
|
|
160
|
+
...atoms_1.atoms.shadow_md,
|
|
161
|
+
shadowColor: palette.black,
|
|
162
|
+
boxShadow: `0 10px 15px -3px ${shadowColor}, 0 4px 6px -4px ${shadowColor}`,
|
|
163
|
+
},
|
|
164
|
+
shadow_lg: {
|
|
165
|
+
...atoms_1.atoms.shadow_lg,
|
|
166
|
+
shadowColor: palette.black,
|
|
167
|
+
boxShadow: `0 20px 25px -5px ${shadowColor}, 0 8px 10px -6px ${shadowColor}`,
|
|
168
|
+
},
|
|
169
|
+
},
|
|
170
|
+
};
|
|
171
|
+
}
|
|
172
|
+
function createThemes({ defaultPalette }) {
|
|
173
|
+
const light = createTheme({
|
|
174
|
+
scheme: "light",
|
|
175
|
+
name: "light",
|
|
176
|
+
palette: defaultPalette,
|
|
177
|
+
});
|
|
178
|
+
const dark = createTheme({
|
|
179
|
+
scheme: "dark",
|
|
180
|
+
name: "dark",
|
|
181
|
+
palette: (0, palette_1.invertPalette)(defaultPalette),
|
|
182
|
+
options: {
|
|
183
|
+
shadowOpacity: 0.4,
|
|
184
|
+
},
|
|
185
|
+
});
|
|
186
|
+
return {
|
|
187
|
+
light,
|
|
188
|
+
dark,
|
|
189
|
+
};
|
|
190
|
+
}
|
|
191
|
+
//# sourceMappingURL=themes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themes.js","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"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"}
|
package/dist/tokens.d.ts
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
export declare const TRACKING = 0;
|
|
2
|
+
export declare const space: {
|
|
3
|
+
readonly _2xs: 2;
|
|
4
|
+
readonly xs: 4;
|
|
5
|
+
readonly sm: 8;
|
|
6
|
+
readonly md: 12;
|
|
7
|
+
readonly lg: 16;
|
|
8
|
+
readonly xl: 20;
|
|
9
|
+
readonly _2xl: 24;
|
|
10
|
+
readonly _3xl: 28;
|
|
11
|
+
readonly _4xl: 32;
|
|
12
|
+
readonly _5xl: 40;
|
|
13
|
+
};
|
|
14
|
+
export declare const fontSize: {
|
|
15
|
+
readonly _2xs: 9.4;
|
|
16
|
+
readonly xs: 11.3;
|
|
17
|
+
readonly sm: 13.1;
|
|
18
|
+
readonly md: 15;
|
|
19
|
+
readonly lg: 16.9;
|
|
20
|
+
readonly xl: 18.8;
|
|
21
|
+
readonly _2xl: 20.6;
|
|
22
|
+
readonly _3xl: 24.3;
|
|
23
|
+
readonly _4xl: 30;
|
|
24
|
+
readonly _5xl: 37.5;
|
|
25
|
+
};
|
|
26
|
+
export declare const lineHeight: {
|
|
27
|
+
readonly tight: 1.15;
|
|
28
|
+
readonly snug: 1.3;
|
|
29
|
+
readonly relaxed: 1.5;
|
|
30
|
+
};
|
|
31
|
+
export declare const borderRadius: {
|
|
32
|
+
readonly _2xs: 2;
|
|
33
|
+
readonly xs: 4;
|
|
34
|
+
readonly sm: 8;
|
|
35
|
+
readonly md: 12;
|
|
36
|
+
readonly lg: 16;
|
|
37
|
+
readonly full: 999;
|
|
38
|
+
};
|
|
39
|
+
export declare const fontWeight: {
|
|
40
|
+
readonly normal: "400";
|
|
41
|
+
readonly medium: "500";
|
|
42
|
+
readonly semiBold: "600";
|
|
43
|
+
readonly bold: "700";
|
|
44
|
+
};
|
|
45
|
+
export declare const labelerColor: {
|
|
46
|
+
readonly purple: "rgb(105 0 255)";
|
|
47
|
+
readonly purple_dark: "rgb(83 0 202)";
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,IAAI,CAAC;AAE1B,eAAO,MAAM,KAAK;;;;;;;;;;;CAWR,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWX,CAAC;AAEX,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,YAAY;;;CAGf,CAAC"}
|
package/dist/tokens.js
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.labelerColor = exports.fontWeight = exports.borderRadius = exports.lineHeight = exports.fontSize = exports.space = exports.TRACKING = void 0;
|
|
4
|
+
exports.TRACKING = 0;
|
|
5
|
+
exports.space = {
|
|
6
|
+
_2xs: 2,
|
|
7
|
+
xs: 4,
|
|
8
|
+
sm: 8,
|
|
9
|
+
md: 12,
|
|
10
|
+
lg: 16,
|
|
11
|
+
xl: 20,
|
|
12
|
+
_2xl: 24,
|
|
13
|
+
_3xl: 28,
|
|
14
|
+
_4xl: 32,
|
|
15
|
+
_5xl: 40,
|
|
16
|
+
};
|
|
17
|
+
exports.fontSize = {
|
|
18
|
+
_2xs: 9.4,
|
|
19
|
+
xs: 11.3,
|
|
20
|
+
sm: 13.1,
|
|
21
|
+
md: 15,
|
|
22
|
+
lg: 16.9,
|
|
23
|
+
xl: 18.8,
|
|
24
|
+
_2xl: 20.6,
|
|
25
|
+
_3xl: 24.3,
|
|
26
|
+
_4xl: 30,
|
|
27
|
+
_5xl: 37.5,
|
|
28
|
+
};
|
|
29
|
+
exports.lineHeight = {
|
|
30
|
+
tight: 1.15,
|
|
31
|
+
snug: 1.3,
|
|
32
|
+
relaxed: 1.5,
|
|
33
|
+
};
|
|
34
|
+
exports.borderRadius = {
|
|
35
|
+
_2xs: 2,
|
|
36
|
+
xs: 4,
|
|
37
|
+
sm: 8,
|
|
38
|
+
md: 12,
|
|
39
|
+
lg: 16,
|
|
40
|
+
full: 999,
|
|
41
|
+
};
|
|
42
|
+
exports.fontWeight = {
|
|
43
|
+
normal: "400",
|
|
44
|
+
medium: "500",
|
|
45
|
+
semiBold: "600",
|
|
46
|
+
bold: "700",
|
|
47
|
+
};
|
|
48
|
+
exports.labelerColor = {
|
|
49
|
+
purple: "rgb(105 0 255)",
|
|
50
|
+
purple_dark: "rgb(83 0 202)",
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,CAAC,CAAC;AAEb,QAAA,KAAK,GAAG;IACnB,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;CACA,CAAC;AAEE,QAAA,QAAQ,GAAG;IACtB,IAAI,EAAE,GAAG;IACT,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,IAAI;CACF,CAAC;AAEE,QAAA,UAAU,GAAG;IACxB,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,GAAG;IACT,OAAO,EAAE,GAAG;CACJ,CAAC;AAEE,QAAA,YAAY,GAAG;IAC1B,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,GAAG;CACD,CAAC;AAEE,QAAA,UAAU,GAAG;IACxB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;CACH,CAAC;AAEE,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAE,gBAAgB;IACxB,WAAW,EAAE,eAAe;CACpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alpha.d.ts","sourceRoot":"","sources":["../../src/utils/alpha.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAwBnD"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.alpha = alpha;
|
|
4
|
+
function alpha(color, opacity) {
|
|
5
|
+
if (color.startsWith("hsl(")) {
|
|
6
|
+
return "hsla(" + color.slice("hsl(".length, -1) + `, ${opacity})`;
|
|
7
|
+
}
|
|
8
|
+
else if (color.startsWith("rgb(")) {
|
|
9
|
+
return "rgba(" + color.slice("rgb(".length, -1) + `, ${opacity})`;
|
|
10
|
+
}
|
|
11
|
+
else if (color.startsWith("#")) {
|
|
12
|
+
if (color.length === 7) {
|
|
13
|
+
const alphaHex = Math.round(opacity * 255).toString(16);
|
|
14
|
+
// Per MDN: If there is only one number, it is duplicated: e means ee
|
|
15
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/hex-color
|
|
16
|
+
return color.slice(0, 7) + alphaHex.padStart(2, alphaHex);
|
|
17
|
+
}
|
|
18
|
+
else if (color.length === 4) {
|
|
19
|
+
// convert to 6-digit hex before adding opacity
|
|
20
|
+
const hex = color.slice(1);
|
|
21
|
+
if (hex.length !== 3)
|
|
22
|
+
return color;
|
|
23
|
+
const [r, g, b] = hex.split("");
|
|
24
|
+
const alphaHex = Math.round(opacity * 255).toString(16);
|
|
25
|
+
return `#${r.repeat(2)}${g.repeat(2)}${b.repeat(2)}${alphaHex.padStart(2, alphaHex)}`;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
return color;
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=alpha.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alpha.js","sourceRoot":"","sources":["../../src/utils/alpha.ts"],"names":[],"mappings":";;AAAA,sBAwBC;AAxBD,SAAgB,KAAK,CAAC,KAAa,EAAE,OAAe;IAClD,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7B,OAAO,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,GAAG,CAAC;IACpE,CAAC;SAAM,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QACpC,OAAO,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,GAAG,CAAC;IACpE,CAAC;SAAM,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QACjC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACxD,qEAAqE;YACrE,6DAA6D;YAC7D,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;QAC5D,CAAC;aAAM,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9B,+CAA+C;YAC/C,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC3B,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO,KAAK,CAAC;YACnC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAA6B,CAAC;YAC5D,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACxD,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,QAAQ,CACpE,CAAC,EACD,QAAQ,CACT,EAAE,CAAC;QACN,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/flatten/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,OAAO,GAAI,CAAC,EACvB,OAAO,SAAS,CAAC,CAAC,CAAC,KAClB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAG9B,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.flatten = void 0;
|
|
4
|
+
const flatten = (style) => {
|
|
5
|
+
const defs = [].concat(style);
|
|
6
|
+
return Object.assign({}, ...defs.filter(Boolean).flat());
|
|
7
|
+
};
|
|
8
|
+
exports.flatten = flatten;
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/flatten/index.ts"],"names":[],"mappings":";;;AAEO,MAAM,OAAO,GAAG,CACrB,KAAmB,EACY,EAAE;IACjC,MAAM,IAAI,GAAI,EAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AAC3D,CAAC,CAAC;AALW,QAAA,OAAO,WAKlB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/utils/flatten/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAO,MAAM,OAAO,2BAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../../../src/utils/flatten/index.native.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAE7B,QAAA,OAAO,GAAG,yBAAU,CAAC,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/utils/flatten/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAO,MAAM,OAAO,2BAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../src/utils/flatten/index.web.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAE7B,QAAA,OAAO,GAAG,yBAAU,CAAC,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./alpha"), exports);
|
|
18
|
+
__exportStar(require("./leading"), exports);
|
|
19
|
+
__exportStar(require("./flatten"), exports);
|
|
20
|
+
__exportStar(require("./select"), exports);
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,4CAA0B;AAC1B,4CAA0B;AAC1B,2CAAyB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type TextStyle } from "react-native";
|
|
2
|
+
/**
|
|
3
|
+
* Util to calculate lineHeight from a text size atom and a leading atom (which
|
|
4
|
+
* are unitless). On native, this will evaluate to a rounded pixel value. On
|
|
5
|
+
* web, it will be a unitless string.
|
|
6
|
+
*
|
|
7
|
+
* Example:
|
|
8
|
+
* `leading({
|
|
9
|
+
* fontSize: 15,
|
|
10
|
+
* lineHeight: 1.2
|
|
11
|
+
* })` // => { lineHeight: 17 }
|
|
12
|
+
*/
|
|
13
|
+
export declare function leading(textStyle: TextStyle): Pick<TextStyle, "lineHeight">;
|
|
14
|
+
//# sourceMappingURL=leading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"leading.d.ts","sourceRoot":"","sources":["../../src/utils/leading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAa3E"}
|