@xqmsg/ui-core 0.27.0 → 0.29.0

package/README.md

@@ -1,7 +1,7 @@
 ## To test:
 
 Update the theme, components, etc. however you wish and when you are ready to test build:
-`yarn build`
+`pnpm run build`
 
 Then in whatever project you would like to install this local bundled build into run change ui-core package version in package.json to:
 `"@xqmsg/ui-core": "file:../ui-core"`
@@ -15,7 +15,7 @@ Any time you make changes, rebuild ui-core and reinstall in project.
 Create and commit to a branch off of staging with descriptive git message signed at the end so we can track who made what changes.
 
 Then to version the project run the following:
-`yarn release:[type]`
+`pnpm run release:[type]`
 
 Where:
 
@@ -30,6 +30,6 @@ Merge into staging once your PR is approved.
 From staging we can merge into master.
 
 Pull master locally and run the following, to fresh clean, install, build, and publish to npm, run the following:
-`yarn clean && yarn && yarn build && npm publish`
+`pnpm run clean && pnpm install && pnpm run build && npm publish`
 
 Use Google Authenticator for your OTP.

package/dist/components/SimpleTable/SimpleTable.stories.d.ts

@@ -1,6 +1,6 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { SimpleTableProps } from './SimpleTable';
 declare const tableColumns: string[];
 declare const meta: Meta<SimpleTableProps<typeof tableColumns>>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, SimpleTableProps<string[]>>;
+export declare const Default: Story<SimpleTableProps<string[]>>;

package/dist/components/SimpleTable/TableTypes.d.ts

