@kroo-web/design-system 1.0.25 → 1.0.26

package/{README.md → README.MD}

@@ -1,4 +1,6 @@
-# Kroo Web Component Lib / Design system
+# Kroo Blicks Design System 
+
+<i> A design system for Kroo, Blicks is a merge of the two words blocks and bricks coined by Tom Parsons in our morning standup.</i>
 
 ## Usage
 

package/dist/cjs/__tests__/setup2.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

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

@@ -0,0 +1,14 @@
+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;
+} & Omit<import("react-material-symbols").MaterialSymbolProps, "size" | "weight">>;
+export default _default;
+type Story = StoryObj<typeof Icon>;
+/**
+ * Iconography docs can be found [here](https://fonts.google.com/icons)
+ */
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const Weights: Story;

package/dist/cjs/icons/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { MaterialSymbolProps } from "react-material-symbols";
+import "react-material-symbols/rounded";
+export type TIconProps = {
+    size?: "regular" | "large" | "xlarge";
+    weight?: "light" | "normal" | "medium";
+} & Omit<MaterialSymbolProps, "size" | "weight">;
+export declare const Icon: ({ size, weight, ...rest }: TIconProps) => React.JSX.Element;

package/dist/cjs/index.d.ts

@@ -1 +1,2 @@
 export * from './product/components';
+export * from "./icons";