@bookjane2/bookjane-design-library 7.2.6 → 7.2.8

package/lib/components/Flex/Flex.styled.js

@@ -1,229 +1,229 @@
-import styled, { css } from 'styled-components';
-export const StyledFlex = styled.div `
-  display: flex;
-
-  ${({ $borderTop }) => {
-    if ($borderTop)
-        return css `
-        border-top: ${$borderTop};
-      `;
-    return css ``;
-}};
-
-  ${({ $borderBottom }) => {
-    if ($borderBottom)
-        return css `
-        border-bottom: ${$borderBottom};
-      `;
-    return css ``;
-}};
-
-  ${({ $gap }) => {
-    if ($gap)
-        return css `
-        gap: ${$gap};
-      `;
-    return css ``;
-}};
-
-  ${({ $margin }) => {
-    if ($margin)
-        return css `
-        margin: ${$margin};
-      `;
-    return css ``;
-}};
-  ${({ $padding }) => {
-    if ($padding)
-        return css `
-        padding: ${$padding};
-      `;
-    return css ``;
-}};
-  ${({ $flexDirection }) => {
-    if ($flexDirection)
-        return css `
-        flex-direction: ${$flexDirection};
-      `;
-    return css ``;
-}};
-  ${({ $alignContent }) => {
-    if ($alignContent)
-        return css `
-        align-content: ${$alignContent};
-      `;
-    return css ``;
-}};
-  ${({ $alignSelf }) => {
-    if ($alignSelf)
-        return css `
-        align-self: ${$alignSelf};
-      `;
-    return css ``;
-}};
-  ${({ $alignItems }) => {
-    if ($alignItems)
-        return css `
-        align-items: ${$alignItems};
-      `;
-    return css ``;
-}};
-  ${({ $justifyContent }) => {
-    if ($justifyContent)
-        return css `
-        justify-content: ${$justifyContent};
-      `;
-    return css ``;
-}};
-  ${({ $justifySelf }) => {
-    if ($justifySelf)
-        return css `
-        justify-self: ${$justifySelf};
-      `;
-    return css ``;
-}};
-  ${({ $justifyItems }) => {
-    if ($justifyItems)
-        return css `
-        justify-items: ${$justifyItems};
-      `;
-    return css ``;
-}};
-  ${({ $width }) => {
-    if ($width)
-        return css `
-        width: ${$width};
-      `;
-    return css ``;
-}};
-  ${({ $minWidth }) => {
-    if ($minWidth)
-        return css `
-        min-width: ${$minWidth};
-      `;
-    return css ``;
-}};
-  ${({ $maxWidth }) => {
-    if ($maxWidth)
-        return css `
-        max-width: ${$maxWidth};
-      `;
-    return css ``;
-}};
-  ${({ $height }) => {
-    if ($height)
-        return css `
-        height: ${$height};
-      `;
-    return css ``;
-}};
-  ${({ $minHeight }) => {
-    if ($minHeight)
-        return css `
-        min-height: ${$minHeight};
-      `;
-    return css ``;
-}};
-  ${({ $maxHeight }) => {
-    if ($maxHeight)
-        return css `
-        max-height: ${$maxHeight};
-      `;
-    return css ``;
-}};
-  ${({ $flex }) => {
-    if ($flex)
-        return css `
-        flex: ${$flex};
-      `;
-    return css ``;
-}};
-  ${({ $flexWrap }) => {
-    if ($flexWrap)
-        return css `
-        flex-wrap: ${$flexWrap};
-      `;
-    return css ``;
-}};
-  ${({ $flexBasis }) => {
-    if ($flexBasis)
-        return css `
-        flex-basis: ${$flexBasis};
-      `;
-    return css ``;
-}};
-  ${({ $flexShrink }) => {
-    if ($flexShrink)
-        return css `
-        flex-shrink: ${$flexShrink};
-      `;
-    return css ``;
-}};
-  ${({ $flexGrow }) => {
-    if ($flexGrow)
-        return css `
-        flex-grow: ${$flexGrow};
-      `;
-    return css ``;
-}};
-
-  ${({ $order }) => {
-    if ($order)
-        return css `
-        order: ${$order};
-      `;
-    return css ``;
-}};
-
-  ${({ $childMarginRight }) => {
-    if ($childMarginRight)
-        return css `
-        > * {
-          margin-right: ${$childMarginRight};
-          &:last-child {
-            margin-right: 0;
-          }
-        }
-      `;
-    return css ``;
-}};
-
-  ${({ $childMarginLeft }) => {
-    if ($childMarginLeft)
-        return css `
-        > * {
-          margin-left: ${$childMarginLeft};
-          &:last-child {
-            margin-left: 0;
-          }
-        }
-      `;
-    return css ``;
-}};
-
-  ${({ $childMarginTop }) => {
-    if ($childMarginTop)
-        return css `
-        > * {
-          margin-top: ${$childMarginTop};
-          &:last-child {
-            margin-top: 0;
-          }
-        }
-      `;
-    return css ``;
-}};
-  ${({ $childMarginBottom }) => {
-    if ($childMarginBottom)
-        return css `
-        > * {
-          margin-bottom: ${$childMarginBottom};
-          &:last-child {
-            margin-bottom: 0;
-          }
-        }
-      `;
-    return css ``;
-}}; ;
-`;
+import styled, { css } from 'styled-components';
+export const StyledFlex = styled.div `
+  display: flex;
+
+  ${({ $borderTop }) => {
+    if ($borderTop)
+        return css `
+        border-top: ${$borderTop};
+      `;
+    return css ``;
+}};
+
+  ${({ $borderBottom }) => {
+    if ($borderBottom)
+        return css `
+        border-bottom: ${$borderBottom};
+      `;
+    return css ``;
+}};
+
+  ${({ $gap }) => {
+    if ($gap)
+        return css `
+        gap: ${$gap};
+      `;
+    return css ``;
+}};
+
+  ${({ $margin }) => {
+    if ($margin)
+        return css `
+        margin: ${$margin};
+      `;
+    return css ``;
+}};
+  ${({ $padding }) => {
+    if ($padding)
+        return css `
+        padding: ${$padding};
+      `;
+    return css ``;
+}};
+  ${({ $flexDirection }) => {
+    if ($flexDirection)
+        return css `
+        flex-direction: ${$flexDirection};
+      `;
+    return css ``;
+}};
+  ${({ $alignContent }) => {
+    if ($alignContent)
+        return css `
+        align-content: ${$alignContent};
+      `;
+    return css ``;
+}};
+  ${({ $alignSelf }) => {
+    if ($alignSelf)
+        return css `
+        align-self: ${$alignSelf};
+      `;
+    return css ``;
+}};
+  ${({ $alignItems }) => {
+    if ($alignItems)
+        return css `
+        align-items: ${$alignItems};
+      `;
+    return css ``;
+}};
+  ${({ $justifyContent }) => {
+    if ($justifyContent)
+        return css `
+        justify-content: ${$justifyContent};
+      `;
+    return css ``;
+}};
+  ${({ $justifySelf }) => {
+    if ($justifySelf)
+        return css `
+        justify-self: ${$justifySelf};
+      `;
+    return css ``;
+}};
+  ${({ $justifyItems }) => {
+    if ($justifyItems)
+        return css `
+        justify-items: ${$justifyItems};
+      `;
+    return css ``;
+}};
+  ${({ $width }) => {
+    if ($width)
+        return css `
+        width: ${$width};
+      `;
+    return css ``;
+}};
+  ${({ $minWidth }) => {
+    if ($minWidth)
+        return css `
+        min-width: ${$minWidth};
+      `;
+    return css ``;
+}};
+  ${({ $maxWidth }) => {
+    if ($maxWidth)
+        return css `
+        max-width: ${$maxWidth};
+      `;
+    return css ``;
+}};
+  ${({ $height }) => {
+    if ($height)
+        return css `
+        height: ${$height};
+      `;
+    return css ``;
+}};
+  ${({ $minHeight }) => {
+    if ($minHeight)
+        return css `
+        min-height: ${$minHeight};
+      `;
+    return css ``;
+}};
+  ${({ $maxHeight }) => {
+    if ($maxHeight)
+        return css `
+        max-height: ${$maxHeight};
+      `;
+    return css ``;
+}};
+  ${({ $flex }) => {
+    if ($flex)
+        return css `
+        flex: ${$flex};
+      `;
+    return css ``;
+}};
+  ${({ $flexWrap }) => {
+    if ($flexWrap)
+        return css `
+        flex-wrap: ${$flexWrap};
+      `;
+    return css ``;
+}};
+  ${({ $flexBasis }) => {
+    if ($flexBasis)
+        return css `
+        flex-basis: ${$flexBasis};
+      `;
+    return css ``;
+}};
+  ${({ $flexShrink }) => {
+    if ($flexShrink)
+        return css `
+        flex-shrink: ${$flexShrink};
+      `;
+    return css ``;
+}};
+  ${({ $flexGrow }) => {
+    if ($flexGrow)
+        return css `
+        flex-grow: ${$flexGrow};
+      `;
+    return css ``;
+}};
+
+  ${({ $order }) => {
+    if ($order)
+        return css `
+        order: ${$order};
+      `;
+    return css ``;
+}};
+
+  ${({ $childMarginRight }) => {
+    if ($childMarginRight)
+        return css `
+        > * {
+          margin-right: ${$childMarginRight};
+          &:last-child {
+            margin-right: 0;
+          }
+        }
+      `;
+    return css ``;
+}};
+
+  ${({ $childMarginLeft }) => {
+    if ($childMarginLeft)
+        return css `
+        > * {
+          margin-left: ${$childMarginLeft};
+          &:last-child {
+            margin-left: 0;
+          }
+        }
+      `;
+    return css ``;
+}};
+
+  ${({ $childMarginTop }) => {
+    if ($childMarginTop)
+        return css `
+        > * {
+          margin-top: ${$childMarginTop};
+          &:last-child {
+            margin-top: 0;
+          }
+        }
+      `;
+    return css ``;
+}};
+  ${({ $childMarginBottom }) => {
+    if ($childMarginBottom)
+        return css `
+        > * {
+          margin-bottom: ${$childMarginBottom};
+          &:last-child {
+            margin-bottom: 0;
+          }
+        }
+      `;
+    return css ``;
+}}; ;
+`;
 //# sourceMappingURL=Flex.styled.js.map

