@animus-ui/core 0.1.1-beta.14 → 0.1.1-beta.18

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/dist/index.d.ts CHANGED
@@ -14,15 +14,15 @@ export { config } from './config';
14
14
  export declare const animus: import("./Animus").Animus<{
15
15
  readonly gap: {
16
16
  readonly property: "gap";
17
- readonly scale: "spacing";
17
+ readonly scale: "space";
18
18
  };
19
19
  readonly rowGap: {
20
20
  readonly property: "rowGap";
21
- readonly scale: "spacing";
21
+ readonly scale: "space";
22
22
  };
23
23
  readonly columnGap: {
24
24
  readonly property: "columnGap";
25
- readonly scale: "spacing";
25
+ readonly scale: "space";
26
26
  };
27
27
  readonly flexBasis: {
28
28
  readonly property: "flexBasis";
@@ -146,63 +146,63 @@ export declare const animus: import("./Animus").Animus<{
146
146
  };
147
147
  readonly p: {
148
148
  readonly property: "padding";
149
- readonly scale: "spacing";
149
+ readonly scale: "space";
150
150
  };
151
151
  readonly px: {
152
152
  readonly property: "padding";
153
153
  readonly properties: readonly ["paddingLeft", "paddingRight"];
154
- readonly scale: "spacing";
154
+ readonly scale: "space";
155
155
  };
156
156
  readonly py: {
157
157
  readonly property: "padding";
158
158
  readonly properties: readonly ["paddingTop", "paddingBottom"];
159
- readonly scale: "spacing";
159
+ readonly scale: "space";
160
160
  };
161
161
  readonly pt: {
162
162
  readonly property: "paddingTop";
163
- readonly scale: "spacing";
163
+ readonly scale: "space";
164
164
  };
165
165
  readonly pb: {
166
166
  readonly property: "paddingBottom";
167
- readonly scale: "spacing";
167
+ readonly scale: "space";
168
168
  };
169
169
  readonly pr: {
170
170
  readonly property: "paddingRight";
171
- readonly scale: "spacing";
171
+ readonly scale: "space";
172
172
  };
173
173
  readonly pl: {
174
174
  readonly property: "paddingLeft";
175
- readonly scale: "spacing";
175
+ readonly scale: "space";
176
176
  };
177
177
  readonly m: {
178
178
  readonly property: "margin";
179
- readonly scale: "spacing";
179
+ readonly scale: "space";
180
180
  };
181
181
  readonly mx: {
182
182
  readonly property: "margin";
183
183
  readonly properties: readonly ["marginLeft", "marginRight"];
184
- readonly scale: "spacing";
184
+ readonly scale: "space";
185
185
  };
186
186
  readonly my: {
187
187
  readonly property: "margin";
188
188
  readonly properties: readonly ["marginTop", "marginBottom"];
189
- readonly scale: "spacing";
189
+ readonly scale: "space";
190
190
  };
191
191
  readonly mt: {
192
192
  readonly property: "marginTop";
193
- readonly scale: "spacing";
193
+ readonly scale: "space";
194
194
  };
195
195
  readonly mb: {
196
196
  readonly property: "marginBottom";
197
- readonly scale: "spacing";
197
+ readonly scale: "space";
198
198
  };
199
199
  readonly mr: {
200
200
  readonly property: "marginRight";
201
- readonly scale: "spacing";
201
+ readonly scale: "space";
202
202
  };
203
203
  readonly ml: {
204
204
  readonly property: "marginLeft";
205
- readonly scale: "spacing";
205
+ readonly scale: "space";
206
206
  };
207
207
  readonly color: {
208
208
  readonly property: "color";
@@ -218,7 +218,6 @@ export declare const animus: import("./Animus").Animus<{
218
218
  };
219
219
  readonly borderColor: {
220
220
  readonly property: "borderColor";
221
- /** Export full builder */
222
221
  readonly scale: "colors";
223
222
  };
224
223
  readonly borderColorX: {
@@ -247,6 +246,14 @@ export declare const animus: import("./Animus").Animus<{
247
246
  readonly property: "borderBottomColor";
248
247
  readonly scale: "colors";
249
248
  };
249
+ readonly fill: {
250
+ readonly property: "fill";
251
+ readonly scale: "colors";
252
+ };
253
+ readonly stroke: {
254
+ readonly property: "stroke";
255
+ readonly scale: "colors";
256
+ };
250
257
  readonly display: {
251
258
  readonly property: "display";
252
259
  };
@@ -330,75 +337,82 @@ export declare const animus: import("./Animus").Animus<{
330
337
  };
331
338
  readonly borderWidth: {
332
339
  readonly property: "borderWidth";
340
+ readonly scale: "borderWidths";
333
341
  };
334
342
  readonly borderWidthX: {
335
343
  readonly property: "borderWidth";
336
344
  readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
345
+ readonly scale: "borderWidths";
337
346
  };
338
347
  readonly borderWidthY: {
339
348
  readonly property: "borderWidth";
340
349
  readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
350
+ readonly scale: "borderWidths";
341
351
  };
342
352
  readonly borderWidthLeft: {
343
353
  readonly property: "borderLeftWidth";
354
+ readonly scale: "borderWidths";
344
355
  };
345
356
  readonly borderWidthRight: {
346
357
  readonly property: "borderRightWidth";
358
+ readonly scale: "borderWidths";
347
359
  };
348
360
  readonly borderWidthTop: {
349
361
  readonly property: "borderTopWidth";
362
+ readonly scale: "borderWidths";
350
363
  };
351
364
  readonly borderWidthBottom: {
352
365
  readonly property: "borderBottomWidth";
366
+ readonly scale: "borderWidths";
353
367
  };
354
368
  readonly borderRadius: {
355
369
  readonly property: "borderRadius";
356
370
  readonly scale: "radii";
357
- readonly transform: (val: string | number) => string;
371
+ readonly transform: (value: string | number) => string | 0;
358
372
  };
359
373
  readonly borderRadiusLeft: {
360
374
  readonly property: "borderRadius";
361
375
  readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
362
376
  readonly scale: "radii";
363
- readonly transform: (val: string | number) => string;
377
+ readonly transform: (value: string | number) => string | 0;
364
378
  };
365
379
  readonly borderRadiusTop: {
366
380
  readonly property: "borderRadius";
367
381
  readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
368
382
  readonly scale: "radii";
369
- readonly transform: (val: string | number) => string;
383
+ readonly transform: (value: string | number) => string | 0;
370
384
  };
371
385
  readonly borderRadiusBottom: {
372
386
  readonly property: "borderRadius";
373
387
  readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
374
388
  readonly scale: "radii";
375
- readonly transform: (val: string | number) => string;
389
+ readonly transform: (value: string | number) => string | 0;
376
390
  };
377
391
  readonly borderRadiusRight: {
378
392
  readonly property: "borderRadius";
379
393
  readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
380
394
  readonly scale: "radii";
381
- readonly transform: (val: string | number) => string;
395
+ readonly transform: (value: string | number) => string | 0;
382
396
  };
383
397
  readonly borderRadiusTopLeft: {
384
398
  readonly property: "borderTopLeftRadius";
385
399
  readonly scale: "radii";
386
- readonly transform: (val: string | number) => string;
400
+ readonly transform: (value: string | number) => string | 0;
387
401
  };
388
402
  readonly borderRadiusTopRight: {
389
403
  readonly property: "borderTopRightRadius";
390
404
  readonly scale: "radii";
391
- readonly transform: (val: string | number) => string;
405
+ readonly transform: (value: string | number) => string | 0;
392
406
  };
393
407
  readonly borderRadiusBottomRight: {
394
408
  readonly property: "borderBottomRightRadius";
395
409
  readonly scale: "radii";
396
- readonly transform: (val: string | number) => string;
410
+ readonly transform: (value: string | number) => string | 0;
397
411
  };
398
412
  readonly borderRadiusBottomLeft: {
399
413
  readonly property: "borderBottomLeftRadius";
400
414
  readonly scale: "radii";
401
- readonly transform: (val: string | number) => string;
415
+ readonly transform: (value: string | number) => string | 0;
402
416
  };
403
417
  readonly borderStyle: {
404
418
  readonly property: "borderStyle";
@@ -425,9 +439,11 @@ export declare const animus: import("./Animus").Animus<{
425
439
  };
426
440
  readonly boxShadow: {
427
441
  readonly property: "boxShadow";
442
+ readonly scale: "shadows";
428
443
  };
429
444
  readonly textShadow: {
430
445
  readonly property: "textShadow";
446
+ readonly scale: "shadows";
431
447
  };
432
448
  readonly background: {
433
449
  readonly property: "background";
@@ -446,23 +462,24 @@ export declare const animus: import("./Animus").Animus<{
446
462
  };
447
463
  readonly fontFamily: {
448
464
  readonly property: "fontFamily";
449
- readonly scale: "fontFamily";
465
+ readonly scale: "fonts";
450
466
  };
451
467
  readonly fontWeight: {
452
468
  readonly property: "fontWeight";
453
- readonly scale: "fontWeight";
469
+ readonly scale: "fontWeights";
454
470
  };
455
471
  readonly lineHeight: {
456
472
  readonly property: "lineHeight";
457
- readonly scale: "lineHeight";
473
+ readonly scale: "lineHeights";
458
474
  readonly lineHeight: "lineHeight";
459
475
  };
460
476
  readonly fontSize: {
461
477
  readonly property: "fontSize";
462
- readonly scale: "fontSize";
478
+ readonly scale: "fontSizes";
463
479
  };
464
480
  readonly letterSpacing: {
465
481
  readonly property: "letterSpacing";
482
+ readonly scale: "letterSpacings";
466
483
  };
467
484
  readonly textAlign: {
468
485
  readonly property: "textAlign";
@@ -505,9 +522,22 @@ export declare const animus: import("./Animus").Animus<{
505
522
  };
506
523
  readonly zIndex: {
507
524
  readonly property: "zIndex";
525
+ readonly scale: "zIndices";
508
526
  };
509
527
  readonly opacity: {
510
528
  readonly property: "opacity";
529
+ readonly scale: "opacities";
530
+ };
531
+ readonly transition: {
532
+ readonly property: "transition";
533
+ readonly scale: "transitions";
534
+ };
535
+ readonly animation: {
536
+ readonly property: "animation";
537
+ readonly scale: "animations";
538
+ };
539
+ readonly animationPlayState: {
540
+ readonly property: "animationPlayState";
511
541
  };
512
542
  }, {
513
543
  flex: ("flex" | "flexDirection" | "flexWrap" | "justifyContent" | "justifyItems" | "alignItems" | "alignContent" | "justifySelf" | "alignSelf" | "gridArea" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "gap" | "rowGap" | "columnGap" | "area")[];
@@ -515,25 +545,26 @@ export declare const animus: import("./Animus").Animus<{
515
545
  mode: "mode"[];
516
546
  vars: "vars"[];
517
547
  space: ("px" | "p" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml")[];
518
- color: ("color" | "borderColor" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[];
548
+ color: ("color" | "borderColor" | "fill" | "stroke" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[];
519
549
  layout: ("justifySelf" | "alignSelf" | "gridArea" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "display" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflowX" | "overflowY" | "verticalAlign" | "width" | "gridColumn" | "gridRow" | "overflow" | "area" | "size")[];
520
550
  borders: ("border" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom")[];
521
551
  shadows: ("boxShadow" | "textShadow")[];
522
552
  background: ("backgroundImage" | "backgroundRepeat" | "backgroundSize" | "background" | "backgroundPosition")[];
523
- typography: ("fontSize" | "lineHeight" | "fontWeight" | "fontFamily" | "fontStyle" | "letterSpacing" | "textAlign" | "textTransform" | "whiteSpace" | "textDecoration")[];
553
+ typography: ("fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "whiteSpace" | "textDecoration")[];
524
554
  positioning: ("bottom" | "inset" | "left" | "opacity" | "position" | "right" | "top" | "zIndex")[];
555
+ transitions: ("animationPlayState" | "animation" | "transition")[];
525
556
  }, import("./types/config").Parser<{
526
557
  readonly gap: {
527
558
  readonly property: "gap";
528
- readonly scale: "spacing";
559
+ readonly scale: "space";
529
560
  };
530
561
  readonly rowGap: {
531
562
  readonly property: "rowGap";
532
- readonly scale: "spacing";
563
+ readonly scale: "space";
533
564
  };
534
565
  readonly columnGap: {
535
566
  readonly property: "columnGap";
536
- readonly scale: "spacing";
567
+ readonly scale: "space";
537
568
  };
538
569
  readonly flexBasis: {
539
570
  readonly property: "flexBasis";
@@ -657,63 +688,63 @@ export declare const animus: import("./Animus").Animus<{
657
688
  };
658
689
  readonly p: {
659
690
  readonly property: "padding";
660
- readonly scale: "spacing";
691
+ readonly scale: "space";
661
692
  };
662
693
  readonly px: {
663
694
  readonly property: "padding";
664
695
  readonly properties: readonly ["paddingLeft", "paddingRight"];
665
- readonly scale: "spacing";
696
+ readonly scale: "space";
666
697
  };
667
698
  readonly py: {
668
699
  readonly property: "padding";
669
700
  readonly properties: readonly ["paddingTop", "paddingBottom"];
670
- readonly scale: "spacing";
701
+ readonly scale: "space";
671
702
  };
672
703
  readonly pt: {
673
704
  readonly property: "paddingTop";
674
- readonly scale: "spacing";
705
+ readonly scale: "space";
675
706
  };
676
707
  readonly pb: {
677
708
  readonly property: "paddingBottom";
678
- readonly scale: "spacing";
709
+ readonly scale: "space";
679
710
  };
680
711
  readonly pr: {
681
712
  readonly property: "paddingRight";
682
- readonly scale: "spacing";
713
+ readonly scale: "space";
683
714
  };
684
715
  readonly pl: {
685
716
  readonly property: "paddingLeft";
686
- readonly scale: "spacing";
717
+ readonly scale: "space";
687
718
  };
688
719
  readonly m: {
689
720
  readonly property: "margin";
690
- readonly scale: "spacing";
721
+ readonly scale: "space";
691
722
  };
692
723
  readonly mx: {
693
724
  readonly property: "margin";
694
725
  readonly properties: readonly ["marginLeft", "marginRight"];
695
- readonly scale: "spacing";
726
+ readonly scale: "space";
696
727
  };
697
728
  readonly my: {
698
729
  readonly property: "margin";
699
730
  readonly properties: readonly ["marginTop", "marginBottom"];
700
- readonly scale: "spacing";
731
+ readonly scale: "space";
701
732
  };
702
733
  readonly mt: {
703
734
  readonly property: "marginTop";
704
- readonly scale: "spacing";
735
+ readonly scale: "space";
705
736
  };
706
737
  readonly mb: {
707
738
  readonly property: "marginBottom";
708
- readonly scale: "spacing";
739
+ readonly scale: "space";
709
740
  };
710
741
  readonly mr: {
711
742
  readonly property: "marginRight";
712
- readonly scale: "spacing";
743
+ readonly scale: "space";
713
744
  };
714
745
  readonly ml: {
715
746
  readonly property: "marginLeft";
716
- readonly scale: "spacing";
747
+ readonly scale: "space";
717
748
  };
718
749
  readonly color: {
719
750
  readonly property: "color";
@@ -729,7 +760,6 @@ export declare const animus: import("./Animus").Animus<{
729
760
  };
730
761
  readonly borderColor: {
731
762
  readonly property: "borderColor";
732
- /** Export full builder */
733
763
  readonly scale: "colors";
734
764
  };
735
765
  readonly borderColorX: {
@@ -758,6 +788,14 @@ export declare const animus: import("./Animus").Animus<{
758
788
  readonly property: "borderBottomColor";
759
789
  readonly scale: "colors";
760
790
  };
791
+ readonly fill: {
792
+ readonly property: "fill";
793
+ readonly scale: "colors";
794
+ };
795
+ readonly stroke: {
796
+ readonly property: "stroke";
797
+ readonly scale: "colors";
798
+ };
761
799
  readonly display: {
762
800
  readonly property: "display";
763
801
  };
@@ -841,75 +879,82 @@ export declare const animus: import("./Animus").Animus<{
841
879
  };
842
880
  readonly borderWidth: {
843
881
  readonly property: "borderWidth";
882
+ readonly scale: "borderWidths";
844
883
  };
845
884
  readonly borderWidthX: {
846
885
  readonly property: "borderWidth";
847
886
  readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
887
+ readonly scale: "borderWidths";
848
888
  };
849
889
  readonly borderWidthY: {
850
890
  readonly property: "borderWidth";
851
891
  readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
892
+ readonly scale: "borderWidths";
852
893
  };
853
894
  readonly borderWidthLeft: {
854
895
  readonly property: "borderLeftWidth";
896
+ readonly scale: "borderWidths";
855
897
  };
856
898
  readonly borderWidthRight: {
857
899
  readonly property: "borderRightWidth";
900
+ readonly scale: "borderWidths";
858
901
  };
859
902
  readonly borderWidthTop: {
860
903
  readonly property: "borderTopWidth";
904
+ readonly scale: "borderWidths";
861
905
  };
862
906
  readonly borderWidthBottom: {
863
907
  readonly property: "borderBottomWidth";
908
+ readonly scale: "borderWidths";
864
909
  };
865
910
  readonly borderRadius: {
866
911
  readonly property: "borderRadius";
867
912
  readonly scale: "radii";
868
- readonly transform: (val: string | number) => string;
913
+ readonly transform: (value: string | number) => string | 0;
869
914
  };
870
915
  readonly borderRadiusLeft: {
871
916
  readonly property: "borderRadius";
872
917
  readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
873
918
  readonly scale: "radii";
874
- readonly transform: (val: string | number) => string;
919
+ readonly transform: (value: string | number) => string | 0;
875
920
  };
876
921
  readonly borderRadiusTop: {
877
922
  readonly property: "borderRadius";
878
923
  readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
879
924
  readonly scale: "radii";
880
- readonly transform: (val: string | number) => string;
925
+ readonly transform: (value: string | number) => string | 0;
881
926
  };
882
927
  readonly borderRadiusBottom: {
883
928
  readonly property: "borderRadius";
884
929
  readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
885
930
  readonly scale: "radii";
886
- readonly transform: (val: string | number) => string;
931
+ readonly transform: (value: string | number) => string | 0;
887
932
  };
888
933
  readonly borderRadiusRight: {
889
934
  readonly property: "borderRadius";
890
935
  readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
891
936
  readonly scale: "radii";
892
- readonly transform: (val: string | number) => string;
937
+ readonly transform: (value: string | number) => string | 0;
893
938
  };
894
939
  readonly borderRadiusTopLeft: {
895
940
  readonly property: "borderTopLeftRadius";
896
941
  readonly scale: "radii";
897
- readonly transform: (val: string | number) => string;
942
+ readonly transform: (value: string | number) => string | 0;
898
943
  };
899
944
  readonly borderRadiusTopRight: {
900
945
  readonly property: "borderTopRightRadius";
901
946
  readonly scale: "radii";
902
- readonly transform: (val: string | number) => string;
947
+ readonly transform: (value: string | number) => string | 0;
903
948
  };
904
949
  readonly borderRadiusBottomRight: {
905
950
  readonly property: "borderBottomRightRadius";
906
951
  readonly scale: "radii";
907
- readonly transform: (val: string | number) => string;
952
+ readonly transform: (value: string | number) => string | 0;
908
953
  };
909
954
  readonly borderRadiusBottomLeft: {
910
955
  readonly property: "borderBottomLeftRadius";
911
956
  readonly scale: "radii";
912
- readonly transform: (val: string | number) => string;
957
+ readonly transform: (value: string | number) => string | 0;
913
958
  };
914
959
  readonly borderStyle: {
915
960
  readonly property: "borderStyle";
@@ -936,9 +981,11 @@ export declare const animus: import("./Animus").Animus<{
936
981
  };
937
982
  readonly boxShadow: {
938
983
  readonly property: "boxShadow";
984
+ readonly scale: "shadows";
939
985
  };
940
986
  readonly textShadow: {
941
987
  readonly property: "textShadow";
988
+ readonly scale: "shadows";
942
989
  };
943
990
  readonly background: {
944
991
  readonly property: "background";
@@ -957,23 +1004,24 @@ export declare const animus: import("./Animus").Animus<{
957
1004
  };
958
1005
  readonly fontFamily: {
959
1006
  readonly property: "fontFamily";
960
- readonly scale: "fontFamily";
1007
+ readonly scale: "fonts";
961
1008
  };
962
1009
  readonly fontWeight: {
963
1010
  readonly property: "fontWeight";
964
- readonly scale: "fontWeight";
1011
+ readonly scale: "fontWeights";
965
1012
  };
966
1013
  readonly lineHeight: {
967
1014
  readonly property: "lineHeight";
968
- readonly scale: "lineHeight";
1015
+ readonly scale: "lineHeights";
969
1016
  readonly lineHeight: "lineHeight";
970
1017
  };
971
1018
  readonly fontSize: {
972
1019
  readonly property: "fontSize";
973
- readonly scale: "fontSize";
1020
+ readonly scale: "fontSizes";
974
1021
  };
975
1022
  readonly letterSpacing: {
976
1023
  readonly property: "letterSpacing";
1024
+ readonly scale: "letterSpacings";
977
1025
  };
978
1026
  readonly textAlign: {
979
1027
  readonly property: "textAlign";
@@ -1016,8 +1064,21 @@ export declare const animus: import("./Animus").Animus<{
1016
1064
  };
1017
1065
  readonly zIndex: {
1018
1066
  readonly property: "zIndex";
1067
+ readonly scale: "zIndices";
1019
1068
  };
1020
1069
  readonly opacity: {
1021
1070
  readonly property: "opacity";
1071
+ readonly scale: "opacities";
1072
+ };
1073
+ readonly transition: {
1074
+ readonly property: "transition";
1075
+ readonly scale: "transitions";
1076
+ };
1077
+ readonly animation: {
1078
+ readonly property: "animation";
1079
+ readonly scale: "animations";
1080
+ };
1081
+ readonly animationPlayState: {
1082
+ readonly property: "animationPlayState";
1022
1083
  };
1023
1084
  }>>;