@rbxts/uiblox 0.2.0-alpha.4 → 0.2.0-alpha.6
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/out/ui/packages/alert/components/Alert.luau +34 -27
- package/out/ui/packages/alert/components/Alert.styles.d.ts +1 -0
- package/out/ui/packages/alert/components/Alert.styles.luau +10 -2
- package/out/ui/packages/autocomplete/components/Autocomplete.luau +8 -0
- package/out/ui/packages/checkbox/components/checkboxLook.d.ts +1 -1
- package/out/ui/packages/chip/components/Chip.d.ts +1 -0
- package/out/ui/packages/chip/components/Chip.luau +37 -2
- package/out/ui/packages/chip/components/Chip.styles.d.ts +1 -0
- package/out/ui/packages/chip/components/Chip.styles.luau +29 -1
- package/out/ui/packages/circularProgress/components/CircularProgress.luau +13 -2
- package/out/ui/packages/formText/components/FormHelperText.d.ts +8 -0
- package/out/ui/packages/formText/components/FormHelperText.luau +44 -0
- package/out/ui/packages/formText/components/FormLabel.d.ts +9 -0
- package/out/ui/packages/formText/components/FormLabel.luau +46 -0
- package/out/ui/packages/formText/components/FormText.styles.d.ts +5 -0
- package/out/ui/packages/formText/components/FormText.styles.luau +33 -0
- package/out/ui/packages/formText/index.d.ts +4 -0
- package/out/ui/packages/formText/init.luau +6 -0
- package/out/ui/packages/imageList/components/ImageList.d.ts +14 -0
- package/out/ui/packages/imageList/components/ImageList.luau +84 -0
- package/out/ui/packages/imageList/components/ImageList.styles.d.ts +6 -0
- package/out/ui/packages/imageList/components/ImageList.styles.luau +54 -0
- package/out/ui/packages/imageList/components/imageListLayout.d.ts +3 -0
- package/out/ui/packages/imageList/components/imageListLayout.luau +24 -0
- package/out/ui/packages/imageList/index.d.ts +2 -0
- package/out/ui/packages/imageList/init.luau +5 -0
- package/out/ui/packages/index.d.ts +3 -0
- package/out/ui/packages/init.luau +9 -0
- package/out/ui/packages/layout/components/Box.d.ts +11 -0
- package/out/ui/packages/layout/components/Box.luau +49 -0
- package/out/ui/packages/layout/components/Box.styles.d.ts +7 -0
- package/out/ui/packages/layout/components/Box.styles.luau +34 -0
- package/out/ui/packages/layout/components/Stack.d.ts +12 -0
- package/out/ui/packages/layout/components/Stack.luau +49 -0
- package/out/ui/packages/layout/components/Stack.styles.d.ts +8 -0
- package/out/ui/packages/layout/components/Stack.styles.luau +72 -0
- package/out/ui/packages/layout/components/boxPad.d.ts +14 -0
- package/out/ui/packages/layout/components/boxPad.luau +59 -0
- package/out/ui/packages/layout/components/stackAlign.d.ts +8 -0
- package/out/ui/packages/layout/components/stackAlign.luau +29 -0
- package/out/ui/packages/layout/index.d.ts +7 -0
- package/out/ui/packages/layout/init.luau +2 -0
- package/out/ui/packages/menu/components/Menu.d.ts +3 -0
- package/out/ui/packages/menu/components/Menu.luau +48 -23
- package/out/ui/packages/menu/components/Menu.styles.luau +5 -1
- package/out/ui/packages/motion/index.d.ts +1 -1
- package/out/ui/packages/motion/init.luau +1 -0
- package/out/ui/packages/motion/unit.d.ts +5 -0
- package/out/ui/packages/motion/unit.luau +23 -0
- package/out/ui/packages/radioGroup/components/RadioGroup.d.ts +1 -0
- package/out/ui/packages/radioGroup/components/RadioGroup.luau +4 -2
- package/out/ui/packages/radioGroup/components/RadioGroup.styles.d.ts +1 -0
- package/out/ui/packages/radioGroup/components/RadioGroup.styles.luau +4 -1
- package/out/ui/packages/select/components/Select.d.ts +5 -0
- package/out/ui/packages/select/components/Select.luau +48 -24
- package/out/ui/packages/select/components/Select.styles.luau +1 -1
- package/out/ui/packages/skeleton/components/Skeleton.styles.luau +7 -3
- package/out/ui/packages/skeleton/components/skeletonTone.d.ts +20 -0
- package/out/ui/packages/skeleton/components/skeletonTone.luau +14 -0
- package/out/ui/packages/speedDial/components/SpeedDial.d.ts +17 -0
- package/out/ui/packages/speedDial/components/SpeedDial.luau +92 -0
- package/out/ui/packages/speedDial/components/SpeedDial.styles.d.ts +2 -0
- package/out/ui/packages/speedDial/components/SpeedDial.styles.luau +26 -0
- package/out/ui/packages/speedDial/index.d.ts +2 -0
- package/out/ui/packages/speedDial/init.luau +5 -0
- package/out/ui/packages/splitPane/components/splitLook.d.ts +1 -1
- package/out/ui/packages/stateMatrix.d.ts +1 -0
- package/out/ui/packages/stateMatrix.luau +239 -81
- package/out/ui/packages/switch/components/switchLook.d.ts +1 -1
- package/out/ui/packages/virtualList/components/EmptyListHint.d.ts +6 -0
- package/out/ui/packages/virtualList/components/EmptyListHint.luau +32 -0
- package/out/ui/packages/virtualList/components/EmptyListHint.styles.d.ts +5 -0
- package/out/ui/packages/virtualList/components/EmptyListHint.styles.luau +26 -0
- package/out/ui/packages/virtualList/index.d.ts +2 -0
- package/out/ui/packages/virtualList/init.luau +1 -0
- package/package.json +2 -2
|
@@ -713,29 +713,37 @@ local function togglesRows()
|
|
|
713
713
|
local _Length_31 = #_array_32
|
|
714
714
|
table.move(_array_32, 1, _Length_31, _length + 1, _array)
|
|
715
715
|
_length += _Length_31
|
|
716
|
-
local _array_33 = pair("RadioGroup", "
|
|
716
|
+
local _array_33 = pair("RadioGroup", "row", {
|
|
717
717
|
value = "Continue",
|
|
718
718
|
options = { "Continue", "Other" },
|
|
719
|
-
|
|
719
|
+
row = true,
|
|
720
720
|
})
|
|
721
721
|
local _Length_32 = #_array_33
|
|
722
722
|
table.move(_array_33, 1, _Length_32, _length + 1, _array)
|
|
723
723
|
_length += _Length_32
|
|
724
|
-
local _array_34 = pair("RadioGroup", "size-
|
|
724
|
+
local _array_34 = pair("RadioGroup", "size-small", {
|
|
725
725
|
value = "Continue",
|
|
726
726
|
options = { "Continue", "Other" },
|
|
727
|
-
size = "
|
|
727
|
+
size = "small",
|
|
728
728
|
})
|
|
729
729
|
local _Length_33 = #_array_34
|
|
730
730
|
table.move(_array_34, 1, _Length_33, _length + 1, _array)
|
|
731
731
|
_length += _Length_33
|
|
732
|
-
local _array_35 = pair("RadioGroup", "
|
|
732
|
+
local _array_35 = pair("RadioGroup", "size-large", {
|
|
733
|
+
value = "Continue",
|
|
734
|
+
options = { "Continue", "Other" },
|
|
735
|
+
size = "large",
|
|
736
|
+
})
|
|
737
|
+
local _Length_34 = #_array_35
|
|
738
|
+
table.move(_array_35, 1, _Length_34, _length + 1, _array)
|
|
739
|
+
_length += _Length_34
|
|
740
|
+
local _array_36 = pair("RadioGroup", "density-compact", {
|
|
733
741
|
value = "Continue",
|
|
734
742
|
options = { "Continue", "Other" },
|
|
735
743
|
density = "compact",
|
|
736
744
|
size = "small",
|
|
737
745
|
})
|
|
738
|
-
table.move(
|
|
746
|
+
table.move(_array_36, 1, #_array_36, _length + 1, _array)
|
|
739
747
|
return _array
|
|
740
748
|
end
|
|
741
749
|
local function compositeRows()
|
|
@@ -883,130 +891,147 @@ local function compositeRows()
|
|
|
883
891
|
local _Length_16 = #_array_17
|
|
884
892
|
table.move(_array_17, 1, _Length_16, _length + 1, _array)
|
|
885
893
|
_length += _Length_16
|
|
886
|
-
local _array_18 = pair("
|
|
887
|
-
value = "
|
|
888
|
-
options = {
|
|
894
|
+
local _array_18 = pair("Select", "empty", {
|
|
895
|
+
value = "",
|
|
896
|
+
options = {},
|
|
897
|
+
open = true,
|
|
889
898
|
})
|
|
890
899
|
local _Length_17 = #_array_18
|
|
891
900
|
table.move(_array_18, 1, _Length_17, _length + 1, _array)
|
|
892
901
|
_length += _Length_17
|
|
893
|
-
local _array_19 = pair("
|
|
902
|
+
local _array_19 = pair("Select", "no-results", {
|
|
894
903
|
value = "Continue",
|
|
895
|
-
options = { "Continue", "
|
|
896
|
-
|
|
904
|
+
options = { "Continue", "Other" },
|
|
905
|
+
open = true,
|
|
906
|
+
filter = "zzz",
|
|
897
907
|
})
|
|
898
908
|
local _Length_18 = #_array_19
|
|
899
909
|
table.move(_array_19, 1, _Length_18, _length + 1, _array)
|
|
900
910
|
_length += _Length_18
|
|
901
|
-
local _array_20 = pair("Tabs", "
|
|
911
|
+
local _array_20 = pair("Tabs", "default", {
|
|
902
912
|
value = "Continue",
|
|
903
913
|
options = { "Continue", "Docs", "Actions" },
|
|
904
|
-
pointer = "hover",
|
|
905
914
|
})
|
|
906
915
|
local _Length_19 = #_array_20
|
|
907
916
|
table.move(_array_20, 1, _Length_19, _length + 1, _array)
|
|
908
917
|
_length += _Length_19
|
|
909
|
-
local _array_21 = pair("Tabs", "
|
|
910
|
-
value =
|
|
911
|
-
options = {
|
|
912
|
-
|
|
913
|
-
width = NARROW,
|
|
918
|
+
local _array_21 = pair("Tabs", "disabled", {
|
|
919
|
+
value = "Continue",
|
|
920
|
+
options = { "Continue", "Docs", "Actions" },
|
|
921
|
+
disabled = true,
|
|
914
922
|
})
|
|
915
923
|
local _Length_20 = #_array_21
|
|
916
924
|
table.move(_array_21, 1, _Length_20, _length + 1, _array)
|
|
917
925
|
_length += _Length_20
|
|
918
|
-
local _array_22 = pair("
|
|
919
|
-
value =
|
|
926
|
+
local _array_22 = pair("Tabs", "hover", {
|
|
927
|
+
value = "Continue",
|
|
928
|
+
options = { "Continue", "Docs", "Actions" },
|
|
929
|
+
pointer = "hover",
|
|
920
930
|
})
|
|
921
931
|
local _Length_21 = #_array_22
|
|
922
932
|
table.move(_array_22, 1, _Length_21, _length + 1, _array)
|
|
923
933
|
_length += _Length_21
|
|
924
|
-
local _array_23 = pair("
|
|
925
|
-
value =
|
|
926
|
-
|
|
934
|
+
local _array_23 = pair("Tabs", "long", {
|
|
935
|
+
value = LONG,
|
|
936
|
+
options = { LONG, "Docs", "Actions", "Source", "Settings" },
|
|
937
|
+
text = LONG,
|
|
938
|
+
width = NARROW,
|
|
927
939
|
})
|
|
928
940
|
local _Length_22 = #_array_23
|
|
929
941
|
table.move(_array_23, 1, _Length_22, _length + 1, _array)
|
|
930
942
|
_length += _Length_22
|
|
931
|
-
local _array_24 = pair("SplitPane", "
|
|
943
|
+
local _array_24 = pair("SplitPane", "default", {
|
|
932
944
|
value = 160,
|
|
933
|
-
pointer = "hover",
|
|
934
945
|
})
|
|
935
946
|
local _Length_23 = #_array_24
|
|
936
947
|
table.move(_array_24, 1, _Length_23, _length + 1, _array)
|
|
937
948
|
_length += _Length_23
|
|
938
|
-
local _array_25 = pair("SplitPane", "
|
|
949
|
+
local _array_25 = pair("SplitPane", "disabled", {
|
|
939
950
|
value = 160,
|
|
940
|
-
|
|
951
|
+
disabled = true,
|
|
941
952
|
})
|
|
942
953
|
local _Length_24 = #_array_25
|
|
943
954
|
table.move(_array_25, 1, _Length_24, _length + 1, _array)
|
|
944
955
|
_length += _Length_24
|
|
945
|
-
local _array_26 = pair("SplitPane", "
|
|
946
|
-
value =
|
|
947
|
-
|
|
948
|
-
width = NARROW,
|
|
956
|
+
local _array_26 = pair("SplitPane", "hover", {
|
|
957
|
+
value = 160,
|
|
958
|
+
pointer = "hover",
|
|
949
959
|
})
|
|
950
960
|
local _Length_25 = #_array_26
|
|
951
961
|
table.move(_array_26, 1, _Length_25, _length + 1, _array)
|
|
952
962
|
_length += _Length_25
|
|
953
|
-
local _array_27 = pair("
|
|
963
|
+
local _array_27 = pair("SplitPane", "drag", {
|
|
964
|
+
value = 160,
|
|
965
|
+
pointer = "press",
|
|
966
|
+
})
|
|
954
967
|
local _Length_26 = #_array_27
|
|
955
968
|
table.move(_array_27, 1, _Length_26, _length + 1, _array)
|
|
956
969
|
_length += _Length_26
|
|
957
|
-
local _array_28 = pair("
|
|
958
|
-
|
|
970
|
+
local _array_28 = pair("SplitPane", "long", {
|
|
971
|
+
value = 80,
|
|
972
|
+
text = LONG,
|
|
973
|
+
width = NARROW,
|
|
959
974
|
})
|
|
960
975
|
local _Length_27 = #_array_28
|
|
961
976
|
table.move(_array_28, 1, _Length_27, _length + 1, _array)
|
|
962
977
|
_length += _Length_27
|
|
963
|
-
local _array_29 = pair("Tooltip", "
|
|
964
|
-
text = LONG,
|
|
965
|
-
width = NARROW,
|
|
966
|
-
pointer = "hover",
|
|
967
|
-
})
|
|
978
|
+
local _array_29 = pair("Tooltip", "hidden")
|
|
968
979
|
local _Length_28 = #_array_29
|
|
969
980
|
table.move(_array_29, 1, _Length_28, _length + 1, _array)
|
|
970
981
|
_length += _Length_28
|
|
971
|
-
local _array_30 = pair("
|
|
972
|
-
|
|
982
|
+
local _array_30 = pair("Tooltip", "shown", {
|
|
983
|
+
pointer = "hover",
|
|
973
984
|
})
|
|
974
985
|
local _Length_29 = #_array_30
|
|
975
986
|
table.move(_array_30, 1, _Length_29, _length + 1, _array)
|
|
976
987
|
_length += _Length_29
|
|
977
|
-
local _array_31 = pair("
|
|
978
|
-
|
|
988
|
+
local _array_31 = pair("Tooltip", "long", {
|
|
989
|
+
text = LONG,
|
|
990
|
+
width = NARROW,
|
|
979
991
|
pointer = "hover",
|
|
980
992
|
})
|
|
981
993
|
local _Length_30 = #_array_31
|
|
982
994
|
table.move(_array_31, 1, _Length_30, _length + 1, _array)
|
|
983
995
|
_length += _Length_30
|
|
984
|
-
local _array_32 = pair("TreeView", "
|
|
996
|
+
local _array_32 = pair("TreeView", "default", {
|
|
985
997
|
selected = "Fixture/Styled",
|
|
986
|
-
filter = "sty",
|
|
987
998
|
})
|
|
988
999
|
local _Length_31 = #_array_32
|
|
989
1000
|
table.move(_array_32, 1, _Length_31, _length + 1, _array)
|
|
990
1001
|
_length += _Length_31
|
|
991
|
-
local _array_33 = pair("TreeView", "
|
|
992
|
-
selected =
|
|
993
|
-
|
|
994
|
-
width = NARROW,
|
|
1002
|
+
local _array_33 = pair("TreeView", "hover", {
|
|
1003
|
+
selected = "Fixture/Styled",
|
|
1004
|
+
pointer = "hover",
|
|
995
1005
|
})
|
|
996
1006
|
local _Length_32 = #_array_33
|
|
997
1007
|
table.move(_array_33, 1, _Length_32, _length + 1, _array)
|
|
998
1008
|
_length += _Length_32
|
|
999
|
-
local _array_34 = pair("
|
|
1000
|
-
|
|
1009
|
+
local _array_34 = pair("TreeView", "filter", {
|
|
1010
|
+
selected = "Fixture/Styled",
|
|
1011
|
+
filter = "sty",
|
|
1001
1012
|
})
|
|
1002
1013
|
local _Length_33 = #_array_34
|
|
1003
1014
|
table.move(_array_34, 1, _Length_33, _length + 1, _array)
|
|
1004
1015
|
_length += _Length_33
|
|
1005
|
-
local _array_35 = pair("
|
|
1016
|
+
local _array_35 = pair("TreeView", "long", {
|
|
1017
|
+
selected = `Fixture/{LONG}`,
|
|
1018
|
+
text = LONG,
|
|
1019
|
+
width = NARROW,
|
|
1020
|
+
})
|
|
1021
|
+
local _Length_34 = #_array_35
|
|
1022
|
+
table.move(_array_35, 1, _Length_34, _length + 1, _array)
|
|
1023
|
+
_length += _Length_34
|
|
1024
|
+
local _array_36 = pair("IconButton", "loading", {
|
|
1025
|
+
loading = true,
|
|
1026
|
+
})
|
|
1027
|
+
local _Length_35 = #_array_36
|
|
1028
|
+
table.move(_array_36, 1, _Length_35, _length + 1, _array)
|
|
1029
|
+
_length += _Length_35
|
|
1030
|
+
local _array_37 = pair("IconButton", "loading-disabled", {
|
|
1006
1031
|
loading = true,
|
|
1007
1032
|
disabled = true,
|
|
1008
1033
|
})
|
|
1009
|
-
table.move(
|
|
1034
|
+
table.move(_array_37, 1, #_array_37, _length + 1, _array)
|
|
1010
1035
|
return _array
|
|
1011
1036
|
end
|
|
1012
1037
|
local function surfacesRows()
|
|
@@ -1219,16 +1244,22 @@ local function surfacesRows()
|
|
|
1219
1244
|
local _Length_32 = #_array_33
|
|
1220
1245
|
table.move(_array_33, 1, _Length_32, _length + 1, _array)
|
|
1221
1246
|
_length += _Length_32
|
|
1222
|
-
local _array_34 = pair("
|
|
1223
|
-
|
|
1247
|
+
local _array_34 = pair("Chip", "deletable", {
|
|
1248
|
+
text = "Tag",
|
|
1224
1249
|
})
|
|
1225
1250
|
local _Length_33 = #_array_34
|
|
1226
1251
|
table.move(_array_34, 1, _Length_33, _length + 1, _array)
|
|
1227
1252
|
_length += _Length_33
|
|
1228
|
-
local _array_35 = pair("Badge", "
|
|
1253
|
+
local _array_35 = pair("Badge", "count", {
|
|
1254
|
+
value = 3,
|
|
1255
|
+
})
|
|
1256
|
+
local _Length_34 = #_array_35
|
|
1257
|
+
table.move(_array_35, 1, _Length_34, _length + 1, _array)
|
|
1258
|
+
_length += _Length_34
|
|
1259
|
+
local _array_36 = pair("Badge", "max", {
|
|
1229
1260
|
value = 100,
|
|
1230
1261
|
})
|
|
1231
|
-
table.move(
|
|
1262
|
+
table.move(_array_36, 1, #_array_36, _length + 1, _array)
|
|
1232
1263
|
return _array
|
|
1233
1264
|
end
|
|
1234
1265
|
local function chromeRows()
|
|
@@ -1401,59 +1432,76 @@ local function chromeRows()
|
|
|
1401
1432
|
local _Length_25 = #_array_26
|
|
1402
1433
|
table.move(_array_26, 1, _Length_25, _length + 1, _array)
|
|
1403
1434
|
_length += _Length_25
|
|
1404
|
-
local _array_27 = pair("
|
|
1435
|
+
local _array_27 = pair("Autocomplete", "empty", {
|
|
1436
|
+
value = "",
|
|
1437
|
+
options = {},
|
|
1438
|
+
open = true,
|
|
1439
|
+
})
|
|
1405
1440
|
local _Length_26 = #_array_27
|
|
1406
1441
|
table.move(_array_27, 1, _Length_26, _length + 1, _array)
|
|
1407
1442
|
_length += _Length_26
|
|
1408
|
-
local _array_28 = pair("
|
|
1409
|
-
|
|
1443
|
+
local _array_28 = pair("Autocomplete", "no-results", {
|
|
1444
|
+
value = "Continue",
|
|
1445
|
+
options = { "Continue", "Other" },
|
|
1446
|
+
open = true,
|
|
1447
|
+
filter = "zzz",
|
|
1410
1448
|
})
|
|
1411
1449
|
local _Length_27 = #_array_28
|
|
1412
1450
|
table.move(_array_28, 1, _Length_27, _length + 1, _array)
|
|
1413
1451
|
_length += _Length_27
|
|
1414
|
-
local _array_29 = pair("Fab", "
|
|
1415
|
-
size = "large",
|
|
1416
|
-
})
|
|
1452
|
+
local _array_29 = pair("Fab", "default")
|
|
1417
1453
|
local _Length_28 = #_array_29
|
|
1418
1454
|
table.move(_array_29, 1, _Length_28, _length + 1, _array)
|
|
1419
1455
|
_length += _Length_28
|
|
1420
|
-
local _array_30 = pair("Fab", "
|
|
1421
|
-
|
|
1456
|
+
local _array_30 = pair("Fab", "small", {
|
|
1457
|
+
size = "small",
|
|
1422
1458
|
})
|
|
1423
1459
|
local _Length_29 = #_array_30
|
|
1424
1460
|
table.move(_array_30, 1, _Length_29, _length + 1, _array)
|
|
1425
1461
|
_length += _Length_29
|
|
1426
|
-
local _array_31 = pair("Fab", "
|
|
1427
|
-
|
|
1462
|
+
local _array_31 = pair("Fab", "large", {
|
|
1463
|
+
size = "large",
|
|
1428
1464
|
})
|
|
1429
1465
|
local _Length_30 = #_array_31
|
|
1430
1466
|
table.move(_array_31, 1, _Length_30, _length + 1, _array)
|
|
1431
1467
|
_length += _Length_30
|
|
1432
|
-
local _array_32 = pair("
|
|
1433
|
-
|
|
1468
|
+
local _array_32 = pair("Fab", "disabled", {
|
|
1469
|
+
disabled = true,
|
|
1434
1470
|
})
|
|
1435
1471
|
local _Length_31 = #_array_32
|
|
1436
1472
|
table.move(_array_32, 1, _Length_31, _length + 1, _array)
|
|
1437
1473
|
_length += _Length_31
|
|
1438
|
-
local _array_33 = pair("
|
|
1439
|
-
|
|
1440
|
-
variant = "flat",
|
|
1474
|
+
local _array_33 = pair("Fab", "loading", {
|
|
1475
|
+
loading = true,
|
|
1441
1476
|
})
|
|
1442
1477
|
local _Length_32 = #_array_33
|
|
1443
1478
|
table.move(_array_33, 1, _Length_32, _length + 1, _array)
|
|
1444
1479
|
_length += _Length_32
|
|
1445
|
-
local _array_34 = pair("AppBar", "
|
|
1480
|
+
local _array_34 = pair("AppBar", "default", {
|
|
1446
1481
|
text = "Storyblox",
|
|
1447
|
-
variant = "raised",
|
|
1448
1482
|
})
|
|
1449
1483
|
local _Length_33 = #_array_34
|
|
1450
1484
|
table.move(_array_34, 1, _Length_33, _length + 1, _array)
|
|
1451
1485
|
_length += _Length_33
|
|
1452
|
-
local _array_35 = pair("
|
|
1486
|
+
local _array_35 = pair("AppBar", "flat", {
|
|
1487
|
+
text = "Storyblox",
|
|
1488
|
+
variant = "flat",
|
|
1489
|
+
})
|
|
1490
|
+
local _Length_34 = #_array_35
|
|
1491
|
+
table.move(_array_35, 1, _Length_34, _length + 1, _array)
|
|
1492
|
+
_length += _Length_34
|
|
1493
|
+
local _array_36 = pair("AppBar", "raised", {
|
|
1494
|
+
text = "Storyblox",
|
|
1495
|
+
variant = "raised",
|
|
1496
|
+
})
|
|
1497
|
+
local _Length_35 = #_array_36
|
|
1498
|
+
table.move(_array_36, 1, _Length_35, _length + 1, _array)
|
|
1499
|
+
_length += _Length_35
|
|
1500
|
+
local _array_37 = pair("BottomNavigation", "default", {
|
|
1453
1501
|
value = "Home",
|
|
1454
1502
|
options = { "Home", "Search", "Profile" },
|
|
1455
1503
|
})
|
|
1456
|
-
table.move(
|
|
1504
|
+
table.move(_array_37, 1, #_array_37, _length + 1, _array)
|
|
1457
1505
|
return _array
|
|
1458
1506
|
end
|
|
1459
1507
|
local function miscRows()
|
|
@@ -1579,16 +1627,126 @@ local function miscRows()
|
|
|
1579
1627
|
local _Length_17 = #_array_18
|
|
1580
1628
|
table.move(_array_18, 1, _Length_17, _length + 1, _array)
|
|
1581
1629
|
_length += _Length_17
|
|
1582
|
-
local _array_19 = pair("
|
|
1583
|
-
|
|
1630
|
+
local _array_19 = pair("Stack", "column", {
|
|
1631
|
+
variant = "column",
|
|
1584
1632
|
})
|
|
1585
1633
|
local _Length_18 = #_array_19
|
|
1586
1634
|
table.move(_array_19, 1, _Length_18, _length + 1, _array)
|
|
1587
1635
|
_length += _Length_18
|
|
1588
|
-
local _array_20 = pair("
|
|
1636
|
+
local _array_20 = pair("Stack", "row", {
|
|
1637
|
+
variant = "row",
|
|
1638
|
+
})
|
|
1639
|
+
local _Length_19 = #_array_20
|
|
1640
|
+
table.move(_array_20, 1, _Length_19, _length + 1, _array)
|
|
1641
|
+
_length += _Length_19
|
|
1642
|
+
local _array_21 = pair("Stack", "spaced", {
|
|
1643
|
+
variant = "column",
|
|
1644
|
+
size = "large",
|
|
1645
|
+
})
|
|
1646
|
+
local _Length_20 = #_array_21
|
|
1647
|
+
table.move(_array_21, 1, _Length_20, _length + 1, _array)
|
|
1648
|
+
_length += _Length_20
|
|
1649
|
+
local _array_22 = pair("Box", "plain")
|
|
1650
|
+
local _Length_21 = #_array_22
|
|
1651
|
+
table.move(_array_22, 1, _Length_21, _length + 1, _array)
|
|
1652
|
+
_length += _Length_21
|
|
1653
|
+
local _array_23 = pair("Box", "padded", {
|
|
1654
|
+
size = "medium",
|
|
1655
|
+
})
|
|
1656
|
+
local _Length_22 = #_array_23
|
|
1657
|
+
table.move(_array_23, 1, _Length_22, _length + 1, _array)
|
|
1658
|
+
_length += _Length_22
|
|
1659
|
+
local _array_24 = pair("Box", "paper", {
|
|
1660
|
+
variant = "paper",
|
|
1661
|
+
})
|
|
1662
|
+
local _Length_23 = #_array_24
|
|
1663
|
+
table.move(_array_24, 1, _Length_23, _length + 1, _array)
|
|
1664
|
+
_length += _Length_23
|
|
1665
|
+
local _array_25 = pair("ImageList", "default")
|
|
1666
|
+
local _Length_24 = #_array_25
|
|
1667
|
+
table.move(_array_25, 1, _Length_24, _length + 1, _array)
|
|
1668
|
+
_length += _Length_24
|
|
1669
|
+
local _array_26 = pair("ImageList", "dense", {
|
|
1670
|
+
size = "small",
|
|
1671
|
+
})
|
|
1672
|
+
local _Length_25 = #_array_26
|
|
1673
|
+
table.move(_array_26, 1, _Length_25, _length + 1, _array)
|
|
1674
|
+
_length += _Length_25
|
|
1675
|
+
local _array_27 = pair("ImageList", "wide", {
|
|
1676
|
+
size = "large",
|
|
1677
|
+
})
|
|
1678
|
+
local _Length_26 = #_array_27
|
|
1679
|
+
table.move(_array_27, 1, _Length_26, _length + 1, _array)
|
|
1680
|
+
_length += _Length_26
|
|
1681
|
+
local _array_28 = pair("SpeedDial", "closed", {
|
|
1682
|
+
open = false,
|
|
1683
|
+
})
|
|
1684
|
+
local _Length_27 = #_array_28
|
|
1685
|
+
table.move(_array_28, 1, _Length_27, _length + 1, _array)
|
|
1686
|
+
_length += _Length_27
|
|
1687
|
+
local _array_29 = pair("SpeedDial", "open", {
|
|
1688
|
+
open = true,
|
|
1689
|
+
})
|
|
1690
|
+
local _Length_28 = #_array_29
|
|
1691
|
+
table.move(_array_29, 1, _Length_28, _length + 1, _array)
|
|
1692
|
+
_length += _Length_28
|
|
1693
|
+
local _array_30 = pair("SpeedDial", "disabled", {
|
|
1694
|
+
open = false,
|
|
1695
|
+
disabled = true,
|
|
1696
|
+
})
|
|
1697
|
+
local _Length_29 = #_array_30
|
|
1698
|
+
table.move(_array_30, 1, _Length_29, _length + 1, _array)
|
|
1699
|
+
_length += _Length_29
|
|
1700
|
+
local _array_31 = pair("FormLabel", "default", {
|
|
1701
|
+
text = "Email",
|
|
1702
|
+
})
|
|
1703
|
+
local _Length_30 = #_array_31
|
|
1704
|
+
table.move(_array_31, 1, _Length_30, _length + 1, _array)
|
|
1705
|
+
_length += _Length_30
|
|
1706
|
+
local _array_32 = pair("FormLabel", "required", {
|
|
1707
|
+
text = "Email",
|
|
1708
|
+
value = true,
|
|
1709
|
+
})
|
|
1710
|
+
local _Length_31 = #_array_32
|
|
1711
|
+
table.move(_array_32, 1, _Length_31, _length + 1, _array)
|
|
1712
|
+
_length += _Length_31
|
|
1713
|
+
local _array_33 = pair("FormLabel", "error", {
|
|
1714
|
+
text = "Email",
|
|
1715
|
+
hasError = true,
|
|
1716
|
+
})
|
|
1717
|
+
local _Length_32 = #_array_33
|
|
1718
|
+
table.move(_array_33, 1, _Length_32, _length + 1, _array)
|
|
1719
|
+
_length += _Length_32
|
|
1720
|
+
local _array_34 = pair("FormHelperText", "default", {
|
|
1721
|
+
text = "We never share this",
|
|
1722
|
+
})
|
|
1723
|
+
local _Length_33 = #_array_34
|
|
1724
|
+
table.move(_array_34, 1, _Length_33, _length + 1, _array)
|
|
1725
|
+
_length += _Length_33
|
|
1726
|
+
local _array_35 = pair("FormHelperText", "error", {
|
|
1727
|
+
text = "Required",
|
|
1728
|
+
hasError = true,
|
|
1729
|
+
})
|
|
1730
|
+
local _Length_34 = #_array_35
|
|
1731
|
+
table.move(_array_35, 1, _Length_34, _length + 1, _array)
|
|
1732
|
+
_length += _Length_34
|
|
1733
|
+
local _array_36 = pair("Menu", "closed", {
|
|
1734
|
+
open = false,
|
|
1735
|
+
})
|
|
1736
|
+
local _Length_35 = #_array_36
|
|
1737
|
+
table.move(_array_36, 1, _Length_35, _length + 1, _array)
|
|
1738
|
+
_length += _Length_35
|
|
1739
|
+
local _array_37 = pair("Menu", "open", {
|
|
1740
|
+
open = true,
|
|
1741
|
+
})
|
|
1742
|
+
local _Length_36 = #_array_37
|
|
1743
|
+
table.move(_array_37, 1, _Length_36, _length + 1, _array)
|
|
1744
|
+
_length += _Length_36
|
|
1745
|
+
local _array_38 = pair("Menu", "empty", {
|
|
1589
1746
|
open = true,
|
|
1747
|
+
options = {},
|
|
1590
1748
|
})
|
|
1591
|
-
table.move(
|
|
1749
|
+
table.move(_array_38, 1, #_array_38, _length + 1, _array)
|
|
1592
1750
|
return _array
|
|
1593
1751
|
end
|
|
1594
1752
|
local function concatRows(...)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export type SwitchPointer = "rest" | "hover" | "press" | "focus";
|
|
2
2
|
export declare function switchPointer(hovering: boolean, pressed: boolean, focused: boolean): SwitchPointer;
|
|
3
|
-
export declare function switchTrackTransparency(on: boolean, disabled: boolean, pointer: SwitchPointer): 0 | 0.25 | 0.
|
|
3
|
+
export declare function switchTrackTransparency(on: boolean, disabled: boolean, pointer: SwitchPointer): 0 | 0.25 | 0.55 | 0.35 | 0.15 | 0.65 | 0.08;
|
|
4
4
|
export declare function switchThumbTransparency(disabled: boolean): 0 | 0.35;
|
|
5
5
|
export declare function switchStrokeTransparency(disabled: boolean, pointer: SwitchPointer): 1 | 0 | 0.35;
|
|
6
6
|
export declare function switchThumbPlacement(on: boolean, inset: number): {
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
|
|
4
|
+
local useTheme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").useTheme
|
|
5
|
+
local useEmptyListHintStyles = TS.import(script, script.Parent, "EmptyListHint.styles").default
|
|
6
|
+
local function EmptyListHint(props)
|
|
7
|
+
local _binding = props
|
|
8
|
+
local text = _binding.text
|
|
9
|
+
local height = _binding.height
|
|
10
|
+
local _binding_1 = useTheme()
|
|
11
|
+
local theme = _binding_1.theme
|
|
12
|
+
local _object = {}
|
|
13
|
+
local _left = "height"
|
|
14
|
+
local _condition = height
|
|
15
|
+
if _condition == nil then
|
|
16
|
+
_condition = theme.spacing.calc(4)
|
|
17
|
+
end
|
|
18
|
+
_object[_left] = _condition
|
|
19
|
+
local styles = useEmptyListHintStyles(_object)
|
|
20
|
+
local _attributes = {
|
|
21
|
+
key = "EmptyListHint",
|
|
22
|
+
}
|
|
23
|
+
for _k, _v in styles.root do
|
|
24
|
+
_attributes[_k] = _v
|
|
25
|
+
end
|
|
26
|
+
_attributes.Text = text
|
|
27
|
+
return React.createElement("textlabel", _attributes)
|
|
28
|
+
end
|
|
29
|
+
local default = EmptyListHint
|
|
30
|
+
return {
|
|
31
|
+
default = default,
|
|
32
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
|
|
4
|
+
local createStyles = _theme.createStyles
|
|
5
|
+
local componentStyles = _theme.componentStyles
|
|
6
|
+
local useEmptyListHintStyles = componentStyles("EmptyListHint", function(theme, _param)
|
|
7
|
+
local height = _param.height
|
|
8
|
+
return createStyles({
|
|
9
|
+
root = {
|
|
10
|
+
Size = UDim2.new(1, 0, 0, height),
|
|
11
|
+
BackgroundTransparency = 1,
|
|
12
|
+
BorderSizePixel = 0,
|
|
13
|
+
TextColor3 = theme.palette.text.secondary,
|
|
14
|
+
Font = theme.typography.fontFamilies.default,
|
|
15
|
+
TextSize = theme.typography.fontSizes.body,
|
|
16
|
+
TextXAlignment = Enum.TextXAlignment.Center,
|
|
17
|
+
TextYAlignment = Enum.TextYAlignment.Center,
|
|
18
|
+
TextTruncate = Enum.TextTruncate.AtEnd,
|
|
19
|
+
ZIndex = 20002,
|
|
20
|
+
},
|
|
21
|
+
})
|
|
22
|
+
end)
|
|
23
|
+
local default = useEmptyListHintStyles
|
|
24
|
+
return {
|
|
25
|
+
default = default,
|
|
26
|
+
}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export { default as VirtualList } from "./components/VirtualList";
|
|
2
2
|
export { VirtualListProps, VirtualListHandle, VirtualListItemState, VirtualListAlign, } from "./components/VirtualList";
|
|
3
|
+
export { default as EmptyListHint } from "./components/EmptyListHint";
|
|
4
|
+
export { EmptyListHintProps } from "./components/EmptyListHint";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rbxts/uiblox",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.6",
|
|
4
4
|
"description": "UI Library and theming for roblox-ts projects",
|
|
5
5
|
"main": "out/init.luau",
|
|
6
6
|
"packageManager": "pnpm@11.3.0",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"build": "rbxtsc",
|
|
9
9
|
"watch": "rbxtsc -w",
|
|
10
10
|
"pack:check": "node scripts/pack-check.mjs",
|
|
11
|
-
"test": "node scripts/no-internal-refs.check.mjs && node scripts/import-case.check.mjs && node --experimental-strip-types scripts/theme-scope.check.mjs && node --experimental-strip-types scripts/style-types.check.mjs && node --experimental-strip-types scripts/style-cache.check.mjs && node --experimental-strip-types scripts/style-variants.check.mjs && node --experimental-strip-types scripts/component-styles.check.mjs && node --experimental-strip-types scripts/interaction-styles.check.mjs && node --experimental-strip-types scripts/resolve-style.check.mjs && node --experimental-strip-types scripts/density.check.mjs && node --experimental-strip-types scripts/styles.check.mjs && node --experimental-strip-types scripts/contrast.check.mjs && node --experimental-strip-types scripts/primitives.check.mjs && node --experimental-strip-types scripts/paper.check.mjs && node --experimental-strip-types scripts/list-item.check.mjs && node --experimental-strip-types scripts/menu.check.mjs && node --experimental-strip-types scripts/guard.check.mjs && node --experimental-strip-types scripts/breakpoints.check.mjs && node --experimental-strip-types scripts/focus-trap.check.mjs && node --experimental-strip-types scripts/select-typeahead.check.mjs && node --experimental-strip-types scripts/select-groups.check.mjs && node --experimental-strip-types scripts/select-multi.check.mjs && node --experimental-strip-types scripts/select-motion.check.mjs && node --experimental-strip-types scripts/select-polish.check.mjs && node --experimental-strip-types scripts/reduced-motion.check.mjs && node --experimental-strip-types scripts/card.check.mjs && node --experimental-strip-types scripts/chip.check.mjs && node --experimental-strip-types scripts/badge.check.mjs && node --experimental-strip-types scripts/avatar.check.mjs && node --experimental-strip-types scripts/drawer.check.mjs && node --experimental-strip-types scripts/breadcrumbs.check.mjs && node --experimental-strip-types scripts/pagination.check.mjs && node --experimental-strip-types scripts/stepper.check.mjs && node --experimental-strip-types scripts/accordion.check.mjs && node --experimental-strip-types scripts/snackbar.check.mjs && node --experimental-strip-types scripts/table.check.mjs && node --experimental-strip-types scripts/autocomplete.check.mjs && node --experimental-strip-types scripts/field-loading.check.mjs && node --experimental-strip-types scripts/fab.check.mjs && node --experimental-strip-types scripts/appbar.check.mjs && node --experimental-strip-types scripts/bottom-navigation.check.mjs && node --experimental-strip-types scripts/alert.check.mjs && node --experimental-strip-types scripts/toggle-button.check.mjs && node --experimental-strip-types scripts/link.check.mjs && node --experimental-strip-types scripts/rating.check.mjs && node --experimental-strip-types scripts/cframe-editor.check.mjs && node --experimental-strip-types scripts/enum-picker.check.mjs && node --experimental-strip-types scripts/number-range.check.mjs && node --experimental-strip-types scripts/rect-editor.check.mjs && node --experimental-strip-types scripts/asset-field.check.mjs && node --experimental-strip-types scripts/gradient-editor.check.mjs && node --experimental-strip-types scripts/ray-editor.check.mjs && node --experimental-strip-types scripts/physical-properties.check.mjs && node --experimental-strip-types scripts/brickcolor-picker.check.mjs",
|
|
11
|
+
"test": "node scripts/no-internal-refs.check.mjs && node scripts/import-case.check.mjs && node --experimental-strip-types scripts/theme-scope.check.mjs && node --experimental-strip-types scripts/style-types.check.mjs && node --experimental-strip-types scripts/style-cache.check.mjs && node --experimental-strip-types scripts/style-variants.check.mjs && node --experimental-strip-types scripts/component-styles.check.mjs && node --experimental-strip-types scripts/interaction-styles.check.mjs && node --experimental-strip-types scripts/resolve-style.check.mjs && node --experimental-strip-types scripts/density.check.mjs && node --experimental-strip-types scripts/styles.check.mjs && node --experimental-strip-types scripts/contrast.check.mjs && node --experimental-strip-types scripts/primitives.check.mjs && node --experimental-strip-types scripts/paper.check.mjs && node --experimental-strip-types scripts/list-item.check.mjs && node --experimental-strip-types scripts/menu.check.mjs && node --experimental-strip-types scripts/guard.check.mjs && node --experimental-strip-types scripts/breakpoints.check.mjs && node --experimental-strip-types scripts/focus-trap.check.mjs && node --experimental-strip-types scripts/select-typeahead.check.mjs && node --experimental-strip-types scripts/select-groups.check.mjs && node --experimental-strip-types scripts/select-multi.check.mjs && node --experimental-strip-types scripts/select-motion.check.mjs && node --experimental-strip-types scripts/select-polish.check.mjs && node --experimental-strip-types scripts/reduced-motion.check.mjs && node --experimental-strip-types scripts/card.check.mjs && node --experimental-strip-types scripts/chip.check.mjs && node --experimental-strip-types scripts/badge.check.mjs && node --experimental-strip-types scripts/avatar.check.mjs && node --experimental-strip-types scripts/drawer.check.mjs && node --experimental-strip-types scripts/breadcrumbs.check.mjs && node --experimental-strip-types scripts/pagination.check.mjs && node --experimental-strip-types scripts/stepper.check.mjs && node --experimental-strip-types scripts/accordion.check.mjs && node --experimental-strip-types scripts/snackbar.check.mjs && node --experimental-strip-types scripts/table.check.mjs && node --experimental-strip-types scripts/autocomplete.check.mjs && node --experimental-strip-types scripts/field-loading.check.mjs && node --experimental-strip-types scripts/fab.check.mjs && node --experimental-strip-types scripts/appbar.check.mjs && node --experimental-strip-types scripts/bottom-navigation.check.mjs && node --experimental-strip-types scripts/alert.check.mjs && node --experimental-strip-types scripts/toggle-button.check.mjs && node --experimental-strip-types scripts/link.check.mjs && node --experimental-strip-types scripts/rating.check.mjs && node --experimental-strip-types scripts/stack.check.mjs && node --experimental-strip-types scripts/speed-dial.check.mjs && node --experimental-strip-types scripts/form-text.check.mjs && node --experimental-strip-types scripts/box.check.mjs && node --experimental-strip-types scripts/image-list.check.mjs && node --experimental-strip-types scripts/radio-group.check.mjs && node --experimental-strip-types scripts/cframe-editor.check.mjs && node --experimental-strip-types scripts/enum-picker.check.mjs && node --experimental-strip-types scripts/number-range.check.mjs && node --experimental-strip-types scripts/rect-editor.check.mjs && node --experimental-strip-types scripts/asset-field.check.mjs && node --experimental-strip-types scripts/gradient-editor.check.mjs && node --experimental-strip-types scripts/ray-editor.check.mjs && node --experimental-strip-types scripts/physical-properties.check.mjs && node --experimental-strip-types scripts/brickcolor-picker.check.mjs",
|
|
12
12
|
"prepublishOnly": "pnpm build"
|
|
13
13
|
},
|
|
14
14
|
"keywords": [
|