package/lib/components/Flex/Flex.types.d.ts

@@ -1,77 +1,77 @@
-/// <reference types="react" />
-export declare type FlexDirectionType = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-export declare type AlignContentType = 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'normal' | 'baseline' | 'first baseline' | 'last baseline' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
-export declare type AlignSelfType = 'auto' | 'normal' | 'center' | 'start' | 'end' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'baseline' | 'first baseline' | 'last baseline' | 'stretch' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
-export declare type AlignItemsType = 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
-export declare type JustifyContentType = 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'left' | 'right' | 'normal' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
-export declare type JustifySelfType = 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
-export declare type JustifyItemsType = 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | 'legacy right' | 'legacy left' | 'legacy center' | 'inherit' | 'initial' | 'unset';
-export declare type WidthType = string;
-export declare type HeightType = string;
-export declare type FlexType = string;
-export declare type FlexWrapType = 'nowrap' | 'wrap' | 'wrap-reverse' | 'inherit' | 'initial' | 'unset';
-export declare type FlexBasisType = string | 'auto' | 'fill' | 'max-content' | 'min-content' | 'fit-content' | 'content' | 'inherit' | 'initial' | 'unset';
-export declare type FlexShrinkType = number;
-export declare type FlexGrowType = number;
-export declare type OrderType = number;
-export interface IFlexProps extends React.HTMLAttributes<HTMLDivElement> {
-    alignContent?: AlignContentType;
-    alignItems?: AlignItemsType;
-    alignSelf?: AlignSelfType;
-    childMarginBottom?: string;
-    childMarginLeft?: string;
-    childMarginRight?: string;
-    childMarginTop?: string;
-    flex?: FlexType;
-    flexBasis?: FlexBasisType;
-    flexDirection?: FlexDirectionType;
-    flexGrow?: FlexGrowType;
-    flexShrink?: FlexShrinkType;
-    flexWrap?: FlexWrapType;
-    gap?: string;
-    borderTop?: string;
-    borderBottom?: string;
-    height?: HeightType;
-    justifyContent?: JustifyContentType;
-    justifyItems?: JustifyItemsType;
-    justifySelf?: JustifySelfType;
-    margin?: string;
-    maxHeight?: HeightType;
-    maxWidth?: WidthType;
-    minHeight?: HeightType;
-    minWidth?: WidthType;
-    order?: OrderType;
-    padding?: string;
-    width?: WidthType;
-}
-export interface IStyledFlexProps {
-    $alignContent?: IFlexProps['alignContent'];
-    $alignItems?: IFlexProps['alignItems'];
-    $alignSelf?: IFlexProps['alignSelf'];
-    $childMarginBottom?: IFlexProps['childMarginBottom'];
-    $childMarginLeft?: IFlexProps['childMarginLeft'];
-    $childMarginRight?: IFlexProps['childMarginRight'];
-    $childMarginTop?: IFlexProps['childMarginTop'];
-    $flex?: IFlexProps['flex'];
-    $flexBasis?: IFlexProps['flexBasis'];
-    $flexDirection?: IFlexProps['flexDirection'];
-    $flexGrow?: IFlexProps['flexGrow'];
-    $flexShrink?: IFlexProps['flexShrink'];
-    $flexWrap?: IFlexProps['flexWrap'];
-    $height?: IFlexProps['height'];
-    $gap?: IFlexProps['gap'];
-    $borderTop?: IFlexProps['borderTop'];
-    $borderBottom?: IFlexProps['borderBottom'];
-    $justifyContent?: IFlexProps['justifyContent'];
-    $justifyItems?: IFlexProps['justifyItems'];
-    $justifySelf?: IFlexProps['justifySelf'];
-    $margin?: IFlexProps['margin'];
-    $maxHeight?: IFlexProps['maxHeight'];
-    $maxWidth?: IFlexProps['maxWidth'];
-    $minHeight?: IFlexProps['minHeight'];
-    $minWidth?: IFlexProps['minWidth'];
-    $order?: IFlexProps['order'];
-    $padding?: IFlexProps['padding'];
-    $width?: IFlexProps['width'];
-}
+/// <reference types="react" />
+export declare type FlexDirectionType = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+export declare type AlignContentType = 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'normal' | 'baseline' | 'first baseline' | 'last baseline' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
+export declare type AlignSelfType = 'auto' | 'normal' | 'center' | 'start' | 'end' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'baseline' | 'first baseline' | 'last baseline' | 'stretch' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
+export declare type AlignItemsType = 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
+export declare type JustifyContentType = 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'left' | 'right' | 'normal' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
+export declare type JustifySelfType = 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
+export declare type JustifyItemsType = 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | 'legacy right' | 'legacy left' | 'legacy center' | 'inherit' | 'initial' | 'unset';
+export declare type WidthType = string;
+export declare type HeightType = string;
+export declare type FlexType = string;
+export declare type FlexWrapType = 'nowrap' | 'wrap' | 'wrap-reverse' | 'inherit' | 'initial' | 'unset';
+export declare type FlexBasisType = string | 'auto' | 'fill' | 'max-content' | 'min-content' | 'fit-content' | 'content' | 'inherit' | 'initial' | 'unset';
+export declare type FlexShrinkType = number;
+export declare type FlexGrowType = number;
+export declare type OrderType = number;
+export interface IFlexProps extends React.HTMLAttributes<HTMLDivElement> {
+    alignContent?: AlignContentType;
+    alignItems?: AlignItemsType;
+    alignSelf?: AlignSelfType;
+    childMarginBottom?: string;
+    childMarginLeft?: string;
+    childMarginRight?: string;
+    childMarginTop?: string;
+    flex?: FlexType;
+    flexBasis?: FlexBasisType;
+    flexDirection?: FlexDirectionType;
+    flexGrow?: FlexGrowType;
+    flexShrink?: FlexShrinkType;
+    flexWrap?: FlexWrapType;
+    gap?: string;
+    borderTop?: string;
+    borderBottom?: string;
+    height?: HeightType;
+    justifyContent?: JustifyContentType;
+    justifyItems?: JustifyItemsType;
+    justifySelf?: JustifySelfType;
+    margin?: string;
+    maxHeight?: HeightType;
+    maxWidth?: WidthType;
+    minHeight?: HeightType;
+    minWidth?: WidthType;
+    order?: OrderType;
+    padding?: string;
+    width?: WidthType;
+}
+export interface IStyledFlexProps {
+    $alignContent?: IFlexProps['alignContent'];
+    $alignItems?: IFlexProps['alignItems'];
+    $alignSelf?: IFlexProps['alignSelf'];
+    $childMarginBottom?: IFlexProps['childMarginBottom'];
+    $childMarginLeft?: IFlexProps['childMarginLeft'];
+    $childMarginRight?: IFlexProps['childMarginRight'];
+    $childMarginTop?: IFlexProps['childMarginTop'];
+    $flex?: IFlexProps['flex'];
+    $flexBasis?: IFlexProps['flexBasis'];
+    $flexDirection?: IFlexProps['flexDirection'];
+    $flexGrow?: IFlexProps['flexGrow'];
+    $flexShrink?: IFlexProps['flexShrink'];
+    $flexWrap?: IFlexProps['flexWrap'];
+    $height?: IFlexProps['height'];
+    $gap?: IFlexProps['gap'];
+    $borderTop?: IFlexProps['borderTop'];
+    $borderBottom?: IFlexProps['borderBottom'];
+    $justifyContent?: IFlexProps['justifyContent'];
+    $justifyItems?: IFlexProps['justifyItems'];
+    $justifySelf?: IFlexProps['justifySelf'];
+    $margin?: IFlexProps['margin'];
+    $maxHeight?: IFlexProps['maxHeight'];
+    $maxWidth?: IFlexProps['maxWidth'];
+    $minHeight?: IFlexProps['minHeight'];
+    $minWidth?: IFlexProps['minWidth'];
+    $order?: IFlexProps['order'];
+    $padding?: IFlexProps['padding'];
+    $width?: IFlexProps['width'];
+}
 //# sourceMappingURL=Flex.types.d.ts.map

