@popsure/dirty-swan 0.33.0 → 0.33.1

package/dist/esm/lib/components/multiDropzone/types.d.ts

@@ -0,0 +1,42 @@
+import { Accept } from "react-dropzone";
+export declare enum FileMimeTypes {
+    bmp = "image/bmp",
+    doc = "application/msword",
+    docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    heic = "image/heic",
+    jpeg = "image/jpeg",
+    jpg = "image/jpg",
+    pdf = "application/pdf",
+    png = "image/png",
+    tif = "image/tiff",
+    tiff = "image/tiff",
+    webp = "image/webp"
+}
+export declare type FileType = keyof typeof FileMimeTypes;
+export declare type UploadStatus = 'UPLOADING' | 'COMPLETE' | 'ERROR';
+export declare const DOCUMENT_FILES: FileType[];
+export declare const IMAGE_FILES: FileType[];
+export interface UploadedFile {
+    id: string;
+    name: string;
+    previewUrl?: string;
+    progress: number;
+    error?: string;
+    showProgressBar?: boolean;
+    showLoadingSpinner?: boolean;
+}
+export declare type AcceptType = "document" | "image" | Accept;
+export interface TextOverrides {
+    currentlyUploadingText?: string;
+    fileTypeError?: string;
+    fileTooLargeError?: string;
+    instructionsText?: string;
+    sizeUpToText?: string;
+    supportsText?: string;
+    supportsTextShort?: string;
+    tooManyFilesError?: string;
+}
+export interface ErrorMessage {
+    id: string;
+    message: string;
+}

package/dist/esm/lib/components/multiDropzone/utils/index.d.ts

@@ -0,0 +1,11 @@
+import { Accept, FileError } from "react-dropzone";
+import { AcceptType, TextOverrides, UploadStatus } from "../types";
+export declare const getUploadStatus: (progress: number, error?: string | undefined) => UploadStatus;
+export declare const DOCUMENT_FILES_ACCEPT: Accept;
+export declare const IMAGE_FILES_ACCEPT: Accept;
+export declare const getFormattedAcceptObject: (accept?: AcceptType) => Accept;
+export declare const formatAcceptFileList: (accept: Accept) => string;
+export declare const getErrorMessage: ({ code, message }: FileError, { fileList, maxSize }: {
+    fileList?: string | undefined;
+    maxSize?: number | undefined;
+}, textOverrides?: TextOverrides | undefined) => string;

package/dist/esm/lib/components/segmentedControl/index.d.ts

@@ -0,0 +1,12 @@
+interface TitleWithSubtitle {
+    title: string;
+    subtitle: string;
+}
+export interface SegmentedControlProps {
+    className?: string;
+    values: Array<TitleWithSubtitle> | Array<string>;
+    selectedIndex: number;
+    onChange: (selectedIndex: number) => void;
+}
+declare const SegmentedControl: ({ className, values, selectedIndex, onChange, }: SegmentedControlProps) => JSX.Element;
+export { SegmentedControl };

package/dist/esm/lib/components/segmentedControl/index.stories.d.ts

@@ -0,0 +1,37 @@
+import { SegmentedControlProps } from '.';
+declare const story: {
+    title: string;
+    component: ({ className, values, selectedIndex, onChange, }: SegmentedControlProps) => JSX.Element;
+    argTypes: {
+        values: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        selectedIndex: {
+            description: string;
+        };
+        onChange: {
+            action: boolean;
+            table: {
+                category: string;
+            };
+        };
+    };
+    args: {
+        values: string[];
+        selectedIndex: number;
+    };
+    parameters: {
+        componentSubtitle: string;
+    };
+};
+export declare const SegmentedControlStory: {
+    ({ onChange, selectedIndex, values }: SegmentedControlProps): JSX.Element;
+    storyName: string;
+};
+export declare const SegmentedControlWithSubtitle: ({ onChange, selectedIndex, values }: SegmentedControlProps) => JSX.Element;
+export default story;

