@doist/reactist 19.0.0 → 19.1.0

package/README.md

@@ -62,6 +62,18 @@ The setup task will install dependencies and run various validations (linting, t
 
 We identified two major modes of development for Reactist. First, running an interactive storybook and see the changes you make to a component in an isolated environment. This is especially helpful when developing new components. And second, improving existing components in real-life applications.
 
+## Creating new components
+
+The development of new components is streamlined by the ability to generate new component templates using [plop](https://plopjs.com/):
+
+```sh
+npm run plop component
+```
+
+This command will prompt you to provide all the information needed to create a new component template. The most important piece of information needed is the component name, which you can provide even as a phrase (e.g. "dropdown select" will generate a `DropdownSelect` component template).
+
+The generated source files include the component implementation with sample props and styles, plus a small test file and storybook source files as well.
+
 ## Storybook
 
 For the first development mode run:

package/dist/reactist.cjs.development.js

@@ -454,7 +454,7 @@ const HiddenVisually = /*#__PURE__*/polymorphicComponent(function HiddenVisually
   }));
 });
 
-var modules_95f1407a = {"tooltip":"_2b075a8d"};
+var modules_95f1407a = {"tooltip":"_487c82cd"};
 
 const SHOW_DELAY = 500;
 const HIDE_DELAY = 100;
@@ -594,7 +594,8 @@ function Spinner({
     width: size,
     height: size,
     viewBox: "0 0 24 24",
-    className: modules_c7f5018f.svg
+    className: modules_c7f5018f.svg,
+    "data-chromatic": "ignore"
   }, /*#__PURE__*/React.createElement("g", {
     fill: "none",
     fillRule: "nonzero"
@@ -914,7 +915,7 @@ const Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
   }), children);
 });
 
-var modules_d11e18f0 = {"stackedToastsView":"_8e9f0a55","toastContainer":"_121b9429","slot":"_6a2a04c5"};
+var modules_d11e18f0 = {"stackedToastsView":"_616cc3f3","toastContainer":"_1b5f8e86","slot":"ce2e3476"};
 
 const _excluded$b = ["message", "description", "icon", "action", "onDismiss", "dismissLabel"];
 /**
@@ -2127,7 +2128,7 @@ function Badge(_ref) {
   }), label);
 }
 
-var modules_8f59d13b = {"overlay":"_868392ae","fadein":"_63d7ee15","fitContent":"b8548bf2","container":"_31956461","full":"_1007df83","large":"_10c275aa","medium":"_0ac526b4","small":"_30f38fdb","xlarge":"_54868e8b","expand":"c0bc68bc","buttonContainer":"_6527332a","headerContent":"_4750dc1b"};
+var modules_8f59d13b = {"overlay":"_8aa86dd3","fadein":"_20c07ee6","fitContent":"_713bc08f","container":"_45139719","full":"ec8619a2","large":"_86a1d5a4","medium":"_11d61de3","small":"aee19643","xlarge":"fe449c81","expand":"_61ffb38f","buttonContainer":"_49ffdac0","headerContent":"ee92ccb3"};
 
 const _excluded$p = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "hideOnEscape", "hideOnInteractOutside", "children", "portalElement"],
       _excluded2$1 = ["children", "button", "withDivider", "exceptionallySetClassName"],
@@ -3740,7 +3741,7 @@ function DeprecatedNotification(_ref) {
   }, customCloseButton != null ? customCloseButton : /*#__PURE__*/React.createElement(CloseIcon$1, null)) : null);
 }
 
-var modules_8f59d13b$1 = {"reach-portal":"_37bef8d8","fadein":"_77f9687f","fitContent":"bcc4e0a5","container":"d4832c2d","full":"b0c3b021","large":"_573d6aa5","medium":"_8550d996","small":"_43bb18f5","xlarge":"_57b4159d","overlay":"cb63f300","expand":"e741893e","buttonContainer":"bb1ce281","headerContent":"c5ef989c"};
+var modules_8f59d13b$1 = {"reach-portal":"ad18b0a0","fadein":"f7a1b219","fitContent":"_8ed9bb5c","container":"f67e892e","full":"_4139421e","large":"_649eb5fe","medium":"_5323e676","small":"_56ca7ae6","xlarge":"a7be0fce","overlay":"_88a7a680","expand":"b29456b8","buttonContainer":"_09ef1f4f","headerContent":"_0e5b530a"};
 
 const _excluded$x = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "autoFocus", "children"],
       _excluded2$4 = ["children", "button", "withDivider", "exceptionallySetClassName"],