@pega/cosmos-react-core 2.2.0 → 2.2.1

package/lib/components/File/FileVisual.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import Icon from '../Icon';
-import { defaultThemeProp } from '../../theme';
-import Flex from '../Flex';
-import Image, { StyledImage } from '../Image';
-import { useTheme } from '../../hooks';
-const mapping = {
-    generic: {
-        iconName: 'paper-clip',
-        backgroundColor: 'slate.dark'
-    },
-    video: {
-        iconName: 'play-solid',
-        backgroundColor: 'slate.dark'
-    },
-    audio: {
-        iconName: 'speaker-on-solid',
-        backgroundColor: 'slate.dark'
-    },
-    document: {
-        iconName: 'filetype-text',
-        backgroundColor: 'blue.medium'
-    },
-    message: {
-        iconName: 'mail-solid',
-        backgroundColor: 'blue.dark'
-    },
-    pdf: {
-        text: 'PDF',
-        backgroundColor: 'red.medium'
-    },
-    spreadsheet: {
-        iconName: 'grid-solid',
-        backgroundColor: 'green.medium'
-    },
-    presentation: {
-        iconName: 'slideshow-solid',
-        backgroundColor: 'orange.medium'
-    },
-    link: {
-        iconName: 'chain',
-        backgroundColor: 'purple.dark'
-    },
-    archive: {
-        iconName: 'archive-solid',
-        backgroundColor: 'slate.dark'
-    },
-    database: {
-        iconName: 'disc-stack-solid',
-        backgroundColor: 'slate.dark'
-    },
-    image: {
-        iconName: 'picture-solid',
-        backgroundColor: 'slate.dark'
-    },
-    text: {
-        iconName: 'filetype-text',
-        backgroundColor: 'slate.dark'
-    }
-};
-export const StyledFileVisual = styled.div ``;
-export const StyledIconFrame = styled(StyledFileVisual)(({ theme }) => {
-    return css `
-    background-color: var(--bg);
-    color: ${theme.base.palette.light};
-    height: ${theme.components.input.height};
-    width: ${theme.components.input.height};
-    border-radius: calc(0.25 * ${theme.base['border-radius']});
-    font-size: calc(0.7 * ${theme.base['font-size']});
-    font-weight: ${theme.base['font-weight']['semi-bold']};
-    user-select: none;
-    -webkit-user-select: none;
-  `;
-});
-StyledIconFrame.defaultProps = defaultThemeProp;
-const StyledThumbnailFrame = styled(StyledFileVisual)(({ theme }) => {
-    return css `
-    background-color: ${theme.base.palette['app-background']};
-    height: 100%;
-    width: 100%;
-
-    ${StyledImage} {
-      margin: auto;
-      height: unset;
-      width: unset;
-      max-height: 100%;
-      max-width: 100%;
-    }
-  `;
-});
-StyledThumbnailFrame.defaultProps = defaultThemeProp;
-const FileVisual = forwardRef(({ type, thumbnail, onThumbnailError, ...restProps }, ref) => {
-    const visualConfig = mapping[type];
-    const [color, lightness] = visualConfig.backgroundColor.split('.', 2);
-    const { base: { colors: { [color]: { [lightness]: backgroundColor } } } } = useTheme();
-    return thumbnail ? (_jsx(Flex, { ...restProps, as: StyledThumbnailFrame, container: true, children: _jsx(Image, { src: thumbnail, onError: onThumbnailError, alt: '' }, void 0) }, void 0)) : (_jsx(Flex, { ...restProps, as: StyledIconFrame, ref: ref, container: { justify: 'center', alignItems: 'center' }, style: { '--bg': backgroundColor }, children: visualConfig.iconName ? _jsx(Icon, { name: visualConfig.iconName }, void 0) : visualConfig.text }, void 0));
-});
-export default FileVisual;
-//# sourceMappingURL=FileVisual.js.map

