@typestyles/open-props 0.3.0 → 0.3.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.
Files changed (5) hide show
  1. package/LICENSE +204 -0
  2. package/README.md +161 -0
  3. package/dist/index.d.cts +367 -368
  4. package/dist/index.d.ts +367 -368
  5. package/package.json +4 -8
package/dist/index.d.ts CHANGED
@@ -1,374 +1,373 @@
1
+ import * as typestyles from 'typestyles';
1
2
  import { TokenRef } from 'typestyles';
2
3
  export { TokenRef, tokens } from 'typestyles';
3
4
 
4
- declare const sizes: {
5
- readonly '0': string;
6
- readonly '1': string;
7
- readonly '2': string;
8
- readonly '3': string;
9
- readonly '4': string;
10
- readonly '5': string;
11
- readonly '6': string;
12
- readonly '7': string;
13
- readonly '8': string;
14
- readonly '9': string;
15
- readonly '10': string;
16
- readonly 'content-1': string;
17
- readonly 'content-2': string;
18
- readonly 'content-3': string;
19
- readonly 'fluid-1': string;
20
- readonly 'fluid-2': string;
21
- readonly 'fluid-3': string;
22
- readonly 'fluid-4': string;
23
- readonly 'fluid-5': string;
24
- readonly 'fluid-6': string;
25
- readonly 'fluid-7': string;
26
- readonly 'fluid-8': string;
27
- };
28
- declare const radius: {
29
- readonly '0': string;
30
- readonly '1': string;
31
- readonly '2': string;
32
- readonly '3': string;
33
- readonly '4': string;
34
- readonly '5': string;
35
- readonly '6': string;
36
- readonly '7': string;
37
- readonly '8': string;
38
- readonly '9': string;
39
- readonly '10': string;
40
- readonly '11': string;
41
- readonly '12': string;
42
- readonly '13': string;
43
- readonly '14': string;
44
- readonly '15': string;
45
- readonly '16': string;
46
- readonly '17': string;
47
- readonly '18': string;
48
- readonly '19': string;
49
- readonly '20': string;
50
- readonly '21': string;
51
- readonly '22': string;
52
- readonly '23': string;
53
- readonly '24': string;
54
- readonly '25': string;
55
- readonly '26': string;
56
- readonly '27': string;
57
- readonly '28': string;
58
- readonly '29': string;
59
- readonly '30': string;
60
- readonly round: string;
61
- readonly pill: string;
62
- };
63
- declare const shadow: {
64
- readonly '1': string;
65
- readonly '2': string;
66
- readonly '3': string;
67
- readonly '4': string;
68
- readonly '5': string;
69
- readonly '6': string;
70
- readonly 'inner-1': string;
71
- readonly 'inner-2': string;
72
- readonly 'inner-3': string;
73
- readonly 'inner-4': string;
74
- readonly 'inner-5': string;
75
- };
76
- declare const easing: {
77
- readonly '1': string;
78
- readonly '2': string;
79
- readonly '3': string;
80
- readonly '4': string;
81
- readonly '5': string;
82
- readonly 'in-1': string;
83
- readonly 'in-2': string;
84
- readonly 'in-3': string;
85
- readonly 'in-4': string;
86
- readonly 'in-5': string;
87
- readonly 'out-1': string;
88
- readonly 'out-2': string;
89
- readonly 'out-3': string;
90
- readonly 'out-4': string;
91
- readonly 'out-5': string;
92
- readonly 'in-out-1': string;
93
- readonly 'in-out-2': string;
94
- readonly 'in-out-3': string;
95
- readonly 'in-out-4': string;
96
- readonly 'in-out-5': string;
97
- readonly 'elastic-out-1': string;
98
- readonly 'elastic-out-2': string;
99
- readonly 'elastic-out-3': string;
100
- readonly 'elastic-out-4': string;
101
- readonly 'elastic-out-5': string;
102
- readonly 'elastic-in-1': string;
103
- readonly 'elastic-in-2': string;
104
- readonly 'elastic-in-3': string;
105
- readonly 'elastic-in-4': string;
106
- readonly 'elastic-in-5': string;
107
- readonly 'elastic-in-out-1': string;
108
- readonly 'elastic-in-out-2': string;
109
- readonly 'elastic-in-out-3': string;
110
- readonly 'elastic-in-out-4': string;
111
- readonly 'elastic-in-out-5': string;
112
- readonly 'bounce-1': string;
113
- readonly 'bounce-2': string;
114
- readonly 'bounce-3': string;
115
- readonly 'bounce-4': string;
116
- readonly 'bounce-5': string;
117
- };
118
- declare const animation: {
119
- readonly 'fade-in': string;
120
- readonly 'fade-out': string;
121
- readonly 'scale-in': string;
122
- readonly 'scale-out': string;
123
- readonly 'slide-in-up': string;
124
- readonly 'slide-in-down': string;
125
- readonly 'slide-in-left': string;
126
- readonly 'slide-in-right': string;
127
- readonly 'slide-out-up': string;
128
- readonly 'slide-out-down': string;
129
- readonly 'slide-out-left': string;
130
- readonly 'slide-out-right': string;
131
- readonly shake: string;
132
- readonly bounce: string;
133
- readonly spin: string;
134
- readonly flip: string;
135
- readonly float: string;
136
- readonly jiggle: string;
137
- readonly wiggle: string;
138
- readonly pulse: string;
139
- readonly pop: string;
140
- };
141
- declare const fontSize: {
142
- readonly '00': string;
143
- readonly '0': string;
144
- readonly '1': string;
145
- readonly '2': string;
146
- readonly '3': string;
147
- readonly '4': string;
148
- readonly '5': string;
149
- readonly '6': string;
150
- readonly '7': string;
151
- readonly '8': string;
152
- readonly 'fluid-0': string;
153
- readonly 'fluid-1': string;
154
- readonly 'fluid-2': string;
155
- readonly 'fluid-3': string;
156
- };
157
- declare const fontWeight: {
158
- readonly '1': string;
159
- readonly '2': string;
160
- readonly '3': string;
161
- readonly '4': string;
162
- readonly '5': string;
163
- readonly '6': string;
164
- readonly '7': string;
165
- readonly '8': string;
166
- readonly '9': string;
167
- };
168
- declare const fontLetterspacing: {
169
- readonly '0': string;
170
- readonly '1': string;
171
- readonly '2': string;
172
- readonly '3': string;
173
- readonly '4': string;
174
- readonly '5': string;
175
- readonly '6': string;
176
- readonly '7': string;
177
- };
178
- declare const fontLineheight: {
179
- readonly '00': string;
180
- readonly '0': string;
181
- readonly '1': string;
182
- readonly '2': string;
183
- readonly '3': string;
184
- readonly '4': string;
185
- readonly '5': string;
186
- };
187
- declare const zIndex: {
188
- readonly '1': string;
189
- readonly '2': string;
190
- readonly '3': string;
191
- readonly '4': string;
192
- readonly '5': string;
193
- readonly max: string;
194
- };
195
- declare const ratio: {
196
- readonly square: string;
197
- readonly landscape: string;
198
- readonly portrait: string;
199
- readonly widescreen: string;
200
- readonly ultrawide: string;
201
- readonly golden: string;
202
- };
203
- declare const gradient: {
204
- readonly '1': string;
205
- readonly '2': string;
206
- readonly '3': string;
207
- readonly '4': string;
208
- readonly '5': string;
209
- readonly '6': string;
210
- readonly '7': string;
211
- readonly '8': string;
212
- readonly '9': string;
213
- readonly '10': string;
214
- readonly '11': string;
215
- readonly '12': string;
216
- readonly '13': string;
217
- readonly '14': string;
218
- readonly '15': string;
219
- readonly '16': string;
220
- readonly '17': string;
221
- readonly '18': string;
222
- readonly '19': string;
223
- readonly '20': string;
224
- readonly '21': string;
225
- readonly '22': string;
226
- readonly '23': string;
227
- readonly '24': string;
228
- readonly '25': string;
229
- readonly '26': string;
230
- readonly '27': string;
231
- readonly '28': string;
232
- readonly '29': string;
233
- readonly '30': string;
234
- };
235
- declare const media: {
236
- readonly motion: string;
237
- readonly motionReduce: string;
238
- readonly dark: string;
239
- readonly light: string;
240
- readonly landscape: string;
241
- readonly portrait: string;
242
- readonly xs: string;
243
- readonly sm: string;
244
- readonly md: string;
245
- readonly lg: string;
246
- readonly xl: string;
247
- readonly '2xl': string;
248
- readonly '3xl': string;
249
- readonly '4xl': string;
250
- readonly '5xl': string;
251
- readonly '6xl': string;
252
- readonly '7xl': string;
253
- readonly '8xl': string;
254
- readonly '9xl': string;
255
- };
256
- declare const duration: {
257
- readonly '0': string;
258
- readonly '1': string;
259
- readonly '2': string;
260
- readonly '3': string;
261
- readonly '4': string;
262
- readonly '5': string;
263
- };
264
- declare const borderSize: {
265
- readonly '0': string;
266
- readonly '1': string;
267
- readonly '2': string;
268
- readonly '3': string;
269
- readonly '4': string;
270
- readonly '5': string;
271
- };
272
- declare const noise: {
273
- readonly '1': string;
274
- readonly '2': string;
275
- readonly '3': string;
276
- readonly '4': string;
277
- readonly '5': string;
278
- readonly 'filter-1': string;
279
- readonly 'filter-2': string;
280
- readonly 'filter-3': string;
281
- readonly 'filter-4': string;
282
- readonly 'filter-5': string;
283
- };
284
- declare const color: {
285
- readonly [x: string]: string;
286
- };
287
- declare const brand: {
288
- readonly facebook: string;
289
- readonly youtube: string;
290
- readonly twitter: string;
291
- readonly whatsapp: string;
292
- readonly instagram: string;
293
- readonly 'instagram-yellow': string;
294
- readonly 'instagram-red': string;
295
- readonly 'instagram-magenta': string;
296
- readonly 'instagram-blue': string;
297
- readonly snapchat: string;
298
- readonly google: string;
299
- readonly 'google-blue': string;
300
- readonly 'google-red': string;
301
- readonly 'google-yellow': string;
302
- readonly 'google-green': string;
303
- readonly tiktok: string;
304
- readonly 'tiktok-razzmatazz': string;
305
- readonly 'tiktok-splash': string;
306
- readonly microsoft: string;
307
- readonly 'microsoft-blue': string;
308
- readonly 'microsoft-red': string;
309
- readonly 'microsoft-green': string;
310
- readonly 'microsoft-yellow': string;
311
- readonly pinterest: string;
312
- readonly spotify: string;
313
- readonly discord: string;
314
- readonly telegram: string;
315
- readonly reddit: string;
316
- readonly amazon: string;
317
- readonly twitch: string;
318
- };
319
- declare const font: {
320
- readonly 'system-ui': string;
321
- readonly transitional: string;
322
- readonly 'old-style': string;
323
- readonly humanist: string;
324
- readonly 'geometric-humanist': string;
325
- readonly 'classical-humanist': string;
326
- readonly 'neo-grotesque': string;
327
- readonly 'monospace-slab-serif': string;
328
- readonly 'monospace-code': string;
329
- readonly industrial: string;
330
- readonly 'rounded-sans': string;
331
- readonly 'slab-serif': string;
332
- readonly antique: string;
333
- readonly didone: string;
334
- readonly handwritten: string;
335
- readonly sans: string;
336
- readonly serif: string;
337
- readonly mono: string;
338
- };
339
- declare const palette: {
340
- readonly '1': string;
341
- readonly '2': string;
342
- readonly '3': string;
343
- readonly '4': string;
344
- readonly '5': string;
345
- readonly '6': string;
346
- readonly '7': string;
347
- readonly '8': string;
348
- readonly '9': string;
349
- readonly '10': string;
350
- readonly '11': string;
351
- readonly '12': string;
352
- readonly '13': string;
353
- readonly '14': string;
354
- readonly '15': string;
355
- readonly '16': string;
356
- };
357
- declare const masksEdges: {
358
- readonly '0': string;
359
- readonly '1': string;
360
- readonly '2': string;
361
- readonly '3': string;
362
- readonly '4': string;
363
- };
364
- declare const masksCornerCuts: {
365
- readonly '1': string;
366
- readonly '2': string;
367
- readonly '3': string;
368
- readonly '4': string;
369
- readonly '5': string;
370
- readonly '6': string;
371
- };
5
+ declare const sizes: typestyles.CreatedTokenRef<{
6
+ '0': string;
7
+ '1': string;
8
+ '2': string;
9
+ '3': string;
10
+ '4': string;
11
+ '5': string;
12
+ '6': string;
13
+ '7': string;
14
+ '8': string;
15
+ '9': string;
16
+ '10': string;
17
+ 'content-1': string;
18
+ 'content-2': string;
19
+ 'content-3': string;
20
+ 'fluid-1': string;
21
+ 'fluid-2': string;
22
+ 'fluid-3': string;
23
+ 'fluid-4': string;
24
+ 'fluid-5': string;
25
+ 'fluid-6': string;
26
+ 'fluid-7': string;
27
+ 'fluid-8': string;
28
+ }, "size">;
29
+ declare const radius: typestyles.CreatedTokenRef<{
30
+ '0': string;
31
+ '1': string;
32
+ '2': string;
33
+ '3': string;
34
+ '4': string;
35
+ '5': string;
36
+ '6': string;
37
+ '7': string;
38
+ '8': string;
39
+ '9': string;
40
+ '10': string;
41
+ '11': string;
42
+ '12': string;
43
+ '13': string;
44
+ '14': string;
45
+ '15': string;
46
+ '16': string;
47
+ '17': string;
48
+ '18': string;
49
+ '19': string;
50
+ '20': string;
51
+ '21': string;
52
+ '22': string;
53
+ '23': string;
54
+ '24': string;
55
+ '25': string;
56
+ '26': string;
57
+ '27': string;
58
+ '28': string;
59
+ '29': string;
60
+ '30': string;
61
+ round: string;
62
+ pill: string;
63
+ }, "radius">;
64
+ declare const shadow: typestyles.CreatedTokenRef<{
65
+ '1': string;
66
+ '2': string;
67
+ '3': string;
68
+ '4': string;
69
+ '5': string;
70
+ '6': string;
71
+ 'inner-1': string;
72
+ 'inner-2': string;
73
+ 'inner-3': string;
74
+ 'inner-4': string;
75
+ 'inner-5': string;
76
+ }, "shadow">;
77
+ declare const easing: typestyles.CreatedTokenRef<{
78
+ '1': string;
79
+ '2': string;
80
+ '3': string;
81
+ '4': string;
82
+ '5': string;
83
+ 'in-1': string;
84
+ 'in-2': string;
85
+ 'in-3': string;
86
+ 'in-4': string;
87
+ 'in-5': string;
88
+ 'out-1': string;
89
+ 'out-2': string;
90
+ 'out-3': string;
91
+ 'out-4': string;
92
+ 'out-5': string;
93
+ 'in-out-1': string;
94
+ 'in-out-2': string;
95
+ 'in-out-3': string;
96
+ 'in-out-4': string;
97
+ 'in-out-5': string;
98
+ 'elastic-out-1': string;
99
+ 'elastic-out-2': string;
100
+ 'elastic-out-3': string;
101
+ 'elastic-out-4': string;
102
+ 'elastic-out-5': string;
103
+ 'elastic-in-1': string;
104
+ 'elastic-in-2': string;
105
+ 'elastic-in-3': string;
106
+ 'elastic-in-4': string;
107
+ 'elastic-in-5': string;
108
+ 'elastic-in-out-1': string;
109
+ 'elastic-in-out-2': string;
110
+ 'elastic-in-out-3': string;
111
+ 'elastic-in-out-4': string;
112
+ 'elastic-in-out-5': string;
113
+ 'bounce-1': string;
114
+ 'bounce-2': string;
115
+ 'bounce-3': string;
116
+ 'bounce-4': string;
117
+ 'bounce-5': string;
118
+ }, "ease">;
119
+ declare const animation: typestyles.CreatedTokenRef<{
120
+ 'fade-in': string;
121
+ 'fade-out': string;
122
+ 'scale-in': string;
123
+ 'scale-out': string;
124
+ 'slide-in-up': string;
125
+ 'slide-in-down': string;
126
+ 'slide-in-left': string;
127
+ 'slide-in-right': string;
128
+ 'slide-out-up': string;
129
+ 'slide-out-down': string;
130
+ 'slide-out-left': string;
131
+ 'slide-out-right': string;
132
+ shake: string;
133
+ bounce: string;
134
+ spin: string;
135
+ flip: string;
136
+ float: string;
137
+ jiggle: string;
138
+ wiggle: string;
139
+ pulse: string;
140
+ pop: string;
141
+ }, "animation">;
142
+ declare const fontSize: typestyles.CreatedTokenRef<{
143
+ '00': string;
144
+ '0': string;
145
+ '1': string;
146
+ '2': string;
147
+ '3': string;
148
+ '4': string;
149
+ '5': string;
150
+ '6': string;
151
+ '7': string;
152
+ '8': string;
153
+ 'fluid-0': string;
154
+ 'fluid-1': string;
155
+ 'fluid-2': string;
156
+ 'fluid-3': string;
157
+ }, "font-size">;
158
+ declare const fontWeight: typestyles.CreatedTokenRef<{
159
+ '1': string;
160
+ '2': string;
161
+ '3': string;
162
+ '4': string;
163
+ '5': string;
164
+ '6': string;
165
+ '7': string;
166
+ '8': string;
167
+ '9': string;
168
+ }, "font-weight">;
169
+ declare const fontLetterspacing: typestyles.CreatedTokenRef<{
170
+ '0': string;
171
+ '1': string;
172
+ '2': string;
173
+ '3': string;
174
+ '4': string;
175
+ '5': string;
176
+ '6': string;
177
+ '7': string;
178
+ }, "font-letterspacing">;
179
+ declare const fontLineheight: typestyles.CreatedTokenRef<{
180
+ '00': string;
181
+ '0': string;
182
+ '1': string;
183
+ '2': string;
184
+ '3': string;
185
+ '4': string;
186
+ '5': string;
187
+ }, "font-lineheight">;
188
+ declare const zIndex: typestyles.CreatedTokenRef<{
189
+ '1': string;
190
+ '2': string;
191
+ '3': string;
192
+ '4': string;
193
+ '5': string;
194
+ max: string;
195
+ }, "zindex">;
196
+ declare const ratio: typestyles.CreatedTokenRef<{
197
+ square: string;
198
+ landscape: string;
199
+ portrait: string;
200
+ widescreen: string;
201
+ ultrawide: string;
202
+ golden: string;
203
+ }, "ratio">;
204
+ declare const gradient: typestyles.CreatedTokenRef<{
205
+ '1': string;
206
+ '2': string;
207
+ '3': string;
208
+ '4': string;
209
+ '5': string;
210
+ '6': string;
211
+ '7': string;
212
+ '8': string;
213
+ '9': string;
214
+ '10': string;
215
+ '11': string;
216
+ '12': string;
217
+ '13': string;
218
+ '14': string;
219
+ '15': string;
220
+ '16': string;
221
+ '17': string;
222
+ '18': string;
223
+ '19': string;
224
+ '20': string;
225
+ '21': string;
226
+ '22': string;
227
+ '23': string;
228
+ '24': string;
229
+ '25': string;
230
+ '26': string;
231
+ '27': string;
232
+ '28': string;
233
+ '29': string;
234
+ '30': string;
235
+ }, "gradient">;
236
+ declare const media: typestyles.CreatedTokenRef<{
237
+ motion: string;
238
+ motionReduce: string;
239
+ dark: string;
240
+ light: string;
241
+ landscape: string;
242
+ portrait: string;
243
+ xs: string;
244
+ sm: string;
245
+ md: string;
246
+ lg: string;
247
+ xl: string;
248
+ '2xl': string;
249
+ '3xl': string;
250
+ '4xl': string;
251
+ '5xl': string;
252
+ '6xl': string;
253
+ '7xl': string;
254
+ '8xl': string;
255
+ '9xl': string;
256
+ }, "media">;
257
+ declare const duration: typestyles.CreatedTokenRef<{
258
+ '0': string;
259
+ '1': string;
260
+ '2': string;
261
+ '3': string;
262
+ '4': string;
263
+ '5': string;
264
+ }, "duration">;
265
+ declare const borderSize: typestyles.CreatedTokenRef<{
266
+ '0': string;
267
+ '1': string;
268
+ '2': string;
269
+ '3': string;
270
+ '4': string;
271
+ '5': string;
272
+ }, "border-size">;
273
+ declare const noise: typestyles.CreatedTokenRef<{
274
+ '1': string;
275
+ '2': string;
276
+ '3': string;
277
+ '4': string;
278
+ '5': string;
279
+ 'filter-1': string;
280
+ 'filter-2': string;
281
+ 'filter-3': string;
282
+ 'filter-4': string;
283
+ 'filter-5': string;
284
+ }, "noise">;
285
+ declare const color: typestyles.CreatedTokenRef<Record<string, string>, "color">;
286
+ declare const brand: typestyles.CreatedTokenRef<{
287
+ facebook: string;
288
+ youtube: string;
289
+ twitter: string;
290
+ whatsapp: string;
291
+ instagram: string;
292
+ 'instagram-yellow': string;
293
+ 'instagram-red': string;
294
+ 'instagram-magenta': string;
295
+ 'instagram-blue': string;
296
+ snapchat: string;
297
+ google: string;
298
+ 'google-blue': string;
299
+ 'google-red': string;
300
+ 'google-yellow': string;
301
+ 'google-green': string;
302
+ tiktok: string;
303
+ 'tiktok-razzmatazz': string;
304
+ 'tiktok-splash': string;
305
+ microsoft: string;
306
+ 'microsoft-blue': string;
307
+ 'microsoft-red': string;
308
+ 'microsoft-green': string;
309
+ 'microsoft-yellow': string;
310
+ pinterest: string;
311
+ spotify: string;
312
+ discord: string;
313
+ telegram: string;
314
+ reddit: string;
315
+ amazon: string;
316
+ twitch: string;
317
+ }, "brand">;
318
+ declare const font: typestyles.CreatedTokenRef<{
319
+ 'system-ui': string;
320
+ transitional: string;
321
+ 'old-style': string;
322
+ humanist: string;
323
+ 'geometric-humanist': string;
324
+ 'classical-humanist': string;
325
+ 'neo-grotesque': string;
326
+ 'monospace-slab-serif': string;
327
+ 'monospace-code': string;
328
+ industrial: string;
329
+ 'rounded-sans': string;
330
+ 'slab-serif': string;
331
+ antique: string;
332
+ didone: string;
333
+ handwritten: string;
334
+ sans: string;
335
+ serif: string;
336
+ mono: string;
337
+ }, "font">;
338
+ declare const palette: typestyles.CreatedTokenRef<{
339
+ '1': string;
340
+ '2': string;
341
+ '3': string;
342
+ '4': string;
343
+ '5': string;
344
+ '6': string;
345
+ '7': string;
346
+ '8': string;
347
+ '9': string;
348
+ '10': string;
349
+ '11': string;
350
+ '12': string;
351
+ '13': string;
352
+ '14': string;
353
+ '15': string;
354
+ '16': string;
355
+ }, "palette">;
356
+ declare const masksEdges: typestyles.CreatedTokenRef<{
357
+ '0': string;
358
+ '1': string;
359
+ '2': string;
360
+ '3': string;
361
+ '4': string;
362
+ }, "masks-edge">;
363
+ declare const masksCornerCuts: typestyles.CreatedTokenRef<{
364
+ '1': string;
365
+ '2': string;
366
+ '3': string;
367
+ '4': string;
368
+ '5': string;
369
+ '6': string;
370
+ }, "masks-corner-cuts">;
372
371
  declare function useOpenProps(namespace: string): TokenRef<Record<string, string>>;
373
372
 
374
373
  export { animation, borderSize, brand, color, duration, easing, font, fontLetterspacing, fontLineheight, fontSize, fontWeight, gradient, masksCornerCuts, masksEdges, media, noise, palette, radius, ratio, shadow, sizes, useOpenProps, zIndex };