@refineui/react 0.4.0 → 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/calendar.json

@@ -10,6 +10,15 @@
   "attributes": {
     "data-refineui": "calendar"
   },
+  "variants": {
+    "mode": [
+      "single",
+      "range"
+    ]
+  },
+  "tokens": {
+    "visual": "calendar"
+  },
   "states": {
     "pseudo": [
       "focus-visible"

package/spec/components/code-block.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "code-block",
+  "version": 1,
+  "export": "CodeBlock",
+  "anatomy": {
+    "root": "code-block",
+    "actions": "code-block-actions",
+    "content": "code-block-content",
+    "copy": "code-block-copy",
+    "header": "code-block-header",
+    "line": "code-block-line",
+    "title": "code-block-title"
+  },
+  "attributes": {
+    "data-refineui": "code-block"
+  }
+}

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/date-input.json

@@ -0,0 +1,71 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "date-input",
+  "version": 1,
+  "export": "DateInput",
+  "anatomy": {
+    "root": "date-input"
+  },
+  "attributes": {
+    "data-refineui": "date-input"
+  },
+  "variants": {
+    "mode": [
+      "single",
+      "range"
+    ]
+  },
+  "tokens": {
+    "visual": "input"
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "component": {
+      "selection": [
+        "placeholder",
+        "value"
+      ],
+      "validation": [
+        "error",
+        "success"
+      ]
+    },
+    "availability": [
+      "disabled"
+    ],
+    "environment": [
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "date-input": {
+      "element": "button",
+      "native": true,
+      "labeling": {
+        "accessibleName": "required"
+      }
+    }
+  },
+  "keyboard": {
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

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/result.json

@@ -0,0 +1 @@
+{"$schema":"../schema/component-spec.schema.json","component":"result","version":1,"export":"Result","anatomy":{"root":"result","icon":"result-icon","title":"result-title","description":"result-description","actions":"result-actions"},"attributes":{"data-refineui":"result"},"variants":{"variant":["success","info","warning","error"]},"accessibility":{"result":{"element":"section","labeling":{"accessibleName":"required"}}},"layout":{"direction":"logical","rtl":true}}

package/spec/components/time-input.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "time-input",
+  "version": 1,
+  "export": "TimeInput",
+  "anatomy": { "root": "time-input" },
+  "attributes": { "data-refineui": "time-input" },
+  "tokens": { "visual": "input" },
+  "states": {
+    "pseudo": ["focus-visible"],
+    "component": {
+      "selection": ["placeholder", "value"],
+      "validation": ["error", "success"]
+    },
+    "availability": ["disabled"],
+    "environment": ["dir"]
+  },
+  "accessibility": {
+    "time-input": { "element": "button", "native": true, "labeling": { "accessibleName": "required" } }
+  },
+  "keyboard": { "Enter": { "action": "activate", "native": true }, "Space": { "action": "activate", "native": true } },
+  "focus": { "visual": { "required": true, "selector": ":focus-visible" } },
+  "layout": { "direction": "logical", "rtl": true }
+}

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",
@@ -117,6 +126,15 @@
         "calendar-day"
       ]
     },
+    {
+      "name": "DateInput",
+      "id": "date-input",
+      "spec": "./components/date-input.json",
+      "export": "DateInput",
+      "dataRefineui": [
+        "date-input"
+      ]
+    },
     {
       "name": "Card",
       "id": "card",
@@ -197,6 +215,21 @@
         "chip-remove"
       ]
     },
+    {
+      "name": "CodeBlock",
+      "id": "code-block",
+      "spec": "./components/code-block.json",
+      "export": "CodeBlock",
+      "dataRefineui": [
+        "code-block",
+        "code-block-actions",
+        "code-block-content",
+        "code-block-copy",
+        "code-block-header",
+        "code-block-line",
+        "code-block-title"
+      ]
+    },
     {
       "name": "Command",
       "id": "command",
@@ -204,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"
       ]
     },
@@ -259,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"
       ]
     },
@@ -667,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",