@swiftwc/ui 0.0.0-dev.84 → 0.0.0-dev.86

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 (52) hide show
  1. package/generated/client/index.d.ts +3 -0
  2. package/generated/client/index.js +3 -0
  3. package/generated/components/alert-dialog.d.ts +4 -0
  4. package/generated/components/alert-dialog.js +4 -0
  5. package/generated/components/confirmation-dialog.d.ts +4 -0
  6. package/generated/components/confirmation-dialog.js +4 -0
  7. package/generated/components/h-stack.d.ts +6 -3
  8. package/generated/components/h-stack.js +6 -3
  9. package/generated/components/label-view.d.ts +2 -0
  10. package/generated/components/label-view.js +2 -0
  11. package/generated/components/menu-view.d.ts +2 -0
  12. package/generated/components/menu-view.js +2 -0
  13. package/generated/components/picker-view.d.ts +2 -0
  14. package/generated/components/picker-view.js +2 -0
  15. package/generated/components/progress-view.d.ts +2 -0
  16. package/generated/components/progress-view.js +2 -0
  17. package/generated/components/scroll-view.d.ts +4 -0
  18. package/generated/components/scroll-view.js +4 -0
  19. package/generated/components/section-view.d.ts +4 -0
  20. package/generated/components/section-view.js +4 -0
  21. package/generated/components/table-view.d.ts +8 -0
  22. package/generated/components/table-view.js +8 -0
  23. package/generated/components/v-stack.d.ts +6 -4
  24. package/generated/components/v-stack.js +6 -4
  25. package/generated/css/index.css +242 -11
  26. package/package.json +2 -1
  27. package/scss/_maps.scss +256 -0
  28. package/scss/_vars.scss +2 -115
  29. package/scss/base/_root.scss +6 -5
  30. package/scss/colors/_index.scss +2 -2
  31. package/scss/components/_bordered-button.scss +2 -1
  32. package/scss/components/_bordered-prominent-button.scss +2 -1
  33. package/scss/components/_disclosure-group.scss +1 -1
  34. package/scss/components/_form-view.scss +3 -2
  35. package/scss/components/_glass-button.scss +2 -1
  36. package/scss/components/_glass-prominent-button.scss +2 -1
  37. package/scss/components/_h-stack.scss +4 -21
  38. package/scss/components/_label-view.scss +11 -10
  39. package/scss/components/_list-view.scss +3 -2
  40. package/scss/components/_picker-view.scss +5 -4
  41. package/scss/components/_scroll-view-proxy.scss +2 -2
  42. package/scss/components/_table-view.scss +3 -2
  43. package/scss/components/_toggle-view.scss +1 -1
  44. package/scss/components/_v-stack.scss +3 -4
  45. package/scss/mixins/_color.scss +2 -2
  46. package/scss/mixins/_index.scss +2 -2
  47. package/scss/placeholders/_buttons.scss +2 -1
  48. package/scss/utils/_frame.scss +1 -1
  49. package/scss/utils/_scroll-view.scss +1 -1
  50. package/scss/utils/_spacing.scss +1 -1
  51. package/scss/utils/_stacks.scss +8 -99
  52. package/web-components.html-data/en.json +457 -36
@@ -2,7 +2,8 @@
2
2
  "version": 1.1,
