@webiny/ui 5.39.0-beta.0 → 5.39.0-beta.2

package/Tags/Tags.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_keycode","_interopRequireDefault","_minimatch","_Input","_Chips","_baselineClose24px","_FormElementMessage","_excluded","tagsStyle","css","position","width","left","top","zIndex","maxHeight","overflowY","backgroundColor","ul","listStyle","padding","li","Tags","props","_useState","useState","_useState2","_slicedToArray2","default","inputValue","setInputValue","validation","value","disabled","onChange","description","_props$protectedTags","protectedTags","otherInputProps","_objectWithoutProperties2","isProtected","useCallback","tag","some","pattern","minimatch","inputProps","_objectSpread2","onKeyDown","ev","newValue","Array","isArray","_toConsumableArray2","keycode","push","length","splice","_ref","validationIsValid","isValid","validationMessage","message","createElement","className","Input","FormElementMessage","error","Chips","map","item","index","Chip","label","trailingIcon","ReactComponent","key","concat","onRemove","exports","_default"],"sources":["Tags.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport keycode from \"keycode\";\nimport minimatch from \"minimatch\";\nimport { Input, InputProps } from \"~/Input\";\nimport { Chips, Chip } from \"~/Chips\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactComponent as BaselineCloseIcon } from \"./icons/baseline-close-24px.svg\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ninterface TagsProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Are input and chosen tags disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * Description beneath the input.\n     */\n    description?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * A list of tags.\n     */\n    value?: string[];\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: Function;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: Function;\n\n    /**\n     * Automatically focus on the tags input.\n     */\n    autoFocus?: boolean;\n\n    /**\n     * Protected tags cannot be removed by the user.\n     */\n    protectedTags?: string[];\n}\n\nconst tagsStyle = css({\n    position: \"relative\",\n    \".mdc-elevation--z1\": {\n        position: \"absolute\",\n        width: \"calc(100% - 2px)\",\n        left: 1,\n        top: 56,\n        zIndex: 10,\n        maxHeight: 200,\n        overflowY: \"scroll\",\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    },\n    ul: {\n        listStyle: \"none\",\n        width: \"100%\",\n        padding: 0,\n        li: {\n            padding: 10\n        }\n    }\n});\n\nexport const Tags: React.FC<TagsProps> = props => {\n    const [inputValue, setInputValue] = useState(\"\");\n\n    const {\n        validation,\n        value,\n        disabled,\n        onChange,\n        description,\n        protectedTags = [],\n        ...otherInputProps\n    } = props;\n\n    const isProtected = useCallback(\n        (tag: string) => protectedTags.some(pattern => minimatch(tag, pattern)),\n        [protectedTags]\n    );\n\n    const inputProps: InputProps<string> = {\n        ...otherInputProps,\n        value: inputValue,\n        onChange: inputValue => {\n            setInputValue(inputValue);\n        },\n        onKeyDown: (ev: SyntheticEvent) => {\n            if (!onChange) {\n                return;\n            }\n\n            const newValue = Array.isArray(value) ? [...value] : [];\n\n            /**\n             * We must cast as keycode only works with Event | string type.\n             */\n            switch (keycode(ev as unknown as Event)) {\n                case \"enter\":\n                    if (inputValue) {\n                        newValue.push(inputValue);\n                        onChange(newValue);\n                        setInputValue(\"\");\n                    }\n                    break;\n                case \"backspace\":\n                    if (newValue.length && !inputValue) {\n                        newValue.splice(-1, 1);\n                        onChange(newValue);\n                        break;\n                    }\n            }\n        }\n    };\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <div className={tagsStyle}>\n            <div>\n                <Input {...inputProps} />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n\n                {Array.isArray(value) && value.length ? (\n                    <Chips disabled={disabled}>\n                        {value.map((item, index) => {\n                            return (\n                                <Chip\n                                    label={item}\n                                    trailingIcon={isProtected(item) ? null : <BaselineCloseIcon />}\n                                    key={`${item}-${index}`}\n                                    onRemove={() => {\n                                        // On removal, let's update the value and call \"onChange\" callback.\n                                        if (onChange) {\n                                            const newValue = [...value];\n                                            newValue.splice(index, 1);\n                                            onChange(newValue);\n                                        }\n                                    }}\n                                />\n                            );\n                        })}\n                    </Chips>\n                ) : null}\n            </div>\n        </div>\n    );\n};\n\nexport default Tags;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_keycode","_interopRequireDefault","_minimatch","_Input","_Chips","_baselineClose24px","_FormElementMessage","_excluded","tagsStyle","css","position","width","left","top","zIndex","maxHeight","overflowY","backgroundColor","ul","listStyle","padding","li","Tags","props","_useState","useState","_useState2","_slicedToArray2","default","inputValue","setInputValue","validation","value","disabled","onChange","description","_props$protectedTags","protectedTags","otherInputProps","_objectWithoutProperties2","isProtected","useCallback","tag","some","pattern","minimatch","inputProps","_objectSpread2","onKeyDown","ev","newValue","Array","isArray","_toConsumableArray2","keycode","push","length","splice","_ref","validationIsValid","isValid","validationMessage","message","createElement","className","Input","FormElementMessage","error","Chips","map","item","index","Chip","label","trailingIcon","ReactComponent","key","concat","onRemove","exports","_default"],"sources":["Tags.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport keycode from \"keycode\";\nimport minimatch from \"minimatch\";\nimport { Input, InputProps } from \"~/Input\";\nimport { Chips, Chip } from \"~/Chips\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactComponent as BaselineCloseIcon } from \"./icons/baseline-close-24px.svg\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ninterface TagsProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Are input and chosen tags disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * Description beneath the input.\n     */\n    description?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * A list of tags.\n     */\n    value?: string[];\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: <T = unknown>(value: T) => void;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: (ev: Event) => void;\n\n    /**\n     * Automatically focus on the tags input.\n     */\n    autoFocus?: boolean;\n\n    /**\n     * Protected tags cannot be removed by the user.\n     */\n    protectedTags?: string[];\n}\n\nconst tagsStyle = css({\n    position: \"relative\",\n    \".mdc-elevation--z1\": {\n        position: \"absolute\",\n        width: \"calc(100% - 2px)\",\n        left: 1,\n        top: 56,\n        zIndex: 10,\n        maxHeight: 200,\n        overflowY: \"scroll\",\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    },\n    ul: {\n        listStyle: \"none\",\n        width: \"100%\",\n        padding: 0,\n        li: {\n            padding: 10\n        }\n    }\n});\n\nexport const Tags = (props: TagsProps) => {\n    const [inputValue, setInputValue] = useState(\"\");\n\n    const {\n        validation,\n        value,\n        disabled,\n        onChange,\n        description,\n        protectedTags = [],\n        ...otherInputProps\n    } = props;\n\n    const isProtected = useCallback(\n        (tag: string) => protectedTags.some(pattern => minimatch(tag, pattern)),\n        [protectedTags]\n    );\n\n    const inputProps: InputProps<string> = {\n        ...otherInputProps,\n        value: inputValue,\n        onChange: inputValue => {\n            setInputValue(inputValue);\n        },\n        onKeyDown: (ev: SyntheticEvent) => {\n            if (!onChange) {\n                return;\n            }\n\n            const newValue = Array.isArray(value) ? [...value] : [];\n\n            /**\n             * We must cast as keycode only works with Event | string type.\n             */\n            switch (keycode(ev as unknown as Event)) {\n                case \"enter\":\n                    if (inputValue) {\n                        newValue.push(inputValue);\n                        onChange(newValue);\n                        setInputValue(\"\");\n                    }\n                    break;\n                case \"backspace\":\n                    if (newValue.length && !inputValue) {\n                        newValue.splice(-1, 1);\n                        onChange(newValue);\n                        break;\n                    }\n            }\n        }\n    };\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <div className={tagsStyle}>\n            <div>\n                <Input {...inputProps} />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n\n                {Array.isArray(value) && value.length ? (\n                    <Chips disabled={disabled}>\n                        {value.map((item, index) => {\n                            return (\n                                <Chip\n                                    label={item}\n                                    trailingIcon={isProtected(item) ? null : <BaselineCloseIcon />}\n                                    key={`${item}-${index}`}\n                                    onRemove={() => {\n                                        // On removal, let's update the value and call \"onChange\" callback.\n                                        if (onChange) {\n                                            const newValue = [...value];\n                                            newValue.splice(index, 1);\n                                            onChange(newValue);\n                                        }\n                                    }}\n                                />\n                            );\n                        })}\n                    </Chips>\n                ) : null}\n            </div>\n        </div>\n    );\n};\n\nexport default Tags;\n"],"mappings":"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"}

