@bbl-digital/snorre 4.0.39 → 4.0.40

package/lib/core/SimpleBarChart/SimpleBarChart.stories.d.ts

@@ -1,30 +1,30 @@
-/// <reference types="react" />
-import { LoadedType } from '../../shared/types/LoadedType';
-declare const _default;
-export default _default;
-export declare const storyDataKostnadBudsjett: {
-    name: string;
-    kostnad: number;
-    budsjett: number;
-}[];
-export declare const storyDataSimpleNumbers: {
-    name: string;
-    amount: number;
-}[];
-export declare const Default: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
-    name: string;
-};
-export declare const WithXAxisLineAndYAxisLine: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
-    name: string;
-};
-export declare const VerticalBarChart: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
-    name: string;
-};
-export declare const WithSimpleNumbers: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
-    name: string;
-};
+/// <reference types="react" />
+import { LoadedType } from '../../shared/types/LoadedType';
+declare const _default;
+export default _default;
+export declare const storyDataKostnadBudsjett: {
+    name: string;
+    kostnad: number;
+    budsjett: number;
+}[];
+export declare const storyDataSimpleNumbers: {
+    name: string;
+    amount: number;
+}[];
+export declare const Default: {
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    name: string;
+};
+export declare const WithXAxisLineAndYAxisLine: {
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    name: string;
+};
+export declare const VerticalBarChart: {
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    name: string;
+};
+export declare const WithSimpleNumbers: {
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    name: string;
+};
 //# sourceMappingURL=SimpleBarChart.stories.d.ts.map

package/lib/core/SimpleBarChart/index.d.ts

