@ohos-ports/bolttech-default-theme 0.0.0-stage → 0.18.3-beta.1

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/README.md +20 -2
  2. package/index.cjs.js +5068 -0
  3. package/index.d.ts +1 -0
  4. package/package.json +19 -4
  5. package/src/index.d.ts +1 -0
  6. package/src/lib/default-theme.d.ts +1 -0
  7. package/src/lib/styles/classNames.d.ts +5 -0
  8. package/src/lib/styles/index.d.ts +8 -0
  9. package/src/lib/styles/style.d.ts +1 -0
  10. package/src/lib/theme/colors.d.ts +165 -0
  11. package/src/lib/theme/components.d.ts +5559 -0
  12. package/src/lib/theme/effects.d.ts +10 -0
  13. package/src/lib/theme/index.d.ts +6296 -0
  14. package/src/lib/theme/spacing.d.ts +13 -0
  15. package/src/lib/theme/typography.d.ts +350 -0
  16. package/src/lib/tokens/color.d.ts +89 -0
  17. package/src/lib/tokens/effect.d.ts +10 -0
  18. package/src/lib/tokens/index.d.ts +189 -0
  19. package/src/lib/tokens/spacing.d.ts +46 -0
  20. package/src/lib/tokens/typography.d.ts +50 -0