package/lib/components/File/FileVisual.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileVisual.js","sourceRoot":"","sources":["../../../src/components/File/FileVisual.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, PropsWithoutRef, FC, Ref, CSSProperties, SyntheticEvent } from 'react';\nimport styled, { css, DefaultTheme } from 'styled-components';\n\nimport Icon from '../Icon';\nimport { ForwardProps, BaseProps, OmitStrict } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport Flex from '../Flex';\nimport Image, { StyledImage } from '../Image';\nimport { useTheme } from '../../hooks';\n\nimport { AttachmentType } from './utils';\n\nexport interface FileVisualProps extends BaseProps {\n  /** Attachment/File type, it has an impact on background color and icon rendered. */\n  type: AttachmentType;\n  /** A string to be used as an image src for a attachment thumbnail. */\n  thumbnail?: string;\n  /** Called when a thumbnail encounters an error while loading. */\n  onThumbnailError?: (e: SyntheticEvent<HTMLImageElement>) => void;\n  /** Reference to a button element. */\n  ref?: Ref<HTMLDivElement>;\n}\ntype ThemeColor = keyof OmitStrict<DefaultTheme['base']['colors'], 'white' | 'black'>;\ntype ThemeColorVariant = 'extra-light' | 'light' | 'medium' | 'dark' | 'extra-dark';\n\ntype BackgroundColor = `${ThemeColor}.${ThemeColorVariant}`;\n\nconst mapping: Record<\n  AttachmentType,\n  { backgroundColor: BackgroundColor } & (\n    | { iconName: string; text?: never }\n    | { iconName?: never; text: string }\n  )\n> = {\n  generic: {\n    iconName: 'paper-clip',\n    backgroundColor: 'slate.dark'\n  },\n  video: {\n    iconName: 'play-solid',\n    backgroundColor: 'slate.dark'\n  },\n  audio: {\n    iconName: 'speaker-on-solid',\n    backgroundColor: 'slate.dark'\n  },\n  document: {\n    iconName: 'filetype-text',\n    backgroundColor: 'blue.medium'\n  },\n  message: {\n    iconName: 'mail-solid',\n    backgroundColor: 'blue.dark'\n  },\n  pdf: {\n    text: 'PDF',\n    backgroundColor: 'red.medium'\n  },\n  spreadsheet: {\n    iconName: 'grid-solid',\n    backgroundColor: 'green.medium'\n  },\n  presentation: {\n    iconName: 'slideshow-solid',\n    backgroundColor: 'orange.medium'\n  },\n  link: {\n    iconName: 'chain',\n    backgroundColor: 'purple.dark'\n  },\n  archive: {\n    iconName: 'archive-solid',\n    backgroundColor: 'slate.dark'\n  },\n  database: {\n    iconName: 'disc-stack-solid',\n    backgroundColor: 'slate.dark'\n  },\n  image: {\n    iconName: 'picture-solid',\n    backgroundColor: 'slate.dark'\n  },\n  text: {\n    iconName: 'filetype-text',\n    backgroundColor: 'slate.dark'\n  }\n} as const;\n\nexport const StyledFileVisual = styled.div``;\n\nexport const StyledIconFrame = styled(StyledFileVisual)(({ theme }) => {\n  return css`\n    background-color: var(--bg);\n    color: ${theme.base.palette.light};\n    height: ${theme.components.input.height};\n    width: ${theme.components.input.height};\n    border-radius: calc(0.25 * ${theme.base['border-radius']});\n    font-size: calc(0.7 * ${theme.base['font-size']});\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n    user-select: none;\n    -webkit-user-select: none;\n  `;\n});\n\nStyledIconFrame.defaultProps = defaultThemeProp;\n\nconst StyledThumbnailFrame = styled(StyledFileVisual)(({ theme }) => {\n  return css`\n    background-color: ${theme.base.palette['app-background']};\n    height: 100%;\n    width: 100%;\n\n    ${StyledImage} {\n      margin: auto;\n      height: unset;\n      width: unset;\n      max-height: 100%;\n      max-width: 100%;\n    }\n  `;\n});\n\nStyledThumbnailFrame.defaultProps = defaultThemeProp;\n\nconst FileVisual: FC<FileVisualProps & ForwardProps> = forwardRef(\n  (\n    { type, thumbnail, onThumbnailError, ...restProps }: PropsWithoutRef<FileVisualProps>,\n    ref: FileVisualProps['ref']\n  ) => {\n    const visualConfig = mapping[type];\n\n    const [color, lightness] = visualConfig.backgroundColor.split('.', 2) as [\n      ThemeColor,\n      ThemeColorVariant\n    ];\n\n    const {\n      base: {\n        colors: {\n          [color]: { [lightness]: backgroundColor }\n        }\n      }\n    } = useTheme();\n\n    return thumbnail ? (\n      <Flex {...restProps} as={StyledThumbnailFrame} container>\n        <Image src={thumbnail} onError={onThumbnailError} alt='' />\n      </Flex>\n    ) : (\n      <Flex\n        {...restProps}\n        as={StyledIconFrame}\n        ref={ref}\n        container={{ justify: 'center', alignItems: 'center' }}\n        style={{ '--bg': backgroundColor } as CSSProperties}\n      >\n        {visualConfig.iconName ? <Icon name={visualConfig.iconName} /> : visualConfig.text}\n      </Flex>\n    );\n  }\n);\n\nexport default FileVisual;\n"]}

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

@@ -1,11 +0,0 @@
-export { default as FileInput } from './FileInput';
-export { FileInputProps } from './FileInput';
-export { default as FileItem, FileItemProps } from './FileItem';
-export { default as FileUploadItem } from './FileUploadItem';
-export { FileUploadItemProps } from './FileUploadItem';
-export { default as FileDisplay } from './FileDisplay';
-export { FileDisplayProps } from './FileDisplay';
-export { default as FileVisual } from './FileVisual';
-export { FileVisualProps } from './FileVisual';
-export { getKindFromMimeType, getMimeTypeFromFile } from './utils';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/File/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/File/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/File/index.js

@@ -1,7 +0,0 @@
-export { default as FileInput } from './FileInput';
-export { default as FileItem } from './FileItem';
-export { default as FileUploadItem } from './FileUploadItem';
-export { default as FileDisplay } from './FileDisplay';
-export { default as FileVisual } from './FileVisual';
-export { getKindFromMimeType, getMimeTypeFromFile } from './utils';
-//# sourceMappingURL=index.js.map