@@ -1,57 +1,57 @@
-import React from 'react';
-import { Bar } from 'recharts';
-import { Margin } from 'recharts/types/util/types';
-interface IProps extends Partial<Bar> {
-    /** The source data. Example format: [{name: string, value: string}]. Name is required*/
-    data: any[];
-    /** Array of each bar in the BarChart: e.g [{name: "Kostnad", dataKey: "kostnad", fill: theme.primary}]. value of dataKey correlates to a property in the data source. Fill sets the color of the bar */
-    bars: {
-        name: string;
-        dataKey: string;
-        fill: string;
-    }[];
-    /** xAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
-    xAxisDataKey: string;
-    /**yAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
-    yAxisDataKey?: string;
-    /** Height: default to 350px */
-    height?: string;
-    /** Width: defaults to auto */
-    width?: string;
-    /** xAxisLine: Show the xAxisLine, or leave empty. Default is false */
-    xAxisLine?: boolean;
-    /**yAxisLine: Show the yAxisLine, or leave empty. Default is false */
-    yAxisLine?: boolean;
-    /** tickLineX: Show axis tick line. Defaults to false */
-    tickLineX?: boolean;
-    /** tickLineY: Show axis tick line. Defaults to false */
-    tickLineY?: boolean;
-    /**legendHAlign: horizontal position of the caption for the content. Default is left */
-    legendHAlign?: 'left' | 'center' | 'right';
-    /**legendVAlign: vertical position of the caption for the content. Default is bottom */
-    legendVAlign?: 'top' | 'middle' | 'bottom';
-    /** margin: Margins for the BarChart. Default is { top: 0, right: 0, left: 0, bottom: 0 }  */
-    margin?: Margin;
-    /** legendPadding: Sets padding for the Legend. Default is top: 10px, right: 0, left: 55px, bottom: 0 */
-    legendPadding?: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
-    /**layout: vertical or horizontal BarChart. Defaults to horizontal. */
-    layout?: 'horizontal' | 'vertical';
-    /** Use the default formatter for axis */
-    defaultFormatter?: boolean;
-    /** Minimun gap ticks for Y axis */
-    minTickGapY?: number;
-    /** Minimun gap ticks for X axis */
-    minTickGapX?: number;
-    /** Allow decimal numbers in Y and X axis, default true */
-    allowDecimals?: boolean;
-    /** Tick formatting function */
-    tickFormatter?: (value: any, index: number) => string;
-}
-declare const SimpleBarChart: React.FC<IProps>;
-export default SimpleBarChart;
+import React from 'react';
+import { Bar } from 'recharts';
+import { Margin } from 'recharts/types/util/types';
+interface IProps extends Partial<Bar> {
+    /** The source data. Example format: [{name: string, value: string}]. Name is required*/
+    data: any[];
+    /** Array of each bar in the BarChart: e.g [{name: "Kostnad", dataKey: "kostnad", fill: theme.primary}]. value of dataKey correlates to a property in the data source. Fill sets the color of the bar */
+    bars: {
+        name: string;
+        dataKey: string;
+        fill: string;
+    }[];
+    /** xAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
+    xAxisDataKey: string;
+    /**yAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
+    yAxisDataKey?: string;
+    /** Height: default to 350px */
+    height?: string;
+    /** Width: defaults to auto */
+    width?: string;
+    /** xAxisLine: Show the xAxisLine, or leave empty. Default is false */
+    xAxisLine?: boolean;
+    /**yAxisLine: Show the yAxisLine, or leave empty. Default is false */
+    yAxisLine?: boolean;
+    /** tickLineX: Show axis tick line. Defaults to false */
+    tickLineX?: boolean;
+    /** tickLineY: Show axis tick line. Defaults to false */
+    tickLineY?: boolean;
+    /**legendHAlign: horizontal position of the caption for the content. Default is left */
+    legendHAlign?: 'left' | 'center' | 'right';
+    /**legendVAlign: vertical position of the caption for the content. Default is bottom */
+    legendVAlign?: 'top' | 'middle' | 'bottom';
+    /** margin: Margins for the BarChart. Default is { top: 0, right: 0, left: 0, bottom: 0 }  */
+    margin?: Margin;
+    /** legendPadding: Sets padding for the Legend. Default is top: 10px, right: 0, left: 55px, bottom: 0 */
+    legendPadding?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    /**layout: vertical or horizontal BarChart. Defaults to horizontal. */
+    layout?: 'horizontal' | 'vertical';
+    /** Use the default formatter for axis */
+    defaultFormatter?: boolean;
+    /** Minimun gap ticks for Y axis */
+    minTickGapY?: number;
+    /** Minimun gap ticks for X axis */
+    minTickGapX?: number;
+    /** Allow decimal numbers in Y and X axis, default true */
+    allowDecimals?: boolean;
+    /** Tick formatting function */
+    tickFormatter?: (value: any, index: number) => string;
+}
+declare const SimpleBarChart: React.FC<IProps>;
+export default SimpleBarChart;
 //# sourceMappingURL=index.d.ts.map

package/lib/core/SimpleBarChart/styles.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export declare const BarChartContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    width: string;
-    height: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+export declare const BarChartContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    width: string;
+    height: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/SimpleBarChart/styles.js

@@ -4,4 +4,4 @@ export const BarChartContainer = /*#__PURE__*/_styled("div", process.env.NODE_EN
 } : {
   target: "e1omf8wg0",
   label: "BarChartContainer"
-})("height:", props => props.height && props.height, ";width:", props => props.width && props.width, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU2ltcGxlQmFyQ2hhcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB3aWR0aDogc3RyaW5nOyBoZWlnaHQ6IHN0cmluZyB9PmBcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0ICYmIHByb3BzLmhlaWdodH07XG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMud2lkdGggJiYgcHJvcHMud2lkdGh9O1xuYFxuIl19 */"));
+})("height:", props => props.height && props.height, ";width:", props => props.width && props.width, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU2ltcGxlQmFyQ2hhcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQmFyQ2hhcnRDb250YWluZXIgPSBzdHlsZWQuZGl2PHsgd2lkdGg6IHN0cmluZzsgaGVpZ2h0OiBzdHJpbmcgfT5gXHJcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0ICYmIHByb3BzLmhlaWdodH07XHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aCAmJiBwcm9wcy53aWR0aH07XHJcbmBcclxuIl19 */"));

package/lib/core/SimpleLineChart/SimpleLineChart.stories.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { LoadedType } from '../../shared/types/LoadedType';
-declare const _default;
-export default _default;
-export declare const Default: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
-    name: string;
-};
+/// <reference types="react" />
+import { LoadedType } from '../../shared/types/LoadedType';
+declare const _default;
+export default _default;
+export declare const Default: {
+    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react").JSX.Element;
+    name: string;
+};
 //# sourceMappingURL=SimpleLineChart.stories.d.ts.map