package/dist/esm/lib/components/segmentedControl/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/lib/components/signaturePad/index.d.ts

@@ -0,0 +1,19 @@
+import { Component } from 'react';
+export interface SignaturePadProps {
+    onChange: (base64signature: string) => void;
+}
+interface State {
+    hasContent: boolean;
+}
+declare class SignaturePad extends Component<SignaturePadProps, State> {
+    private canvasRef;
+    private canvas;
+    private signaturePad;
+    constructor(props: SignaturePadProps);
+    componentDidMount(): void;
+    render(): JSX.Element;
+    private notifyOnChange;
+    private resizeCanvas;
+    private clear;
+}
+export { SignaturePad };

package/dist/esm/lib/components/signaturePad/index.stories.d.ts

@@ -0,0 +1,21 @@
+import { SignaturePad, SignaturePadProps } from '.';
+declare const story: {
+    title: string;
+    component: typeof SignaturePad;
+    argTypes: {
+        onChange: {
+            action: boolean;
+            table: {
+                category: string;
+            };
+        };
+    };
+    parameters: {
+        componentSubtitle: string;
+    };
+};
+export declare const SignaturePadStory: {
+    ({ onChange, }: SignaturePadProps): JSX.Element;
+    storyName: string;
+};
+export default story;

package/dist/esm/lib/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useOnClickOutside: (ref: RefObject<HTMLDivElement | null>, callback: (e: Event) => void) => void;

package/dist/esm/lib/index.d.ts

@@ -0,0 +1,22 @@
+import DateSelector from './components/dateSelector';
+import { SignaturePad } from './components/signaturePad';
+import { AutocompleteAddress } from './components/autocompleteAddress';
+import Input from './components/input';
+import MultiDropzone, { FileType, MultiDropzoneProps, UploadedFile, UploadStatus } from './components/multiDropzone';
+import { DownloadButton } from './components/downloadButton';
+import IbanInput from './components/input/iban';
+import CurrencyInput from './components/input/currency';
+import { Checkbox } from './components/input/checkbox';
+import { BottomModal, RegularModal, BottomOrRegularModal } from './components/modal';
+import { CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton } from './components/cards';
+import Button from './components/button';
+import AutoSuggestMultiSelect from './components/input/autoSuggestMultiSelect';
+import Chip from './components/chip';
+import AutoSuggestInput from './components/input/autoSuggestInput';
+import { ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, TableHeader } from './components/comparisonTable';
+import { SegmentedControl } from './components/segmentedControl';
+import { Markdown } from './components/markdown';
+import { images } from './util/images';
+export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Markdown, Checkbox, images, };
+export type { FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus };
+export type { DownloadStatus } from './models/download';

package/dist/esm/lib/models/autoSuggestInput/index.d.ts

@@ -0,0 +1,4 @@
+export interface Option {
+    value: string;
+    leftIcon?: string;
+}

package/dist/esm/lib/models/download.d.ts

@@ -0,0 +1 @@
+export declare type DownloadStatus = 'INITIAL' | 'GENERATING' | 'COMPLETED' | 'FAILED';

package/dist/esm/lib/scss/private/base/demo.d.ts

@@ -0,0 +1,5 @@
+export declare const Typography: () => JSX.Element;
+export declare const StaticWidthClasses: () => JSX.Element;
+export declare const MinWidthClasses: () => JSX.Element;
+export declare const MaxWidthClasses: () => JSX.Element;
+export declare const FuildWidthClasses: () => JSX.Element;

package/dist/esm/lib/scss/public/demo.d.ts

@@ -0,0 +1,2 @@
+export declare const Colors: () => JSX.Element;
+export declare const BoxShadows: () => JSX.Element;

package/dist/esm/lib/util/calendarDate/index.d.ts