@@ -5,7 +5,7 @@ export declare type TableHeaders<K extends ReadonlyTableColumns> = {
     [k in K[number]]: ReactNode;
 };
 export declare type TableColumnsWidths<K extends ReadonlyTableColumns> = {
-    [k in K[number]]: string | number;
+    [k in K[number]]?: string | number;
 };
 export declare type TableRow<K extends ReadonlyTableColumns> = {
     [k in K[number]]: ReactNode;

package/dist/components/SimpleTable/utils/generateTableColumns.d.ts

@@ -3,4 +3,4 @@ import { TableColumns } from '../TableTypes';
  * This function is responsible for returning an array as a const, so the generic type `TableBody`
  * may accept it as an argument and use the elements of the array as keys.
  */
-export declare function generateTableColumnsAsConst<T extends TableColumns>(arr: T): readonly string[];
+export declare function generateTableColumnsAsConst<T extends TableColumns>(arr: T): readonly [...T];

package/dist/components/banner/Banner.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { BannerProps } from '.';
 declare const meta: Meta<BannerProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BannerProps>;
+export declare const Default: Story<BannerProps>;

package/dist/components/banner/index.d.ts

@@ -6,6 +6,7 @@ export interface BannerProps {
     buttonText?: string;
     onClick?: () => void;
     type?: 'condensed' | 'expanded';
+    centered?: boolean;
 }
 /**
  * A functional React component utilized to render the `Banner` component

package/dist/components/breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { BreadcrumbsProps } from '.';
 declare const meta: Meta<BreadcrumbsProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BreadcrumbsProps>;
+export declare const Default: Story<BreadcrumbsProps>;

package/dist/components/button/Button.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { ButtonProps } from '.';
 declare const meta: Meta<ButtonProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ButtonProps>;
+export declare const Default: Story<ButtonProps>;

package/dist/components/button/google/GoogleButton.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { GoogleButtonProps } from '.';
 declare const meta: Meta<GoogleButtonProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, GoogleButtonProps>;
+export declare const Default: Story<GoogleButtonProps>;

package/dist/components/button/index.d.ts

@@ -1,7 +1,9 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import buttonTheme from '../../theme/components/button';
 export interface ButtonProps {
-    text: string;
+    children?: ReactNode;
+    /** @deprecated use children */
+    text?: string;
     onClick?: () => void;
     width: 'variable' | 'fixed';
     variant?: keyof typeof buttonTheme.variants;
@@ -13,7 +15,4 @@ export interface ButtonProps {
     rightIcon?: JSX.Element;
     color?: string;
 }
-/**
- * A functional React component utilized to render the `Button` component
- */
 export declare const Button: React.FC<ButtonProps>;

package/dist/components/button/microsoft/MicrosoftButton.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { MicrosoftButtonProps } from '.';
 declare const meta: Meta<MicrosoftButtonProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, MicrosoftButtonProps>;
+export declare const Default: Story<MicrosoftButtonProps>;

package/dist/components/button/spinner/SpinnerButton.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { SpinnerButtonProps } from '.';
 declare const meta: Meta<SpinnerButtonProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, SpinnerButtonProps>;
+export declare const Default: Story<SpinnerButtonProps>;

package/dist/components/card/Card.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { CardProps } from '.';
 declare const meta: Meta<CardProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, CardProps>;
+export declare const Default: Story<CardProps>;

package/dist/components/card/index.d.ts

@@ -4,6 +4,7 @@ export interface CardProps {
     leftIcon?: JSX.Element;
     children: ReactNode | null;
     height?: string | number;
+    width?: string | number;
 }
 /**
  * A functional React component utilized to render the `Card` component

package/dist/components/form/Form.stories.d.ts

@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { FormProps } from '../../../src/components/form';
 declare const meta: Meta<FormProps<StoryFormSchema>>;
 interface StoryFormSchema {
     prop?: string;
 }
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FormProps<StoryFormSchema>>;
+export declare const Default: Story<FormProps<StoryFormSchema>>;

package/dist/components/form/section/FormSection.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { FormSectionProps } from '.';
 declare type FormSectionStoryValues = {
     [k: string]: any;
 };
 declare const meta: Meta<FormSectionProps<'story', FormSectionStoryValues>>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, FormSectionProps<"story", FormSectionStoryValues>>;
+export declare const Default: Story<FormSectionProps<"story", FormSectionStoryValues>>;
 export declare const formSectionStoryArgs: Partial<FormSectionProps<'story', FormSectionStoryValues>>;

package/dist/components/input/Input.stories.d.ts

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { InputProps } from '.';
 declare const meta: Meta<InputProps<StoryFormSchema>>;
 interface StoryFormSchema {
@@ -11,4 +11,4 @@ interface StoryFormSchema {
     prop7?: number;
 }
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, InputProps<StoryFormSchema>>;
+export declare const Default: Story<InputProps<StoryFormSchema>>;

package/dist/components/input/InputTypes.d.ts

@@ -11,8 +11,10 @@ export declare type InputType = 'text' | 'select' | 'multi-select' | 'pilled-tex
 export declare type FieldOption = {
     label: string;
     value: string | 'section_header';
-    sortValue: number;
+    sortValue?: number;
 };
+/** @deprecated use FieldOption[] directly */
+export declare type FieldOptions = FieldOption[];
 export interface ValidationProps {
     isRequired: boolean;
     isInvalid?: boolean;

package/dist/components/input/components/token/Token.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { TokenProps } from '.';
 declare const meta: Meta<TokenProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, TokenProps>;
+export declare const Default: Story<TokenProps>;

package/dist/components/layout/Layout.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { LayoutProps } from '.';
 declare const meta: Meta<LayoutProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, LayoutProps>;
+export declare const Default: Story<LayoutProps>;

package/dist/components/link/Link.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { LinkProps } from '.';
 declare const meta: Meta<LinkProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, LinkProps>;
+export declare const Default: Story<LinkProps>;

package/dist/components/loading/LoadingIndicator.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { LoadingIndicatorProps } from '.';
 declare const meta: Meta<LoadingIndicatorProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, LoadingIndicatorProps>;
+export declare const Default: Story<LoadingIndicatorProps>;

package/dist/components/modal/Modal.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { ModalProps } from '.';
 declare const meta: Meta<ModalProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ModalProps>;
+export declare const Default: Story<ModalProps>;

package/dist/components/navigation/NavigationMenu.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { NavigationMenuProps } from '.';
 declare const meta: Meta<NavigationMenuProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, NavigationMenuProps>;
+export declare const Default: Story<NavigationMenuProps>;

package/dist/components/tabs/TabsWrapper.stories.d.ts

@@ -1,6 +1,6 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { SimpleTableProps } from '../SimpleTable/SimpleTable';
 import { TabsWrapperProps } from '.';
 declare const meta: Meta<TabsWrapperProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, SimpleTableProps<string[]>>;
+export declare const Default: Story<SimpleTableProps<string[]>>;

package/dist/components/text/Text.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { TextProps } from '.';
 declare const meta: Meta<TextProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, TextProps>;
+export declare const Default: Story<TextProps>;

package/dist/components/toast/Toast.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { ToastProps } from '.';
 declare const meta: Meta<ToastProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ToastProps>;
+export declare const Default: Story<ToastProps>;

package/dist/components/toolbar/Toolbar.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { ToolbarProps } from '.';
 declare const meta: Meta<ToolbarProps>;
 export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ToolbarProps>;
+export declare const Default: Story<ToolbarProps>;

package/dist/hooks/useToast.d.ts

@@ -1,6 +1,5 @@
 import { ToastPosition } from '@chakra-ui/react';
-import React from 'react';
 import { ToastProps } from '../components/toast';
 export declare const useToast: () => (props: ToastProps & {
     position: ToastPosition;
-}) => React.Key;
+}) => import("@chakra-ui/toast/dist/toast.types-f226a101").b;

