@oc-digital/react-component-library 7.2.3-beta.0 → 7.2.3-beta.10

package/build/stories/Button.d.ts

@@ -0,0 +1,28 @@
+
+interface ButtonProps {
+    /**
+     * Is this the principal call to action on the page?
+     */
+    primary?: boolean;
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * How large should the button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element;
+export {};

package/build/stories/Button.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Button } from './Button';
+
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Large: Story;
+export declare const Small: Story;

package/build/stories/Header.d.ts

@@ -0,0 +1,12 @@
+
+type User = {
+    name: string;
+};
+interface HeaderProps {
+    user?: User;
+    onLogin: () => void;
+    onLogout: () => void;
+    onCreateAccount: () => void;
+}
+export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => JSX.Element;
+export {};

package/build/stories/Header.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Header } from './Header';
+
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+export declare const LoggedIn: Story;
+export declare const LoggedOut: Story;

package/build/stories/Page.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export declare const Page: React.FC;

package/build/stories/Page.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Page } from './Page';
+
+declare const meta: Meta<typeof Page>;
+export default meta;
+type Story = StoryObj<typeof Page>;
+export declare const LoggedOut: Story;
+export declare const LoggedIn: Story;

package/build/styles/colours.d.ts

@@ -0,0 +1,3 @@
+export declare const RED = "#d32f2f";
+export declare const GREY = "rgb(158, 158, 158)";
+export declare const PRIMARY = "rgb(115, 196, 202)";

package/build/styles/font.d.ts

@@ -0,0 +1 @@
+export declare const useFontStyles: (props?: any) => import('@mui/styles/withStyles').ClassNameMap<"boldText" | "bolderText" | "smallText" | "warningColor" | "centerText">;

package/build/styles/index.d.ts

@@ -0,0 +1,3 @@
+export * from './spacing';
+export * from './font';
+export * from './layout';

package/build/styles/layout.d.ts

@@ -0,0 +1 @@
+export declare const useLayoutStyles: (props?: any) => import('@mui/styles/withStyles').ClassNameMap<"contentBox" | "limitWidth60rem" | "limitWidth50rem" | "limitWidth45rem" | "limitWidth40rem" | "limitWidth35rem" | "limitWidth30rem" | "limitWidth25rem" | "centeredText" | "startAlignedText" | "width20" | "width49" | "width50" | "width60" | "width100" | "flexCenter" | "centerJustify" | "leftJustify" | "rightJustify" | "adornmentGap">;

package/build/styles/spacing.d.ts

@@ -0,0 +1 @@
+export declare const useSpacingStyles: (props?: any) => import('@mui/styles/withStyles').ClassNameMap<"labelBreak" | "contentBreak" | "sectionBreak" | "doubleSectionBreak" | "rightSpacer1" | "rightSpacer2" | "leftSpacer1" | "leftSpacer2" | "buttonSpacing" | "leftRightPadding1" | "leftRightPadding2" | "topBottomPadding1" | "topBottomPadding2">;

package/build/styles/themes.d.ts

@@ -0,0 +1,2 @@
+export declare const novelTheme: import('@mui/material/styles').Theme;
+export declare const partnersTheme: import('@mui/material/styles').Theme;

package/build/utils/index.d.ts

@@ -0,0 +1,6 @@
+import { TableCellValues } from '../EditableTable/EditableTable.types';
+
+export declare function sortDescendingStartDateString<T extends {
+    startDate: string;
+}>(array: T[]): T[];
+export declare const didCellValueChange: (oldVal: TableCellValues, newVal: TableCellValues, isDateValue?: boolean) => boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oc-digital/react-component-library",
   "type": "module",
-  "version": "7.2.3-beta.0",
+  "version": "7.2.3-beta.10",
   "description": "React component library for Optimal Compliance",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -43,6 +43,10 @@
     "@storybook/react": "^8.0.10",
     "@storybook/react-webpack5": "^8.0.10",
     "@storybook/test": "^8.0.10",
+    "@chromatic-com/storybook": "^1.3.4",
+    "@storybook/react-dom-shim": "^8.0.10",
+    "@storybook/react-vite": "^8.0.10",
+    "vite": "^5.2.11",
     "@types/react": "^17.0.21",
     "@types/react-table": "^7.7.8",
     "@typescript-eslint/eslint-plugin": "^4.31.1",
@@ -72,6 +76,7 @@
     "storybook": "^8.0.10",
     "tslib": "^2.3.1",
     "typescript": "^4.4.3",
+    "vite-plugin-dts": "^3.9.1",
     "yup": "^0.32.11"
   },
   "peerDependencies": {
@@ -134,11 +139,5 @@
   "lint-staged": {
     "*.+(js|ts|jsx|tsx)": "eslint --fix",
     "*.+(json|css|md)": "prettier --write"
-  },
-  "dependencies": {
-    "@chromatic-com/storybook": "^1.3.4",
-    "@storybook/react-dom-shim": "^8.0.10",
-    "@storybook/react-vite": "^8.0.10",
-    "vite": "^5.2.11"
   }
 }