feat(notched-outline): update to v1.1.1 (#806)

package.json

@@ -41,6 +41,7 @@
           "linear-progress",
           "list",
           "menu-surface",
+          "notched-outline",
           "radio",
           "ripple",
           "select",
@@ -77,7 +78,7 @@
     "@material/linear-progress": "^1.1.0",
     "@material/list": "^1.0.0",
     "@material/menu-surface": "^1.0.1",
-    "@material/notched-outline": "^0.41.0",
+    "@material/notched-outline": "^1.1.1",
     "@material/radio": "^1.1.0",
     "@material/ripple": "^1.0.0",
     "@material/select": "^0.40.1",

packages/notched-outline/README.md

@@ -26,10 +26,28 @@ import '@material/react-notched-outline/dist/notched-outline.css';
 
 ```js
 import NotchedOutline from '@material/react-notched-outline';
+import FloatingLabel from '@material/react-floating-label';
 
 const MyComponent = () => {
   return (
-    <NotchedOutline />
+    <NotchedOutline notch>
+      <FloatingLabel float>My Label</FloatingLabel>
+    </NotchedOutline>
+  );
+}
+```
+
+#### Variant with No Notch
+
+```js
+import NotchedOutline from '@material/react-notched-outline';
+
+const MyComponent = () => {
+  return (
+    <React.Fragment>
+      <label>My Label</label>
+      <NotchedOutline />
+    </React.Fragment>
   );
 }
 ```
@@ -39,7 +57,6 @@ const MyComponent = () => {
 Prop Name | Type | Description
 --- | --- | ---
 className | String | Classes to be applied to the root element.
-isRtl | Boolean | Shifts notch to right side if true.
 notch | Boolean | Toggles between notched outline and idle outline state.
 notchWidth | Number | Width of the notch in the outline.