@raylang/elements 0.5.0 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -563,6 +563,11 @@
563
563
  "name": "ray-checkbox",
564
564
  "description": "A checkbox with label, description and error. Submits value when checked.",
565
565
  "attributes": [
566
+ {
567
+ "name": "checked",
568
+ "description": "Current state. The checked attribute is the initial state (restored on reset).",
569
+ "valueSet": "v"
570
+ },
566
571
  {
567
572
  "name": "indeterminate",
568
573
  "description": "Mixed state; cleared on the next user change.",
@@ -646,6 +651,42 @@
646
651
  "name": "left"
647
652
  }
648
653
  ]
654
+ },
655
+ {
656
+ "name": "radius",
657
+ "description": "Corner radius.",
658
+ "values": [
659
+ {
660
+ "name": "xs"
661
+ },
662
+ {
663
+ "name": "sm"
664
+ },
665
+ {
666
+ "name": "md"
667
+ },
668
+ {
669
+ "name": "lg"
670
+ },
671
+ {
672
+ "name": "xl"
673
+ },
674
+ {
675
+ "name": "full"
676
+ }
677
+ ]
678
+ },
679
+ {
680
+ "name": "description-position",
681
+ "description": "Description before or after the control.",
682
+ "values": [
683
+ {
684
+ "name": "above"
685
+ },
686
+ {
687
+ "name": "below"
688
+ }
689
+ ]
649
690
  }
650
691
  ]
651
692
  },
@@ -653,6 +694,10 @@
653
694
  "name": "ray-checkbox-group",
654
695
  "description": "The group is the form control: one entry per checked value under name (like checkboxes sharing a name); the checkboxes inside lose their own name. It stops their change events and fires its own. role=\"group\" named by its label.",
655
696
  "attributes": [
697
+ {
698
+ "name": "value",
699
+ "description": "The checked values. The value attribute: \"a,b\"."
700
+ },
656
701
  {
657
702
  "name": "name",
658
703
  "description": "Form field name."
@@ -918,6 +963,10 @@
918
963
  "name": "ray-combobox",
919
964
  "description": "The WAI-ARIA combobox pattern (a text field with a listbox popup; the active option is aria-activedescendant). Arrows move, Enter picks, Escape closes (then clears with clearable), Backspace in an empty field removes the last chip. The form gets one entry per value.",
920
965
  "attributes": [
966
+ {
967
+ "name": "value",
968
+ "description": "The chosen value; an array with multiple. The value attribute: \"a,b\" with multiple."
969
+ },
921
970
  {
922
971
  "name": "multiple",
923
972
  "description": "Several values, shown as chips.",
@@ -953,6 +1002,104 @@
953
1002
  "name": "open",
954
1003
  "description": "The dropdown is shown.",
955
1004
  "valueSet": "v"
1005
+ },
1006
+ {
1007
+ "name": "name",
1008
+ "description": "Form field name."
1009
+ },
1010
+ {
1011
+ "name": "label",
1012
+ "description": "Visible label (also the accessible name)."
1013
+ },
1014
+ {
1015
+ "name": "description",
1016
+ "description": "Help text."
1017
+ },
1018
+ {
1019
+ "name": "error",
1020
+ "description": "Error text; marks the field invalid."
1021
+ },
1022
+ {
1023
+ "name": "required",
1024
+ "description": "Required for form submission.",
1025
+ "valueSet": "v"
1026
+ },
1027
+ {
1028
+ "name": "disabled",
1029
+ "description": "Not interactive nor submitted.",
1030
+ "valueSet": "v"
1031
+ },
1032
+ {
1033
+ "name": "size",
1034
+ "description": "Size.",
1035
+ "values": [
1036
+ {
1037
+ "name": "xs"
1038
+ },
1039
+ {
1040
+ "name": "sm"
1041
+ },
1042
+ {
1043
+ "name": "md"
1044
+ },
1045
+ {
1046
+ "name": "lg"
1047
+ },
1048
+ {
1049
+ "name": "xl"
1050
+ }
1051
+ ]
1052
+ },
1053
+ {
1054
+ "name": "radius",
1055
+ "description": "Corner radius.",
1056
+ "values": [
1057
+ {
1058
+ "name": "xs"
1059
+ },
1060
+ {
1061
+ "name": "sm"
1062
+ },
1063
+ {
1064
+ "name": "md"
1065
+ },
1066
+ {
1067
+ "name": "lg"
1068
+ },
1069
+ {
1070
+ "name": "xl"
1071
+ },
1072
+ {
1073
+ "name": "full"
1074
+ }
1075
+ ]
1076
+ },
1077
+ {
1078
+ "name": "variant",
1079
+ "description": "Box style.",
1080
+ "values": [
1081
+ {
1082
+ "name": "default"
1083
+ },
1084
+ {
1085
+ "name": "filled"
1086
+ },
1087
+ {
1088
+ "name": "unstyled"
1089
+ }
1090
+ ]
1091
+ },
1092
+ {
1093
+ "name": "description-position",
1094
+ "description": "Description before or after the control.",
1095
+ "values": [
1096
+ {
1097
+ "name": "above"
1098
+ },
1099
+ {
1100
+ "name": "below"
1101
+ }
1102
+ ]
956
1103
  }
957
1104
  ]
958
1105
  },
@@ -1520,6 +1667,104 @@
1520
1667
  "name": "readonly",
1521
1668
  "description": "Not editable, still submitted.",
1522
1669
  "valueSet": "v"
1670
+ },
1671
+ {
1672
+ "name": "name",
1673
+ "description": "Form field name."
1674
+ },
1675
+ {
1676
+ "name": "label",
1677
+ "description": "Visible label (also the accessible name)."
1678
+ },
1679
+ {
1680
+ "name": "description",
1681
+ "description": "Help text."
1682
+ },
1683
+ {
1684
+ "name": "error",
1685
+ "description": "Error text; marks the field invalid."
1686
+ },
1687
+ {
1688
+ "name": "required",
1689
+ "description": "Required for form submission.",
1690
+ "valueSet": "v"
1691
+ },
1692
+ {
1693
+ "name": "disabled",
1694
+ "description": "Not interactive nor submitted.",
1695
+ "valueSet": "v"
1696
+ },
1697
+ {
1698
+ "name": "size",
1699
+ "description": "Size.",
1700
+ "values": [
1701
+ {
1702
+ "name": "xs"
1703
+ },
1704
+ {
1705
+ "name": "sm"
1706
+ },
1707
+ {
1708
+ "name": "md"
1709
+ },
1710
+ {
1711
+ "name": "lg"
1712
+ },
1713
+ {
1714
+ "name": "xl"
1715
+ }
1716
+ ]
1717
+ },
1718
+ {
1719
+ "name": "radius",
1720
+ "description": "Corner radius.",
1721
+ "values": [
1722
+ {
1723
+ "name": "xs"
1724
+ },
1725
+ {
1726
+ "name": "sm"
1727
+ },
1728
+ {
1729
+ "name": "md"
1730
+ },
1731
+ {
1732
+ "name": "lg"
1733
+ },
1734
+ {
1735
+ "name": "xl"
1736
+ },
1737
+ {
1738
+ "name": "full"
1739
+ }
1740
+ ]
1741
+ },
1742
+ {
1743
+ "name": "variant",
1744
+ "description": "Box style.",
1745
+ "values": [
1746
+ {
1747
+ "name": "default"
1748
+ },
1749
+ {
1750
+ "name": "filled"
1751
+ },
1752
+ {
1753
+ "name": "unstyled"
1754
+ }
1755
+ ]
1756
+ },
1757
+ {
1758
+ "name": "description-position",
1759
+ "description": "Description before or after the control.",
1760
+ "values": [
1761
+ {
1762
+ "name": "above"
1763
+ },
1764
+ {
1765
+ "name": "below"
1766
+ }
1767
+ ]
1523
1768
  }