package/lib/components/File/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/File/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default as FileInput } from './FileInput';\nexport { FileInputProps } from './FileInput';\nexport { default as FileItem, FileItemProps } from './FileItem';\nexport { default as FileUploadItem } from './FileUploadItem';\nexport { FileUploadItemProps } from './FileUploadItem';\nexport { default as FileDisplay } from './FileDisplay';\nexport { FileDisplayProps } from './FileDisplay';\nexport { default as FileVisual } from './FileVisual';\nexport { FileVisualProps } from './FileVisual';\nexport { getKindFromMimeType, getMimeTypeFromFile } from './utils';\n"]}

package/lib/components/File/mimeTypes.json

@@ -1,123 +0,0 @@
-{
-    "7z": "application/x-7z-compressed",
-    "asf": "video/x-ms-asf",
-    "avi": "video/x-msvideo",
-    "bmp": "image/x-ms-bmp",
-    "csv": "text/csv",
-    "doc": "application/msword",
-    "docm": "application/vnd.ms-word.document.macroEnabled.12",
-    "docx": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-    "dot": "application/msword",
-    "dotm": "application/vnd.ms-word.template.macroEnabled.12",
-    "dotx": "application/vnd.openxmlformats-officedocument.wordprocessingml.template",
-    "eml": "message/rfc822",
-    "flac": "audio/flac",
-    "flv": "video/x-flv",
-    "gif": "image/gif",
-    "htm": "text/html",
-    "html": "text/html",
-    "ics": "text/calendar",
-    "jpe": "image/jpeg",
-    "jpeg": "image/jpeg",
-    "jpg": "image/jpeg",
-    "m4a": "audio/mpeg",
-    "mdb": "application/msaccess",
-    "mp2": "audio/mpeg",
-    "mp3": "audio/mpeg",
-    "mp4": "video/mp4",
-    "mpe": "video/mpeg",
-    "mpeg": "video/mpeg",
-    "mpega": "audio/mpeg",
-    "mpg": "video/mpeg",
-    "mpga": "audio/mpeg",
-    "mkv": "video/x-matroska",
-    "odb": "application/vnd.oasis.opendocument.database",
-    "odc": "application/vnd.oasis.opendocument.chart",
-    "odf": "application/vnd.oasis.opendocument.formula",
-    "odg": "application/vnd.oasis.opendocument.graphics",
-    "odi": "application/vnd.oasis.opendocument.image",
-    "odm": "application/vnd.oasis.opendocument.text-master",
-    "odp": "application/vnd.oasis.opendocument.presentation",
-    "ods": "application/vnd.oasis.opendocument.spreadsheet",
-    "odt": "application/vnd.oasis.opendocument.text",
-    "oga": "audio/ogg",
-    "ogg": "audio/ogg",
-    "ogv": "video/ogg",
-    "ogx": "application/ogg",
-    "otg": "application/vnd.oasis.opendocument.graphics-template",
-    "oth": "application/vnd.oasis.opendocument.text-web",
-    "otp": "application/vnd.oasis.opendocument.presentation-template",
-    "ots": "application/vnd.oasis.opendocument.spreadsheet-template",
-    "ott": "application/vnd.oasis.opendocument.text-template",
-    "pcx": "image/pcx",
-    "pdf": "application/pdf",
-    "png": "image/png",
-    "pot": "application/vnd.ms-powerpoint.template",
-    "potm": "application/vnd.ms-powerpoint.template.macroEnabled.12",
-    "potx": "application/vnd.openxmlformats-officedocument.presentationml.template",
-    "ppam": "application/vnd.ms-powerpoint.addin.macroEnabled.12",
-    "ppm": "image/x-portable-pixmap",
-    "pps": "application/vnd.ms-powerpoint",
-    "ppsm": "application/vnd.ms-powerpoint.slideshow.macroEnabled.12",
-    "ppsx": "application/vnd.openxmlformats-officedocument.presentationml.slideshow",
-    "ppt": "application/vnd.ms-powerpoint",
-    "pptm": "application/vnd.ms-powerpoint.presentation.macroEnabled.12",
-    "pptx": "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-    "qt": "video/quicktime",
-    "mov": "video/quicktime",
-    "rar": "application/rar",
-    "rtf": "application/rtf",
-    "rtx": "text/richtext",
-    "sda": "application/vnd.stardivision.draw",
-    "sdc": "application/vnd.stardivision.calc",
-    "sdd": "application/vnd.stardivision.impress",
-    "sds": "application/vnd.stardivision.chart",
-    "sdw": "application/vnd.stardivision.writer",
-    "sgl": "application/vnd.stardivision.writer-global",
-    "shtml": "text/html",
-    "sldm": "application/vnd.ms-powerpoint.slide.macroEnabled.12",
-    "sldx": "application/vnd.openxmlformats-officedocument.presentationml.slide",
-    "spx": "audio/ogg",
-    "stc": "application/vnd.sun.xml.calc.template",
-    "std": "application/vnd.sun.xml.draw.template",
-    "sti": "application/vnd.sun.xml.impress.template",
-    "stw": "application/vnd.sun.xml.writer.template",
-    "svg": "image/svg+xml",
-    "svgz": "image/svg+xml",
-    "swf": "application/x-shockwave-flash",
-    "swfl": "application/x-shockwave-flash",
-    "sxc": "application/vnd.sun.xml.calc",
-    "sxd": "application/vnd.sun.xml.draw",
-    "sxg": "application/vnd.sun.xml.writer.global",
-    "sxi": "application/vnd.sun.xml.impress",
-    "sxm": "application/vnd.sun.xml.math",
-    "sxw": "application/vnd.sun.xml.writer",
-    "text": "text/plain",
-    "tiff": "image/tiff",
-    "tif": "image/tiff",
-    "tsv": "text/tab-separated-values",
-    "txt": "text/plain",
-    "vcf": "text/x-vcard",
-    "vcs": "text/x-vcalendar",
-    "wav": "audio/x-wav",
-    "webm": "video/webm",
-    "wm": "video/x-ms-wm",
-    "wma": "audio/x-ms-wma",
-    "wmv": "video/x-ms-wmv",
-    "wp5": "application/vnd.wordperfect5.1",
-    "wpd": "application/vnd.wordperfect",
-    "xbm": "image/x-xbitmap",
-    "xcf": "application/x-xcf",
-    "xht": "application/xhtml+xml",
-    "xhtml": "application/xhtml+xml",
-    "xlam": "application/vnd.ms-excel.addin.macroEnabled.12",
-    "xls": "application/vnd.ms-excel",
-    "xlsb": "application/vnd.ms-excel.sheet.binary.macroEnabled.12",
-    "xlsm": "application/vnd.ms-excel.sheet.macroEnabled.12",
-    "xlsx": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    "xlt": "application/vnd.ms-excel",
-    "xltm": "application/vnd.ms-excel.template.macroEnabled.12",
-    "xltx": "application/vnd.openxmlformats-officedocument.spreadsheetml.template",
-    "xml": "application/xml",
-    "zip": "application/zip"
-}