@@ -0,0 +1,3 @@
+import { CalendarDate } from '@popsure/public-models';
+export declare function calendarDateToISODate(calendarDate: CalendarDate): string;
+export declare function isoStringtoCalendarDate(input: string): CalendarDate | undefined;

package/dist/esm/lib/util/formatBytes/index.d.ts

@@ -0,0 +1 @@
+export declare function formatBytes(bytes: number, decimals?: number): string;

package/dist/esm/lib/util/generateId/index.d.ts

@@ -0,0 +1,2 @@
+declare function generateId(): string;
+export default generateId;

package/dist/esm/lib/util/images/index.d.ts

@@ -0,0 +1,11 @@
+declare const images: {
+    readonly aid: "https://assets.cdn.feather-insurance.com/assets/images/aid.svg";
+    readonly bed: "https://assets.cdn.feather-insurance.com/assets/images/bed.svg";
+    readonly bigDog: "https://assets.cdn.feather-insurance.com/assets/images/bigDog.svg";
+    readonly brokenAquarium: "https://assets.cdn.feather-insurance.com/assets/images/brokenAquarium.svg";
+    readonly brokenGlass: "https://assets.cdn.feather-insurance.com/assets/images/brokenGlass.svg";
+    readonly damagedLaptop: "https://assets.cdn.feather-insurance.com/assets/images/damagedLaptop.svg";
+    readonly moneyIncome: "https://assets.cdn.feather-insurance.com/assets/images/moneyIncome.svg";
+    readonly washingMachine: "https://assets.cdn.feather-insurance.com/assets/images/washingMachine.svg";
+};
+export { images };

package/dist/esm/lib/util/images/index.stories.d.ts