1524
1769
  ]
1525
1770
  },
@@ -2044,6 +2289,11 @@
2044
2289
  "name": "value",
2045
2290
  "description": "Value given to the group when chosen."
2046
2291
  },
2292
+ {
2293
+ "name": "checked",
2294
+ "description": "Whether this radio is the group's value; setting it sets the group's value. The checked attribute marks the group's initial value (when the group has no value attribute).",
2295
+ "valueSet": "v"
2296
+ },
2047
2297
  {
2048
2298
  "name": "label",
2049
2299
  "description": "Label text (or the content)."
@@ -2188,6 +2438,31 @@
2188
2438
  "name": "unstyled"
2189
2439
  }
2190
2440
  ]
2441
+ },
2442
+ {
2443
+ "name": "description",
2444
+ "description": "Help text."
2445
+ },
2446
+ {
2447
+ "name": "error",
2448
+ "description": "Error text; marks the field invalid."
2449
+ },
2450
+ {
2451
+ "name": "required",
2452
+ "description": "Required for form submission.",
2453
+ "valueSet": "v"
2454
+ },
2455
+ {
2456
+ "name": "description-position",
2457
+ "description": "Description before or after the control.",
2458
+ "values": [
2459
+ {
2460
+ "name": "above"
2461
+ },
2462
+ {
2463
+ "name": "below"
2464
+ }
2465
+ ]
2191
2466
  }
2192
2467
  ]
2193
2468
  },
@@ -2366,6 +2641,30 @@
2366
2641
  "name": "unstyled"
2367
2642
  }
2368
2643
  ]
2644
+ },
2645
+ {
2646
+ "name": "radius",
2647
+ "description": "Corner radius.",
2648
+ "values": [
2649
+ {
2650
+ "name": "xs"
2651
+ },
2652
+ {
2653
+ "name": "sm"
2654
+ },
2655
+ {
2656
+ "name": "md"
2657
+ },
2658
+ {
2659
+ "name": "lg"
2660
+ },
2661
+ {
2662
+ "name": "xl"
2663
+ },
2664
+ {
2665
+ "name": "full"
2666
+ }
2667
+ ]
2369
2668
  }
2370
2669
  ]
2371
2670
  },
