source: imaps-frontend/node_modules/nano-css/addon/atoms.d.ts

main
Last change on this file was d565449, checked in by stefan toskovski <stefantoska84@…>, 4 weeks ago

Update repo after prototype presentation
  • Property mode set to 100644
File size: 20.0 KB
Line 
1import * as CSS from 'csstype';
2import {NanoRenderer} from '../types/nano';
3
4type TLength = string | number;
5
6export interface Atoms {
7 // Positioning
8
9 /**
10 * Short for `position` property.
11 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
12 */
13 pos?: CSS.Property.Position;
14
15 /**
16 * Short for `top` property.
17 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
18 */
19 t?: CSS.Property.Top<TLength>;
20
21 /**
22 * Short for `right` property.
23 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
24 */
25 r?: CSS.Property.Right<TLength>;
26
27 /**
28 * Short for `bottom` property.
29 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
30 */
31 b?: CSS.Property.Bottom<TLength>;
32
33 /**
34 * Short for `left` property.
35 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
36 */
37 l?: CSS.Property.Left<TLength>;
38
39 /**
40 * Short for `z-index` property.
41 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
42 */
43 z?: CSS.Property.ZIndex;
44
45 // Layout (box model)
46
47 /**
48 * Short for `display` property.
49 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
50 */
51 d?: CSS.Property.Display;
52
53 /**
54 * Short for `visibility` property.
55 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
56 */
57 vis?: CSS.Property.Visibility;
58
59 /**
60 * Short for `width` property.
61 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
62 */
63 w?: CSS.Property.Width<TLength>;
64
65 /**
66 * Short for `min-width` property.
67 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
68 */
69 minW?: CSS.Property.MinWidth<TLength>;
70
71 /**
72 * Short for `max-width` property.
73 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
74 */
75 maxW?: CSS.Property.MaxWidth<TLength>;
76
77 /**
78 * Short for `height` property.
79 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
80 */
81 h?: CSS.Property.Height<TLength>;
82
83 /**
84 * Short for `min-height` property.
85 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
86 */
87 minH?: CSS.Property.MinHeight<TLength>;
88
89 /**
90 * Short for `max-height` property.
91 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
92 */
93 maxH?: CSS.Property.MaxHeight<TLength>;
94
95 /**
96 * Short for `overflow` property.
97 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
98 */
99 ov?: CSS.Property.Overflow;
100
101 /**
102 * Short for `overflow-x` property.
103 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
104 */
105 ovx?: CSS.Property.OverflowX;
106
107 /**
108 * Short for `overflow-y` property.
109 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
110 */
111 ovy?: CSS.Property.OverflowX;
112
113 /**
114 * Short for `box-sizing` property.
115 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
116 */
117 bxz?: CSS.Property.BoxSizing;
118
119 /**
120 * Short for `clip` property.
121 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
122 */
123 cl?: CSS.Property.Clip;
124
125 /**
126 * Short for `clip-path` property.
127 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
128 */
129 clp?: CSS.Property.ClipPath;
130
131 /**
132 * Short for `table-layout` property.
133 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
134 */
135 clr?: CSS.Property.Clear;
136
137 /**
138 * Short for `table-layout` property.
139 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
140 */
141 tbl?: CSS.Property.TableLayout;
142
143 // Flexbox
144
145 /**
146 * Short for `flex` property.
147 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
148 */
149 fl?: CSS.Property.Flex<TLength>;
150
151 /**
152 * Short for `flex-direction` property.
153 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
154 */
155 fld?: CSS.Property.FlexDirection;
156
157 /**
158 * Short for `flex-grow` property.
159 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
160 */
161 flg?: CSS.Property.FlexGrow;
162
163 /**
164 * Short for `flex-shrink` property.
165 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
166 */
167 fls?: CSS.Property.FlexShrink;
168
169 /**
170 * Short for `flex-basis` property.
171 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
172 */
173 flb?: CSS.Property.FlexBasis<TLength>;
174
175 /**
176 * Short for `flex-wrap` property.
177 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
178 */
179 flw?: CSS.Property.FlexWrap;
180
181 /**
182 * Short for `justify-content` property.
183 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
184 */
185 jc?: CSS.Property.JustifyContent;
186
187 /**
188 * Short for `align-items` property.
189 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
190 */
191 ai?: CSS.Property.AlignItems;
192
193 /**
194 * Short for `align-content` property.
195 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
196 */
197 ac?: CSS.Property.AlignContent;
198
199 /**
200 * Short for `align-self` property.
201 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
202 */
203 as?: CSS.Property.AlignSelf;
204
205 // Margins
206
207 /**
208 * Short for `margin` property.
209 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
210 */
211 mr?: CSS.Property.Margin<TLength>;
212
213 /**
214 * Short for `margin-top` property.
215 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
216 */
217 mrt?: CSS.Property.MarginTop<TLength>;
218
219 /**
220 * Short for `margin-right` property.
221 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
222 */
223 mrr?: CSS.Property.MarginRight<TLength>;
224
225 /**
226 * Short for `margin-bottom` property.
227 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
228 */
229 mrb?: CSS.Property.MarginBottom<TLength>;
230
231 /**
232 * Short for `margin-left` property.
233 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
234 */
235 mrl?: CSS.Property.MarginLeft<TLength>;
236
237 /**
238 * Same as `mr`.
239 * @deprecated Use `mr` instead.
240 */
241 mar?: CSS.Property.Margin<TLength>;
242
243 /**
244 * Same as `mrt`.
245 * @deprecated Use `mrt` instead.
246 */
247 mart?: CSS.Property.MarginTop<TLength>;
248
249 /**
250 * Same as `mrr`.
251 * @deprecated Use `mrr` instead.
252 */
253 marr?: CSS.Property.MarginRight<TLength>;
254
255 /**
256 * Same as `mrb`.
257 * @deprecated Use `mrb` instead.
258 */
259 marb?: CSS.Property.MarginBottom<TLength>;
260
261 /**
262 * Same as `mrl`.
263 * @deprecated Use `mrl` instead.
264 */
265 marl?: CSS.Property.MarginLeft<TLength>;
266
267 // Paddings
268
269 /**
270 * Short for `padding` property.
271 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
272 */
273 pd?: CSS.Property.Padding<TLength>;
274
275 /**
276 * Short for `padding-top` property.
277 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
278 */
279 pdt?: CSS.Property.PaddingTop<TLength>;
280
281 /**
282 * Short for `padding-right` property.
283 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
284 */
285 pdr?: CSS.Property.PaddingRight<TLength>;
286
287 /**
288 * Short for `padding-bottom` property.
289 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
290 */
291 pdb?: CSS.Property.PaddingBottom<TLength>;
292
293 /**
294 * Short for `padding-left` property.
295 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
296 */
297 pdl?: CSS.Property.PaddingLeft<TLength>;
298
299 /**
300 * Same as `pd`.
301 * @deprecated Use `pd` instead.
302 */
303 pad?: CSS.Property.Padding<TLength>;
304
305 /**
306 * Same as `pdt`.
307 * @deprecated Use `pdt` instead.
308 */
309 padt?: CSS.Property.PaddingTop<TLength>;
310
311 /**
312 * Same as `pdr`.
313 * @deprecated Use `pdr` instead.
314 */
315 padr?: CSS.Property.PaddingRight<TLength>;
316
317 /**
318 * Same as `pdb`.
319 * @deprecated Use `pdb` instead.
320 */
321 padb?: CSS.Property.PaddingBottom<TLength>;
322
323 /**
324 * Same as `pdl`.
325 * @deprecated Use `pdl` instead.
326 */
327 padl?: CSS.Property.PaddingLeft<TLength>;
328
329 // Borders
330
331 /**
332 * Short for `border` property.
333 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
334 */
335 bd?: CSS.Property.BorderBottom<TLength>;
336
337 /**
338 * Short for `border-top` property.
339 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
340 */
341 bdt?: CSS.Property.BorderTop<TLength>;
342
343 /**
344 * Short for `border-right` property.
345 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
346 */
347 bdr?: CSS.Property.BorderRight<TLength>;
348
349 /**
350 * Short for `border-bottom` property.
351 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
352 */
353 bdb?: CSS.Property.BorderBottom<TLength>;
354
355 /**
356 * Short for `border-left` property.
357 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
358 */
359 bdl?: CSS.Property.BorderLeft<TLength>;
360
361 /**
362 * Short for `border-radius` property.
363 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
364 */
365 bdrad?: CSS.Property.BorderRadius<TLength>;
366
367 /**
368 * Short for `border-color` property.
369 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
370 */
371 bdc?: CSS.Property.BorderColor;
372
373 /**
374 * Short for `border-style` property.
375 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
376 */
377 bds?: CSS.Property.BorderStyle;
378
379 /**
380 * Short for `outline` property.
381 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
382 */
383 out?: CSS.Property.Outline<TLength>;
384
385 /**
386 * Short for `box-shadow` property.
387 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
388 */
389 bxsh?: CSS.Property.BoxShadow;
390
391 // Colors
392
393 /**
394 * Short for `color` property.
395 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
396 */
397 col?: CSS.Property.Color;
398
399 /**
400 * Short for `opacity` property.
401 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
402 */
403 op?: number | string;
404
405 /**
406 * Short for `background` property.
407 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
408 */
409 bg?: CSS.Property.Background<TLength>;
410
411 /**
412 * Short for `background-color` property.
413 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
414 */
415 bgc?: CSS.Property.BackgroundColor;
416
417 /**
418 * Short for `background-image` property.
419 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
420 */
421 bgi?: CSS.Property.BackgroundImage;
422
423 /**
424 * Short for `background-repeat` property.
425 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
426 */
427 bgr?: CSS.Property.BackgroundRepeat;
428
429 /**
430 * Short for `background-attachment` property.
431 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
432 */
433 bga?: CSS.Property.BackgroundAttachment;
434
435 /**
436 * Short for `background-position` property.
437 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
438 */
439 bgp?: CSS.Property.BackgroundPosition<TLength>;
440
441 /**
442 * Short for `background-size` property.
443 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
444 */
445 bgs?: CSS.Property.BackgroundSize<TLength>;
446
447 /**
448 * Short for `background-origin` property.
449 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
450 */
451 bgo?: CSS.Property.BackgroundOrigin;
452
453 /**
454 * Short for `background-clip` property.
455 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
456 */
457 bgcl?: CSS.Property.BackgroundClip;
458
459 /**
460 * Short for `backdrop-filter` property.
461 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
462 */
463 bdfl?: CSS.Property.BackdropFilter;
464
465 /**
466 * Short for `backface-visibility` property.
467 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
468 */
469 bfvis?: CSS.Property.BackfaceVisibility;
470
471 // Text
472
473 /**
474 * Short for `font` property.
475 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
476 */
477 f?: CSS.Property.Font;
478
479 /**
480 * Short for `font-size` property.
481 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
482 */
483 fz?: CSS.Property.FontSize<TLength>;
484
485 /**
486 * Short for `font-style` property.
487 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
488 */
489 fs?: CSS.Property.FontStyle;
490
491 /**
492 * Short for `font-weight` property.
493 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
494 */
495 fw?: CSS.Property.FontWeight;
496
497 /**
498 * Short for `font-family` property.
499 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
500 */
501 ff?: CSS.Property.FontFamily;
502
503 /**
504 * Short for `text-align` property.
505 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
506 */
507 ta?: CSS.Property.TextAlign;
508
509 /**
510 * Short for `text-decoration` property.
511 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
512 */
513 td?: CSS.Property.TextDecoration<TLength>;
514
515 /**
516 * Short for `text-transform` property.
517 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
518 */
519 tt?: CSS.Property.TextTransform;
520
521 /**
522 * Short for `text-shadow` property.
523 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
524 */
525 ts?: CSS.Property.TextShadow;
526
527 /**
528 * Short for `text-overflow` property.
529 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
530 */
531 tov?: CSS.Property.TextOverflow;
532
533 /**
534 * Short for `word-wrap` property.
535 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
536 */
537 ww?: CSS.Property.WordWrap;
538
539 /**
540 * Short for `letter-spacing` property.
541 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
542 */
543 lts?: CSS.Property.LetterSpacing<TLength>;
544
545 /**
546 * Short for `white-space` property.
547 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
548 */
549 ws?: CSS.Property.WhiteSpace;
550
551 /**
552 * Short for `line-height` property.
553 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
554 */
555 lh?: CSS.Property.LineHeight<TLength>;
556
557 /**
558 * Short for `vertical-align` property.
559 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
560 */
561 va?: CSS.Property.VerticalAlign<TLength>;
562
563 // Pointer
564
565 /**
566 * Short for `cursor` property.
567 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
568 */
569 cur?: CSS.Property.Cursor;
570
571 /**
572 * Short for `pointer-events` property.
573 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
574 */
575 pe?: CSS.Property.PointerEvents;
576
577 /**
578 * Short for `user-select` property.
579 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
580 */
581 us?: CSS.Property.UserSelect;
582
583 // Animations
584
585 /**
586 * Short for `animation` property.
587 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
588 */
589 an?: CSS.Property.Animation;
590
591 /**
592 * Short for `animation-name` property.
593 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
594 */
595 ann?: CSS.Property.AnimationName;
596
597 /**
598 * Short for `animation-duration` property.
599 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
600 */
601 and?: CSS.Property.AnimationDuration;
602
603 /**
604 * Short for `animation-fill-mode` property.
605 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
606 */
607 anf?: CSS.Property.AnimationFillMode;
608
609 /**
610 * Short for `animation-iteration-count` property.
611 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
612 */
613 anit?: CSS.Property.AnimationIterationCount;
614
615 /**
616 * Short for `animation-play-state` property.
617 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
618 */
619 anp?: CSS.Property.AnimationPlayState;
620
621 /**
622 * Short for `animation-timing-function` property.
623 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
624 */
625 ant?: CSS.Property.AnimationTimingFunction;
626
627 /**
628 * Short for `transition` property.
629 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
630 */
631 trs?: CSS.Property.Transition;
632
633 /**
634 * Short for `transform` property.
635 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
636 */
637 tr?: CSS.Property.Transform;
638
639 // SVG
640
641 /**
642 * Short for `stroke` property.
643 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
644 */
645 st?: CSS.Property.Stroke;
646
647 /**
648 * Short for `stroke-width` property.
649 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
650 */
651 stw?: CSS.Property.StrokeWidth<TLength>;
652
653 /**
654 * Short for `stroke-linecap` property.
655 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
656 */
657 stl?: CSS.Property.StrokeLinecap;
658
659 // Other
660
661 /**
662 * Short for `list-style` property.
663 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
664 */
665 ls?: CSS.Property.ListStyle;
666
667 /**
668 * Short for `content` property.
669 * Requires [`atoms` addon](https://github.com/streamich/nano-css/blob/master/docs/atoms.md).
670 */
671 con?: CSS.Property.Content;
672}
673
674export function addon(nano: NanoRenderer);
Note: See TracBrowser for help on using the repository browser.