@apple-pie/slice-native 0.1.0 → 0.1.3
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 +67 -3
- package/dist/cjs/index.js +4 -0
- package/dist/cjs/theme.js +595 -0
- package/dist/esm/index.mjs +1 -0
- package/dist/esm/theme.mjs +585 -0
- package/dist/types/native/index.d.ts +4 -0
- package/dist/types/native/theme/index.d.ts +287 -0
- package/dist/types/native/theme/motion.d.ts +2 -0
- package/dist/types/src/theme/colors/colors.d.ts +6 -0
- package/dist/types/src/theme/colors/types.d.ts +178 -0
- package/dist/types/src/theme/corners/corners.d.ts +2 -0
- package/dist/types/src/theme/corners/types.d.ts +10 -0
- package/dist/types/src/theme/elevations/_types.d.ts +10 -0
- package/dist/types/src/theme/elevations/elevations.d.ts +5 -0
- package/dist/types/src/theme/motion/_types.d.ts +8 -0
- package/dist/types/src/theme/motion/motion.d.ts +5 -0
- package/dist/types/src/theme/spacing/_types.d.ts +10 -0
- package/dist/types/src/theme/spacing/spacing.d.ts +2 -0
- package/dist/types/src/theme/type/type.d.ts +39 -0
- package/dist/types/src/theme/type/types.d.ts +23 -0
- package/package.json +16 -7
- package/dist/types/index.d.ts +0 -2
- /package/dist/types/{components → native/components}/Icon/NativeIcon.d.ts +0 -0
- /package/dist/types/{components → native/components}/Icon/_types.d.ts +0 -0
- /package/dist/types/{components → native/components}/Icon/iconRegistry.d.ts +0 -0
- /package/dist/types/{components → native/components}/Icon/icons.d.ts +0 -0
- /package/dist/types/{components → native/components}/Icon/index.d.ts +0 -0
|
@@ -0,0 +1,287 @@
|
|
|
1
|
+
import type { TextStyle, ViewStyle } from 'react-native';
|
|
2
|
+
import { light, coreColors as webCore } from '../../src/theme/colors/colors';
|
|
3
|
+
import { corners } from '../../src/theme/corners/corners';
|
|
4
|
+
import { elevations } from '../../src/theme/elevations/elevations';
|
|
5
|
+
import { spacing } from '../../src/theme/spacing/spacing';
|
|
6
|
+
import { type as webType } from '../../src/theme/type/type';
|
|
7
|
+
export { corners, spacing, elevations };
|
|
8
|
+
export type NativeTypography = Record<keyof typeof webType, TextStyle>;
|
|
9
|
+
type ShadowKey = 'surface-shadow-soft' | 'surface-shadow-strong';
|
|
10
|
+
type CoreShadowKey = `${ShadowKey}-${'light' | 'dark'}`;
|
|
11
|
+
export type Colors = Omit<typeof light, ShadowKey>;
|
|
12
|
+
export type CoreColors = Omit<typeof webCore, CoreShadowKey>;
|
|
13
|
+
export declare const coreColors: CoreColors;
|
|
14
|
+
/** Uses a 16dp base for the web rem scale. Load this font in the consuming app. */
|
|
15
|
+
export declare function createTypography(fontFamily?: string): NativeTypography;
|
|
16
|
+
export declare const type: NativeTypography;
|
|
17
|
+
export declare const motion: {
|
|
18
|
+
'motion-magnet': (progress: number) => number;
|
|
19
|
+
'motion-water': (progress: number) => number;
|
|
20
|
+
'motion-spring': (progress: number) => number;
|
|
21
|
+
'motion-magnet-duration': number;
|
|
22
|
+
'motion-water-duration': number;
|
|
23
|
+
'motion-spring-duration': number;
|
|
24
|
+
};
|
|
25
|
+
declare function createTheme(name: string, palette: typeof light): {
|
|
26
|
+
name: string;
|
|
27
|
+
coreColors: CoreColors;
|
|
28
|
+
colors: {
|
|
29
|
+
'array-land': string;
|
|
30
|
+
'array-land-label': string;
|
|
31
|
+
'array-magenta': string;
|
|
32
|
+
'array-magenta-label': string;
|
|
33
|
+
'array-orange': string;
|
|
34
|
+
'array-orange-label': string;
|
|
35
|
+
'array-purple': string;
|
|
36
|
+
'array-purple-label': string;
|
|
37
|
+
'array-sea': string;
|
|
38
|
+
'array-sea-label': string;
|
|
39
|
+
'array-sky': string;
|
|
40
|
+
'array-sky-label': string;
|
|
41
|
+
'array-yellow': string;
|
|
42
|
+
'array-yellow-label': string;
|
|
43
|
+
'core-badge-primary': string;
|
|
44
|
+
'core-badge-secondary': string;
|
|
45
|
+
'core-button-disabled': string;
|
|
46
|
+
'core-button-primary': string;
|
|
47
|
+
'core-drop-shadow': string;
|
|
48
|
+
'core-gp-logo-primary': string;
|
|
49
|
+
'core-gp-logo-secondary': string;
|
|
50
|
+
'core-icon-dark': string;
|
|
51
|
+
'core-icon-disabled': string;
|
|
52
|
+
'core-icon-error': string;
|
|
53
|
+
'core-icon-light': string;
|
|
54
|
+
'core-icon-primary': string;
|
|
55
|
+
'core-icon-secondary': string;
|
|
56
|
+
'core-icon-tertiary': string;
|
|
57
|
+
'core-outline-secondary': string;
|
|
58
|
+
'core-outline-primary': string;
|
|
59
|
+
'core-outline-special': string;
|
|
60
|
+
'core-outline-tertiary': string;
|
|
61
|
+
'core-surface-coverup-translucent': string;
|
|
62
|
+
'core-surface-overlay-translucent': string;
|
|
63
|
+
'core-surface-primary': string;
|
|
64
|
+
'core-surface-primary-tint': string;
|
|
65
|
+
'core-surface-secondary': string;
|
|
66
|
+
'core-surface-special': string;
|
|
67
|
+
'core-text-dark': string;
|
|
68
|
+
'core-text-disabled': string;
|
|
69
|
+
'core-text-error': string;
|
|
70
|
+
'core-text-light': string;
|
|
71
|
+
'core-text-primary': string;
|
|
72
|
+
'core-text-secondary': string;
|
|
73
|
+
'core-text-special': string;
|
|
74
|
+
'core-text-accent': string;
|
|
75
|
+
'core-text-tertiary': string;
|
|
76
|
+
'core-link-primary': string;
|
|
77
|
+
'eor-tag-employee': string;
|
|
78
|
+
'eor-tag-overdue': string;
|
|
79
|
+
'eor-tag-paid': string;
|
|
80
|
+
'eor-tag-pending': string;
|
|
81
|
+
'eor-tag-professional': string;
|
|
82
|
+
'feedback-attention': string;
|
|
83
|
+
'feedback-informative': string;
|
|
84
|
+
'feedback-positive': string;
|
|
85
|
+
'feedback-urgency': string;
|
|
86
|
+
'feedback-warning': string;
|
|
87
|
+
'gia-tag-risk-high': string;
|
|
88
|
+
'gia-tag-risk-low': string;
|
|
89
|
+
'gia-tag-risk-moderate': string;
|
|
90
|
+
'gia-text-excerpt-highlight': string;
|
|
91
|
+
'gia-text-selection': string;
|
|
92
|
+
'scroll-bar': string;
|
|
93
|
+
'scroll-bar-hover': string;
|
|
94
|
+
};
|
|
95
|
+
corners: import("src/theme/corners/types").Corners;
|
|
96
|
+
spacing: import("src/theme/spacing/_types").SpacingGrid;
|
|
97
|
+
elevations: import("src/theme/elevations/_types").Elevations;
|
|
98
|
+
type: NativeTypography;
|
|
99
|
+
motion: {
|
|
100
|
+
'motion-magnet': (progress: number) => number;
|
|
101
|
+
'motion-water': (progress: number) => number;
|
|
102
|
+
'motion-spring': (progress: number) => number;
|
|
103
|
+
'motion-magnet-duration': number;
|
|
104
|
+
'motion-water-duration': number;
|
|
105
|
+
'motion-spring-duration': number;
|
|
106
|
+
};
|
|
107
|
+
shadows: {
|
|
108
|
+
'surface-shadow-soft': ViewStyle;
|
|
109
|
+
'surface-shadow-strong': ViewStyle;
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
export declare const lightTheme: {
|
|
113
|
+
name: string;
|
|
114
|
+
coreColors: CoreColors;
|
|
115
|
+
colors: {
|
|
116
|
+
'array-land': string;
|
|
117
|
+
'array-land-label': string;
|
|
118
|
+
'array-magenta': string;
|
|
119
|
+
'array-magenta-label': string;
|
|
120
|
+
'array-orange': string;
|
|
121
|
+
'array-orange-label': string;
|
|
122
|
+
'array-purple': string;
|
|
123
|
+
'array-purple-label': string;
|
|
124
|
+
'array-sea': string;
|
|
125
|
+
'array-sea-label': string;
|
|
126
|
+
'array-sky': string;
|
|
127
|
+
'array-sky-label': string;
|
|
128
|
+
'array-yellow': string;
|
|
129
|
+
'array-yellow-label': string;
|
|
130
|
+
'core-badge-primary': string;
|
|
131
|
+
'core-badge-secondary': string;
|
|
132
|
+
'core-button-disabled': string;
|
|
133
|
+
'core-button-primary': string;
|
|
134
|
+
'core-drop-shadow': string;
|
|
135
|
+
'core-gp-logo-primary': string;
|
|
136
|
+
'core-gp-logo-secondary': string;
|
|
137
|
+
'core-icon-dark': string;
|
|
138
|
+
'core-icon-disabled': string;
|
|
139
|
+
'core-icon-error': string;
|
|
140
|
+
'core-icon-light': string;
|
|
141
|
+
'core-icon-primary': string;
|
|
142
|
+
'core-icon-secondary': string;
|
|
143
|
+
'core-icon-tertiary': string;
|
|
144
|
+
'core-outline-secondary': string;
|
|
145
|
+
'core-outline-primary': string;
|
|
146
|
+
'core-outline-special': string;
|
|
147
|
+
'core-outline-tertiary': string;
|
|
148
|
+
'core-surface-coverup-translucent': string;
|
|
149
|
+
'core-surface-overlay-translucent': string;
|
|
150
|
+
'core-surface-primary': string;
|
|
151
|
+
'core-surface-primary-tint': string;
|
|
152
|
+
'core-surface-secondary': string;
|
|
153
|
+
'core-surface-special': string;
|
|
154
|
+
'core-text-dark': string;
|
|
155
|
+
'core-text-disabled': string;
|
|
156
|
+
'core-text-error': string;
|
|
157
|
+
'core-text-light': string;
|
|
158
|
+
'core-text-primary': string;
|
|
159
|
+
'core-text-secondary': string;
|
|
160
|
+
'core-text-special': string;
|
|
161
|
+
'core-text-accent': string;
|
|
162
|
+
'core-text-tertiary': string;
|
|
163
|
+
'core-link-primary': string;
|
|
164
|
+
'eor-tag-employee': string;
|
|
165
|
+
'eor-tag-overdue': string;
|
|
166
|
+
'eor-tag-paid': string;
|
|
167
|
+
'eor-tag-pending': string;
|
|
168
|
+
'eor-tag-professional': string;
|
|
169
|
+
'feedback-attention': string;
|
|
170
|
+
'feedback-informative': string;
|
|
171
|
+
'feedback-positive': string;
|
|
172
|
+
'feedback-urgency': string;
|
|
173
|
+
'feedback-warning': string;
|
|
174
|
+
'gia-tag-risk-high': string;
|
|
175
|
+
'gia-tag-risk-low': string;
|
|
176
|
+
'gia-tag-risk-moderate': string;
|
|
177
|
+
'gia-text-excerpt-highlight': string;
|
|
178
|
+
'gia-text-selection': string;
|
|
179
|
+
'scroll-bar': string;
|
|
180
|
+
'scroll-bar-hover': string;
|
|
181
|
+
};
|
|
182
|
+
corners: import("src/theme/corners/types").Corners;
|
|
183
|
+
spacing: import("src/theme/spacing/_types").SpacingGrid;
|
|
184
|
+
elevations: import("src/theme/elevations/_types").Elevations;
|
|
185
|
+
type: NativeTypography;
|
|
186
|
+
motion: {
|
|
187
|
+
'motion-magnet': (progress: number) => number;
|
|
188
|
+
'motion-water': (progress: number) => number;
|
|
189
|
+
'motion-spring': (progress: number) => number;
|
|
190
|
+
'motion-magnet-duration': number;
|
|
191
|
+
'motion-water-duration': number;
|
|
192
|
+
'motion-spring-duration': number;
|
|
193
|
+
};
|
|
194
|
+
shadows: {
|
|
195
|
+
'surface-shadow-soft': ViewStyle;
|
|
196
|
+
'surface-shadow-strong': ViewStyle;
|
|
197
|
+
};
|
|
198
|
+
};
|
|
199
|
+
export declare const darkTheme: {
|
|
200
|
+
name: string;
|
|
201
|
+
coreColors: CoreColors;
|
|
202
|
+
colors: {
|
|
203
|
+
'array-land': string;
|
|
204
|
+
'array-land-label': string;
|
|
205
|
+
'array-magenta': string;
|
|
206
|
+
'array-magenta-label': string;
|
|
207
|
+
'array-orange': string;
|
|
208
|
+
'array-orange-label': string;
|
|
209
|
+
'array-purple': string;
|
|
210
|
+
'array-purple-label': string;
|
|
211
|
+
'array-sea': string;
|
|
212
|
+
'array-sea-label': string;
|
|
213
|
+
'array-sky': string;
|
|
214
|
+
'array-sky-label': string;
|
|
215
|
+
'array-yellow': string;
|
|
216
|
+
'array-yellow-label': string;
|
|
217
|
+
'core-badge-primary': string;
|
|
218
|
+
'core-badge-secondary': string;
|
|
219
|
+
'core-button-disabled': string;
|
|
220
|
+
'core-button-primary': string;
|
|
221
|
+
'core-drop-shadow': string;
|
|
222
|
+
'core-gp-logo-primary': string;
|
|
223
|
+
'core-gp-logo-secondary': string;
|
|
224
|
+
'core-icon-dark': string;
|
|
225
|
+
'core-icon-disabled': string;
|
|
226
|
+
'core-icon-error': string;
|
|
227
|
+
'core-icon-light': string;
|
|
228
|
+
'core-icon-primary': string;
|
|
229
|
+
'core-icon-secondary': string;
|
|
230
|
+
'core-icon-tertiary': string;
|
|
231
|
+
'core-outline-secondary': string;
|
|
232
|
+
'core-outline-primary': string;
|
|
233
|
+
'core-outline-special': string;
|
|
234
|
+
'core-outline-tertiary': string;
|
|
235
|
+
'core-surface-coverup-translucent': string;
|
|
236
|
+
'core-surface-overlay-translucent': string;
|
|
237
|
+
'core-surface-primary': string;
|
|
238
|
+
'core-surface-primary-tint': string;
|
|
239
|
+
'core-surface-secondary': string;
|
|
240
|
+
'core-surface-special': string;
|
|
241
|
+
'core-text-dark': string;
|
|
242
|
+
'core-text-disabled': string;
|
|
243
|
+
'core-text-error': string;
|
|
244
|
+
'core-text-light': string;
|
|
245
|
+
'core-text-primary': string;
|
|
246
|
+
'core-text-secondary': string;
|
|
247
|
+
'core-text-special': string;
|
|
248
|
+
'core-text-accent': string;
|
|
249
|
+
'core-text-tertiary': string;
|
|
250
|
+
'core-link-primary': string;
|
|
251
|
+
'eor-tag-employee': string;
|
|
252
|
+
'eor-tag-overdue': string;
|
|
253
|
+
'eor-tag-paid': string;
|
|
254
|
+
'eor-tag-pending': string;
|
|
255
|
+
'eor-tag-professional': string;
|
|
256
|
+
'feedback-attention': string;
|
|
257
|
+
'feedback-informative': string;
|
|
258
|
+
'feedback-positive': string;
|
|
259
|
+
'feedback-urgency': string;
|
|
260
|
+
'feedback-warning': string;
|
|
261
|
+
'gia-tag-risk-high': string;
|
|
262
|
+
'gia-tag-risk-low': string;
|
|
263
|
+
'gia-tag-risk-moderate': string;
|
|
264
|
+
'gia-text-excerpt-highlight': string;
|
|
265
|
+
'gia-text-selection': string;
|
|
266
|
+
'scroll-bar': string;
|
|
267
|
+
'scroll-bar-hover': string;
|
|
268
|
+
};
|
|
269
|
+
corners: import("src/theme/corners/types").Corners;
|
|
270
|
+
spacing: import("src/theme/spacing/_types").SpacingGrid;
|
|
271
|
+
elevations: import("src/theme/elevations/_types").Elevations;
|
|
272
|
+
type: NativeTypography;
|
|
273
|
+
motion: {
|
|
274
|
+
'motion-magnet': (progress: number) => number;
|
|
275
|
+
'motion-water': (progress: number) => number;
|
|
276
|
+
'motion-spring': (progress: number) => number;
|
|
277
|
+
'motion-magnet-duration': number;
|
|
278
|
+
'motion-water-duration': number;
|
|
279
|
+
'motion-spring-duration': number;
|
|
280
|
+
};
|
|
281
|
+
shadows: {
|
|
282
|
+
'surface-shadow-soft': ViewStyle;
|
|
283
|
+
'surface-shadow-strong': ViewStyle;
|
|
284
|
+
};
|
|
285
|
+
};
|
|
286
|
+
export type SliceNativeTheme = ReturnType<typeof createTheme>;
|
|
287
|
+
export type SliceTheme = SliceNativeTheme;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Colors, CoreColors } from './types';
|
|
2
|
+
export declare const coreColors: CoreColors;
|
|
3
|
+
export declare const light: Colors;
|
|
4
|
+
export declare const dark: Colors;
|
|
5
|
+
export declare const colorCssVars: Record<keyof Colors, string>;
|
|
6
|
+
export declare const colorClass: Record<keyof Colors, string>;
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
export type CoreColors = {
|
|
2
|
+
'brand-grey-100': string;
|
|
3
|
+
'brand-grey-200': string;
|
|
4
|
+
'brand-grey-300': string;
|
|
5
|
+
'brand-grey-400': string;
|
|
6
|
+
'brand-grey-50': string;
|
|
7
|
+
'brand-grey-500': string;
|
|
8
|
+
'brand-grey-600': string;
|
|
9
|
+
'brand-grey-700': string;
|
|
10
|
+
'brand-grey-800': string;
|
|
11
|
+
'brand-grey-900': string;
|
|
12
|
+
'brand-grey-950': string;
|
|
13
|
+
'brand-land-100': string;
|
|
14
|
+
'brand-land-200': string;
|
|
15
|
+
'brand-land-300': string;
|
|
16
|
+
'brand-land-400': string;
|
|
17
|
+
'brand-land-50': string;
|
|
18
|
+
'brand-land-500': string;
|
|
19
|
+
'brand-land-600': string;
|
|
20
|
+
'brand-land-700': string;
|
|
21
|
+
'brand-land-800': string;
|
|
22
|
+
'brand-land-900': string;
|
|
23
|
+
'brand-land-950': string;
|
|
24
|
+
'brand-magenta-100': string;
|
|
25
|
+
'brand-magenta-200': string;
|
|
26
|
+
'brand-magenta-300': string;
|
|
27
|
+
'brand-magenta-400': string;
|
|
28
|
+
'brand-magenta-50': string;
|
|
29
|
+
'brand-magenta-500': string;
|
|
30
|
+
'brand-magenta-600': string;
|
|
31
|
+
'brand-magenta-700': string;
|
|
32
|
+
'brand-magenta-800': string;
|
|
33
|
+
'brand-magenta-900': string;
|
|
34
|
+
'brand-magenta-950': string;
|
|
35
|
+
'brand-orange-100': string;
|
|
36
|
+
'brand-orange-200': string;
|
|
37
|
+
'brand-orange-300': string;
|
|
38
|
+
'brand-orange-400': string;
|
|
39
|
+
'brand-orange-50': string;
|
|
40
|
+
'brand-orange-500': string;
|
|
41
|
+
'brand-orange-600': string;
|
|
42
|
+
'brand-orange-700': string;
|
|
43
|
+
'brand-orange-800': string;
|
|
44
|
+
'brand-orange-900': string;
|
|
45
|
+
'brand-orange-950': string;
|
|
46
|
+
'brand-purple-100': string;
|
|
47
|
+
'brand-purple-200': string;
|
|
48
|
+
'brand-purple-300': string;
|
|
49
|
+
'brand-purple-400': string;
|
|
50
|
+
'brand-purple-50': string;
|
|
51
|
+
'brand-purple-500': string;
|
|
52
|
+
'brand-purple-600': string;
|
|
53
|
+
'brand-purple-700': string;
|
|
54
|
+
'brand-purple-800': string;
|
|
55
|
+
'brand-purple-900': string;
|
|
56
|
+
'brand-purple-950': string;
|
|
57
|
+
'brand-sea-100': string;
|
|
58
|
+
'brand-sea-200': string;
|
|
59
|
+
'brand-sea-300': string;
|
|
60
|
+
'brand-sea-400': string;
|
|
61
|
+
'brand-sea-50': string;
|
|
62
|
+
'brand-sea-500': string;
|
|
63
|
+
'brand-sea-600': string;
|
|
64
|
+
'brand-sea-700': string;
|
|
65
|
+
'brand-sea-800': string;
|
|
66
|
+
'brand-sea-900': string;
|
|
67
|
+
'brand-sea-950': string;
|
|
68
|
+
'brand-sky-100': string;
|
|
69
|
+
'brand-sky-200': string;
|
|
70
|
+
'brand-sky-300': string;
|
|
71
|
+
'brand-sky-400': string;
|
|
72
|
+
'brand-sky-50': string;
|
|
73
|
+
'brand-sky-500': string;
|
|
74
|
+
'brand-sky-600': string;
|
|
75
|
+
'brand-sky-700': string;
|
|
76
|
+
'brand-sky-800': string;
|
|
77
|
+
'brand-sky-900': string;
|
|
78
|
+
'brand-sky-950': string;
|
|
79
|
+
'brand-white-0': string;
|
|
80
|
+
'brand-yellow-100': string;
|
|
81
|
+
'brand-yellow-200': string;
|
|
82
|
+
'brand-yellow-300': string;
|
|
83
|
+
'brand-yellow-400': string;
|
|
84
|
+
'brand-yellow-50': string;
|
|
85
|
+
'brand-yellow-500': string;
|
|
86
|
+
'brand-yellow-600': string;
|
|
87
|
+
'brand-yellow-700': string;
|
|
88
|
+
'brand-yellow-800': string;
|
|
89
|
+
'brand-yellow-900': string;
|
|
90
|
+
'brand-yellow-950': string;
|
|
91
|
+
'product-red-400': string;
|
|
92
|
+
'product-red-500': string;
|
|
93
|
+
'core-drop-shadow-light': string;
|
|
94
|
+
'core-drop-shadow-dark': string;
|
|
95
|
+
'core-surface-coverup-translucent-light': string;
|
|
96
|
+
'core-surface-coverup-translucent-dark': string;
|
|
97
|
+
'core-surface-overlay-translucent-light': string;
|
|
98
|
+
'core-surface-overlay-translucent-dark': string;
|
|
99
|
+
'scroll-bar-light': string;
|
|
100
|
+
'scroll-bar-dark': string;
|
|
101
|
+
'scroll-bar-hover-light': string;
|
|
102
|
+
'scroll-bar-hover-dark': string;
|
|
103
|
+
'surface-primary-tint-light': string;
|
|
104
|
+
'surface-primary-tint-dark': string;
|
|
105
|
+
'surface-shadow-soft-light': string;
|
|
106
|
+
'surface-shadow-soft-dark': string;
|
|
107
|
+
'surface-shadow-strong-light': string;
|
|
108
|
+
'surface-shadow-strong-dark': string;
|
|
109
|
+
};
|
|
110
|
+
export type Colors = {
|
|
111
|
+
'array-land': string;
|
|
112
|
+
'array-land-label': string;
|
|
113
|
+
'array-magenta': string;
|
|
114
|
+
'array-magenta-label': string;
|
|
115
|
+
'array-orange': string;
|
|
116
|
+
'array-orange-label': string;
|
|
117
|
+
'array-purple': string;
|
|
118
|
+
'array-purple-label': string;
|
|
119
|
+
'array-sea': string;
|
|
120
|
+
'array-sea-label': string;
|
|
121
|
+
'array-sky': string;
|
|
122
|
+
'array-sky-label': string;
|
|
123
|
+
'array-yellow': string;
|
|
124
|
+
'array-yellow-label': string;
|
|
125
|
+
'core-badge-primary': string;
|
|
126
|
+
'core-badge-secondary': string;
|
|
127
|
+
'core-button-disabled': string;
|
|
128
|
+
'core-button-primary': string;
|
|
129
|
+
'core-drop-shadow': string;
|
|
130
|
+
'core-gp-logo-primary': string;
|
|
131
|
+
'core-gp-logo-secondary': string;
|
|
132
|
+
'core-icon-dark': string;
|
|
133
|
+
'core-icon-disabled': string;
|
|
134
|
+
'core-icon-error': string;
|
|
135
|
+
'core-icon-light': string;
|
|
136
|
+
'core-icon-primary': string;
|
|
137
|
+
'core-icon-secondary': string;
|
|
138
|
+
'core-icon-tertiary': string;
|
|
139
|
+
'core-outline-secondary': string;
|
|
140
|
+
'core-outline-primary': string;
|
|
141
|
+
'core-outline-special': string;
|
|
142
|
+
'core-outline-tertiary': string;
|
|
143
|
+
'core-surface-coverup-translucent': string;
|
|
144
|
+
'core-surface-overlay-translucent': string;
|
|
145
|
+
'core-surface-primary': string;
|
|
146
|
+
'core-surface-primary-tint': string;
|
|
147
|
+
'core-surface-secondary': string;
|
|
148
|
+
'core-surface-special': string;
|
|
149
|
+
'core-text-dark': string;
|
|
150
|
+
'core-text-disabled': string;
|
|
151
|
+
'core-text-error': string;
|
|
152
|
+
'core-text-light': string;
|
|
153
|
+
'core-text-primary': string;
|
|
154
|
+
'core-text-secondary': string;
|
|
155
|
+
'core-text-special': string;
|
|
156
|
+
'core-text-accent': string;
|
|
157
|
+
'core-text-tertiary': string;
|
|
158
|
+
'core-link-primary': string;
|
|
159
|
+
'eor-tag-employee': string;
|
|
160
|
+
'eor-tag-overdue': string;
|
|
161
|
+
'eor-tag-paid': string;
|
|
162
|
+
'eor-tag-pending': string;
|
|
163
|
+
'eor-tag-professional': string;
|
|
164
|
+
'feedback-attention': string;
|
|
165
|
+
'feedback-informative': string;
|
|
166
|
+
'feedback-positive': string;
|
|
167
|
+
'feedback-urgency': string;
|
|
168
|
+
'feedback-warning': string;
|
|
169
|
+
'gia-tag-risk-high': string;
|
|
170
|
+
'gia-tag-risk-low': string;
|
|
171
|
+
'gia-tag-risk-moderate': string;
|
|
172
|
+
'gia-text-excerpt-highlight': string;
|
|
173
|
+
'gia-text-selection': string;
|
|
174
|
+
'scroll-bar': string;
|
|
175
|
+
'scroll-bar-hover': string;
|
|
176
|
+
'surface-shadow-soft': string;
|
|
177
|
+
'surface-shadow-strong': string;
|
|
178
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type Elevations = {
|
|
2
|
+
'elevation-below-surface': number;
|
|
3
|
+
'elevation-surface': number;
|
|
4
|
+
'elevation-float': number;
|
|
5
|
+
'elevation-describe': number;
|
|
6
|
+
'elevation-status': number;
|
|
7
|
+
'elevation-notify': number;
|
|
8
|
+
'elevation-overlay': number;
|
|
9
|
+
'elevation-confirm': number;
|
|
10
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type { Type } from './types';
|
|
3
|
+
export declare const fontWeights: {
|
|
4
|
+
regular: number;
|
|
5
|
+
medium: number;
|
|
6
|
+
semi: number;
|
|
7
|
+
bold: number;
|
|
8
|
+
extra: number;
|
|
9
|
+
};
|
|
10
|
+
export declare const fontSizes: {
|
|
11
|
+
xs: string;
|
|
12
|
+
s: string;
|
|
13
|
+
m: string;
|
|
14
|
+
l: string;
|
|
15
|
+
xl: string;
|
|
16
|
+
h1: string;
|
|
17
|
+
h2: string;
|
|
18
|
+
h3: string;
|
|
19
|
+
h4: string;
|
|
20
|
+
h5: string;
|
|
21
|
+
h6: string;
|
|
22
|
+
};
|
|
23
|
+
export declare const lineHeights: {
|
|
24
|
+
xs: string;
|
|
25
|
+
s: string;
|
|
26
|
+
m: string;
|
|
27
|
+
l: string;
|
|
28
|
+
xl: string;
|
|
29
|
+
xxl: string;
|
|
30
|
+
};
|
|
31
|
+
export declare const letterSpacings: {
|
|
32
|
+
xs: string;
|
|
33
|
+
s: string;
|
|
34
|
+
m: string;
|
|
35
|
+
l: string;
|
|
36
|
+
};
|
|
37
|
+
export declare const type: Type;
|
|
38
|
+
export declare const typeCssClasses: Record<keyof Type, string>;
|
|
39
|
+
export declare const typeStyles: Record<keyof Type, React.CSSProperties>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export type Type = {
|
|
2
|
+
'body-xs-regular': string;
|
|
3
|
+
'body-xs-medium': string;
|
|
4
|
+
'body-xs-bold': string;
|
|
5
|
+
'body-s-regular': string;
|
|
6
|
+
'body-s-medium': string;
|
|
7
|
+
'body-s-bold': string;
|
|
8
|
+
'body-m-regular': string;
|
|
9
|
+
'body-m-medium': string;
|
|
10
|
+
'body-m-bold': string;
|
|
11
|
+
'body-l-regular': string;
|
|
12
|
+
'body-l-medium': string;
|
|
13
|
+
'body-l-bold': string;
|
|
14
|
+
'body-xl-regular': string;
|
|
15
|
+
'body-xl-medium': string;
|
|
16
|
+
'body-xl-bold': string;
|
|
17
|
+
h1: string;
|
|
18
|
+
h2: string;
|
|
19
|
+
h3: string;
|
|
20
|
+
h4: string;
|
|
21
|
+
h5: string;
|
|
22
|
+
h6: string;
|
|
23
|
+
};
|
package/package.json
CHANGED
|
@@ -1,27 +1,35 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apple-pie/slice-native",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.1.3",
|
|
4
|
+
"description": "React Native icons and design tokens for Slice",
|
|
5
5
|
"author": "Uris Dacosta",
|
|
6
6
|
"license": "ISC",
|
|
7
7
|
"type": "commonjs",
|
|
8
8
|
"main": "./dist/cjs/index.js",
|
|
9
9
|
"module": "./dist/esm/index.mjs",
|
|
10
10
|
"react-native": "./dist/esm/index.mjs",
|
|
11
|
-
"types": "./dist/types/index.d.ts",
|
|
11
|
+
"types": "./dist/types/native/index.d.ts",
|
|
12
12
|
"exports": {
|
|
13
13
|
".": {
|
|
14
|
-
"types": "./dist/types/index.d.ts",
|
|
14
|
+
"types": "./dist/types/native/index.d.ts",
|
|
15
15
|
"react-native": "./dist/esm/index.mjs",
|
|
16
16
|
"import": "./dist/esm/index.mjs",
|
|
17
17
|
"require": "./dist/cjs/index.js"
|
|
18
18
|
},
|
|
19
|
-
"./package.json": "./package.json"
|
|
19
|
+
"./package.json": "./package.json",
|
|
20
|
+
"./theme": {
|
|
21
|
+
"types": "./dist/types/native/theme/index.d.ts",
|
|
22
|
+
"react-native": "./dist/esm/theme.mjs",
|
|
23
|
+
"import": "./dist/esm/theme.mjs",
|
|
24
|
+
"require": "./dist/cjs/theme.js"
|
|
25
|
+
}
|
|
20
26
|
},
|
|
21
27
|
"files": ["dist"],
|
|
22
28
|
"sideEffects": false,
|
|
23
29
|
"scripts": {
|
|
30
|
+
"test": "vitest run --config vitest.config.mts",
|
|
24
31
|
"lint": "biome format --write . && biome check . && npm run typecheck",
|
|
32
|
+
"lint:ci": "biome ci . && npm run typecheck",
|
|
25
33
|
"build": "npm run generate && node scripts/build.mjs",
|
|
26
34
|
"prepack": "npm run build",
|
|
27
35
|
"generate": "node scripts/generate-icons.mjs",
|
|
@@ -33,11 +41,12 @@
|
|
|
33
41
|
"keywords": ["react-native", "icons", "svg", "apple-pie"],
|
|
34
42
|
"devDependencies": {
|
|
35
43
|
"rollup": "^4.32.0",
|
|
36
|
-
"typescript": "^5.7.3"
|
|
44
|
+
"typescript": "^5.7.3",
|
|
45
|
+
"vitest": "^4.0.18"
|
|
37
46
|
},
|
|
38
47
|
"peerDependencies": {
|
|
39
48
|
"react": "^18.0.0 || ^19.0.0",
|
|
40
49
|
"react-native": ">=0.80.0 <1.0.0",
|
|
41
|
-
"react-native-svg": "^15.
|
|
50
|
+
"react-native-svg": "^15.0.0"
|
|
42
51
|
}
|
|
43
52
|
}
|
package/dist/types/index.d.ts
DELETED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|