package/src/lib/theme/spacing.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ export declare const spacing: {
2
+ borderRadius: {
3
+ none: string;
4
+ tiny: string;
5
+ small: string;
6
+ medium: string;
7
+ elipse: string;
8
+ };
9
+ borderWidth: {
10
+ S: string;
11
+ M: string;
12
+ };
13
+ };
package/src/lib/theme/typography.d.ts ADDED
@@ -0,0 +1,350 @@
1
+ export declare const typography: {
2
+ desktop: {
3
+ headings: {
4
+ h1: {
5
+ fontWeight: string;
6
+ lineHeight: string;
7
+ fontSize: string;
8
+ letterSpacing: string;
9
+ paragraphSpacing: string;
10
+ textDecoration: string;
11
+ textCase: string;
12
+ };
13
+ h1Light: {
14
+ fontWeight: string;
15
+ lineHeight: string;
16
+ fontSize: string;
17
+ letterSpacing: string;
18
+ paragraphSpacing: string;
19
+ textDecoration: string;
20
+ textCase: string;
21
+ };
22
+ h2: {
23
+ fontWeight: string;
24
+ lineHeight: string;
25
+ fontSize: string;
26
+ letterSpacing: string;
27
+ paragraphSpacing: string;
28
+ textDecoration: string;
29
+ textCase: string;
30
+ };
31
+ h3: {
32
+ fontWeight: string;
33
+ lineHeight: string;
34
+ fontSize: string;
35
+ letterSpacing: string;
36
+ paragraphSpacing: string;
37
+ textDecoration: string;
38
+ textCase: string;
39
+ };
40
+ h4: {
41
+ fontWeight: string;
42
+ lineHeight: string;
43
+ fontSize: string;
44
+ letterSpacing: string;
45
+ paragraphSpacing: string;
46
+ textDecoration: string;
47
+ textCase: string;
48
+ };
49
+ h5: {
50
+ fontWeight: string;
51
+ lineHeight: string;
52
+ fontSize: string;
53
+ letterSpacing: string;
54
+ paragraphSpacing: string;
55
+ textDecoration: string;
56
+ textCase: string;
57
+ };
58
+ h6: {
59
+ fontWeight: string;
60
+ lineHeight: string;
61
+ fontSize: string;
62
+ letterSpacing: string;
63
+ paragraphSpacing: string;
64
+ textDecoration: string;
65
+ textCase: string;
66
+ };
67
+ };
68
+ body: {
69
+ primary: {
70
+ fontWeight: string;
71
+ lineHeight: string;
72
+ fontSize: string;
73
+ letterSpacing: string;
74
+ paragraphSpacing: string;
75
+ textDecoration: string;
76
+ textCase: string;
77
+ };
78
+ secondary: {
79
+ fontWeight: string;
80
+ lineHeight: string;
81
+ fontSize: string;
82
+ letterSpacing: string;
83
+ paragraphSpacing: string;
84
+ textDecoration: string;
85
+ textCase: string;
86
+ };
87
+ tertiary: {
88
+ fontWeight: string;
89
+ lineHeight: string;
90
+ fontSize: string;
91
+ letterSpacing: string;
92
+ paragraphSpacing: string;
93
+ textDecoration: string;
94
+ textCase: string;
95
+ };
96
+ };
97
+ label: {
98
+ primary: {
99
+ fontWeight: string;
100
+ lineHeight: string;
101
+ fontSize: string;
102
+ letterSpacing: string;
103
+ paragraphSpacing: string;
104
+ textDecoration: string;
105
+ textCase: string;
106
+ };
107
+ secondary: {
108
+ fontWeight: string;
109
+ lineHeight: string;
110
+ fontSize: string;
111
+ letterSpacing: string;
112
+ paragraphSpacing: string;
113
+ textDecoration: string;
114
+ textCase: string;
115
+ };
116
+ tertiary: {
117
+ fontWeight: string;
118
+ lineHeight: string;
119
+ fontSize: string;
120
+ letterSpacing: string;
121
+ paragraphSpacing: string;
122
+ textDecoration: string;
123
+ textCase: string;
124
+ };
125
+ };
126
+ input: {
127
+ primary: {
128
+ fontWeight: string;
129
+ lineHeight: string;
130
+ fontSize: string;
131
+ letterSpacing: string;
132
+ paragraphSpacing: string;
133
+ textDecoration: string;
134
+ textCase: string;
135
+ };
136
+ secondary: {
137
+ fontWeight: string;
138
+ lineHeight: string;
139
+ fontSize: string;
140
+ letterSpacing: string;
141
+ paragraphSpacing: string;
142
+ textDecoration: string;
143
+ textCase: string;
144
+ };
145
+ };
146
+ button: {
147
+ primary: {
148
+ fontWeight: string;
149
+ lineHeight: string;
150
+ fontSize: string;
151
+ letterSpacing: string;
152
+ paragraphSpacing: string;
153
+ textDecoration: string;
154
+ textCase: string;
155
+ };
156
+ secondary: {
157
+ fontWeight: string;
158
+ lineHeight: string;
159
+ fontSize: string;
160
+ letterSpacing: string;
161
+ paragraphSpacing: string;
162
+ textDecoration: string;
163
+ textCase: string;
164
+ };
165
+ tertiary: {
166
+ fontWeight: string;
167
+ lineHeight: string;
168
+ fontSize: string;
169
+ letterSpacing: string;
170
+ paragraphSpacing: string;
171
+ textDecoration: string;
172
+ textCase: string;
173
+ };
174
+ };
175
+ };
176
+ mobile: {
177
+ headings: {
178
+ h1: {
179
+ fontWeight: string;
180
+ lineHeight: string;
181
+ fontSize: string;
182
+ letterSpacing: string;
183
+ paragraphSpacing: string;
184
+ textDecoration: string;
185
+ textCase: string;
186
+ };
187
+ h1Light: {
188
+ fontWeight: string;
189
+ lineHeight: string;
190
+ fontSize: string;
191
+ letterSpacing: string;
192
+ paragraphSpacing: string;
193
+ textDecoration: string;
194
+ textCase: string;
195
+ };
196
+ h2: {
197
+ fontWeight: string;
198
+ lineHeight: string;
199
+ fontSize: string;
200
+ letterSpacing: string;
201
+ paragraphSpacing: string;
202
+ textDecoration: string;
203
+ textCase: string;
204
+ };
205
+ h3: {
206
+ fontWeight: string;
207
+ lineHeight: string;
208
+ fontSize: string;
209
+ letterSpacing: string;
210
+ paragraphSpacing: string;
211
+ textDecoration: string;
212
+ textCase: string;
213
+ };
214
+ h4: {
215
+ fontWeight: string;
216
+ lineHeight: string;
217
+ fontSize: string;
218
+ letterSpacing: string;
219
+ paragraphSpacing: string;
220
+ textDecoration: string;
221
+ textCase: string;
222
+ };
223
+ h5: {
224
+ fontWeight: string;
225
+ lineHeight: string;
226
+ fontSize: string;
227
+ letterSpacing: string;
228
+ paragraphSpacing: string;
229
+ textDecoration: string;
230
+ textCase: string;
231
+ };
232
+ h6: {
233
+ fontWeight: string;
234
+ lineHeight: string;
235
+ fontSize: string;
236
+ letterSpacing: string;
237
+ paragraphSpacing: string;
238
+ textDecoration: string;
239
+ textCase: string;
240
+ };
241
+ };
242
+ body: {
243
+ primary: {
244
+ fontWeight: string;
245
+ lineHeight: string;
246
+ fontSize: string;
247
+ letterSpacing: string;
248
+ paragraphSpacing: string;
249
+ textDecoration: string;
250
+ textCase: string;
251
+ };
252
+ secondary: {
253
+ fontWeight: string;
254
+ lineHeight: string;
255
+ fontSize: string;
256
+ letterSpacing: string;
257
+ paragraphSpacing: string;
258
+ textDecoration: string;
259
+ textCase: string;
260
+ };
261
+ tertiary: {
262
+ fontWeight: string;
263
+ lineHeight: string;
264
+ fontSize: string;
265
+ letterSpacing: string;
266
+ paragraphSpacing: string;
267
+ textDecoration: string;
268
+ textCase: string;
269
+ };
270
+ };
271
+ label: {
272
+ primary: {
273
+ fontWeight: string;
274
+ lineHeight: string;
275
+ fontSize: string;
276
+ letterSpacing: string;
277
+ paragraphSpacing: string;
278
+ textDecoration: string;
279
+ textCase: string;
280
+ };
281
+ secondary: {
282
+ fontWeight: string;
283
+ lineHeight: string;
284
+ fontSize: string;
285
+ letterSpacing: string;
286
+ paragraphSpacing: string;
287
+ textDecoration: string;
288
+ textCase: string;
289
+ };
290
+ tertiary: {
291
+ fontWeight: string;
292
+ lineHeight: string;
293
+ fontSize: string;
294
+ letterSpacing: string;
295
+ paragraphSpacing: string;
296
+ textDecoration: string;
297
+ textCase: string;
298
+ };
299
+ };
300
+ input: {
301
+ primary: {
302
+ fontWeight: string;
303
+ lineHeight: string;
304
+ fontSize: string;
305
+ letterSpacing: string;
306
+ paragraphSpacing: string;
307
+ textDecoration: string;
308
+ textCase: string;
309
+ };
310
+ secondary: {
311
+ fontWeight: string;
312
+ lineHeight: string;
313
+ fontSize: string;
314
+ letterSpacing: string;
315
+ paragraphSpacing: string;
316
+ textDecoration: string;
317
+ textCase: string;
318
+ };
319
+ };
320
+ button: {
321
+ primary: {
322
+ fontWeight: string;
323
+ lineHeight: string;
324
+ fontSize: string;
325
+ letterSpacing: string;
326
+ paragraphSpacing: string;
327
+ textDecoration: string;
328
+ textCase: string;
329
+ };
330
+ secondary: {
331
+ fontWeight: string;
332
+ lineHeight: string;
333
+ fontSize: string;
334
+ letterSpacing: string;
335
+ paragraphSpacing: string;
336
+ textDecoration: string;
337
+ textCase: string;
338
+ };
339
+ tertiary: {
340
+ fontWeight: string;
341
+ lineHeight: string;
342
+ fontSize: string;
343
+ letterSpacing: string;
344
+ paragraphSpacing: string;
345
+ textDecoration: string;
346
+ textCase: string;
347
+ };
348
+ };
349
+ };
350
+ };
package/src/lib/tokens/color.d.ts ADDED
@@ -0,0 +1,89 @@
1
+ export declare const color: {
2
+ brandPrimary: {
3
+ 100: string;
4
+ 200: string;
5
+ 300: string;
6
+ 400: string;
7
+ 500: string;
8
+ 600: string;
9
+ 700: string;
10
+ 800: string;
11
+ };
12
+ brandSecondary: {
13
+ 50: string;
14
+ 100: string;
15
+ 200: string;
16
+ 300: string;
17
+ 400: string;
18
+ 500: string;
19
+ 600: string;
20
+ 700: string;
21
+ 800: string;
22
+ };
23
+ brandTertiary: {
24
+ 100: string;
25
+ 200: string;
26
+ 300: string;
27
+ 400: string;
28
+ 500: string;
29
+ 600: string;
30
+ 700: string;
31
+ 800: string;
32
+ };
33
+ neutral: {
34
+ 100: string;
35
+ 200: string;
36
+ 250: string;
37
+ 300: string;
38
+ 400: string;
39
+ 500: string;
40
+ 600: string;
41
+ 650: string;
42
+ 700: string;
43
+ 800: string;
44
+ 900: string;
45
+ 1000: string;
46
+ };
47
+ red: {
48
+ 50: string;
49
+ 100: string;
50
+ 200: string;
51
+ 300: string;
52
+ 400: string;
53
+ 500: string;
54
+ 600: string;
55
+ 700: string;
56
+ 800: string;
57
+ 900: string;
58
+ };
59
+ green: {
60
+ 50: string;
61
+ 100: string;
62
+ 200: string;
63
+ 300: string;
64
+ 400: string;
65
+ 500: string;
66
+ 600: string;
67
+ 700: string;
68
+ 800: string;
69
+ 900: string;
70
+ };
71
+ amber: {
72
+ 50: string;
73
+ 100: string;
74
+ 200: string;
75
+ 300: string;
76
+ 400: string;
77
+ 500: string;
78
+ 600: string;
79
+ 700: string;
80
+ 800: string;
81
+ 900: string;
82
+ };
83
+ null: {
84
+ 100: string;
85
+ };
86
+ social: {
87
+ 100: string;
88
+ };
89
+ };
package/src/lib/tokens/effect.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export declare const effect: {
2
+ elevation: {
3
+ 0: string;
4
+ 20: string;
5
+ 40: string;
6
+ 60: string;
7
+ 80: string;
8
+ 100: string;
9
+ };
10
+ };
package/src/lib/tokens/index.d.ts ADDED
@@ -0,0 +1,189 @@
1
+ export declare const tokens: {
2
+ fontFamily: {
3
+ '02': string;
4
+ '01': string;
5
+ };
6
+ fontWeight: {
7
+ bold: string;
8
+ light: string;
9
+ regular: string;
10
+ };
11
+ letterSpacing: {
12
+ S: string;
13
+ M: string;
14
+ L: string;
15
+ XL: string;
16
+ };
17
+ fontSize: {
18
+ 50: string;
19
+ 75: string;
20
+ 100: string;
21
+ 125: string;
22
+ 150: string;
23
+ 200: string;
24
+ 300: string;
25
+ 400: string;
26
+ 500: string;
27
+ };
28
+ lineHeight: {
29
+ 50: string;
30
+ 100: string;
31
+ 150: string;
32
+ 200: string;
33
+ 250: string;
34
+ 300: string;
35
+ 350: string;
36
+ 400: string;
37
+ };
38
+ textDecoration: {
39
+ none: string;
40
+ underline: string;
41
+ };
42
+ textCase: {
43
+ none: string;
44
+ capitalize: string;
45
+ uppercase: string;
46
+ };
47
+ paragraphSpacing: {
48
+ none: string;
49
+ };
50
+ padding: {
51
+ NONE: string;
52
+ XXXS: string;
53
+ XXS: string;
54
+ XS: string;
55
+ S: string;
56
+ M: string;
57
+ 'M+': string;
58
+ L: string;
59
+ 'L+': string;
60
+ XL: string;
61
+ '2XL': string;
62
+ '3XL': string;
63
+ '4XL': string;
64
+ '5XL': string;
65
+ '6XL': string;
66
+ };
67
+ flexbox: {
68
+ XXXXS: string;
69
+ XXXS: string;
70
+ XXS: string;
71
+ 'XXS+': string;
72
+ XS: string;
73
+ S: string;
74
+ M: string;
75
+ L: string;
76
+ XL: string;
77
+ '2XL': string;
78
+ '3XL': string;
79
+ '4XL': string;
80
+ '5XL': string;
81
+ '6XL': string;
82
+ };
83
+ borderRadius: {
84
+ XS: string;
85
+ S: string;
86
+ M: string;
87
+ L: string;
88
+ XL: string;
89
+ };
90
+ borderWidth: {
91
+ S: string;
92
+ M: string;
93
+ };
94
+ elevation: {
95
+ 0: string;
96
+ 20: string;
97
+ 40: string;
98
+ 60: string;
99
+ 80: string;
100
+ 100: string;
101
+ };
102
+ brandPrimary: {
103
+ 100: string;
104
+ 200: string;
105
+ 300: string;
106
+ 400: string;
107
+ 500: string;
108
+ 600: string;
109
+ 700: string;
110
+ 800: string;
111
+ };
112
+ brandSecondary: {
113
+ 50: string;
114
+ 100: string;
115
+ 200: string;
116
+ 300: string;
117
+ 400: string;
118
+ 500: string;
119
+ 600: string;
120
+ 700: string;
121
+ 800: string;
122
+ };
123
+ brandTertiary: {
124
+ 100: string;
125
+ 200: string;
126
+ 300: string;
127
+ 400: string;
128
+ 500: string;
129
+ 600: string;
130
+ 700: string;
131
+ 800: string;
132
+ };
133
+ neutral: {
134
+ 100: string;
135
+ 200: string;
136
+ 250: string;
137
+ 300: string;
138
+ 400: string;
139
+ 500: string;
140
+ 600: string;
141
+ 650: string;
142
+ 700: string;
143
+ 800: string;
144
+ 900: string;
145
+ 1000: string;
146
+ };
147
+ red: {
148
+ 50: string;
149
+ 100: string;
150
+ 200: string;
151
+ 300: string;
152
+ 400: string;
153
+ 500: string;
154
+ 600: string;
155
+ 700: string;
156
+ 800: string;
157
+ 900: string;
158
+ };
159
+ green: {
160
+ 50: string;
161
+ 100: string;
162
+ 200: string;
163
+ 300: string;
164
+ 400: string;
165
+ 500: string;
166
+ 600: string;
167
+ 700: string;
168
+ 800: string;
169
+ 900: string;
170
+ };
171
+ amber: {
172
+ 50: string;
173
+ 100: string;
174
+ 200: string;
175
+ 300: string;
176
+ 400: string;
177
+ 500: string;
178
+ 600: string;
179
+ 700: string;
180
+ 800: string;
181
+ 900: string;
182
+ };
183
+ null: {
184
+ 100: string;
185
+ };
186
+ social: {
187
+ 100: string;
188
+ };
189
+ };
package/src/lib/tokens/spacing.d.ts ADDED
@@ -0,0 +1,46 @@
1
+ export declare const spacing: {
2
+ padding: {
3
+ NONE: string;
4
+ XXXS: string;
5
+ XXS: string;
6
+ XS: string;
7
+ S: string;
8
+ M: string;
9
+ 'M+': string;
10
+ L: string;
11
+ 'L+': string;
12
+ XL: string;
13
+ '2XL': string;
14
+ '3XL': string;
15
+ '4XL': string;
16
+ '5XL': string;
17
+ '6XL': string;
18
+ };
19
+ flexbox: {
20
+ XXXXS: string;
21
+ XXXS: string;
22
+ XXS: string;
23
+ 'XXS+': string;
24
+ XS: string;
25
+ S: string;
26
+ M: string;
27
+ L: string;
28
+ XL: string;
29
+ '2XL': string;
30
+ '3XL': string;
31
+ '4XL': string;
32
+ '5XL': string;
33
+ '6XL': string;
34
+ };
35
+ borderRadius: {
36
+ XS: string;
37
+ S: string;
38
+ M: string;
39
+ L: string;
40
+ XL: string;
41
+ };
42
+ borderWidth: {
43
+ S: string;
44
+ M: string;
45
+ };
46
+ };