package/lib/components/File/utils.d.ts

@@ -1,9 +0,0 @@
-export declare type AttachmentType = 'generic' | 'image' | 'video' | 'audio' | 'pdf' | 'archive' | 'text' | 'message' | 'link' | 'pdf' | 'database' | 'document' | 'spreadsheet' | 'presentation';
-/**
- * Returns approximately correct mime type for given file based upon the extension. Only few extensions are recognized.
- * @param fileName file name or url to discover the mime type from.
- * @returns mime type associated to the file.
- */
-export declare const getMimeTypeFromFile: (fileName: string) => string | undefined;
-export declare const getKindFromMimeType: (mimeType: string) => AttachmentType;
-//# sourceMappingURL=utils.d.ts.map

package/lib/components/File/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/File/utils.ts"],"names":[],"mappings":"AAEA,oBAAY,cAAc,GACtB,SAAS,GACT,OAAO,GACP,OAAO,GACP,OAAO,GACP,KAAK,GACL,SAAS,GACT,MAAM,GACN,SAAS,GACT,MAAM,GACN,KAAK,GACL,UAAU,GACV,UAAU,GACV,aAAa,GACb,cAAc,CAAC;AAEnB;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,aAAc,MAAM,KAAG,MAAM,GAAG,SAG/D,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,MAAM,KAAG,cActD,CAAC"}

package/lib/components/File/utils.js

@@ -1,37 +0,0 @@
-import mimeTypes from './mimeTypes.json';
-/**
- * Returns approximately correct mime type for given file based upon the extension. Only few extensions are recognized.
- * @param fileName file name or url to discover the mime type from.
- * @returns mime type associated to the file.
- */
-export const getMimeTypeFromFile = (fileName) => {
-    const fileExt = fileName.split('.').pop() ?? fileName;
-    return mimeTypes[fileExt.toLowerCase()];
-};
-export const getKindFromMimeType = (mimeType) => {
-    let type = 'generic';
-    if (mimeType.startsWith('video/'))
-        type = 'video';
-    if (mimeType.startsWith('audio/'))
-        type = 'audio';
-    if (mimeType.startsWith('image/'))
-        type = 'image';
-    if (mimeType.startsWith('text/'))
-        type = 'text';
-    if (mimeType.startsWith('message/'))
-        type = 'message';
-    if (mimeType.endsWith('/pdf'))
-        type = 'pdf';
-    if (mimeType.match(/powerpoint|presentation|impress/))
-        type = 'presentation';
-    if (mimeType.match(/excel|spreadsheet|calc/))
-        type = 'spreadsheet';
-    if (mimeType.match(/word|writer|text/))
-        type = 'document';
-    if (mimeType.match(/access|database/))
-        type = 'database';
-    if (mimeType.match(/zip|rar|7z/))
-        type = 'archive';
-    return type;
-};
-//# sourceMappingURL=utils.js.map