package/lib/components/Flex/Flex.types.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=Flex.types.js.map

package/lib/components/Flex/index.d.ts

@@ -1,3 +1,3 @@
-import { Flex } from './Flex.js';
-export { Flex };
+import { Flex } from './Flex.js';
+export { Flex };
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Flex/index.js

@@ -1,3 +1,3 @@
-import { Flex } from './Flex.js';
-export { Flex };
+import { Flex } from './Flex.js';
+export { Flex };
 //# sourceMappingURL=index.js.map

package/lib/components/GenericErrorMessage/GenericErrorMessage.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-interface IGenericErrorMessage {
-    errorMessage?: string;
-    size?: 'Small' | 'Medium' | 'Large';
-    width?: string;
-    height?: string;
-    direction?: 'column' | 'row';
-    isStyled?: boolean;
-    showLogo?: boolean;
-    readonly suppressMessage?: boolean;
-}
-export declare const isEnvDevelopment: boolean;
-export declare function GenericErrorMessage({ errorMessage, size, width, height, direction, suppressMessage, isStyled, showLogo, ...rest }: IGenericErrorMessage): JSX.Element;
-export {};
+/// <reference types="react" />
+interface IGenericErrorMessage {
+    errorMessage?: string;
+    size?: 'Small' | 'Medium' | 'Large';
+    width?: string;
+    height?: string;
+    direction?: 'column' | 'row';
+    isStyled?: boolean;
+    showLogo?: boolean;
+    readonly suppressMessage?: boolean;
+}
+export declare const isEnvDevelopment: boolean;
+export declare function GenericErrorMessage({ errorMessage, size, width, height, direction, suppressMessage, isStyled, showLogo, ...rest }: IGenericErrorMessage): JSX.Element;
+export {};
 //# sourceMappingURL=GenericErrorMessage.d.ts.map