@@ -2455,6 +2754,50 @@
2455
2754
  {
2456
2755
  "name": "unit",
2457
2756
  "description": "Appended to the shown value and its spoken text (%, px, ms…)."
2757
+ },
2758
+ {
2759
+ "name": "required",
2760
+ "description": "Required for form submission.",
2761
+ "valueSet": "v"
2762
+ },
2763
+ {
2764
+ "name": "radius",
2765
+ "description": "Corner radius.",
2766
+ "values": [
2767
+ {
2768
+ "name": "xs"
2769
+ },
2770
+ {
2771
+ "name": "sm"
2772
+ },
2773
+ {
2774
+ "name": "md"
2775
+ },
2776
+ {
2777
+ "name": "lg"
2778
+ },
2779
+ {
2780
+ "name": "xl"
2781
+ },
2782
+ {
2783
+ "name": "full"
2784
+ }
2785
+ ]
2786
+ },
2787
+ {
2788
+ "name": "variant",
2789
+ "description": "Box style.",
2790
+ "values": [
2791
+ {
2792
+ "name": "default"
2793
+ },
2794
+ {
2795
+ "name": "filled"
2796
+ },
2797
+ {
2798
+ "name": "unstyled"
2799
+ }
2800
+ ]
2458
2801
  }
2459
2802
  ]
2460
2803
  },
@@ -2462,6 +2805,11 @@
2462
2805
  "name": "ray-switch",
2463
2806
  "description": "Same properties and events as ray-checkbox (indeterminate does not apply).",
2464
2807
  "attributes": [
2808
+ {
2809
+ "name": "checked",
2810
+ "description": "Current state. The checked attribute is the initial state.",
2811
+ "valueSet": "v"
2812
+ },
2465
2813
  {
2466
2814
  "name": "value",
2467
2815
  "description": "Submitted value when on."
@@ -2545,6 +2893,42 @@
2545
2893
  "name": "outline"
2546
2894
  }
2547
2895
  ]
2896
+ },
2897
+ {
2898
+ "name": "radius",
2899
+ "description": "Corner radius.",
2900
+ "values": [
2901
+ {
2902
+ "name": "xs"
2903
+ },
2904
+ {
2905
+ "name": "sm"
2906
+ },
2907
+ {
2908
+ "name": "md"
2909
+ },
2910
+ {
2911
+ "name": "lg"
2912
+ },
2913
+ {
2914
+ "name": "xl"
2915
+ },
2916
+ {
2917
+ "name": "full"
2918
+ }
2919
+ ]
2920
+ },
2921
+ {
2922
+ "name": "description-position",
2923
+ "description": "Description before or after the control.",
2924
+ "values": [
2925
+ {
2926
+ "name": "above"
2927
+ },
2928
+ {
2929
+ "name": "below"
2930
+ }
2931
+ ]
2548
2932
  }
2549
2933
  ]
2550
2934
  },
@@ -2648,6 +3032,30 @@
2648
3032
  }
2649
3033
  ]
2650
3034
  },
3035
+ {
3036
+ "name": "radius",
3037
+ "description": "Corner radius.",
3038
+ "values": [
3039
+ {
3040
+ "name": "xs"
3041
+ },
3042
+ {
3043
+ "name": "sm"
3044
+ },
3045
+ {
3046
+ "name": "md"
3047
+ },
3048
+ {
3049
+ "name": "lg"
3050
+ },
3051
+ {
3052
+ "name": "xl"
3053
+ },
3054
+ {
3055
+ "name": "full"
3056
+ }
3057
+ ]
3058
+ },
2651
3059
  {
2652
3060
  "name": "placeholder",
2653
3061
  "description": "Placeholder text."
@@ -3464,6 +3872,10 @@
3464
3872
  "name": "native",
3465
3873
  "description": "With a native host (ray-elements/core/raylang.js in a std/ui window), opens as the system's context menu at the pointer: items and dividers, same ray-select.",
3466
3874
  "valueSet": "v"
3875
+ },
3876
+ {
3877
+ "name": "offset",
3878
+ "description": "Gap to the anchor in px."
3467
3879
  }
3468
3880
  ]
3469
3881
  },
@@ -3642,6 +4054,15 @@
3642
4054
  "name": "disabled",
3643
4055
  "description": "Never shows.",
3644
4056
  "valueSet": "v"
4057
+ },
4058
+ {
4059
+ "name": "open",
4060
+ "description": "Shown.",
4061
+ "valueSet": "v"
4062
+ },
4063
+ {
4064
+ "name": "offset",
4065
+ "description": "Gap to the anchor in px."
3645
4066
  }
3646
4067
  ]
3647
4068
  },
@@ -4180,7 +4601,7 @@
4180
4601
  "attributes": [
4181
4602
  {
4182
4603
  "name": "name",
4183
- "description": "Registered icon name (iconNames())."
4604
+ "description": "Registered icon name (iconNames()); \"none\" draws nothing, a blank that keeps the alignment (a menu item without its check)."
4184
4605
  },
4185
4606
  {
4186
4607
  "name": "size",