package/lib/components/File/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/File/utils.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAkBzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAAgB,EAAsB,EAAE;IAC1E,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,QAAQ,CAAC;IACtD,OAAQ,SAAoC,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;AACtE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAAgB,EAAkB,EAAE;IACtE,IAAI,IAAI,GAAmB,SAAS,CAAC;IACrC,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC;QAAE,IAAI,GAAG,OAAO,CAAC;IAClD,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC;QAAE,IAAI,GAAG,OAAO,CAAC;IAClD,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC;QAAE,IAAI,GAAG,OAAO,CAAC;IAClD,IAAI,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;QAAE,IAAI,GAAG,MAAM,CAAC;IAChD,IAAI,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC;QAAE,IAAI,GAAG,SAAS,CAAC;IACtD,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,IAAI,GAAG,KAAK,CAAC;IAC5C,IAAI,QAAQ,CAAC,KAAK,CAAC,iCAAiC,CAAC;QAAE,IAAI,GAAG,cAAc,CAAC;IAC7E,IAAI,QAAQ,CAAC,KAAK,CAAC,wBAAwB,CAAC;QAAE,IAAI,GAAG,aAAa,CAAC;IACnE,IAAI,QAAQ,CAAC,KAAK,CAAC,kBAAkB,CAAC;QAAE,IAAI,GAAG,UAAU,CAAC;IAC1D,IAAI,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC;QAAE,IAAI,GAAG,UAAU,CAAC;IACzD,IAAI,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC;QAAE,IAAI,GAAG,SAAS,CAAC;IACnD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["import mimeTypes from './mimeTypes.json';\n\nexport type AttachmentType =\n  | 'generic'\n  | 'image'\n  | 'video'\n  | 'audio'\n  | 'pdf'\n  | 'archive'\n  | 'text'\n  | 'message'\n  | 'link'\n  | 'pdf'\n  | 'database'\n  | 'document'\n  | 'spreadsheet'\n  | 'presentation';\n\n/**\n * Returns approximately correct mime type for given file based upon the extension. Only few extensions are recognized.\n * @param fileName file name or url to discover the mime type from.\n * @returns mime type associated to the file.\n */\nexport const getMimeTypeFromFile = (fileName: string): string | undefined => {\n  const fileExt = fileName.split('.').pop() ?? fileName;\n  return (mimeTypes as Record<string, string>)[fileExt.toLowerCase()];\n};\n\nexport const getKindFromMimeType = (mimeType: string): AttachmentType => {\n  let type: AttachmentType = 'generic';\n  if (mimeType.startsWith('video/')) type = 'video';\n  if (mimeType.startsWith('audio/')) type = 'audio';\n  if (mimeType.startsWith('image/')) type = 'image';\n  if (mimeType.startsWith('text/')) type = 'text';\n  if (mimeType.startsWith('message/')) type = 'message';\n  if (mimeType.endsWith('/pdf')) type = 'pdf';\n  if (mimeType.match(/powerpoint|presentation|impress/)) type = 'presentation';\n  if (mimeType.match(/excel|spreadsheet|calc/)) type = 'spreadsheet';\n  if (mimeType.match(/word|writer|text/)) type = 'document';\n  if (mimeType.match(/access|database/)) type = 'database';\n  if (mimeType.match(/zip|rar|7z/)) type = 'archive';\n  return type;\n};\n"]}

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

@@ -1,72 +0,0 @@
-import { FunctionComponent, Ref, ReactNode } from 'react';
-import { ForwardProps, BaseProps, AsProp } from '../../types';
-export interface FlexContainerProps {
-    /** Display as inline-flex. */
-    inline?: boolean;
-    /** Padding on the container represented as a multiplier or set of multipliers to the base spacing value in the theme. */
-    pad?: number | [topRightBottomLeft: number] | [topBottom: number, rightLeft: number] | [top: number, rightLeft: number, bottom: number] | [top: number, right: number, bottom: number, left: number];
-    /** [flex-direction](https://css-tricks.com/almanac/properties/f/flex-direction/) */
-    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
-    /** [justify-content](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) */
-    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
-    /** [flex-wrap](https://css-tricks.com/almanac/properties/f/flex-wrap/) */
-    wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
-    /** [align-items](https://css-tricks.com/almanac/properties/a/align-items/). */
-    alignItems?: 'stretch' | 'start' | 'end' | 'center' | 'baseline';
-    /** [align-content](https://css-tricks.com/almanac/properties/a/align-content/) */
-    alignContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'stretch';
-    /**
-     * Defines how much equal space to place between items represented as a multiplier to the base spacing value in the theme.
-     * @deprecated
-     */
-    itemGap?: number;
-    /**
-     * Defines how much equal space to place between columns represented as a multiplier to the base spacing value in the theme.
-     * [column-gap](https://css-tricks.com/almanac/properties/c/column-gap/)
-     */
-    colGap?: number;
-    /**
-     * Defines how much equal space to place between rows represented as a multiplier to the base spacing value in the theme.
-     * [row-gap](https://css-tricks.com/almanac/properties/r/row-gap/)
-     */
-    rowGap?: number;
-    /**
-     * Defines how much equal space to place between both rows and columns represented as a multiplier to the base spacing value in the theme.
-     * [gap](https://css-tricks.com/almanac/properties/g/gap/)
-     */
-    gap?: number;
-}
-export interface FlexItemProps {
-    /** [align-self](https://css-tricks.com/almanac/properties/a/align-self/) */
-    alignSelf?: 'auto' | 'start' | 'end' | 'baseline' | 'center' | 'stretch';
-    /** [flex-grow](https://css-tricks.com/almanac/properties/f/flex-grow/) */
-    grow?: number;
-    /** [flex-shrink](https://css-tricks.com/almanac/properties/f/flex-shrink/) */
-    shrink?: number;
-    /** [flex-basis](https://css-tricks.com/almanac/properties/f/flex-basis/) */
-    basis?: string;
-}
-interface BaseFlexProps {
-    container?: FlexContainerProps | true;
-    item?: FlexItemProps;
-}
-export interface FlexProps extends BaseFlexProps, BaseProps, AsProp {
-    /** Content for either a container or item. */
-    children?: ReactNode;
-    /** Ref for the flex element. */
-    ref?: Ref<Element>;
-    /** Override props at extra small screen sizes and above. */
-    xs?: BaseFlexProps;
-    /** Override props at small screen sizes and above. */
-    sm?: BaseFlexProps;
-    /** Override props at medium screen sizes and above. */
-    md?: BaseFlexProps;
-    /** Override props at large screen sizes and above. */
-    lg?: BaseFlexProps;
-    /** Override props at extra large screen sizes and above. */
-    xl?: BaseFlexProps;
-}
-export declare const StyledFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FlexProps, never>;
-declare const Flex: FunctionComponent<FlexProps & ForwardProps>;
-export default Flex;
-//# sourceMappingURL=Flex.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAG9D,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yHAAyH;IACzH,GAAG,CAAC,EACA,MAAM,GACN,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAC5B,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,GACtC,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAChD,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IAC/D,oFAAoF;IACpF,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,QAAQ,GAAG,gBAAgB,CAAC;IAChE,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACnF,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,cAAc,CAAC;IAC1C,+EAA+E;IAC/E,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;IACjE,kFAAkF;IAClF,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7E;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzE,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,WAAW,SAAU,SAAQ,aAAa,EAAE,SAAS,EAAE,MAAM;IACjE,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gCAAgC;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACnB,4DAA4D;IAC5D,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,sDAAsD;IACtD,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,uDAAuD;IACvD,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,sDAAsD;IACtD,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,4DAA4D;IAC5D,EAAE,CAAC,EAAE,aAAa,CAAC;CACpB;AA6HD,eAAO,MAAM,UAAU,gHAqCtB,CAAC;AAIF,QAAA,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,GAAG,YAAY,CAIrD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/Flex/Flex.js