@@ -0,0 +1,12 @@
+declare const story: {
+    title: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export declare const Images: () => JSX.Element;
+export default story;

package/dist/esm/lib/util/testUtils/customRender.d.ts

@@ -0,0 +1,7 @@
+import { RenderOptions, RenderResult } from '@testing-library/react';
+import { UserEvent } from '@testing-library/user-event/dist/types/setup/setup';
+interface CustomRenderResult extends RenderResult {
+    user: UserEvent;
+}
+export declare const customRender: (ui: JSX.Element, options?: RenderOptions) => CustomRenderResult;
+export {};

package/dist/esm/lib/util/testUtils/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@testing-library/react';
+export { customRender as render } from './customRender';

package/dist/esm/lib/util/zeroFill.d.ts

@@ -0,0 +1 @@
+export declare function zerofill(input: number, size?: number): string;

package/dist/esm/mapStyle-1288a869.js

@@ -0,0 +1,187 @@
+var style = new google.maps.StyledMapType([
+    {
+        elementType: 'geometry',
+        stylers: [
+            {
+                color: '#f5f5f5',
+            },
+        ],
+    },
+    {
+        elementType: 'labels',
+        stylers: [
+            {
+                visibility: 'off',
+            },
+        ],
+    },
+    {
+        elementType: 'labels.icon',
+        stylers: [
+            {
+                visibility: 'off',
+            },
+        ],
+    },
+    {
+        elementType: 'labels.text.fill',
+        stylers: [
+            {
+                color: '#616161',
+            },
+        ],
+    },
+    {
+        elementType: 'labels.text.stroke',
+        stylers: [
+            {
+                color: '#f5f5f5',
+            },
+        ],
+    },
+    {
+        featureType: 'administrative.land_parcel',
+        stylers: [
+            {
+                visibility: 'off',
+            },
+        ],
+    },
+    {
+        featureType: 'administrative.land_parcel',
+        elementType: 'labels.text.fill',
+        stylers: [
+            {
+                color: '#bdbdbd',
+            },
+        ],
+    },
+    {
+        featureType: 'administrative.neighborhood',
+        stylers: [
+            {
+                visibility: 'off',
+            },
+        ],
+    },
+    {
+        featureType: 'poi',
+        elementType: 'geometry',
+        stylers: [
+            {
+                color: '#eeeeee',
+            },
+        ],
+    },
+    {
+        featureType: 'poi',
+        elementType: 'labels.text.fill',
+        stylers: [
+            {
+                color: '#757575',
+            },
+        ],
+    },
+    {
+        featureType: 'poi.park',
+        elementType: 'geometry',
+        stylers: [
+            {
+                color: '#e5e5e5',
+            },
+        ],
+    },
+    {
+        featureType: 'poi.park',
+        elementType: 'labels.text.fill',
+        stylers: [
+            {
+                color: '#9e9e9e',
+            },
+        ],
+    },
+    {
+        featureType: 'road',
+        elementType: 'geometry',
+        stylers: [
+            {
+                color: '#ffffff',
+            },
+        ],
+    },
+    {
+        featureType: 'road.arterial',
+        elementType: 'labels.text.fill',
+        stylers: [
+            {
+                color: '#757575',
+            },
+        ],
+    },
+    {
+        featureType: 'road.highway',
+        elementType: 'geometry',
+        stylers: [
+            {
+                color: '#dadada',
+            },
+        ],
+    },
+    {
+        featureType: 'road.highway',
+        elementType: 'labels.text.fill',
+        stylers: [
+            {
+                color: '#616161',
+            },
+        ],
+    },
+    {
+        featureType: 'road.local',
+        elementType: 'labels.text.fill',
+        stylers: [
+            {
+                color: '#9e9e9e',
+            },
+        ],
+    },
+    {
+        featureType: 'transit.line',
+        elementType: 'geometry',
+        stylers: [
+            {
+                color: '#e5e5e5',
+            },
+        ],
+    },
+    {
+        featureType: 'transit.station',
+        elementType: 'geometry',
+        stylers: [
+            {
+                color: '#eeeeee',
+            },
+        ],
+    },
+    {
+        featureType: 'water',
+        elementType: 'geometry',
+        stylers: [
+            {
+                color: '#c9c9c9',
+            },
+        ],
+    },
+    {
+        featureType: 'water',
+        elementType: 'labels.text.fill',
+        stylers: [
+            {
+                color: '#9e9e9e',
+            },
+        ],
+    },
+], { name: 'Styled Map' });
+
+export { style };
+//# sourceMappingURL=mapStyle-1288a869.js.map

package/dist/esm/mapStyle-1288a869.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapStyle-1288a869.js","sources":["../../../src/lib/components/autocompleteAddress/mapStyle.ts"],"sourcesContent":["export const style = new google.maps.StyledMapType(\n  [\n    {\n      elementType: 'geometry',\n      stylers: [\n        {\n          color: '#f5f5f5',\n        },\n      ],\n    },\n    {\n      elementType: 'labels',\n      stylers: [\n        {\n          visibility: 'off',\n        },\n      ],\n    },\n    {\n      elementType: 'labels.icon',\n      stylers: [\n        {\n          visibility: 'off',\n        },\n      ],\n    },\n    {\n      elementType: 'labels.text.fill',\n      stylers: [\n        {\n          color: '#616161',\n        },\n      ],\n    },\n    {\n      elementType: 'labels.text.stroke',\n      stylers: [\n        {\n          color: '#f5f5f5',\n        },\n      ],\n    },\n    {\n      featureType: 'administrative.land_parcel',\n      stylers: [\n        {\n          visibility: 'off',\n        },\n      ],\n    },\n    {\n      featureType: 'administrative.land_parcel',\n      elementType: 'labels.text.fill',\n      stylers: [\n        {\n          color: '#bdbdbd',\n        },\n      ],\n    },\n    {\n      featureType: 'administrative.neighborhood',\n      stylers: [\n        {\n          visibility: 'off',\n        },\n      ],\n    },\n    {\n      featureType: 'poi',\n      elementType: 'geometry',\n      stylers: [\n        {\n          color: '#eeeeee',\n        },\n      ],\n    },\n    {\n      featureType: 'poi',\n      elementType: 'labels.text.fill',\n      stylers: [\n        {\n          color: '#757575',\n        },\n      ],\n    },\n    {\n      featureType: 'poi.park',\n      elementType: 'geometry',\n      stylers: [\n        {\n          color: '#e5e5e5',\n        },\n      ],\n    },\n    {\n      featureType: 'poi.park',\n      elementType: 'labels.text.fill',\n      stylers: [\n        {\n          color: '#9e9e9e',\n        },\n      ],\n    },\n    {\n      featureType: 'road',\n      elementType: 'geometry',\n      stylers: [\n        {\n          color: '#ffffff',\n        },\n      ],\n    },\n    {\n      featureType: 'road.arterial',\n      elementType: 'labels.text.fill',\n      stylers: [\n        {\n          color: '#757575',\n        },\n      ],\n    },\n    {\n      featureType: 'road.highway',\n      elementType: 'geometry',\n      stylers: [\n        {\n          color: '#dadada',\n        },\n      ],\n    },\n    {\n      featureType: 'road.highway',\n      elementType: 'labels.text.fill',\n      stylers: [\n        {\n          color: '#616161',\n        },\n      ],\n    },\n    {\n      featureType: 'road.local',\n      elementType: 'labels.text.fill',\n      stylers: [\n        {\n          color: '#9e9e9e',\n        },\n      ],\n    },\n    {\n      featureType: 'transit.line',\n      elementType: 'geometry',\n      stylers: [\n        {\n          color: '#e5e5e5',\n        },\n      ],\n    },\n    {\n      featureType: 'transit.station',\n      elementType: 'geometry',\n      stylers: [\n        {\n          color: '#eeeeee',\n        },\n      ],\n    },\n    {\n      featureType: 'water',\n      elementType: 'geometry',\n      stylers: [\n        {\n          color: '#c9c9c9',\n        },\n      ],\n    },\n    {\n      featureType: 'water',\n      elementType: 'labels.text.fill',\n      stylers: [\n        {\n          color: '#9e9e9e',\n        },\n      ],\n    },\n  ],\n  { name: 'Styled Map' }\n);\n"],"names":[],"mappings":"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"}

package/dist/esm/scss/private/base/demo.js

@@ -0,0 +1,80 @@
+import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
+
+var css_248z = ".style-module_width-container__3Elk9 > div {\n  height: 32px;\n  line-height: 32px;\n  text-align: center;\n  border-radius: 8px;\n  color: white;\n  background-color: #8e8cee;\n  margin-top: 4px;\n}\n\n.style-module_min-width-container__2rYLD > div {\n  display: flex;\n  margin-top: 4px;\n}\n.style-module_min-width-container__2rYLD > div > * {\n  height: 32px;\n  line-height: 32px;\n  text-align: center;\n  color: white;\n}\n.style-module_min-width-container__2rYLD > div > *:first-child {\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n  background-color: #8e8cee;\n}\n.style-module_min-width-container__2rYLD > div > *:nth-child(2) {\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n  background-color: #d2d2d8;\n  width: 100%;\n}\n\n.style-module_rectangle__1iheG {\n  width: 100px;\n  height: 50px;\n}\n\n.style-module_square__19nHw {\n  width: 100px;\n  height: 100px;\n}";
+var styles = {"width-container":"style-module_width-container__3Elk9","min-width-container":"style-module_min-width-container__2rYLD","rectangle":"style-module_rectangle__1iheG","square":"style-module_square__19nHw"};
+styleInject(css_248z);
+
+var Typography = function () { return (jsxs(Fragment, { children: [jsx("h1", __assign({ className: "p-h1--xl" }, { children: "The quick brown fox jumps over the lazy dog" }), void 0),
+        jsx("h1", __assign({ className: "p-h1" }, { children: "The quick brown fox jumps over the lazy dog" }), void 0),
+        jsx("h2", __assign({ className: "p-h2" }, { children: "The quick brown fox jumps over the lazy dog" }), void 0),
+        jsx("h3", __assign({ className: "p-h3" }, { children: "The quick brown fox jumps over the lazy dog" }), void 0),
+        jsx("h4", __assign({ className: "p-h4" }, { children: "The quick brown fox jumps over the lazy dog" }), void 0),
+        jsx("p", __assign({ className: "p-p" }, { children: "The quick brown fox jumps over the lazy dog" }), void 0),
+        jsx("p", __assign({ className: "p-p--small" }, { children: "The quick brown fox jumps over the lazy dog" }), void 0),
+        jsx("a", __assign({ href: "#", className: "p-a" }, { children: "The quick brown fox jumps over the lazy dog" }), void 0),
+        jsx("p", __assign({ className: "p-error" }, { children: "The quick brown fox jumps over the lazy dog" }), void 0)] }, void 0)); };
+var StaticWidthClasses = function () { return (jsxs("div", __assign({ className: styles['width-container'] }, { children: [jsx("div", __assign({ className: "ws1" }, { children: "ws1" }), void 0),
+        jsx("div", __assign({ className: "ws2" }, { children: "ws2" }), void 0),
+        jsx("div", __assign({ className: "ws3" }, { children: "ws3" }), void 0),
+        jsx("div", __assign({ className: "ws4" }, { children: "ws4" }), void 0),
+        jsx("div", __assign({ className: "ws5" }, { children: "ws5" }), void 0),
+        jsx("div", __assign({ className: "ws6" }, { children: "ws6" }), void 0),
+        jsx("div", __assign({ className: "ws7" }, { children: "ws7" }), void 0),
+        jsx("div", __assign({ className: "ws8" }, { children: "ws8" }), void 0),
+        jsx("div", __assign({ className: "ws9" }, { children: "ws9" }), void 0),
+        jsx("div", __assign({ className: "ws10" }, { children: "ws10" }), void 0),
+        jsx("div", __assign({ className: "ws11" }, { children: "ws11" }), void 0),
+        jsx("div", __assign({ className: "ws12" }, { children: "ws12" }), void 0)] }), void 0)); };
+var MinWidthClasses = function () { return (jsxs("div", __assign({ className: styles['min-width-container'] }, { children: [jsxs("div", { children: [jsx("div", __assign({ className: "wmn1" }, { children: "wmn1" }), void 0),
+                jsx("div", {}, void 0)] }, void 0),
+        jsxs("div", { children: [jsx("div", __assign({ className: "wmn2" }, { children: "wmn2" }), void 0),
+                jsx("div", {}, void 0)] }, void 0),
+        jsxs("div", { children: [jsx("div", __assign({ className: "wmn3" }, { children: "wmn3" }), void 0),
+                jsx("div", {}, void 0)] }, void 0),
+        jsxs("div", { children: [jsx("div", __assign({ className: "wmn4" }, { children: "wmn4" }), void 0),
+                jsx("div", {}, void 0)] }, void 0),
+        jsxs("div", { children: [jsx("div", __assign({ className: "wmn5" }, { children: "wmn5" }), void 0),
+                jsx("div", {}, void 0)] }, void 0),
+        jsxs("div", { children: [jsx("div", __assign({ className: "wmn6" }, { children: "wmn6" }), void 0),
+                jsx("div", {}, void 0)] }, void 0),
+        jsxs("div", { children: [jsx("div", __assign({ className: "wmn7" }, { children: "wmn7" }), void 0),
+                jsx("div", {}, void 0)] }, void 0),
+        jsxs("div", { children: [jsx("div", __assign({ className: "wmn8" }, { children: "wmn8" }), void 0),
+                jsx("div", {}, void 0)] }, void 0),
+        jsxs("div", { children: [jsx("div", __assign({ className: "wmn9" }, { children: "wmn9" }), void 0),
+                jsx("div", {}, void 0)] }, void 0),
+        jsxs("div", { children: [jsx("div", __assign({ className: "wmn10" }, { children: "wmn10" }), void 0),
+                jsx("div", {}, void 0)] }, void 0),
+        jsxs("div", { children: [jsx("div", __assign({ className: "wmn11" }, { children: "wmn11" }), void 0),
+                jsx("div", {}, void 0)] }, void 0),
+        jsxs("div", { children: [jsx("div", __assign({ className: "wmn12" }, { children: "wmn12" }), void 0),
+                jsx("div", {}, void 0)] }, void 0)] }), void 0)); };
+var MaxWidthClasses = function () { return (jsxs("div", __assign({ className: styles['width-container'] }, { children: [jsx("div", __assign({ className: "wmx1" }, { children: "wmx1" }), void 0),
+        jsx("div", __assign({ className: "wmx2" }, { children: "wmx2" }), void 0),
+        jsx("div", __assign({ className: "wmx3" }, { children: "wmx3" }), void 0),
+        jsx("div", __assign({ className: "wmx4" }, { children: "wmx4" }), void 0),
+        jsx("div", __assign({ className: "wmx5" }, { children: "wmx5" }), void 0),
+        jsx("div", __assign({ className: "wmx6" }, { children: "wmx6" }), void 0),
+        jsx("div", __assign({ className: "wmx7" }, { children: "wmx7" }), void 0),
+        jsx("div", __assign({ className: "wmx8" }, { children: "wmx8" }), void 0),
+        jsx("div", __assign({ className: "wmx9" }, { children: "wmx9" }), void 0),
+        jsx("div", __assign({ className: "wmx10" }, { children: "wmx10" }), void 0),
+        jsx("div", __assign({ className: "wmx11" }, { children: "wmx11" }), void 0),
+        jsx("div", __assign({ className: "wmx12" }, { children: "wmx12" }), void 0)] }), void 0)); };
+var FuildWidthClasses = function () { return (jsxs("div", __assign({ className: styles['width-container'] }, { children: [jsx("div", __assign({ className: "w-auto" }, { children: "w-auto" }), void 0),
+        jsx("div", __assign({ className: "w0" }, { children: "w0" }), void 0),
+        jsx("div", __assign({ className: "w10" }, { children: "w10" }), void 0),
+        jsx("div", __assign({ className: "w20" }, { children: "w20" }), void 0),
+        jsx("div", __assign({ className: "w30" }, { children: "w30" }), void 0),
+        jsx("div", __assign({ className: "w40" }, { children: "w40" }), void 0),
+        jsx("div", __assign({ className: "w50" }, { children: "w50" }), void 0),
+        jsx("div", __assign({ className: "w60" }, { children: "w60" }), void 0),
+        jsx("div", __assign({ className: "w70" }, { children: "w70" }), void 0),
+        jsx("div", __assign({ className: "w80" }, { children: "w80" }), void 0),
+        jsx("div", __assign({ className: "w90" }, { children: "w90" }), void 0),
+        jsx("div", __assign({ className: "w100" }, { children: "w100" }), void 0)] }), void 0)); };
+
+export { FuildWidthClasses, MaxWidthClasses, MinWidthClasses, StaticWidthClasses, Typography };
+//# sourceMappingURL=demo.js.map

package/dist/esm/scss/private/base/demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"demo.js","sources":["../../../../../../src/lib/scss/private/base/demo.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './style.module.scss';\n\nexport const Typography = () => (\n  <>\n    <h1 className=\"p-h1--xl\">The quick brown fox jumps over the lazy dog</h1>\n    <h1 className=\"p-h1\">The quick brown fox jumps over the lazy dog</h1>\n    <h2 className=\"p-h2\">The quick brown fox jumps over the lazy dog</h2>\n    <h3 className=\"p-h3\">The quick brown fox jumps over the lazy dog</h3>\n    <h4 className=\"p-h4\">The quick brown fox jumps over the lazy dog</h4>\n    <p className=\"p-p\">The quick brown fox jumps over the lazy dog</p>\n    <p className=\"p-p--small\">The quick brown fox jumps over the lazy dog</p>\n    <a href=\"#\" className=\"p-a\">\n      The quick brown fox jumps over the lazy dog\n    </a>\n    <p className=\"p-error\">The quick brown fox jumps over the lazy dog</p>\n  </>\n);\n\nexport const StaticWidthClasses = () => (\n  <div className={styles['width-container']}>\n    <div className=\"ws1\">ws1</div>\n    <div className=\"ws2\">ws2</div>\n    <div className=\"ws3\">ws3</div>\n    <div className=\"ws4\">ws4</div>\n    <div className=\"ws5\">ws5</div>\n    <div className=\"ws6\">ws6</div>\n    <div className=\"ws7\">ws7</div>\n    <div className=\"ws8\">ws8</div>\n    <div className=\"ws9\">ws9</div>\n    <div className=\"ws10\">ws10</div>\n    <div className=\"ws11\">ws11</div>\n    <div className=\"ws12\">ws12</div>\n  </div>\n);\n\nexport const MinWidthClasses = () => (\n  <div className={styles['min-width-container']}>\n    <div>\n      <div className=\"wmn1\">wmn1</div>\n      <div />\n    </div>\n    <div>\n      <div className=\"wmn2\">wmn2</div>\n      <div />\n    </div>\n    <div>\n      <div className=\"wmn3\">wmn3</div>\n      <div />\n    </div>\n    <div>\n      <div className=\"wmn4\">wmn4</div>\n      <div />\n    </div>\n    <div>\n      <div className=\"wmn5\">wmn5</div>\n      <div />\n    </div>\n    <div>\n      <div className=\"wmn6\">wmn6</div>\n      <div />\n    </div>\n    <div>\n      <div className=\"wmn7\">wmn7</div>\n      <div />\n    </div>\n    <div>\n      <div className=\"wmn8\">wmn8</div>\n      <div />\n    </div>\n    <div>\n      <div className=\"wmn9\">wmn9</div>\n      <div />\n    </div>\n    <div>\n      <div className=\"wmn10\">wmn10</div>\n      <div />\n    </div>\n    <div>\n      <div className=\"wmn11\">wmn11</div>\n      <div />\n    </div>\n    <div>\n      <div className=\"wmn12\">wmn12</div>\n      <div />\n    </div>\n  </div>\n);\n\nexport const MaxWidthClasses = () => (\n  <div className={styles['width-container']}>\n    <div className=\"wmx1\">wmx1</div>\n    <div className=\"wmx2\">wmx2</div>\n    <div className=\"wmx3\">wmx3</div>\n    <div className=\"wmx4\">wmx4</div>\n    <div className=\"wmx5\">wmx5</div>\n    <div className=\"wmx6\">wmx6</div>\n    <div className=\"wmx7\">wmx7</div>\n    <div className=\"wmx8\">wmx8</div>\n    <div className=\"wmx9\">wmx9</div>\n    <div className=\"wmx10\">wmx10</div>\n    <div className=\"wmx11\">wmx11</div>\n    <div className=\"wmx12\">wmx12</div>\n  </div>\n);\n\nexport const FuildWidthClasses = () => (\n  <div className={styles['width-container']}>\n    <div className=\"w-auto\">w-auto</div>\n    <div className=\"w0\">w0</div>\n    <div className=\"w10\">w10</div>\n    <div className=\"w20\">w20</div>\n    <div className=\"w30\">w30</div>\n    <div className=\"w40\">w40</div>\n    <div className=\"w50\">w50</div>\n    <div className=\"w60\">w60</div>\n    <div className=\"w70\">w70</div>\n    <div className=\"w80\">w80</div>\n    <div className=\"w90\">w90</div>\n    <div className=\"w100\">w100</div>\n  </div>\n);\n"],"names":["_jsxs","_jsx"],"mappings":"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"}