jamespot-react-components 1.0.133 → 1.0.134

package/build/src/components/JRCCard/JRCCardImg.d.ts

@@ -28,7 +28,7 @@ export declare type JRCCardImgProps = {
         position?: ActionsPosition;
     };
 };
-export declare const Actions: import("styled-components").StyledComponent<"div", any, {
+export declare const Actions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     position?: ActionsPosition | undefined;
 }, never>;
 export declare const JRCCardImg: (props: JRCCardImgProps) => JSX.Element;

package/build/src/components/JRCFlex/JRCFlexBox.d.ts

@@ -8,7 +8,7 @@ declare type FlexBoxProps = Omit<FastCssProps, 'display'> & {
     y?: 'flex-start' | 'center' | 'flex-end';
     childFull?: boolean;
 };
-export declare const JRCFlexBox: import("styled-components").StyledComponent<"div", any, Omit<FastCssProps, "display"> & {
+export declare const JRCFlexBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<FastCssProps, "display"> & {
     direction?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
     inline?: boolean | undefined;
     flex?: string | boolean | undefined;

package/build/src/components/JRCList/JRCList.styles.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
-export declare const Table: import("styled-components").StyledComponent<"table", any, {}, never>;
-export declare const Thead: import("styled-components").StyledComponent<"thead", any, {}, never>;
-export declare const TBody: import("styled-components").StyledComponent<"tbody", any, {}, never>;
-export declare const Th: import("styled-components").StyledComponent<"th", any, {
+export declare const Table: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
+export declare const Thead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;
+export declare const TBody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, {}, never>;
+export declare const Th: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, {
     width?: string | number | undefined;
 }, never>;
-export declare const Tr: import("styled-components").StyledComponent<"tr", any, {
+export declare const Tr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {
     dragging?: boolean | undefined;
 }, never>;
-export declare const Td: import("styled-components").StyledComponent<"td", any, {}, never>;
-export declare const LoadMore: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Td: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {}, never>;
+export declare const LoadMore: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare type DraggableTBodyProps = {
     draggable: boolean;
     children: Array<JSX.Element>;

package/build/src/components/JRCMenu/JRCMenu.d.ts

@@ -18,12 +18,12 @@ export interface JRCMenuProps {
     items: JRCMenuItemProps[];
     defaultActiveItem?: number;
 }
-export declare const MenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface MenuItemProps {
     isActive: boolean;
 }
-export declare const MenuItem: import("styled-components").StyledComponent<"div", any, MenuItemProps, never>;
-export declare const MenuItemLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const MenuItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MenuItemProps, never>;
+export declare const MenuItemLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 /**
  *
  * @param {items, defaultActiveItem} Menu props, @see JRCMenuProps interface

package/build/src/components/JRCMenuItem/JRCMenuItem.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-export declare const VerticalItemFlex: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("../JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, any, {}, never>;
+export declare const VerticalItemFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("../JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export interface ItemProps {
     isActive: boolean;
 }
-export declare const MenuItemWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const MenuItemWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export interface JRCMenuItemProps {
     icon: string;
     label: string;

package/build/src/components/JRCModal/JRCModal.styles.d.ts

@@ -1,18 +1,18 @@
 export declare type ModalBorderRadius = 'medium' | 'small';
-export declare const JRCModalBox: import("styled-components").StyledComponent<"div", any, {
+export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFullHeight?: boolean | undefined;
 }, never>;
-export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFullHeight?: boolean | undefined;
     overflow?: "hidden" | undefined;
     radius?: ModalBorderRadius | undefined;
 }, never>;
-export declare const JRCModalTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalOptions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalContentFull: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalContentScrollbox: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalClose: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const JRCModalTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalOptions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalContentFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalContentScrollbox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/JRCModalImg/JRCModalImg.styles.d.ts

@@ -1,7 +1,7 @@
-export declare const JRCModalBox: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalClose: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ImgContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ImgContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/JRCSkeleton/JRCSkeletonSquare.d.ts

@@ -7,4 +7,4 @@ export declare type JRCSkeletonSquareProps = {
     borderRadius?: string;
     margin?: string;
 };
-export declare const JRCSkeletonSquare: import("styled-components").StyledComponent<"div", any, JRCSkeletonSquareProps, never>;
+export declare const JRCSkeletonSquare: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, JRCSkeletonSquareProps, never>;

package/build/src/components/JRCTabs/JRCTabs.d.ts

@@ -3,11 +3,11 @@ import { DataCy } from '../../types/dataAttributes';
 export interface ItemProps {
     isActive: boolean;
 }
-export declare const VerticalWrapper: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const VerticalItem: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const ItemButton: import("styled-components").StyledComponent<"button", any, ItemProps, never>;
-export declare const VerticalItemFlex: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("../JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, any, {}, never>;
+export declare const VerticalWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const VerticalItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const ItemButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ItemProps, never>;
+export declare const VerticalItemFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("../JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 /**
  * Interface of a single Menu Item  props
  * @member label label of the tag

package/build/src/components/JRCThemeProvider/JRCThemeProvider.d.ts

@@ -11,6 +11,7 @@ import './animation.css';
  * @member children : enclosed React component
  */
 export interface JRCThemeProviderProps {
+    layout?: boolean;
     children: React.ReactNode;
 }
-export declare const JRCThemeProvider: (props: JRCThemeProviderProps) => JSX.Element;
+export declare const JRCThemeProvider: ({ layout, children }: JRCThemeProviderProps) => JSX.Element;

package/build/src/components/JRCTypo/JRCTypo.d.ts

@@ -5,35 +5,35 @@ import * as React from 'react';
  * @see HTML.H1 props
  */
 export declare type JRCH1Props = React.ComponentPropsWithoutRef<'h1'>;
-declare const JRCH1: import("styled-components").StyledComponent<"h1", any, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
+declare const JRCH1: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH2
  * @see HTML.H2 props
  */
 export declare type JRCH2Props = React.ComponentPropsWithoutRef<'h2'>;
-declare const JRCH2: import("styled-components").StyledComponent<"h2", any, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
+declare const JRCH2: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH3
  * @see HTML.H3 props
  */
 export declare type JRCH3Props = React.ComponentPropsWithoutRef<'h3'>;
-declare const JRCH3: import("styled-components").StyledComponent<"h3", any, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
+declare const JRCH3: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH4
  * @see HTML.H4 props
  */
 export declare type JRCH4Props = React.ComponentPropsWithoutRef<'h3'>;
-declare const JRCH4: import("styled-components").StyledComponent<"h4", any, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
+declare const JRCH4: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCH5
  * @see HTML.H5 props
  */
 export declare type JRCH5Props = React.ComponentPropsWithoutRef<'h5'>;
-declare const JRCH5: import("styled-components").StyledComponent<"h5", any, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
+declare const JRCH5: import("styled-components").StyledComponent<"h5", import("styled-components").DefaultTheme, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof React.HTMLAttributes<HTMLHeadingElement>>, never>;
 /**
  * @deprecated use JRCTypography instead
  * Props Type for JRCText
@@ -43,6 +43,6 @@ export interface JRCTextProps {
     /** Size of the text */
     size?: 's' | 'm' | 'l';
 }
-declare const Text: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<JRCTextProps, any>>;
-declare const JRCText: import("styled-components").StyledComponent<"p", any, JRCTextProps, never>;
+declare const Text: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<JRCTextProps, import("styled-components").DefaultTheme>>;
+declare const JRCText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, JRCTextProps, never>;
 export { JRCH1, JRCH2, JRCH3, JRCH4, JRCH5, Text, JRCText };

package/build/src/components/JRCTypography/JRCTypography.styles.d.ts

@@ -9,4 +9,4 @@ export declare const SIZES: Readonly<{
     xxl: number;
     xxxl: number;
 }>;
-export declare const Typography: import("styled-components").StyledComponent<"p", any, Pick<JRCTypographyProps, "color" | "size" | "weight"> & FastCssProps, never>;
+export declare const Typography: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, Pick<JRCTypographyProps, "color" | "size" | "weight"> & FastCssProps, never>;

package/build/src/components/Stepper/JRCStepper.style.d.ts

@@ -1,4 +1,4 @@
-export declare const Relative: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Animation: import("styled-components").StyledComponent<"div", any, {
+export declare const Relative: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Animation: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     animation?: string | undefined;
 }, never>;

package/build/src/components/Templates/JRCBase.template.d.ts

@@ -4,6 +4,6 @@ export declare type JRCTemplateBaseProps = {
     isLoading: boolean;
     title?: React.ReactNode;
 };
-export declare const ChildrenContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChildrenContainerStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ChildrenContainer: (props: JRCTemplateBaseProps) => JSX.Element;
 export declare const JRCTemplateBase: React.FC<any>;

package/build/src/components/Templates/template.styles.d.ts

@@ -1,40 +1,40 @@
 import { JRCColumn } from './JRCColumn';
 import React from 'react';
 import type { Closing, Open, LayoutMode, ColumnPosition } from './template.type';
-export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ScrollWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MaxWidthWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ScrollWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const MaxWidthWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     mode: LayoutMode;
 }, never>;
-export declare const PanelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BaseColumn: import("styled-components").StyledComponent<"div", any, {
+export declare const PanelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const BaseColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number;
     position?: ColumnPosition | undefined;
 }, never>;
-export declare const Panel: import("styled-components").StyledComponent<"div", any, {
+export declare const Panel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number;
     open: boolean;
 }, never>;
-export declare const StickyColWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const StickyColWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     mode: LayoutMode;
     position?: ColumnPosition | undefined;
     padding: string;
 }, never>;
-export declare const MainColumn: import("styled-components").StyledComponent<typeof JRCColumn, any, {}, never>;
-export declare const AppColumn: import("styled-components").StyledComponent<typeof JRCColumn, any, Open, never>;
-export declare const FlexDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const EasterEggIcon: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("../JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, any, {
+export declare const MainColumn: import("styled-components").StyledComponent<typeof JRCColumn, import("styled-components").DefaultTheme, {}, never>;
+export declare const AppColumn: import("styled-components").StyledComponent<typeof JRCColumn, import("styled-components").DefaultTheme, Open, never>;
+export declare const FlexDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const EasterEggIcon: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("../JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, import("styled-components").DefaultTheme, {
     easterEgg: boolean;
 }, never>;
-export declare const reduce: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<Open, any>>;
-export declare const AppTitle: import("styled-components").StyledComponent<"h1", any, {}, never>;
-export declare const DisappearP: import("styled-components").StyledComponent<"p", any, Open, never>;
-export declare const DisappearSpan: import("styled-components").StyledComponent<"span", any, Open, never>;
+export declare const reduce: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<Open, import("styled-components").DefaultTheme>>;
+export declare const AppTitle: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, {}, never>;
+export declare const DisappearP: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, Open, never>;
+export declare const DisappearSpan: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Open, never>;
 export declare function DisappearDescription({ children, open }: {
     children: any;
     open: boolean;
 }): JSX.Element;
-export declare const OpenCloseButton: import("styled-components").StyledComponent<"button", any, {
+export declare const OpenCloseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     form?: string | undefined;
     slot?: string | undefined;
     style?: React.CSSProperties | undefined;
@@ -305,19 +305,19 @@ export declare const OpenCloseButton: import("styled-components").StyledComponen
     name?: string | undefined;
     value?: string | number | readonly string[] | undefined;
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-    theme: any;
+    theme: import("styled-components").DefaultTheme;
     offset: string;
 } & Open & Closing, "form" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "type" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "theme" | "offset">;
-export declare const AppTabLabel: import("styled-components").StyledComponent<"p", any, Open, never>;
-export declare const AppTabContainer: import("styled-components").StyledComponent<"div", any, Open, never>;
-export declare const AppTabContextContainer: import("styled-components").StyledComponent<"div", any, Open & Closing, never>;
-export declare const AppTab: import("styled-components").StyledComponent<"button", any, Open & {
+export declare const AppTabLabel: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, Open, never>;
+export declare const AppTabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Open, never>;
+export declare const AppTabContextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Open & Closing, never>;
+export declare const AppTab: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, Open & {
     active?: boolean | undefined;
 }, never>;
-export declare const AppTabTooltip: import("styled-components").StyledComponent<({ condition, hasLicense, tooltip, children, className, }: import("../Common/JRCConditionalWrapper").JRCConditionalTooltipProps) => JSX.Element, any, {}, never>;
-export declare const EllipsisWrapper: import("styled-components").StyledComponent<"span", any, Open, never>;
-export declare const AppTabCounter: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const AppTabEllipsisLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const AppTabNav: import("styled-components").StyledComponent<"nav", any, Open & {
+export declare const AppTabTooltip: import("styled-components").StyledComponent<({ condition, hasLicense, tooltip, children, className, }: import("../Common/JRCConditionalWrapper").JRCConditionalTooltipProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const EllipsisWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Open, never>;
+export declare const AppTabCounter: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const AppTabEllipsisLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const AppTabNav: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, Open & {
     extraMargin: boolean;
 }, never>;

package/build/src/components/Widgets/JRCWidgetArticleGallery/JRCWidgetArticleGallery.d.ts

@@ -1,11 +1,11 @@
 import { FileResponse, WidgetArticleGalleryContent, WidgetDefaultProps, WidgetWrapperProps } from 'jamespot-user-api';
 import React from 'react';
-export declare const CSSColumnGallery: import("styled-components").StyledComponent<"div", any, {
+export declare const CSSColumnGallery: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     column: string;
     gap: string;
 }, never>;
-export declare const CSSGalleryWrapper: import("styled-components").StyledComponent<"div", any, {
-    gap: string;
+export declare const CSSGalleryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    width: number | string;
 }, never>;
 declare type JRCWidgetArticleGalleryProps = WidgetDefaultProps & {
     content: WidgetArticleGalleryContent;

package/build/src/components/Widgets/JRCWidgetArticleImage/styles.d.ts

@@ -1,8 +1,8 @@
-export declare const CSSImageWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const CSSImageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width?: number | undefined;
     height?: number | undefined;
     borderRadius?: string | undefined;
 }, never>;
-export declare const CSSBackgroundImageFilters: import("styled-components").StyledComponent<"div", any, {
+export declare const CSSBackgroundImageFilters: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     useFilter: boolean;
 }, never>;

package/build/src/components/Widgets/components/Attachment.d.ts

@@ -1,12 +1,12 @@
 import { WidgetFileType } from 'jamespot-user-api';
-export declare const CSSAttachment: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CSSAttachmentImage: import("styled-components").StyledComponent<"div", any, {
+export declare const CSSAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSAttachmentImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number;
     height: number;
     backgroundColor: string;
 }, never>;
-export declare const CSSAttachmentLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CSSAttachmentOption: import("styled-components").StyledComponent<"button", any, {
+export declare const CSSAttachmentLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSAttachmentOption: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     width: number;
     height: number;
 }, never>;

package/build/src/components/Widgets/styles.d.ts

@@ -1,24 +1,24 @@
-export declare const CSSPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CSSEmptyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CSSHiddenDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CSSEmptyText: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CSSWrapperText: import("styled-components").StyledComponent<"div", any, {
+export declare const CSSPlaceholder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSEmptyWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSHiddenDiv: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSEmptyText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWrapperText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     color?: string | undefined;
     heading?: string | undefined;
     fontSize?: string | undefined;
     backgroundColor?: string | undefined;
 }, never>;
-export declare const CSSText: import("styled-components").StyledComponent<"div", any, {
+export declare const CSSText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     size?: string | undefined;
     lineHeight?: string | undefined;
     linkColor?: string | undefined;
 }, never>;
-export declare const CSSForm: import("styled-components").StyledComponent<"form", any, {}, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<"div", any, {
+export declare const CSSForm: import("styled-components").StyledComponent<"form", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     heading?: string | undefined;
     color?: string | undefined;
     backgroundColor?: string | undefined;
 }, never>;
-export declare const CSSWidgetEditorListItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CSSWidgetEditorListItemLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CSSWidgetEditorListOption: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const CSSWidgetEditorListItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetEditorListItemLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetEditorListOption: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/build/src/styles/theme.d.ts

@@ -1,6 +1,7 @@
+import { DefaultTheme } from 'styled-components';
 export interface ITheme {
-    config: ThemeType;
-    get: () => ThemeType;
+    config: DefaultTheme;
+    get: () => DefaultTheme;
     initTheme: (options?: ThemeConfigOptions) => void;
 }
 export declare type ThemeConfigOptions = {
@@ -25,6 +26,7 @@ export declare type Shades = 'primaryL15' | 'primaryL80' | 'primaryL90' | 'prima
 declare type ThemeConfigShadeType = {
     [color in Shades]: string;
 };
+export declare type ColorsOrShades = Colors | Shades;
 export declare const NATIVE_COLORS: readonly ["currentColor", "inherit", "transparent"];
 export declare type NativeColor = typeof NATIVE_COLORS[number];
 export declare type FontWeight = {

package/build/src/types.d.ts

@@ -77,7 +77,7 @@ export { JRCValueLabelProps } from './components/Form/Common/types';
 export { JRCWritableFormInputProps } from './components/Form/Input/JRCFormFieldRender';
 export { MessageType } from './components/Common/util/getColor.util';
 export { TextareaFormInputProps } from './components/Form/Input/JRCFormTextarea/JRCFormTextarea';
-export { ThemeConfigOptions } from './styles/theme';
+export { ThemeConfigOptions, ThemeType } from './styles/theme';
 /****
  *
  * PLEASE RESPECT ALPHABETICAL ORDER

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-components",
-    "version": "1.0.133",
+    "version": "1.0.134",
     "description": "",
     "main": "./build/jamespot-react-components.js",
     "types": "./build/src/index.d.ts",
@@ -101,7 +101,7 @@
         "@tiptap/starter-kit": "^2.0.0-beta.203",
         "chroma-js": "^2.1.1",
         "classnames": "^2.3.1",
-        "jamespot-user-api": "^1.0.104",
+        "jamespot-user-api": "^1.0.105",
         "moment": "^2.29.1",
         "react": "^17.x",
         "react-beautiful-dnd": "^13.1.1",