@@ -1,144 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '../../theme';
-const prefix = (value) => {
-    if (['between', 'around', 'evenly'].includes(value))
-        return `space-${value}`;
-    if (['start', 'end'].includes(value))
-        return `flex-${value}`;
-    return value;
-};
-const getContainerStyles = (container) => {
-    if (!container)
-        return '';
-    if (container === true) {
-        return css `
-      display: flex;
-    `;
-    }
-    if (container && typeof container === 'object') {
-        const isRow = !container.direction || container.direction.includes('row');
-        const isReverse = container.direction && container.direction.includes('reverse');
-        return css `
-      display: ${container.inline ? 'inline-flex' : 'flex'};
-
-      ${container.pad !== undefined &&
-            css `
-        /* stylelint-disable function-name-case, function-whitespace-after */
-        padding: ${({ theme: { base: { spacing } } }) => (Array.isArray(container.pad) ? container.pad : [container.pad])
-                .map(p => `calc(${p} * ${spacing})`)
-                .join(' ')};
-
-        /* stylelint-enable function-name-case, function-whitespace-after */
-      `}
-
-      ${container.direction &&
-            css `
-        flex-direction: ${container.direction};
-      `}
-
-      ${container.justify &&
-            css `
-        justify-content: ${prefix(container.justify)};
-      `}
-
-      ${container.wrap &&
-            css `
-        flex-wrap: ${container.wrap};
-      `}
-
-      ${container.alignItems &&
-            css `
-        align-items: ${prefix(container.alignItems)};
-      `}
-
-      ${container.alignContent &&
-            css `
-        align-content: ${prefix(container.alignContent)};
-      `}
-
-      ${container.itemGap &&
-            css `
-          > * {
-            margin-${isRow ? 'inline-start' : 'block-start'}: calc(${container.itemGap} * ${props => props.theme.base.spacing});
-            ${isReverse ? ':last-child' : ':first-child'} {
-              margin-${isRow ? 'inline-start' : 'block-start'}: 0;
-            }
-          }
-        `}
-
-      ${container.gap !== undefined &&
-            css `
-        gap: calc(${container.gap} * ${props => props.theme.base.spacing});
-      `}
-
-      ${container.colGap !== undefined &&
-            css `
-        column-gap: calc(${container.colGap} * ${props => props.theme.base.spacing});
-      `}
-
-      ${container.rowGap !== undefined &&
-            css `
-        row-gap: calc(${container.rowGap} * ${props => props.theme.base.spacing});
-      `}
-    `;
-    }
-};
-const getItemStyles = (item) => {
-    return css `
-    ${item &&
-        css `
-      max-width: 100%;
-      min-width: 0;
-
-      ${item.grow !== undefined &&
-            css `
-        flex-grow: ${item.grow};
-      `}
-
-      ${item.shrink !== undefined &&
-            css `
-        flex-shrink: ${item.shrink};
-      `}
-
-      ${item.alignSelf &&
-            css `
-        align-self: ${prefix(item.alignSelf)};
-      `}
-
-      ${item.basis &&
-            css `
-        flex-basis: ${item.basis};
-      `}
-    `}
-  `;
-};
-const breakpointOrder = ['xs', 'sm', 'md', 'lg', 'xl'];
-export const StyledFlex = styled.div(({ container, item, theme: { base: { breakpoints: themeBreakpoints } }, xs, sm, md, lg, xl }) => {
-    const breakpoints = {
-        xs,
-        sm,
-        md,
-        lg,
-        xl
-    };
-    return css `
-      ${getContainerStyles(container)}
-      ${getItemStyles(item)}
-
-    ${breakpointOrder.map(breakpoint => breakpoints[breakpoint] &&
-        css `
-            @media screen and (min-width: ${themeBreakpoints[breakpoint]}) {
-              ${getContainerStyles(breakpoints[breakpoint]?.container)}
-              ${getItemStyles(breakpoints[breakpoint]?.item)}
-            }
-          `)}
-    `;
-});
-StyledFlex.defaultProps = defaultThemeProp;
-const Flex = forwardRef((props, ref) => {
-    return _jsx(StyledFlex, { ...props, ref: ref }, void 0);
-});
-export default Flex;
-//# sourceMappingURL=Flex.js.map

