@kroo-web/design-system 1.0.39 → 1.0.41

package/README.MD

@@ -38,6 +38,11 @@ That's all folks! You can now use the components in the design system in your ap
 import { TextField } from '@kroo-web/design-system';
 ```
 
+## react-toastify
+
+Our toasts have been styled via the design system however how the toast is displayed is handled by the `react-toastify` library. This means that you can use the `toast` function from `react-toastify` to display the toast in the project of your choosing and pass the Design System toast component to display it.
+
+for setup you will need to add the `ToastContainer` component from `react-toastify` to the root of your project.
 
 ## Next Steps
 

package/dist/cjs/icons/Icon.stories.d.ts

@@ -1,8 +1,8 @@
 import { StoryObj } from "@storybook/react";
 import { Icon } from ".";
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, {
-    size?: "large" | "regular" | "xlarge" | undefined;
-    weight?: "medium" | "normal" | "light" | undefined;
+    size?: "regular" | "large" | "xlarge" | undefined;
+    weight?: "light" | "normal" | "medium" | undefined;
 } & Omit<import("react-material-symbols").MaterialSymbolProps, "size" | "weight">>;
 export default _default;
 type Story = StoryObj<typeof Icon>;