package/dist/theme/components/checkbox.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    baseStyle?: Partial<Record<"container" | "icon" | "label" | "control", import("@chakra-ui/styled-system").RecursiveCSSObject<import("@chakra-ui/styled-system").CSSWithMultiValues>>> | import("@chakra-ui/styled-system").PartsStyleFunction<{
+    baseStyle?: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
         keys: ("container" | "icon" | "label" | "control")[];
     }> | undefined;
     sizes?: {

package/dist/theme/components/code.d.ts

@@ -6,15 +6,21 @@ declare const _default: {
         borderRadius: string;
     };
     variants: {
-        solid: (props: Record<string, any>) => {
+        solid: (props: {
+            [x: string]: any;
+        }) => {
             bg: string;
             color: string;
         };
-        subtle: (props: Record<string, any>) => {
+        subtle: (props: {
+            [x: string]: any;
+        }) => {
             bg: string;
             color: string;
         };
-        outline: (props: Record<string, any>) => {
+        outline: (props: {
+            [x: string]: any;
+        }) => {
             color: any;
             boxShadow: string;
         };

package/dist/theme/components/form-error.d.ts

@@ -3,8 +3,7 @@ declare const _default: {
     baseStyle: () => {
         text: {
             color: string;
-            position: string;
-            bottom: number;
+            mt: number;
             ml: number;
             fontSize: string;
         };

package/dist/theme/components/link.d.ts

@@ -42,7 +42,7 @@ declare function variantSidebarExact(): {
         textDecoration: string;
     };
 };
-declare function variantSubNavigation(props: Dict): {
+declare function variantSubNavigation(_props: Dict): {
     display: string;
     pl: number;
     mb: number;

package/dist/theme/components/menu.d.ts

@@ -1,6 +1,7 @@
+declare type Dict = Record<string, any>;
 declare const _default: {
     parts: string[];
-    baseStyle: (props: Record<string, any>) => {
+    baseStyle: (props: Dict) => {
         list: {
             bg: string;
             boxShadow: string;

package/dist/theme/components/modal.d.ts

@@ -1,30 +1,34 @@
 declare const _default: {
     parts: string[];
     baseStyle: {
-        width: string;
-        height: string;
-        background: string;
-        backdropFilter: string;
+        overlay: {
+            backdropFilter: string;
+        };
+        dialog: {
+            width: string;
+            height: string;
+            background: string;
+        };
         header: {
-            pt: string;
-            px: string;
-            pb: string;
+            pt: number;
+            px: number;
+            pb: number;
             fontSize: string;
             fontWeight: number;
             lineHeight: string;
         };
         body: {
             pt: number;
-            pb: string;
-            px: string;
+            pb: number;
+            px: number;
             fontSize: string;
             fontWeight: number;
             lineHeight: string;
             whiteSpace: string;
         };
         footer: {
-            py: string;
-            px: string;
+            py: number;
+            px: number;
             display: string;
             justifyContent: string;
             width: string;

package/dist/theme/components/switch.d.ts

@@ -1,6 +1,7 @@
+declare type Dict = Record<string, any>;
 declare const _default: {
     parts: string[];
-    baseStyle: (props: Record<string, any>) => {
+    baseStyle: (props: Dict) => {
         track: {
             borderRadius: string;
             p: string;

package/dist/theme/components/tabs.d.ts

@@ -128,7 +128,7 @@ declare function variantSolidRounded(props: Dict): {
 };
 declare const _default: {
     parts: string[];
-    baseStyle: (props: Record<string, any>) => {
+    baseStyle: (props: Dict) => {
         root: {
             display: string;
         };
@@ -151,7 +151,7 @@ declare const _default: {
     sizes: {
         sm: {
             tab: {
-                py: string;
+                py: number;
                 px: number;
                 fontSize: string;
             };
@@ -159,7 +159,7 @@ declare const _default: {
         md: {
             tab: {
                 fontSize: string;
-                py: string;
+                py: number;
                 px: number;
             };
         };
@@ -169,7 +169,7 @@ declare const _default: {
                     base: string;
                     sm: string;
                 };
-                py: string;
+                py: number;
                 px: number;
             };
         };