@oc-digital/react-component-library 8.8.0 → 8.9.0

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/style.css

@@ -0,0 +1 @@
+._input_1kwvp_1{background:transparent;border:0;font-family:Roboto,Helvetica,Arial,sans-serif;transition:border-bottom .2s cubic-bezier(.4,0,.2,1) 0ms,margin-top .2s cubic-bezier(.4,0,.2,1) 0m;margin-top:0;min-width:100%;box-sizing:content-box;font-size:14px;padding:0}._input_1kwvp_1[data-valid=false]{border-bottom-color:#d32f2f!important}input._input_1kwvp_1:not(:disabled):hover:not(:focus){border-bottom:1px solid rgb(158,158,158);margin-top:1px}input._input_1kwvp_1:not(:disabled):focus{outline:none;border-bottom:2px solid rgb(115,196,202);margin-top:2px}._input_1kwvp_1:disabled{cursor:text}._wrapper_1kwvp_35{display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:fit-content;min-width:100%;gap:.35rem}._wrapper_1kwvp_35[data-full-width=true]{width:100%}._wrapper_1kwvp_35[data-full-width=true] ._input_1kwvp_1{width:100%!important;max-width:100%}td[data-align=center] ._input_1kwvp_1{text-align:center;margin:auto}._error_ra74q_1{color:#d32f2f;display:block}._checkbox_1j8tf_1{accent-color:rgb(115,196,202);margin:0;width:15px;height:15px;cursor:pointer}._label_1j8tf_9{display:flex;justify-content:center;align-items:center;margin:auto;border-radius:5rem;width:38px;height:38px;cursor:pointer;transition:background .2s ease}._label_1j8tf_9:hover{background:#00000008}._label_1j8tf_9:active{background:#0000001a}._disabled_1j8tf_29._label_1j8tf_9{cursor:default!important}._disabled_1j8tf_29._label_1j8tf_9:hover,._disabled_1j8tf_29._label_1j8tf_9:active{background:none!important}._disabled_1j8tf_29._label_1j8tf_9 ._checkbox_1j8tf_1{cursor:default!important}._newRowHighlight_2pv8n_1{background-color:#73c4ca30}._editedCellHighlight_2pv8n_5{background-color:#5840f52e!important;background-clip:padding-box}._editedBorder_2pv8n_10{border:3px solid #5840f52e;border-width:2px 4px}._errorBorder_2pv8n_15{border:3px solid rgb(211,47,47);border-width:2px 4px}._emptyLoadingPadding_2pv8n_20{background:#fff;padding-top:.75rem;padding-bottom:.75rem}._centeredText_2pv8n_26{text-align:center}._disabled_2pv8n_30{background-color:#0000000a}._pagination_2pv8n_34{margin-top:1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}._virtualisationContainer_2pv8n_42{background:#fff;min-width:fit-content}._cellPadding_2pv8n_47{padding:.5rem .75rem}._shadedHeader_2pv8n_51:nth-of-type(2n){background-color:#eee}._shadedBodyCell_2pv8n_55:nth-of-type(2n){background-color:#00000012;background-clip:padding-box}._shadedHeaderGroupParent_2pv8n_60:nth-of-type(2n){background-color:#eee}._shadedHeaderGroup2Children_2pv8n_64:nth-of-type(4n-2),._shadedHeaderGroup2Children_2pv8n_64:nth-of-type(4n-1){background-color:#eee}._shadedBody2CellsInsideGroup_2pv8n_69:nth-of-type(4n-2),._shadedBody2CellsInsideGroup_2pv8n_69:nth-of-type(4n-1){background-color:#00000012;background-clip:padding-box}._offsetStickyPosition_2pv8n_75{top:0;position:sticky}._stickyHeaderZIndex_2pv8n_80{z-index:3}._headerCellColour_2pv8n_84{background-color:#fafafa}._rowCellColour_2pv8n_88{background-color:#fff;background-clip:padding-box}._rowHoverForStickyCell_2pv8n_93:hover ._stickyRowCell_2pv8n_93{background-color:#f5f5f5}._headerBorders_2pv8n_97:not(tr:last-child th){border:none}._tableRow_2pv8n_101{background:#fff}._tableRow_2pv8n_101:hover{background:#0000000a}._tableHeadingCell_2pv8n_109{font-weight:500}._tableCell_2pv8n_113{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.5rem;letter-spacing:.01071em;display:table-cell;vertical-align:inherit;border-bottom:1px solid rgb(224,224,224);text-align:left;color:#000000de;padding:8px}._tableCellTotalsLabel_2pv8n_126{text-align:center;font-weight:500}._tableTotalCell_2pv8n_131{border-bottom:0;height:54.5px}._tableTotalWrapper_2pv8n_136{display:grid;grid-template-columns:1fr auto;font-weight:500}thead ._tableCell_2pv8n_113{border:0!important;border-collapse:initial}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oc-digital/react-component-library",
   "type": "module",
-  "version": "8.8.0",
+  "version": "8.9.0",
   "description": "React component library for Optimal Compliance",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/build/ThemeProvider/index.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from "react";
-declare const Theme: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;
-export default Theme;