package/lib/components/Flex/Flex.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, forwardRef, PropsWithoutRef, Ref, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { ForwardProps, BaseProps, AsProp } from '../../types';\nimport { defaultThemeProp } from '../../theme';\n\nexport interface FlexContainerProps {\n  /** Display as inline-flex. */\n  inline?: boolean;\n  /** Padding on the container represented as a multiplier or set of multipliers to the base spacing value in the theme. */\n  pad?:\n    | number\n    | [topRightBottomLeft: number]\n    | [topBottom: number, rightLeft: number]\n    | [top: number, rightLeft: number, bottom: number]\n    | [top: number, right: number, bottom: number, left: number];\n  /** [flex-direction](https://css-tricks.com/almanac/properties/f/flex-direction/) */\n  direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  /** [justify-content](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) */\n  justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';\n  /** [flex-wrap](https://css-tricks.com/almanac/properties/f/flex-wrap/) */\n  wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';\n  /** [align-items](https://css-tricks.com/almanac/properties/a/align-items/). */\n  alignItems?: 'stretch' | 'start' | 'end' | 'center' | 'baseline';\n  /** [align-content](https://css-tricks.com/almanac/properties/a/align-content/) */\n  alignContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'stretch';\n  /**\n   * Defines how much equal space to place between items represented as a multiplier to the base spacing value in the theme.\n   * @deprecated\n   */\n  itemGap?: number;\n  /**\n   * Defines how much equal space to place between columns represented as a multiplier to the base spacing value in the theme.\n   * [column-gap](https://css-tricks.com/almanac/properties/c/column-gap/)\n   */\n  colGap?: number;\n  /**\n   * Defines how much equal space to place between rows represented as a multiplier to the base spacing value in the theme.\n   * [row-gap](https://css-tricks.com/almanac/properties/r/row-gap/)\n   */\n  rowGap?: number;\n  /**\n   * Defines how much equal space to place between both rows and columns represented as a multiplier to the base spacing value in the theme.\n   * [gap](https://css-tricks.com/almanac/properties/g/gap/)\n   */\n  gap?: number;\n}\n\nexport interface FlexItemProps {\n  /** [align-self](https://css-tricks.com/almanac/properties/a/align-self/) */\n  alignSelf?: 'auto' | 'start' | 'end' | 'baseline' | 'center' | 'stretch';\n  /** [flex-grow](https://css-tricks.com/almanac/properties/f/flex-grow/) */\n  grow?: number;\n  /** [flex-shrink](https://css-tricks.com/almanac/properties/f/flex-shrink/) */\n  shrink?: number;\n  /** [flex-basis](https://css-tricks.com/almanac/properties/f/flex-basis/) */\n  basis?: string;\n}\n\ninterface BaseFlexProps {\n  container?: FlexContainerProps | true;\n  item?: FlexItemProps;\n}\n\nexport interface FlexProps extends BaseFlexProps, BaseProps, AsProp {\n  /** Content for either a container or item. */\n  children?: ReactNode;\n  /** Ref for the flex element. */\n  ref?: Ref<Element>;\n  /** Override props at extra small screen sizes and above. */\n  xs?: BaseFlexProps;\n  /** Override props at small screen sizes and above. */\n  sm?: BaseFlexProps;\n  /** Override props at medium screen sizes and above. */\n  md?: BaseFlexProps;\n  /** Override props at large screen sizes and above. */\n  lg?: BaseFlexProps;\n  /** Override props at extra large screen sizes and above. */\n  xl?: BaseFlexProps;\n}\n\nconst prefix = (value: string) => {\n  if (['between', 'around', 'evenly'].includes(value)) return `space-${value}`;\n  if (['start', 'end'].includes(value)) return `flex-${value}`;\n  return value;\n};\n\nconst getContainerStyles = (container: FlexProps['container']) => {\n  if (!container) return '';\n\n  if (container === true) {\n    return css`\n      display: flex;\n    `;\n  }\n\n  if (container && typeof container === 'object') {\n    const isRow = !container.direction || container.direction.includes('row');\n    const isReverse = container.direction && container.direction.includes('reverse');\n\n    return css`\n      display: ${container.inline ? 'inline-flex' : 'flex'};\n\n      ${container.pad !== undefined &&\n      css`\n        /* stylelint-disable function-name-case, function-whitespace-after */\n        padding: ${({\n          theme: {\n            base: { spacing }\n          }\n        }) =>\n          (Array.isArray(container.pad) ? container.pad : [container.pad])\n            .map(p => `calc(${p} * ${spacing})`)\n            .join(' ')};\n\n        /* stylelint-enable function-name-case, function-whitespace-after */\n      `}\n\n      ${container.direction &&\n      css`\n        flex-direction: ${container.direction};\n      `}\n\n      ${container.justify &&\n      css`\n        justify-content: ${prefix(container.justify)};\n      `}\n\n      ${container.wrap &&\n      css`\n        flex-wrap: ${container.wrap};\n      `}\n\n      ${container.alignItems &&\n      css`\n        align-items: ${prefix(container.alignItems)};\n      `}\n\n      ${container.alignContent &&\n      css`\n        align-content: ${prefix(container.alignContent)};\n      `}\n\n      ${container.itemGap &&\n      css`\n          > * {\n            margin-${isRow ? 'inline-start' : 'block-start'}: calc(${container.itemGap} * ${props =>\n        props.theme.base.spacing});\n            ${isReverse ? ':last-child' : ':first-child'} {\n              margin-${isRow ? 'inline-start' : 'block-start'}: 0;\n            }\n          }\n        `}\n\n      ${container.gap !== undefined &&\n      css`\n        gap: calc(${container.gap} * ${props => props.theme.base.spacing});\n      `}\n\n      ${container.colGap !== undefined &&\n      css`\n        column-gap: calc(${container.colGap} * ${props => props.theme.base.spacing});\n      `}\n\n      ${container.rowGap !== undefined &&\n      css`\n        row-gap: calc(${container.rowGap} * ${props => props.theme.base.spacing});\n      `}\n    `;\n  }\n};\n\nconst getItemStyles = (item: FlexProps['item']) => {\n  return css`\n    ${item &&\n    css`\n      max-width: 100%;\n      min-width: 0;\n\n      ${item.grow !== undefined &&\n      css`\n        flex-grow: ${item.grow};\n      `}\n\n      ${item.shrink !== undefined &&\n      css`\n        flex-shrink: ${item.shrink};\n      `}\n\n      ${item.alignSelf &&\n      css`\n        align-self: ${prefix(item.alignSelf)};\n      `}\n\n      ${item.basis &&\n      css`\n        flex-basis: ${item.basis};\n      `}\n    `}\n  `;\n};\n\nconst breakpointOrder = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n\nexport const StyledFlex = styled.div<FlexProps>(\n  ({\n    container,\n    item,\n    theme: {\n      base: { breakpoints: themeBreakpoints }\n    },\n    xs,\n    sm,\n    md,\n    lg,\n    xl\n  }) => {\n    const breakpoints = {\n      xs,\n      sm,\n      md,\n      lg,\n      xl\n    };\n\n    return css`\n      ${getContainerStyles(container)}\n      ${getItemStyles(item)}\n\n    ${breakpointOrder.map(\n        breakpoint =>\n          breakpoints[breakpoint] &&\n          css`\n            @media screen and (min-width: ${themeBreakpoints[breakpoint]}) {\n              ${getContainerStyles(breakpoints[breakpoint]?.container)}\n              ${getItemStyles(breakpoints[breakpoint]?.item)}\n            }\n          `\n      )}\n    `;\n  }\n);\n\nStyledFlex.defaultProps = defaultThemeProp;\n\nconst Flex: FunctionComponent<FlexProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<FlexProps>, ref: FlexProps['ref']) => {\n    return <StyledFlex {...props} ref={ref} />;\n  }\n);\n\nexport default Flex;\n"]}

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

