Upstream mui/material-ui state of the touched files before 722d54899a

docs/pages/material-ui/api/native-select.json

@@ -0,0 +1,132 @@
+{
+  "props": {
+    "children": { "type": { "name": "node" } },
+    "classes": {
+      "type": { "name": "object" },
+      "default": "{}",
+      "additionalInfo": { "cssApi": true }
+    },
+    "IconComponent": { "type": { "name": "elementType" }, "default": "ArrowDropDownIcon" },
+    "input": { "type": { "name": "element" }, "default": "<Input />" },
+    "inputProps": { "type": { "name": "object" } },
+    "onChange": {
+      "type": { "name": "func" },
+      "signature": {
+        "type": "function(event: React.ChangeEvent<HTMLSelectElement>) => void",
+        "describedArgs": ["event"]
+      }
+    },
+    "sx": {
+      "type": {
+        "name": "union",
+        "description": "Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"
+      },
+      "additionalInfo": { "sx": true }
+    },
+    "value": { "type": { "name": "any" } },
+    "variant": {
+      "type": {
+        "name": "enum",
+        "description": "'filled'<br>&#124;&nbsp;'outlined'<br>&#124;&nbsp;'standard'"
+      }
+    }
+  },
+  "name": "NativeSelect",
+  "imports": [
+    "import NativeSelect from '@mui/material/NativeSelect';",
+    "import { NativeSelect } from '@mui/material';"
+  ],
+  "classes": [
+    {
+      "key": "disabled",
+      "className": "Mui-disabled",
+      "description": "State class applied to the select component `disabled` class.",
+      "isGlobal": true
+    },
+    {
+      "key": "error",
+      "className": "Mui-error",
+      "description": "State class applied to the select component `error` class.",
+      "isGlobal": true
+    },
+    {
+      "key": "filled",
+      "className": "MuiNativeSelect-filled",
+      "description": "Styles applied to the select component if `variant=\"filled\"`.",
+      "isGlobal": false
+    },
+    {
+      "key": "icon",
+      "className": "MuiNativeSelect-icon",
+      "description": "Styles applied to the icon component.",
+      "isGlobal": false
+    },
+    {
+      "key": "iconFilled",
+      "className": "MuiNativeSelect-iconFilled",
+      "description": "Styles applied to the icon component if `variant=\"filled\"`.",
+      "isGlobal": false
+    },
+    {
+      "key": "iconOpen",
+      "className": "MuiNativeSelect-iconOpen",
+      "description": "Styles applied to the icon component if the popup is open.",
+      "isGlobal": false
+    },
+    {
+      "key": "iconOutlined",
+      "className": "MuiNativeSelect-iconOutlined",
+      "description": "Styles applied to the icon component if `variant=\"outlined\"`.",
+      "isGlobal": false
+    },
+    {
+      "key": "iconStandard",
+      "className": "MuiNativeSelect-iconStandard",
+      "description": "Styles applied to the icon component if `variant=\"standard\"`.",
+      "isGlobal": false
+    },
+    {
+      "key": "multiple",
+      "className": "MuiNativeSelect-multiple",
+      "description": "Styles applied to the select component if `multiple={true}`.",
+      "isGlobal": false
+    },
+    {
+      "key": "nativeInput",
+      "className": "MuiNativeSelect-nativeInput",
+      "description": "Styles applied to the underlying native input component.",
+      "isGlobal": false
+    },
+    {
+      "key": "outlined",
+      "className": "MuiNativeSelect-outlined",
+      "description": "Styles applied to the select component if `variant=\"outlined\"`.",
+      "isGlobal": false
+    },
+    {
+      "key": "root",
+      "className": "MuiNativeSelect-root",
+      "description": "Styles applied to the root element.",
+      "isGlobal": false
+    },
+    {
+      "key": "select",
+      "className": "MuiNativeSelect-select",
+      "description": "Styles applied to the select component `select` class.",
+      "isGlobal": false
+    },
+    {
+      "key": "standard",
+      "className": "MuiNativeSelect-standard",
+      "description": "Styles applied to the select component if `variant=\"standard\"`.",
+      "isGlobal": false
+    }
+  ],
+  "spread": true,
+  "themeDefaultProps": true,
+  "muiName": "MuiNativeSelect",
+  "forwardsRefTo": "HTMLDivElement",
+  "filename": "/packages/mui-material/src/NativeSelect/NativeSelect.js",
+  "inheritance": { "component": "Input", "pathname": "/material-ui/api/input/" },
+  "demos": "<ul><li><a href=\"/material-ui/react-select/\">Select</a></li></ul>"
+}

docs/translations/api-docs/native-select/native-select.json

@@ -0,0 +1,90 @@
+{
+  "componentDescription": "An alternative to `<Select native />` with a much smaller bundle size footprint.",
+  "propDescriptions": {
+    "children": {
+      "description": "The option elements to populate the select with. Can be some <code>&lt;option&gt;</code> elements."
+    },
+    "classes": { "description": "Override or extend the styles applied to the component." },
+    "IconComponent": { "description": "The icon that displays the arrow." },
+    "input": {
+      "description": "An <code>Input</code> element; does not have to be a material-ui specific <code>Input</code>."
+    },
+    "inputProps": {
+      "description": "<a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/select#attributes\">Attributes</a> applied to the <code>select</code> element."
+    },
+    "onChange": {
+      "description": "Callback fired when a menu item is selected.",
+      "typeDescriptions": {
+        "event": {
+          "name": "event",
+          "description": "The event source of the callback. You can pull out the new value by accessing <code>event.target.value</code> (string)."
+        }
+      }
+    },
+    "sx": {
+      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
+    },
+    "value": { "description": "The <code>input</code> value. The DOM API casts this to a string." },
+    "variant": { "description": "The variant to use." }
+  },
+  "classDescriptions": {
+    "disabled": {
+      "description": "State class applied to {{nodeName}}.",
+      "nodeName": "the select component <code>disabled</code> class"
+    },
+    "error": {
+      "description": "State class applied to {{nodeName}}.",
+      "nodeName": "the select component <code>error</code> class"
+    },
+    "filled": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the select component",
+      "conditions": "<code>variant=\"filled\"</code>"
+    },
+    "icon": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the icon component" },
+    "iconFilled": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the icon component",
+      "conditions": "<code>variant=\"filled\"</code>"
+    },
+    "iconOpen": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the icon component",
+      "conditions": "the popup is open"
+    },
+    "iconOutlined": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the icon component",
+      "conditions": "<code>variant=\"outlined\"</code>"
+    },
+    "iconStandard": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the icon component",
+      "conditions": "<code>variant=\"standard\"</code>"
+    },
+    "multiple": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the select component",
+      "conditions": "<code>multiple={true}</code>"
+    },
+    "nativeInput": {
+      "description": "Styles applied to {{nodeName}}.",
+      "nodeName": "the underlying native input component"
+    },
+    "outlined": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the select component",
+      "conditions": "<code>variant=\"outlined\"</code>"
+    },
+    "root": { "description": "Styles applied to the root element." },
+    "select": {
+      "description": "Styles applied to {{nodeName}}.",
+      "nodeName": "the select component <code>select</code> class"
+    },
+    "standard": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the select component",
+      "conditions": "<code>variant=\"standard\"</code>"
+    }
+  }
+}