package/Tooltip/Tooltip.js

@@ -45,7 +45,7 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
       /**
        * rc-tooltip types do not have animation as prop, but the rc-tooltip lib has.
        */
-      // @ts-ignore
+      // @ts-expect-error
       , Object.assign({
         animation: "fade",
         onVisibleChange: this.onVisibleChange,

package/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_rcTooltip","Tooltip","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","tooltipIsOpen","visible","setState","_createClass2","key","value","render","createElement","Object","assign","animation","onVisibleChange","overlay","props","content","className","children","React","Component","exports"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as RcTooltip } from \"rc-tooltip\";\nimport \"rc-tooltip/assets/bootstrap_white.css\";\nimport \"./style.scss\";\n\ntype TooltipPropsContent =\n    | (() => React.ReactChild)\n    | React.ReactChild\n    | React.ReactFragment\n    | React.ReactPortal;\n\nexport interface TooltipProps {\n    // A component (eg. button) which will trigger the tooltip.\n    children: React.ReactNode;\n\n    // Content which will be shown inside the tooltip.\n    content: TooltipPropsContent;\n\n    // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n    trigger?: string;\n\n    // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n    placement?:\n        | \"left\"\n        | \"right\"\n        | \"top\"\n        | \"bottom\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"bottomLeft\"\n        | \"bottomRight\";\n\n    // CSS class name\n    className?: string;\n}\n\ninterface State {\n    tooltipIsOpen: boolean;\n}\n\n/**\n * Use Tooltip component to display a list of choices, once the handler is triggered.\n */\nclass Tooltip extends React.Component<TooltipProps, State> {\n    public override state = {\n        tooltipIsOpen: false\n    };\n\n    onVisibleChange = (visible?: boolean) => {\n        this.setState({\n            tooltipIsOpen: visible || false\n        });\n    };\n\n    public override render() {\n        return (\n            <RcTooltip\n                /**\n                 * rc-tooltip types do not have animation as prop, but the rc-tooltip lib has.\n                 */\n                // @ts-ignore\n                animation={\"fade\"}\n                onVisibleChange={this.onVisibleChange}\n                overlay={this.props.content}\n                {...this.props}\n            >\n                <span className=\"webiny-ui-tooltip tooltip-content-wrapper\">\n                    {this.props.children}\n                </span>\n            </RcTooltip>\n        );\n    }\n}\n\nexport { Tooltip };\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AACAA,OAAA;AAqCA;AACA;AACA;AAFA,IAGME,OAAO,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,OAAA,EAAAC,gBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,OAAA;EAAA,SAAAA,QAAA;IAAA,IAAAM,KAAA;IAAA,IAAAC,gBAAA,CAAAJ,OAAA,QAAAH,OAAA;IAAA,SAAAQ,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,CAAAd,OAAA,MAAAe,uBAAA,CAAAf,OAAA,EAAAG,KAAA,YACe;MACpBa,aAAa,EAAE;IACnB,CAAC;IAAA,IAAAF,gBAAA,CAAAd,OAAA,MAAAe,uBAAA,CAAAf,OAAA,EAAAG,KAAA,sBAEiB,UAACc,OAAiB,EAAK;MACrCd,KAAA,CAAKe,QAAQ,CAAC;QACVF,aAAa,EAAEC,OAAO,IAAI;MAC9B,CAAC,CAAC;IACN,CAAC;IAAA,OAAAd,KAAA;EAAA;EAAA,IAAAgB,aAAA,CAAAnB,OAAA,EAAAH,OAAA;IAAAuB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAyB;MACrB,oBACI7B,MAAA,CAAAO,OAAA,CAAAuB,aAAA,CAAC3B,UAAA,CAAAI;MACG;AAChB;AACA;MACgB;MAAA,EAAAwB,MAAA,CAAAC,MAAA;QACAC,SAAS,EAAE,MAAO;QAClBC,eAAe,EAAE,IAAI,CAACA,eAAgB;QACtCC,OAAO,EAAE,IAAI,CAACC,KAAK,CAACC;MAAQ,GACxB,IAAI,CAACD,KAAK,gBAEdpC,MAAA,CAAAO,OAAA,CAAAuB,aAAA;QAAMQ,SAAS,EAAC;MAA2C,GACtD,IAAI,CAACF,KAAK,CAACG,QACV,CACC,CAAC;IAEpB;EAAC;EAAA,OAAAnC,OAAA;AAAA,EA5BiBoC,cAAK,CAACC,SAAS;AAAAC,OAAA,CAAAtC,OAAA,GAAAA,OAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_rcTooltip","Tooltip","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","tooltipIsOpen","visible","setState","_createClass2","key","value","render","createElement","Object","assign","animation","onVisibleChange","overlay","props","content","className","children","React","Component","exports"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as RcTooltip } from \"rc-tooltip\";\nimport \"rc-tooltip/assets/bootstrap_white.css\";\nimport \"./style.scss\";\n\ntype TooltipPropsContent =\n    | (() => React.ReactChild)\n    | React.ReactChild\n    | React.ReactFragment\n    | React.ReactPortal;\n\nexport interface TooltipProps {\n    // A component (eg. button) which will trigger the tooltip.\n    children: React.ReactNode;\n\n    // Content which will be shown inside the tooltip.\n    content: TooltipPropsContent;\n\n    // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n    trigger?: string;\n\n    // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n    placement?:\n        | \"left\"\n        | \"right\"\n        | \"top\"\n        | \"bottom\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"bottomLeft\"\n        | \"bottomRight\";\n\n    // CSS class name\n    className?: string;\n}\n\ninterface State {\n    tooltipIsOpen: boolean;\n}\n\n/**\n * Use Tooltip component to display a list of choices, once the handler is triggered.\n */\nclass Tooltip extends React.Component<TooltipProps, State> {\n    public override state = {\n        tooltipIsOpen: false\n    };\n\n    onVisibleChange = (visible?: boolean) => {\n        this.setState({\n            tooltipIsOpen: visible || false\n        });\n    };\n\n    public override render() {\n        return (\n            <RcTooltip\n                /**\n                 * rc-tooltip types do not have animation as prop, but the rc-tooltip lib has.\n                 */\n                // @ts-expect-error\n                animation={\"fade\"}\n                onVisibleChange={this.onVisibleChange}\n                overlay={this.props.content}\n                {...this.props}\n            >\n                <span className=\"webiny-ui-tooltip tooltip-content-wrapper\">\n                    {this.props.children}\n                </span>\n            </RcTooltip>\n        );\n    }\n}\n\nexport { Tooltip };\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AACAA,OAAA;AAqCA;AACA;AACA;AAFA,IAGME,OAAO,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,OAAA,EAAAC,gBAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,OAAA;EAAA,SAAAA,QAAA;IAAA,IAAAM,KAAA;IAAA,IAAAC,gBAAA,CAAAJ,OAAA,QAAAH,OAAA;IAAA,SAAAQ,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,CAAAd,OAAA,MAAAe,uBAAA,CAAAf,OAAA,EAAAG,KAAA,YACe;MACpBa,aAAa,EAAE;IACnB,CAAC;IAAA,IAAAF,gBAAA,CAAAd,OAAA,MAAAe,uBAAA,CAAAf,OAAA,EAAAG,KAAA,sBAEiB,UAACc,OAAiB,EAAK;MACrCd,KAAA,CAAKe,QAAQ,CAAC;QACVF,aAAa,EAAEC,OAAO,IAAI;MAC9B,CAAC,CAAC;IACN,CAAC;IAAA,OAAAd,KAAA;EAAA;EAAA,IAAAgB,aAAA,CAAAnB,OAAA,EAAAH,OAAA;IAAAuB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAyB;MACrB,oBACI7B,MAAA,CAAAO,OAAA,CAAAuB,aAAA,CAAC3B,UAAA,CAAAI;MACG;AAChB;AACA;MACgB;MAAA,EAAAwB,MAAA,CAAAC,MAAA;QACAC,SAAS,EAAE,MAAO;QAClBC,eAAe,EAAE,IAAI,CAACA,eAAgB;QACtCC,OAAO,EAAE,IAAI,CAACC,KAAK,CAACC;MAAQ,GACxB,IAAI,CAACD,KAAK,gBAEdpC,MAAA,CAAAO,OAAA,CAAAuB,aAAA;QAAMQ,SAAS,EAAC;MAA2C,GACtD,IAAI,CAACF,KAAK,CAACG,QACV,CACC,CAAC;IAEpB;EAAC;EAAA,OAAAnC,OAAA;AAAA,EA5BiBoC,cAAK,CAACC,SAAS;AAAAC,OAAA,CAAAtC,OAAA,GAAAA,OAAA"}

