@refineui/react 0.4.1 → 0.5.0

package/spec/components/button-group.json

@@ -0,0 +1,77 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "button-group",
+  "version": 1,
+  "export": "ButtonGroup",
+  "anatomy": {
+    "root": "button-group",
+    "button": "button"
+  },
+  "attributes": {
+    "data-refineui": "button-group"
+  },
+  "variants": {
+    "size": [
+      "sm",
+      "md",
+      "lg"
+    ],
+    "variant": [
+      "primary",
+      "secondary",
+      "outline",
+      "ghost"
+    ],
+    "orientation": [
+      "horizontal",
+      "vertical"
+    ]
+  },
+  "states": {
+    "pseudo": [
+      "hover",
+      "active",
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "button-group": {
+      "element": "div",
+      "role": "group",
+      "labeling": {
+        "accessibleName": "optional"
+      }
+    },
+    "button": {
+      "element": "button",
+      "native": true
+    }
+  },
+  "keyboard": {
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    },
+    "behavior": {
+      "roving": false
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/spec/components/command.json

@@ -12,7 +12,7 @@
     "input": "command-input",
     "item": "command-item",
     "list": "command-list",
-    "separator": "command-separator",
+    "divider": "command-divider",
     "shortcut": "command-shortcut"
   },
   "attributes": {

package/spec/components/dropdown.json

@@ -8,7 +8,7 @@
     "dropdown_item": "dropdown-item",
     "group": "dropdown-menu-group",
     "label": "dropdown-menu-label",
-    "separator": "dropdown-menu-separator",
+    "divider": "dropdown-menu-divider",
     "shortcut": "dropdown-menu-shortcut"
   },
   "attributes": {

package/spec/components/toolbar.json

@@ -0,0 +1,91 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "toolbar",
+  "version": 1,
+  "export": "Toolbar",
+  "anatomy": {
+    "root": "toolbar",
+    "group": "toolbar-group",
+    "button": "toolbar-button",
+    "toggle": "toolbar-toggle-button",
+    "divider": "toolbar-divider"
+  },
+  "attributes": {
+    "data-refineui": "toolbar"
+  },
+  "variants": {
+    "size": [
+      "sm",
+      "md",
+      "lg"
+    ],
+    "orientation": [
+      "horizontal",
+      "vertical"
+    ]
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "toolbar": {
+      "element": "div",
+      "role": "toolbar",
+      "labeling": {
+        "accessibleName": "required"
+      }
+    },
+    "toolbar-group": {
+      "element": "div",
+      "role": "group"
+    },
+    "toolbar-divider": {
+      "element": "div",
+      "role": "separator"
+    },
+    "toolbar-button": {
+      "element": "button"
+    },
+    "toolbar-toggle-button": {
+      "element": "button",
+      "states": [
+        "aria-pressed"
+      ]
+    }
+  },
+  "keyboard": {
+    "ArrowRight": "next-trigger",
+    "ArrowLeft": "previous-trigger",
+    "ArrowDown": "next-trigger",
+    "ArrowUp": "previous-trigger",
+    "Home": "first-trigger",
+    "End": "last-trigger",
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    },
+    "behavior": {
+      "roving": true
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/spec/manifest.json

@@ -107,6 +107,15 @@
       ],
       "recipe": "button"
     },
+    {
+      "name": "ButtonGroup",
+      "id": "button-group",
+      "spec": "./components/button-group.json",
+      "export": "ButtonGroup",
+      "dataRefineui": [
+        "button-group"
+      ]
+    },
     {
       "name": "Calendar",
       "id": "calendar",
@@ -228,13 +237,13 @@
       "export": "Command",
       "dataRefineui": [
         "command",
+        "command-divider",
         "command-empty",
         "command-group",
         "command-group-heading",
         "command-input",
         "command-item",
         "command-list",
-        "command-separator",
         "command-shortcut"
       ]
     },
@@ -283,10 +292,10 @@
       "dataRefineui": [
         "dropdown-item",
         "dropdown-menu",
+        "dropdown-menu-divider",
         "dropdown-menu-group",
         "dropdown-menu-label",
         "dropdown-menu-root",
-        "dropdown-menu-separator",
         "dropdown-menu-shortcut"
       ]
     },
@@ -691,6 +700,18 @@
         "tooltip"
       ]
     },
+    {
+      "name": "Toolbar",
+      "id": "toolbar",
+      "spec": "./components/toolbar.json",
+      "export": "Toolbar",
+      "dataRefineui": [
+        "toolbar",
+        "toolbar-button",
+        "toolbar-divider",
+        "toolbar-group"
+      ]
+    },
     {
       "name": "Tree",
       "id": "tree",