3
3
  "tags": [
4
4
  {
5
- "name": "alert-dialog"
5
+ "name": "alert-dialog",
6
+ "description": "A representation of an alert presentation.\nUse it from the client module like `void alert('Save failed.')`."
6
7
  },
7
8
  {
8
9
  "name": "body-view"
@@ -59,6 +60,7 @@
59
60
  },
60
61
  {
61
62
  "name": "confirmation-dialog",
63
+ "description": "A representation of a confirmation presentation.\nUse it from the client module like `await confirmation(trigger, 'Permanently erase the items in the Trash?')`.",
62
64
  "attributes": [
63
65
  {
64
66
  "name": "anchor"
@@ -176,8 +178,13 @@
176
178
  },
177
179
  {
178
180
  "name": "hstack",
179
- "description": "",
181
+ "description": "A view that arranges its subviews in a horizontal line.",
180
182
  "attributes": [
183
+ {
184
+ "name": "template - The main",
185
+ "description": "\nDescription: axis grid template",
186
+ "valueSet": "templateSet"
187
+ },
181
188
  {
182
189
  "name": "spacing",
183
190
  "description": "\nDescription: The gap between the primary axis",
@@ -186,17 +193,17 @@
186
193
  {
187
194
  "name": "alignment - The cross",
188
195
  "description": "\nDescription: axis alignment",
189
- "valueSet": "alignmentSet"
196
+ "valueSet": "blockSet"
190
197
  },
191
198
  {
192
199
  "name": "distribution - The main",
193
200
  "description": "\nDescription: axis alignment",
194
- "valueSet": "distributionSet"
201
+ "valueSet": "inlineSet"
195
202
  },
196
203
  {
197
204
  "name": "placement - The main",
198
205
  "description": "\nDescription: axis alignment",
199
- "valueSet": "placementSet"
206
+ "valueSet": "inlinePlacementSet"
200
207
  }
201
208
  ]
202
209
  },
@@ -402,6 +409,7 @@
402
409
  },
403
410
  {
404
411
  "name": "scroll-view",
412
+ "description": "",
405
413
  "attributes": [
406
414
  {
407
415
  "name": "navigation-title"
@@ -422,6 +430,7 @@
422
430
  },
423
431
  {
424
432
  "name": "section-view",
433
+ "description": "",
425
434
  "attributes": [
426
435
  {
427
436
  "name": "header"
@@ -588,7 +597,7 @@
588
597
  },
589
598
  {
590
599
  "name": "vstack",
591
- "description": "",
600
+ "description": "A view that arranges its subviews in a vertical line.",
592
601
  "attributes": [
593
602
  {
594
603
  "name": "distribution",
@@ -615,19 +624,9 @@
615
624
  ]
616
625
  },
617
626
  {
618
- "name": "template",
619
- "description": "Value Type: “auto spacer” | “auto auto spacer” | “auto auto auto spacer”",
620
- "values": [
621
- {
622
- "name": "auto spacer"
623
- },
624
- {
625
- "name": "auto auto spacer"
626
- },
627
- {
628
- "name": "auto auto auto spacer"
629
- }
630
- ]
627
+ "name": "template - The main",
628
+ "description": "\nDescription: axis grid template",
629
+ "valueSet": "templateSet"
631
630
  },
632
631
  {
633
632
  "name": "spacing",
@@ -637,17 +636,17 @@
637
636
  {
638
637
  "name": "alignment - The cross",
639
638
  "description": "\nDescription: axis alignment",
640
- "valueSet": "alignmentSet"
639
+ "valueSet": "inlineSet"
641
640
  },
642
641
  {
643
642
  "name": "distribution - The main",
644
643
  "description": "\nDescription: axis alignment",
645
- "valueSet": "distributionSet"
644
+ "valueSet": "blockSet"
646
645
  },
647
646
  {
648
647
  "name": "placement - The main",
649
648
  "description": "\nDescription: axis alignment",
650
- "valueSet": "placementSet"
649
+ "valueSet": "blockPlacementSet"
651
650
  }
652
651
  ]
653
652
  }
@@ -755,6 +754,190 @@
755
754
  {
756
755
  "name": "4",
757
756
  "description": "0.4rem"
757
+ },
758
+ {
759
+ "name": "5",
760
+ "description": "0.5rem"
761
+ },
762
+ {
763
+ "name": "6",
764
+ "description": "0.6rem"
765
+ },
766
+ {
767
+ "name": "7",
768
+ "description": "0.7rem"
769
+ },
770
+ {
771
+ "name": "8",
772
+ "description": "0.8rem"
773
+ },
774
+ {
775
+ "name": "9",
776
+ "description": "0.9rem"
777
+ },
778
+ {
779
+ "name": "10",
780
+ "description": "1rem"
781
+ },
782
+ {
783
+ "name": "11",
784
+ "description": "1.1rem"
785
+ },
786
+ {
787
+ "name": "12",
788
+ "description": "1.2rem"
789
+ },
790
+ {
791
+ "name": "13",
792
+ "description": "1.3rem"
793
+ },
794
+ {
795
+ "name": "14",
796
+ "description": "1.4rem"
797
+ },
798
+ {
799
+ "name": "15",
800
+ "description": "1.5rem"
801
+ },
802
+ {
803
+ "name": "16",
804
+ "description": "1.6rem"
805
+ },
806
+ {
807
+ "name": "17",
808
+ "description": "1.7rem"
809
+ },
810
+ {
811
+ "name": "18",
812
+ "description": "1.8rem"
813
+ },
814
+ {
815
+ "name": "19",
816
+ "description": "1.9rem"
817
+ },
818
+ {
819
+ "name": "20",
820
+ "description": "2rem"
821
+ },
822
+ {
823
+ "name": "21",
824
+ "description": "2.1rem"
825
+ },
826
+ {
827
+ "name": "22",
828
+ "description": "2.2rem"
829
+ },
830
+ {
831
+ "name": "23",
832
+ "description": "2.3rem"
833
+ },
834
+ {
835
+ "name": "24",
836
+ "description": "2.4rem"
837
+ },
838
+ {
839
+ "name": "25",
840
+ "description": "2.5rem"
841
+ },
842
+ {
843
+ "name": "26",
844
+ "description": "2.6rem"
845
+ },
846
+ {
847
+ "name": "27",
848
+ "description": "2.7rem"
849
+ },
850
+ {
851
+ "name": "28",
852
+ "description": "2.8rem"
853
+ },
854
+ {
855
+ "name": "29",
856
+ "description": "2.9rem"
857
+ },
858
+ {
859
+ "name": "30",
860
+ "description": "3rem"
861
+ },
862
+ {
863
+ "name": "31",
864
+ "description": "3.1rem"
865
+ },
866
+ {
867
+ "name": "32",
868
+ "description": "3.2rem"
869
+ },
870
+ {
871
+ "name": "33",
872
+ "description": "3.3rem"
873
+ },
874
+ {
875
+ "name": "34",
876
+ "description": "3.4rem"
877
+ },
878
+ {
879
+ "name": "35",
880
+ "description": "3.5rem"
881
+ },
882
+ {
883
+ "name": "36",
884
+ "description": "3.6rem"
885
+ },
886
+ {
887
+ "name": "37",
888
+ "description": "3.7rem"
889
+ },
890
+ {
891
+ "name": "38",
892
+ "description": "3.8rem"
893
+ },
894
+ {
895
+ "name": "39",
896
+ "description": "3.9rem"
897
+ },
898
+ {
899
+ "name": "40",
900
+ "description": "4rem"
901
+ },
902
+ {
903
+ "name": "41",
904
+ "description": "4.1rem"
905
+ },
906
+ {
907
+ "name": "42",
908
+ "description": "4.2rem"
909
+ },
910
+ {
911
+ "name": "43",
912
+ "description": "4.3rem"
913
+ },
914
+ {
915
+ "name": "44",
916
+ "description": "4.4rem"
917
+ },
918
+ {
919
+ "name": "45",
920
+ "description": "4.5rem"
921
+ },
922
+ {
923
+ "name": "46",
924
+ "description": "4.6rem"
925
+ },
926
+ {
927
+ "name": "47",
928
+ "description": "4.7rem"
929
+ },
930
+ {
931
+ "name": "48",
932
+ "description": "4.8rem"
933
+ },
934
+ {
935
+ "name": "49",
936
+ "description": "4.9rem"
937
+ },
938
+ {
939
+ "name": "50",
940
+ "description": "5rem"
758
941
  }
759
942
  ]
760
943
  },
@@ -825,61 +1008,299 @@
825
1008
  ]
826
1009
  },
827
1010
  {
828
- "name": "alignmentSet",
1011
+ "name": "inlineSet",
829
1012
  "values": [
830
1013
  {
831
1014
  "name": "leading",
832
- "description": "start cross-axis alignment"
1015
+ "description": "Applies `justify-items: start; justify-content: start;` rules"
1016
+ },
1017
+ {
1018
+ "name": "leading fill",
1019
+ "description": "Applies `justify-items: start; justify-content: stretch;` rules"
833
1020
  },
834
1021
  {
835
1022
  "name": "center",
836
- "description": "center cross-axis alignment"
1023
+ "description": "Applies `justify-items: center; justify-content: center;` rules"
837
1024
  },
838
1025
  {
839
1026
  "name": "trailing",
840
- "description": "end cross-axis alignment"
1027
+ "description": "Applies `justify-items: end; justify-content: end;` rules"
841
1028
  },
842
1029
  {
843
1030
  "name": "fill",
844
- "description": "stretch cross-axis alignment"
1031
+ "description": "Applies `justify-items: stretch; justify-content: stretch;` rules"
1032
+ },
1033
+ {
1034
+ "name": "space-between",
1035
+ "description": "Applies `justify-content: space-between;` rules"
845
1036
  }
846
1037
  ]
847
1038
  },
848
1039
  {
849
- "name": "distributionSet",
1040
+ "name": "blockSet",
850
1041
  "values": [
851
1042
  {
852
1043
  "name": "leading",
853
- "description": "start cross-axis distribution"
1044
+ "description": "Applies `align-items: start; align-content: start;` rules"
1045
+ },
1046
+ {
1047
+ "name": "leading fill",
1048
+ "description": "Applies `align-items: start; align-content: stretch;` rules"
854
1049
  },
855
1050
  {
856
1051
  "name": "center",
857
- "description": "center cross-axis distribution"
1052
+ "description": "Applies `align-items: center; align-content: center;` rules"
858
1053
  },
859
1054
  {
860
1055
  "name": "trailing",
861
- "description": "end cross-axis distribution"
1056
+ "description": "Applies `align-items: end; align-content: end;` rules"
862
1057
  },
863
1058
  {
864
1059
  "name": "fill",
865
- "description": "stretch cross-axis distribution"
1060
+ "description": "Applies `align-items: stretch; align-content: stretch;` rules"
1061
+ },
1062
+ {
1063
+ "name": "space-between",
1064
+ "description": "Applies `align-content: space-between;` rules"
866
1065
  }
867
1066
  ]
868
1067
  },
869
1068
  {
870
- "name": "placementSet",
1069
+ "name": "inlinePlacementSet",
871
1070
  "values": [
872
1071
  {
873
1072
  "name": "fill",
874
- "description": "short cut for `distribution=\"fill\" alignment=\"fill\"`"
1073
+ "description": "Applies `place-items: stretch; place-content: stretch;` rules"
875
1074
  },
876
1075
  {
877
1076
  "name": "leading fill",
878
- "description": "short cut for `distribution=\"leading\" alignment=\"fill\"`"
1077
+ "description": "Applies `place-items: stretch start; place-content: stretch start;` rules"
879
1078
  },
880
1079
  {
881
1080
  "name": "fill leading",
882
- "description": "short cut for `distribution=\"fill\" alignment=\"leading\"`"
1081
+ "description": "Applies `place-items: start stretch; place-content: start stretch;` rules"
1082
+ },
1083
+ {
1084
+ "name": "fill space-between",
1085
+ "description": "Applies `align-content: space-between; justify-items: stretch; justify-content: stretch;` rules"
1086
+ }
1087
+ ]
1088
+ },
1089
+ {
1090
+ "name": "blockPlacementSet",
1091
+ "values": [
1092
+ {
1093
+ "name": "fill",
1094
+ "description": "Applies `place-items: stretch; place-content: stretch;` rules"
1095
+ },
1096
+ {
1097
+ "name": "leading fill",
1098
+ "description": "Applies `place-items: start stretch; place-content: start stretch;` rules"
1099
+ },
1100
+ {
1101
+ "name": "fill leading",
1102
+ "description": "Applies `place-items: stretch start; place-content: stretch start;` rules"
1103
+ },
1104
+ {
1105
+ "name": "space-between fill",
1106
+ "description": "Applies `align-content: space-between; justify-items: stretch; justify-content: stretch;` rules"
1107
+ }
1108
+ ]
1109
+ },
1110
+ {
1111
+ "name": "templateSet",
1112
+ "values": [
1113
+ {
1114
+ "name": "spacer",
1115
+ "description": "Applies a `minmax(0, 1fr)` grid-template to the main-axis"
1116
+ },
1117
+ {
1118
+ "name": "repeat(1,spacer)",
1119
+ "description": "Applies a `repeat(1, minmax(0, 1fr))` grid-template to the main-axis"
1120
+ },
1121
+ {
1122
+ "name": "repeat(2,spacer)",
1123
+ "description": "Applies a `repeat(2, minmax(0, 1fr))` grid-template to the main-axis"
1124
+ },
1125
+ {
1126
+ "name": "repeat(3,spacer)",
1127
+ "description": "Applies a `repeat(3, minmax(0, 1fr))` grid-template to the main-axis"
1128
+ },
1129
+ {
1130
+ "name": "repeat(4,spacer)",
1131
+ "description": "Applies a `repeat(4, minmax(0, 1fr))` grid-template to the main-axis"
1132
+ },
1133
+ {
1134
+ "name": "repeat(5,spacer)",
1135
+ "description": "Applies a `repeat(5, minmax(0, 1fr))` grid-template to the main-axis"
1136
+ },
1137
+ {
1138
+ "name": "repeat(6,spacer)",
1139
+ "description": "Applies a `repeat(6, minmax(0, 1fr))` grid-template to the main-axis"
1140
+ },
1141
+ {
1142
+ "name": "repeat(7,spacer)",
1143
+ "description": "Applies a `repeat(7, minmax(0, 1fr))` grid-template to the main-axis"
1144
+ },
1145
+ {
1146
+ "name": "repeat(8,spacer)",
1147
+ "description": "Applies a `repeat(8, minmax(0, 1fr))` grid-template to the main-axis"
1148
+ },
1149
+ {
1150
+ "name": "repeat(9,spacer)",
1151
+ "description": "Applies a `repeat(9, minmax(0, 1fr))` grid-template to the main-axis"
1152
+ },
1153
+ {
1154
+ "name": "repeat(10,spacer)",
1155
+ "description": "Applies a `repeat(10, minmax(0, 1fr))` grid-template to the main-axis"
1156
+ },
1157
+ {
1158
+ "name": "spacer auto",
1159
+ "description": "Applies a `minmax(0, 1fr) auto` grid-template to the main-axis"
1160
+ },
1161
+ {
1162
+ "name": "repeat(1,spacer) auto",
1163
+ "description": "Applies a `repeat(1, minmax(0, 1fr)) auto` grid-template to the main-axis"
1164
+ },
1165
+ {
1166
+ "name": "repeat(2,spacer) auto",
1167
+ "description": "Applies a `repeat(2, minmax(0, 1fr)) auto` grid-template to the main-axis"
1168
+ },
1169
+ {
1170
+ "name": "repeat(3,spacer) auto",
1171
+ "description": "Applies a `repeat(3, minmax(0, 1fr)) auto` grid-template to the main-axis"
1172
+ },
1173
+ {
1174
+ "name": "repeat(4,spacer) auto",
1175
+ "description": "Applies a `repeat(4, minmax(0, 1fr)) auto` grid-template to the main-axis"
1176
+ },
1177
+ {
1178
+ "name": "repeat(5,spacer) auto",
1179
+ "description": "Applies a `repeat(5, minmax(0, 1fr)) auto` grid-template to the main-axis"
1180
+ },
1181
+ {
1182
+ "name": "repeat(6,spacer) auto",
1183
+ "description": "Applies a `repeat(6, minmax(0, 1fr)) auto` grid-template to the main-axis"
1184
+ },
1185
+ {
1186
+ "name": "repeat(7,spacer) auto",
1187
+ "description": "Applies a `repeat(7, minmax(0, 1fr)) auto` grid-template to the main-axis"
1188
+ },
1189
+ {
1190
+ "name": "repeat(8,spacer) auto",
1191
+ "description": "Applies a `repeat(8, minmax(0, 1fr)) auto` grid-template to the main-axis"
1192
+ },
1193
+ {
1194
+ "name": "repeat(9,spacer) auto",
1195
+ "description": "Applies a `repeat(9, minmax(0, 1fr)) auto` grid-template to the main-axis"
1196
+ },
1197
+ {
1198
+ "name": "repeat(10,spacer) auto",
1199
+ "description": "Applies a `repeat(10, minmax(0, 1fr)) auto` grid-template to the main-axis"
1200
+ },
1201
+ {
1202
+ "name": "auto spacer",
1203
+ "description": "Applies a `auto minmax(0, 1fr)` grid-template to the main-axis"
1204
+ },
1205
+ {
1206
+ "name": "repeat(1,auto) spacer",
1207
+ "description": "Applies a `repeat(1, auto) minmax(0, 1fr)` grid-template to the main-axis"
1208
+ },
1209
+ {
1210
+ "name": "repeat(2,auto) spacer",
1211
+ "description": "Applies a `repeat(2, auto) minmax(0, 1fr)` grid-template to the main-axis"
1212
+ },
1213
+ {
1214
+ "name": "repeat(3,auto) spacer",
1215
+ "description": "Applies a `repeat(3, auto) minmax(0, 1fr)` grid-template to the main-axis"
1216
+ },
1217
+ {
1218
+ "name": "repeat(4,auto) spacer",
1219
+ "description": "Applies a `repeat(4, auto) minmax(0, 1fr)` grid-template to the main-axis"
1220
+ },
1221
+ {
1222
+ "name": "repeat(5,auto) spacer",
1223
+ "description": "Applies a `repeat(5, auto) minmax(0, 1fr)` grid-template to the main-axis"
1224
+ },
1225
+ {
1226
+ "name": "repeat(6,auto) spacer",
1227
+ "description": "Applies a `repeat(6, auto) minmax(0, 1fr)` grid-template to the main-axis"
1228
+ },
1229
+ {
1230
+ "name": "repeat(7,auto) spacer",
1231
+ "description": "Applies a `repeat(7, auto) minmax(0, 1fr)` grid-template to the main-axis"
1232
+ },
1233
+ {
1234
+ "name": "repeat(8,auto) spacer",
1235
+ "description": "Applies a `repeat(8, auto) minmax(0, 1fr)` grid-template to the main-axis"
1236
+ },
1237
+ {
1238
+ "name": "repeat(9,auto) spacer",
1239
+ "description": "Applies a `repeat(9, auto) minmax(0, 1fr)` grid-template to the main-axis"
1240
+ },
1241
+ {
1242
+ "name": "repeat(10,auto) spacer",
1243
+ "description": "Applies a `repeat(10, auto) minmax(0, 1fr)` grid-template to the main-axis"
1244
+ },
1245
+ {
1246
+ "name": "auto auto spacer",
1247
+ "description": "Applies a `auto auto minmax(0, 1fr)` grid-template to the main-axis"
1248
+ },
1249
+ {
1250
+ "name": "auto auto auto spacer",
1251
+ "description": "Applies a `auto auto auto minmax(0, 1fr)` grid-template to the main-axis"
1252
+ },
1253
+ {
1254
+ "name": "auto auto auto auto spacer",
1255
+ "description": "Applies a `auto auto auto auto minmax(0, 1fr)` grid-template to the main-axis"
1256
+ },
1257
+ {
1258
+ "name": "auto spacer auto",
1259
+ "description": "Applies a `auto minmax(0, 1fr) auto` grid-template to the main-axis"
1260
+ },
1261
+ {
1262
+ "name": "repeat(1,auto) spacer repeat(1,auto)",
1263
+ "description": "Applies a `repeat(1, auto) minmax(0, 1fr) repeat(1, auto)` grid-template to the main-axis"
1264
+ },
1265
+ {
1266
+ "name": "repeat(1,auto) spacer repeat(2,auto)",
1267
+ "description": "Applies a `repeat(1, auto) minmax(0, 1fr) repeat(2, auto)` grid-template to the main-axis"
1268
+ },
1269
+ {
1270
+ "name": "repeat(1,auto) spacer repeat(3,auto)",
1271
+ "description": "Applies a `repeat(1, auto) minmax(0, 1fr) repeat(3, auto)` grid-template to the main-axis"
1272
+ },
1273
+ {
1274
+ "name": "repeat(1,auto) spacer repeat(4,auto)",
1275
+ "description": "Applies a `repeat(1, auto) minmax(0, 1fr) repeat(4, auto)` grid-template to the main-axis"
1276
+ },
1277
+ {
1278
+ "name": "repeat(1,auto) spacer repeat(5,auto)",
1279
+ "description": "Applies a `repeat(1, auto) minmax(0, 1fr) repeat(5, auto)` grid-template to the main-axis"
1280
+ },
1281
+ {
1282
+ "name": "repeat(2,auto) spacer repeat(1,auto)",
1283
+ "description": "Applies a `repeat(2, auto) minmax(0, 1fr) repeat(1, auto)` grid-template to the main-axis"
1284
+ },
1285
+ {
1286
+ "name": "repeat(3,auto) spacer repeat(1,auto)",
1287
+ "description": "Applies a `repeat(3, auto) minmax(0, 1fr) repeat(1, auto)` grid-template to the main-axis"
1288
+ },
1289
+ {
1290
+ "name": "repeat(4,auto) spacer repeat(1,auto)",
1291
+ "description": "Applies a `repeat(4, auto) minmax(0, 1fr) repeat(1, auto)` grid-template to the main-axis"
1292
+ },
1293
+ {
1294
+ "name": "repeat(5,auto) spacer repeat(1,auto)",
1295
+ "description": "Applies a `repeat(5, auto) minmax(0, 1fr) repeat(1, auto)` grid-template to the main-axis"
1296
+ },
1297
+ {
1298
+ "name": "repeat(2,auto) spacer repeat(2,auto)",
1299
+ "description": "Applies a `repeat(2, auto) minmax(0, 1fr) repeat(2, auto)` grid-template to the main-axis"
1300
+ },
1301
+ {
1302
+ "name": "auto spacer auto auto",
1303
+ "description": "Applies a `auto minmax(0, 1fr) auto auto` grid-template to the main-axis"
883
1304
  }
884
1305
  ]
885
1306
  },