package/lib/core/SimpleLineChart/index.d.ts

@@ -1,66 +1,66 @@
-import React from 'react';
-import { Line } from 'recharts';
-import { Formatter, NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
-import { CurveType } from 'recharts/types/shape/Curve';
-import { Margin } from 'recharts/types/util/types';
-interface IProps extends Partial<Line> {
-    /** The source data. Example format: [{name: string, value: string}]. Name is required*/
-    data: any[];
-    /** Array of each bar in the BarChart: e.g [{name: "Kostnad", dataKey: "kostnad", fill: theme.primary}]. value of dataKey correlates to a property in the data source. Fill sets the color of the bar */
-    lines: {
-        name: string;
-        dataKey: string;
-        stroke: string;
-        type: CurveType;
-        strokeWidth?: number;
-    }[];
-    /** xAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
-    xAxisDataKey: string;
-    /**yAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
-    yAxisDataKey?: string;
-    /** Height: default to 350px */
-    height?: string;
-    /** Width: defaults to auto */
-    width?: string;
-    /** xAxisLine: Show the xAxisLine, or leave empty. Default is false */
-    xAxisLine?: boolean;
-    /**yAxisLine: Show the yAxisLine, or leave empty. Default is false */
-    yAxisLine?: boolean;
-    /** tickLineX: Show axis tick line. Defaults to false */
-    tickLineX?: boolean;
-    /** tickLineY: Show axis tick line. Defaults to false */
-    tickLineY?: boolean;
-    /**legendHAlign: horizontal position of the caption for the content. Default is left */
-    legendHAlign?: 'left' | 'center' | 'right';
-    /**legendVAlign: vertical position of the caption for the content. Default is bottom */
-    legendVAlign?: 'top' | 'middle' | 'bottom';
-    /** margin: Margins for the BarChart. Default is { top: 0, right: 0, left: 0, bottom: 0 }  */
-    margin?: Margin;
-    /** legendPadding: Sets padding for the Legend. Default is top: 10px, right: 0, left: 50px, bottom: 0 */
-    legendPadding?: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
-    /** xAxisPadding: sets padding for the xAxis. default is {left: 50, right: 50} */
-    xAxisPadding?: {
-        top?: number;
-        right?: number;
-        bottom?: number;
-        left?: number;
-    };
-    /**layout: vertical or horizontal BarChart. Defaults to horizontal. */
-    layout?: 'horizontal' | 'vertical';
-    /** Set to false to disallow decimals in tooltip formatter, defaults to true  */
-    allowDecimalsInTooltip?: boolean;
-    /**tickFormatterX: formatter function of  X-axis tick  */
-    tickFormatterX?: (value: any, index: number) => string;
-    /**tickFormatterY: formatter function of Y-axis tick  */
-    tickFormatterY?: (value: any, index: number) => string;
-    /** tooltipFormatter: formatter of the tooltip */
-    tooltipFormatter?: Formatter<ValueType, NameType>;
-}
-declare const SimpleLineChart: React.FC<IProps>;
-export default SimpleLineChart;
+import React from 'react';
+import { Line } from 'recharts';
+import { Formatter, NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { CurveType } from 'recharts/types/shape/Curve';
+import { Margin } from 'recharts/types/util/types';
+interface IProps extends Partial<Line> {
+    /** The source data. Example format: [{name: string, value: string}]. Name is required*/
+    data: any[];
+    /** Array of each bar in the BarChart: e.g [{name: "Kostnad", dataKey: "kostnad", fill: theme.primary}]. value of dataKey correlates to a property in the data source. Fill sets the color of the bar */
+    lines: {
+        name: string;
+        dataKey: string;
+        stroke: string;
+        type: CurveType;
+        strokeWidth?: number;
+    }[];
+    /** xAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
+    xAxisDataKey: string;
+    /**yAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
+    yAxisDataKey?: string;
+    /** Height: default to 350px */
+    height?: string;
+    /** Width: defaults to auto */
+    width?: string;
+    /** xAxisLine: Show the xAxisLine, or leave empty. Default is false */
+    xAxisLine?: boolean;
+    /**yAxisLine: Show the yAxisLine, or leave empty. Default is false */
+    yAxisLine?: boolean;
+    /** tickLineX: Show axis tick line. Defaults to false */
+    tickLineX?: boolean;
+    /** tickLineY: Show axis tick line. Defaults to false */
+    tickLineY?: boolean;
+    /**legendHAlign: horizontal position of the caption for the content. Default is left */
+    legendHAlign?: 'left' | 'center' | 'right';
+    /**legendVAlign: vertical position of the caption for the content. Default is bottom */
+    legendVAlign?: 'top' | 'middle' | 'bottom';
+    /** margin: Margins for the BarChart. Default is { top: 0, right: 0, left: 0, bottom: 0 }  */
+    margin?: Margin;
+    /** legendPadding: Sets padding for the Legend. Default is top: 10px, right: 0, left: 50px, bottom: 0 */
+    legendPadding?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    /** xAxisPadding: sets padding for the xAxis. default is {left: 50, right: 50} */
+    xAxisPadding?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /**layout: vertical or horizontal BarChart. Defaults to horizontal. */
+    layout?: 'horizontal' | 'vertical';
+    /** Set to false to disallow decimals in tooltip formatter, defaults to true  */
+    allowDecimalsInTooltip?: boolean;
+    /**tickFormatterX: formatter function of  X-axis tick  */
+    tickFormatterX?: (value: any, index: number) => string;
+    /**tickFormatterY: formatter function of Y-axis tick  */
+    tickFormatterY?: (value: any, index: number) => string;
+    /** tooltipFormatter: formatter of the tooltip */
+    tooltipFormatter?: Formatter<ValueType, NameType>;
+}
+declare const SimpleLineChart: React.FC<IProps>;
+export default SimpleLineChart;
 //# sourceMappingURL=index.d.ts.map

package/lib/core/SimpleLineChart/styles.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export declare const LineChartContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    width: string;
-    height: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+export declare const LineChartContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    width: string;
+    height: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/SimpleLineChart/styles.js

@@ -4,4 +4,4 @@ export const LineChartContainer = /*#__PURE__*/_styled("div", process.env.NODE_E
 } : {
   target: "eqc7n110",
   label: "LineChartContainer"
-})("width:", props => props.width && props.width, ";height:", props => props.height && props.height, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUxpbmVDaGFydC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRStFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUxpbmVDaGFydC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IExpbmVDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB3aWR0aDogc3RyaW5nOyBoZWlnaHQ6IHN0cmluZyB9PmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aCAmJiBwcm9wcy53aWR0aH07XG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCAmJiBwcm9wcy5oZWlnaHR9O1xuYFxuIl19 */"));
+})("width:", props => props.width && props.width, ";height:", props => props.height && props.height, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUxpbmVDaGFydC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRStFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUxpbmVDaGFydC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuXHJcbmV4cG9ydCBjb25zdCBMaW5lQ2hhcnRDb250YWluZXIgPSBzdHlsZWQuZGl2PHsgd2lkdGg6IHN0cmluZzsgaGVpZ2h0OiBzdHJpbmcgfT5gXHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aCAmJiBwcm9wcy53aWR0aH07XHJcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0ICYmIHByb3BzLmhlaWdodH07XHJcbmBcclxuIl19 */"));

package/lib/core/Skeleton/Skeleton.stories.d.ts

@@ -1,37 +1,37 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Skeleton from '.';
-declare const meta: Meta<typeof Skeleton>;
-export default meta;
-declare type Story = StoryObj<typeof Skeleton>;
-export declare const Default: Story;
-export declare const Circle: {
-    name: string;
-    args: {
-        circle: boolean;
-        height: string;
-        width: string;
-        rectangle: boolean;
-        borderRadius: string;
-    };
-};
-export declare const Rectangle: {
-    name: string;
-    args: {
-        circle: boolean;
-        height: string;
-        width: string;
-        rectangle: boolean;
-        borderRadius: string;
-    };
-};
-export declare const Custom: {
-    name: string;
-    args: {
-        circle: boolean;
-        height: string;
-        width: string;
-        rectangle: boolean;
-        borderRadius: string;
-    };
-};
+import { Meta, StoryObj } from '@storybook/react';
+import Skeleton from '.';
+declare const meta: Meta<typeof Skeleton>;
+export default meta;
+declare type Story = StoryObj<typeof Skeleton>;
+export declare const Default: Story;
+export declare const Circle: {
+    name: string;
+    args: {
+        circle: boolean;
+        height: string;
+        width: string;
+        rectangle: boolean;
+        borderRadius: string;
+    };
+};
+export declare const Rectangle: {
+    name: string;
+    args: {
+        circle: boolean;
+        height: string;
+        width: string;
+        rectangle: boolean;
+        borderRadius: string;
+    };
+};
+export declare const Custom: {
+    name: string;
+    args: {
+        circle: boolean;
+        height: string;
+        width: string;
+        rectangle: boolean;
+        borderRadius: string;
+    };
+};
 //# sourceMappingURL=Skeleton.stories.d.ts.map

package/lib/core/Skeleton/index.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-export interface IProps {
-    /** Style the skeleton as a circle */
-    circle?: boolean;
-    /** Skeleton height */
-    height?: string;
-    /** Skeleton width */
-    width?: string;
-    /** Makes the skeleton a rectangle */
-    rectangle?: boolean;
-    /** Skeleton border radius */
-    borderRadius?: string;
-}
-declare const Skeleton: React.FC<IProps>;
-export default Skeleton;
+import React from 'react';
+export interface IProps {
+    /** Style the skeleton as a circle */
+    circle?: boolean;
+    /** Skeleton height */
+    height?: string;
+    /** Skeleton width */
+    width?: string;
+    /** Makes the skeleton a rectangle */
+    rectangle?: boolean;
+    /** Skeleton border radius */
+    borderRadius?: string;
+}
+declare const Skeleton: React.FC<IProps>;
+export default Skeleton;
 //# sourceMappingURL=index.d.ts.map

package/lib/core/Skeleton/styles.d.ts

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-import { IProps } from '../Skeleton';
-export declare const SkeletonRow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & IProps, {}, {}>;
-export declare const SkeletonCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & IProps, {}, {}>;
-export declare const SkeletonRectangle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & IProps, {}, {}>;
+/// <reference types="react" />
+import { IProps } from '../Skeleton';
+export declare const SkeletonRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & IProps, {}, {}>;
+export declare const SkeletonCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & IProps, {}, {}>;
+export declare const SkeletonRectangle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & IProps, {}, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/Skeleton/styles.js

@@ -11,22 +11,22 @@ const defaultShimmer = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "pr
 } : {
   target: "enirjj93",
   label: "defaultShimmer"
-})("display:inline-block;position:relative;overflow:hidden;vertical-align:middle;background-color:", shimmerBg, ";animation:", pulse, " 2s infinite;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZa0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU2tlbGV0b24vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElQcm9wcyB9IGZyb20gJy4uL1NrZWxldG9uJ1xuXG5jb25zdCBzaGltbWVyQmcgPSAnI2NjYydcblxuY29uc3QgcHVsc2UgPSBrZXlmcmFtZXNgXG4gIDAlIHsgb3BhY2l0eTogMC42OyB9XG4gIDUwJSAgeyBvcGFjaXR5OiAwLjI7IH1cbiAgMTAwJSB7IG9wYWNpdHk6IDAuNjsgfVxuYFxuXG5jb25zdCBkZWZhdWx0U2hpbW1lciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtzaGltbWVyQmd9O1xuICBhbmltYXRpb246ICR7cHVsc2V9IDJzIGluZmluaXRlO1xuYFxuXG5leHBvcnQgY29uc3QgU2tlbGV0b25Sb3cgPSBzdHlsZWQoZGVmYXVsdFNoaW1tZXIpPElQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnMWVtJyl9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogJzY1JScpfTtcbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uQ2lyY2xlID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuYFxuXG5leHBvcnQgY29uc3QgU2tlbGV0b25SZWN0YW5nbGUgPSBzdHlsZWQoZGVmYXVsdFNoaW1tZXIpPElQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnMzRweCcpfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICczNHB4Jyl9O1xuICBib3JkZXItcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmJvcmRlclJhZGl1cyA/IHByb3BzLmJvcmRlclJhZGl1cyA6ICcwJyl9O1xuYFxuIl19 */"));
+})("display:inline-block;position:relative;overflow:hidden;vertical-align:middle;background-color:", shimmerBg, ";animation:", pulse, " 2s infinite;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZa0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU2tlbGV0b24vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgeyBJUHJvcHMgfSBmcm9tICcuLi9Ta2VsZXRvbidcclxuXHJcbmNvbnN0IHNoaW1tZXJCZyA9ICcjY2NjJ1xyXG5cclxuY29uc3QgcHVsc2UgPSBrZXlmcmFtZXNgXHJcbiAgMCUgeyBvcGFjaXR5OiAwLjY7IH1cclxuICA1MCUgIHsgb3BhY2l0eTogMC4yOyB9XHJcbiAgMTAwJSB7IG9wYWNpdHk6IDAuNjsgfVxyXG5gXHJcblxyXG5jb25zdCBkZWZhdWx0U2hpbW1lciA9IHN0eWxlZC5zcGFuYFxyXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2hpbW1lckJnfTtcclxuICBhbmltYXRpb246ICR7cHVsc2V9IDJzIGluZmluaXRlO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgU2tlbGV0b25Sb3cgPSBzdHlsZWQoZGVmYXVsdFNoaW1tZXIpPElQcm9wcz5gXHJcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICcxZW0nKX07XHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICc2NSUnKX07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBTa2VsZXRvbkNpcmNsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcclxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICczNHB4Jyl9O1xyXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUmVjdGFuZ2xlID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxyXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnMzRweCcpfTtcclxuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogJzM0cHgnKX07XHJcbiAgYm9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5ib3JkZXJSYWRpdXMgPyBwcm9wcy5ib3JkZXJSYWRpdXMgOiAnMCcpfTtcclxuYFxyXG4iXX0= */"));
 export const SkeletonRow = /*#__PURE__*/_styled(defaultShimmer, process.env.NODE_ENV === "production" ? {
   target: "enirjj92"
 } : {
   target: "enirjj92",
   label: "SkeletonRow"
-})("height:", props => props.height ? props.height : '1em', ";width:", props => props.width ? props.width : '65%', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnlEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJUHJvcHMgfSBmcm9tICcuLi9Ta2VsZXRvbidcblxuY29uc3Qgc2hpbW1lckJnID0gJyNjY2MnXG5cbmNvbnN0IHB1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7IG9wYWNpdHk6IDAuNjsgfVxuICA1MCUgIHsgb3BhY2l0eTogMC4yOyB9XG4gIDEwMCUgeyBvcGFjaXR5OiAwLjY7IH1cbmBcblxuY29uc3QgZGVmYXVsdFNoaW1tZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2hpbW1lckJnfTtcbiAgYW5pbWF0aW9uOiAke3B1bHNlfSAycyBpbmZpbml0ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUm93ID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzFlbScpfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICc2NSUnKX07XG5gXG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvbkNpcmNsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICczNHB4Jyl9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogJzM0cHgnKX07XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUmVjdGFuZ2xlID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcbiAgYm9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5ib3JkZXJSYWRpdXMgPyBwcm9wcy5ib3JkZXJSYWRpdXMgOiAnMCcpfTtcbmBcbiJdfQ== */"));
+})("height:", props => props.height ? props.height : '1em', ";width:", props => props.width ? props.width : '65%', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnlEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHsgSVByb3BzIH0gZnJvbSAnLi4vU2tlbGV0b24nXHJcblxyXG5jb25zdCBzaGltbWVyQmcgPSAnI2NjYydcclxuXHJcbmNvbnN0IHB1bHNlID0ga2V5ZnJhbWVzYFxyXG4gIDAlIHsgb3BhY2l0eTogMC42OyB9XHJcbiAgNTAlICB7IG9wYWNpdHk6IDAuMjsgfVxyXG4gIDEwMCUgeyBvcGFjaXR5OiAwLjY7IH1cclxuYFxyXG5cclxuY29uc3QgZGVmYXVsdFNoaW1tZXIgPSBzdHlsZWQuc3BhbmBcclxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3NoaW1tZXJCZ307XHJcbiAgYW5pbWF0aW9uOiAke3B1bHNlfSAycyBpbmZpbml0ZTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUm93ID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxyXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnMWVtJyl9O1xyXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnNjUlJyl9O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgU2tlbGV0b25DaXJjbGUgPSBzdHlsZWQoZGVmYXVsdFNoaW1tZXIpPElQcm9wcz5gXHJcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICczNHB4Jyl9O1xyXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcclxuICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBTa2VsZXRvblJlY3RhbmdsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcclxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICczNHB4Jyl9O1xyXG4gIGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYm9yZGVyUmFkaXVzID8gcHJvcHMuYm9yZGVyUmFkaXVzIDogJzAnKX07XHJcbmBcclxuIl19 */"));
 export const SkeletonCircle = /*#__PURE__*/_styled(defaultShimmer, process.env.NODE_ENV === "production" ? {
   target: "enirjj91"
 } : {
   target: "enirjj91",
   label: "SkeletonCircle"
-})("height:", props => props.height ? props.height : '34px', ";width:", props => props.width ? props.width : '34px', ";border-radius:50%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQjREIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJUHJvcHMgfSBmcm9tICcuLi9Ta2VsZXRvbidcblxuY29uc3Qgc2hpbW1lckJnID0gJyNjY2MnXG5cbmNvbnN0IHB1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7IG9wYWNpdHk6IDAuNjsgfVxuICA1MCUgIHsgb3BhY2l0eTogMC4yOyB9XG4gIDEwMCUgeyBvcGFjaXR5OiAwLjY7IH1cbmBcblxuY29uc3QgZGVmYXVsdFNoaW1tZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2hpbW1lckJnfTtcbiAgYW5pbWF0aW9uOiAke3B1bHNlfSAycyBpbmZpbml0ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUm93ID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzFlbScpfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICc2NSUnKX07XG5gXG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvbkNpcmNsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICczNHB4Jyl9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogJzM0cHgnKX07XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUmVjdGFuZ2xlID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcbiAgYm9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5ib3JkZXJSYWRpdXMgPyBwcm9wcy5ib3JkZXJSYWRpdXMgOiAnMCcpfTtcbmBcbiJdfQ== */"));
+})("height:", props => props.height ? props.height : '34px', ";width:", props => props.width ? props.width : '34px', ";border-radius:50%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQjREIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHsgSVByb3BzIH0gZnJvbSAnLi4vU2tlbGV0b24nXHJcblxyXG5jb25zdCBzaGltbWVyQmcgPSAnI2NjYydcclxuXHJcbmNvbnN0IHB1bHNlID0ga2V5ZnJhbWVzYFxyXG4gIDAlIHsgb3BhY2l0eTogMC42OyB9XHJcbiAgNTAlICB7IG9wYWNpdHk6IDAuMjsgfVxyXG4gIDEwMCUgeyBvcGFjaXR5OiAwLjY7IH1cclxuYFxyXG5cclxuY29uc3QgZGVmYXVsdFNoaW1tZXIgPSBzdHlsZWQuc3BhbmBcclxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3NoaW1tZXJCZ307XHJcbiAgYW5pbWF0aW9uOiAke3B1bHNlfSAycyBpbmZpbml0ZTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUm93ID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxyXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnMWVtJyl9O1xyXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnNjUlJyl9O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgU2tlbGV0b25DaXJjbGUgPSBzdHlsZWQoZGVmYXVsdFNoaW1tZXIpPElQcm9wcz5gXHJcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICczNHB4Jyl9O1xyXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcclxuICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBTa2VsZXRvblJlY3RhbmdsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcclxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICczNHB4Jyl9O1xyXG4gIGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYm9yZGVyUmFkaXVzID8gcHJvcHMuYm9yZGVyUmFkaXVzIDogJzAnKX07XHJcbmBcclxuIl19 */"));
 export const SkeletonRectangle = /*#__PURE__*/_styled(defaultShimmer, process.env.NODE_ENV === "production" ? {
   target: "enirjj90"
 } : {
   target: "enirjj90",
   label: "SkeletonRectangle"
-})("height:", props => props.height ? props.height : '34px', ";width:", props => props.width ? props.width : '34px', ";border-radius:", props => props.borderRadius ? props.borderRadius : '0', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQytEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJUHJvcHMgfSBmcm9tICcuLi9Ta2VsZXRvbidcblxuY29uc3Qgc2hpbW1lckJnID0gJyNjY2MnXG5cbmNvbnN0IHB1bHNlID0ga2V5ZnJhbWVzYFxuICAwJSB7IG9wYWNpdHk6IDAuNjsgfVxuICA1MCUgIHsgb3BhY2l0eTogMC4yOyB9XG4gIDEwMCUgeyBvcGFjaXR5OiAwLjY7IH1cbmBcblxuY29uc3QgZGVmYXVsdFNoaW1tZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2hpbW1lckJnfTtcbiAgYW5pbWF0aW9uOiAke3B1bHNlfSAycyBpbmZpbml0ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUm93ID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzFlbScpfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICc2NSUnKX07XG5gXG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvbkNpcmNsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICczNHB4Jyl9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogJzM0cHgnKX07XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbmBcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUmVjdGFuZ2xlID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcbiAgYm9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5ib3JkZXJSYWRpdXMgPyBwcm9wcy5ib3JkZXJSYWRpdXMgOiAnMCcpfTtcbmBcbiJdfQ== */"));
+})("height:", props => props.height ? props.height : '34px', ";width:", props => props.width ? props.width : '34px', ";border-radius:", props => props.borderRadius ? props.borderRadius : '0', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQytEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHsgSVByb3BzIH0gZnJvbSAnLi4vU2tlbGV0b24nXHJcblxyXG5jb25zdCBzaGltbWVyQmcgPSAnI2NjYydcclxuXHJcbmNvbnN0IHB1bHNlID0ga2V5ZnJhbWVzYFxyXG4gIDAlIHsgb3BhY2l0eTogMC42OyB9XHJcbiAgNTAlICB7IG9wYWNpdHk6IDAuMjsgfVxyXG4gIDEwMCUgeyBvcGFjaXR5OiAwLjY7IH1cclxuYFxyXG5cclxuY29uc3QgZGVmYXVsdFNoaW1tZXIgPSBzdHlsZWQuc3BhbmBcclxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3NoaW1tZXJCZ307XHJcbiAgYW5pbWF0aW9uOiAke3B1bHNlfSAycyBpbmZpbml0ZTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUm93ID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxyXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnMWVtJyl9O1xyXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnNjUlJyl9O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgU2tlbGV0b25DaXJjbGUgPSBzdHlsZWQoZGVmYXVsdFNoaW1tZXIpPElQcm9wcz5gXHJcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICczNHB4Jyl9O1xyXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcclxuICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBTa2VsZXRvblJlY3RhbmdsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcclxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICczNHB4Jyl9O1xyXG4gIGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYm9yZGVyUmFkaXVzID8gcHJvcHMuYm9yZGVyUmFkaXVzIDogJzAnKX07XHJcbmBcclxuIl19 */"));