package/Typography/Typography.d.ts

@@ -9,5 +9,5 @@ interface TypographyProps extends RmwcTypographyProps {
 /**
  * Use Ripple component to display a list of choices, once the handler is triggered.
  */
-declare const Typography: React.FC<TypographyProps>;
+declare const Typography: (props: TypographyProps) => JSX.Element;
 export { Typography, TypographyProps };

package/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_typography","Typography","props","default","createElement","children","exports"],"sources":["Typography.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Typography as RwmcTypography,\n    TypographyProps as RmwcTypographyProps\n} from \"@rmwc/typography\";\n\ninterface TypographyProps extends RmwcTypographyProps {\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    tag?: string;\n}\n\n/**\n * Use Ripple component to display a list of choices, once the handler is triggered.\n */\nconst Typography: React.FC<TypographyProps> = props => {\n    return <RwmcTypography {...props}>{props.children}</RwmcTypography>;\n};\n\nexport { Typography, TypographyProps };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAYA;AACA;AACA;AACA,IAAME,UAAqC,GAAG,SAAxCA,UAAqCA,CAAGC,KAAK,EAAI;EACnD,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,WAAA,CAAAC,UAAc,EAAKC,KAAK,EAAGA,KAAK,CAACG,QAAyB,CAAC;AACvE,CAAC;AAACC,OAAA,CAAAL,UAAA,GAAAA,UAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_typography","Typography","props","default","createElement","children","exports"],"sources":["Typography.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Typography as RwmcTypography,\n    TypographyProps as RmwcTypographyProps\n} from \"@rmwc/typography\";\n\ninterface TypographyProps extends RmwcTypographyProps {\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    tag?: string;\n}\n\n/**\n * Use Ripple component to display a list of choices, once the handler is triggered.\n */\nconst Typography = (props: TypographyProps) => {\n    return <RwmcTypography {...props}>{props.children}</RwmcTypography>;\n};\n\nexport { Typography, TypographyProps };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAYA;AACA;AACA;AACA,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAsB,EAAK;EAC3C,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,WAAA,CAAAC,UAAc,EAAKC,KAAK,EAAGA,KAAK,CAACG,QAAyB,CAAC;AACvE,CAAC;AAACC,OAAA,CAAAL,UAAA,GAAAA,UAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/ui",
-	"version": "5.39.0-beta.0",
+	"version": "5.39.0-beta.2",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -83,11 +83,11 @@
 		"@types/react-custom-scrollbars": "4.0.10",
 		"@types/react-transition-group": "4.4.5",
 		"@types/shortid": "0.0.29",
-		"@webiny/cli": "5.39.0-beta.0",
-		"@webiny/form": "5.39.0-beta.0",
-		"@webiny/project-utils": "5.39.0-beta.0",
-		"@webiny/storybook-utils": "5.39.0-beta.0",
-		"@webiny/validation": "5.39.0-beta.0",
+		"@webiny/cli": "5.39.0-beta.2",
+		"@webiny/form": "5.39.0-beta.2",
+		"@webiny/project-utils": "5.39.0-beta.2",
+		"@webiny/storybook-utils": "5.39.0-beta.2",
+		"@webiny/validation": "5.39.0-beta.2",
 		"babel-loader": "9.1.2",
 		"babel-plugin-emotion": "9.2.11",
 		"execa": "5.1.1",
@@ -134,5 +134,5 @@
 			]
 		}
 	},
-	"gitHead": "df94742fba6658ed3507e1e17ab53dc77bb66330"
+	"gitHead": "193039382160557448f23f43685f29136f58f87a"
 }