@@ -1,6 +0,0 @@
-export { default } from './Flex';
-export { StyledFlex } from './Flex';
-export { FlexProps } from './Flex';
-export { FlexContainerProps } from './Flex';
-export { FlexItemProps } from './Flex';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC"}

package/lib/components/Flex/index.js

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

package/lib/components/Flex/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { default } from './Flex';\nexport { StyledFlex } from './Flex';\nexport { FlexProps } from './Flex';\nexport { FlexContainerProps } from './Flex';\nexport { FlexItemProps } from './Flex';\n"]}

package/lib/components/Form/Form.d.ts

@@ -1,21 +0,0 @@
-import { FC, ReactNode, Ref } from 'react';
-import { BaseProps, ForwardProps } from '../../types';
-export interface FormProps extends BaseProps {
-    /** The Form content. Recommended composing form elements within a layout template such as Grid or Flex as the only child. */
-    children: ReactNode;
-    /** Region for Form Actions. */
-    actions?: ReactNode;
-    /** The heading of the form. */
-    heading?: string;
-    /** A description of the form to be displayed above the controls. */
-    description?: string;
-    /** Region for Banners above the Form. */
-    banners?: ReactNode;
-    /** Ref forwarded to the wrapping element. */
-    ref?: Ref<HTMLFormElement>;
-}
-export declare const StyledForm: import("styled-components").StyledComponent<"form", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledFormContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const Form: FC<FormProps & ForwardProps>;
-export default Form;
-//# sourceMappingURL=Form.d.ts.map

package/lib/components/Form/Form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,EAAE,EAAE,SAAS,EAAE,GAAG,EAAmB,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAItD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,6HAA6H;IAC7H,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,0GAAgB,CAAC;AACxC,eAAO,MAAM,iBAAiB,yGAAe,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,GAAG,YAAY,CAsCtC,CAAC;AAEF,eAAe,IAAI,CAAC"}