@mailstep/design-system 0.1.4-beta.8 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -3
- package/ui/Blocks/CornerDialog/index.d.ts +6 -0
- package/ui/Blocks/CornerDialog/index.js +10 -0
- package/ui/Blocks/CornerDialog/index.js.map +1 -0
- package/ui/Blocks/CornerDialog/types.d.ts +14 -0
- package/ui/Blocks/ImageList/ImageList.js +4 -5
- package/ui/Blocks/ImageList/ImageList.js.map +1 -1
- package/ui/Blocks/ImageList/index.d.ts +7 -0
- package/ui/Blocks/ImageList/index.js +10 -0
- package/ui/Blocks/ImageList/index.js.map +1 -0
- package/ui/Blocks/ImageList/types.d.ts +15 -0
- package/ui/Blocks/LightBox/LightBox.js +1 -1
- package/ui/Blocks/LightBox/LightBox.js.map +1 -1
- package/ui/Blocks/LightBox/index.d.ts +8 -0
- package/ui/Blocks/LightBox/index.js +12 -0
- package/ui/Blocks/LightBox/index.js.map +1 -0
- package/ui/Blocks/LightBox/types.d.ts +26 -0
- package/ui/Blocks/Modal/Modal.js +1 -1
- package/ui/Blocks/Modal/Modal.js.map +1 -1
- package/ui/Blocks/Modal/index.d.ts +8 -0
- package/ui/Blocks/Modal/index.js +11 -0
- package/ui/Blocks/Modal/index.js.map +1 -0
- package/ui/Blocks/Modal/types.d.ts +48 -0
- package/ui/Blocks/Tabs/Tabs.js +1 -1
- package/ui/Blocks/Tabs/Tabs.js.map +1 -1
- package/ui/Blocks/Tabs/index.d.ts +8 -0
- package/ui/Blocks/Tabs/index.js +12 -0
- package/ui/Blocks/Tabs/index.js.map +1 -0
- package/ui/Blocks/Tabs/types.d.ts +22 -0
- package/ui/Elements/Alert/Alert.js +3 -1
- package/ui/Elements/Alert/Alert.js.map +1 -1
- package/ui/Elements/Alert/index.d.ts +6 -0
- package/ui/Elements/Alert/index.js +11 -0
- package/ui/Elements/Alert/index.js.map +1 -0
- package/ui/Elements/Alert/styles.js +1 -1
- package/ui/Elements/Alert/styles.js.map +1 -1
- package/ui/Elements/Alert/types.d.ts +19 -0
- package/ui/Elements/Avatar/index.d.ts +5 -0
- package/ui/Elements/Avatar/index.js +11 -0
- package/ui/Elements/Avatar/index.js.map +1 -0
- package/ui/Elements/Avatar/types.d.ts +10 -0
- package/ui/Elements/Badge/Badge.d.ts +11 -0
- package/ui/Elements/Badge/Badge.js +3 -1
- package/ui/Elements/Badge/Badge.js.map +1 -1
- package/ui/Elements/Badge/index.d.ts +5 -0
- package/ui/Elements/Badge/index.js +11 -0
- package/ui/Elements/Badge/index.js.map +1 -0
- package/ui/Elements/BorderedBox/BorderedBox.js +3 -1
- package/ui/Elements/BorderedBox/BorderedBox.js.map +1 -1
- package/ui/Elements/BorderedBox/index.d.ts +5 -0
- package/ui/Elements/BorderedBox/index.js +11 -0
- package/ui/Elements/BorderedBox/index.js.map +1 -0
- package/ui/Elements/BorderedBox/types.d.ts +7 -0
- package/ui/Elements/Button/Button.js +3 -1
- package/ui/Elements/Button/Button.js.map +1 -1
- package/ui/Elements/Button/index.d.ts +6 -0
- package/ui/Elements/Button/index.js +11 -0
- package/ui/Elements/Button/index.js.map +1 -0
- package/ui/Elements/Button/types.d.ts +23 -0
- package/ui/Elements/Card/Card.d.ts +8 -0
- package/ui/Elements/Card/Card.js +7 -0
- package/ui/Elements/Card/Card.js.map +1 -1
- package/ui/Elements/Card/index.d.ts +6 -0
- package/ui/Elements/Card/index.js +13 -0
- package/ui/Elements/Card/index.js.map +1 -0
- package/ui/Elements/Card/types.d.ts +15 -0
- package/ui/Elements/Dropdown/Dropdown.d.ts +5 -0
- package/ui/Elements/Dropdown/Dropdown.js +3 -1
- package/ui/Elements/Dropdown/Dropdown.js.map +1 -1
- package/ui/Elements/Dropdown/index.d.ts +5 -0
- package/ui/Elements/Dropdown/index.js +11 -0
- package/ui/Elements/Dropdown/index.js.map +1 -0
- package/ui/Elements/Dropdown/types.d.ts +13 -0
- package/ui/Elements/ErrorMessage/ErrorMessage.js +3 -1
- package/ui/Elements/ErrorMessage/ErrorMessage.js.map +1 -1
- package/ui/Elements/ErrorMessage/index.d.ts +5 -0
- package/ui/Elements/ErrorMessage/index.js +11 -0
- package/ui/Elements/ErrorMessage/index.js.map +1 -0
- package/ui/Elements/ErrorMessage/types.d.ts +8 -0
- package/ui/Elements/Icon/index.d.ts +8 -0
- package/ui/Elements/Icon/index.js +14 -0
- package/ui/Elements/Icon/index.js.map +1 -0
- package/ui/Elements/Icon/types.d.ts +25 -0
- package/ui/Elements/Image/Image.d.ts +5 -0
- package/ui/Elements/Image/Image.js +3 -1
- package/ui/Elements/Image/Image.js.map +1 -1
- package/ui/Elements/Image/index.d.ts +5 -0
- package/ui/Elements/Image/index.js +11 -0
- package/ui/Elements/Image/index.js.map +1 -0
- package/ui/Elements/Image/types.d.ts +19 -0
- package/ui/Elements/Label/Label.d.ts +11 -0
- package/ui/Elements/Label/index.d.ts +6 -0
- package/ui/Elements/Label/index.js +12 -0
- package/ui/Elements/Label/index.js.map +1 -0
- package/ui/Elements/Line/Line.js +3 -1
- package/ui/Elements/Line/Line.js.map +1 -1
- package/ui/Elements/Line/index.d.ts +3 -0
- package/ui/Elements/Line/index.js +11 -0
- package/ui/Elements/Line/index.js.map +1 -0
- package/ui/Elements/Line/types.d.ts +13 -0
- package/ui/Elements/Link/Link.d.ts +31 -0
- package/ui/Elements/Link/Link.js +3 -1
- package/ui/Elements/Link/Link.js.map +1 -1
- package/ui/Elements/Link/index.d.ts +5 -0
- package/ui/Elements/Link/index.js +11 -0
- package/ui/Elements/Link/index.js.map +1 -0
- package/ui/Elements/Logo/Logo.js +13 -11
- package/ui/Elements/Logo/Logo.js.map +1 -1
- package/ui/Elements/Logo/assets/mailship/logo_black.png.js +3 -1
- package/ui/Elements/Logo/assets/mailship/logo_black.png.js.map +1 -1
- package/ui/Elements/Logo/assets/mailship/logo_m.png.js +3 -1
- package/ui/Elements/Logo/assets/mailship/logo_m.png.js.map +1 -1
- package/ui/Elements/Logo/assets/mailship/logo_white.png.js +3 -1
- package/ui/Elements/Logo/assets/mailship/logo_white.png.js.map +1 -1
- package/ui/Elements/Logo/assets/mailship/mailship-logo.svg.js +3 -1
- package/ui/Elements/Logo/assets/mailship/mailship-logo.svg.js.map +1 -1
- package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg.js +3 -1
- package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg.js.map +1 -1
- package/ui/Elements/Logo/assets/mailstep/mailstep_white.svg.js +3 -1
- package/ui/Elements/Logo/assets/mailstep/mailstep_white.svg.js.map +1 -1
- package/ui/Elements/Logo/assets/mailstock/mailstock.svg.js +3 -1
- package/ui/Elements/Logo/assets/mailstock/mailstock.svg.js.map +1 -1
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js +3 -1
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js.map +1 -1
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js +3 -1
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js.map +1 -1
- package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js +3 -1
- package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js.map +1 -1
- package/ui/Elements/Logo/index.d.ts +5 -0
- package/ui/Elements/Logo/index.js +11 -0
- package/ui/Elements/Logo/index.js.map +1 -0
- package/ui/Elements/Logo/types.d.ts +12 -0
- package/ui/Elements/Pagination/Pagination.d.ts +8 -0
- package/ui/Elements/Pagination/Pagination.js +3 -1
- package/ui/Elements/Pagination/Pagination.js.map +1 -1
- package/ui/Elements/Pagination/index.d.ts +5 -0
- package/ui/Elements/Pagination/index.js +11 -0
- package/ui/Elements/Pagination/index.js.map +1 -0
- package/ui/Elements/Paragraph/Paragraph.d.ts +5 -0
- package/ui/Elements/Paragraph/Paragraph.js +3 -1
- package/ui/Elements/Paragraph/Paragraph.js.map +1 -1
- package/ui/Elements/Paragraph/index.d.ts +5 -0
- package/ui/Elements/Paragraph/index.js +11 -0
- package/ui/Elements/Paragraph/index.js.map +1 -0
- package/ui/Elements/Portal/index.d.ts +7 -0
- package/ui/Elements/Portal/index.js +3 -0
- package/ui/Elements/Portal/index.js.map +1 -1
- package/ui/Elements/ProgressBar/ProgressBar.d.ts +10 -0
- package/ui/Elements/ProgressBar/ProgressBar.js +3 -1
- package/ui/Elements/ProgressBar/ProgressBar.js.map +1 -1
- package/ui/Elements/ProgressBar/index.d.ts +5 -0
- package/ui/Elements/ProgressBar/index.js +11 -0
- package/ui/Elements/ProgressBar/index.js.map +1 -0
- package/ui/Elements/SimpleLink/SimpleLink.d.ts +23 -0
- package/ui/Elements/SimpleLink/SimpleLink.js +3 -1
- package/ui/Elements/SimpleLink/SimpleLink.js.map +1 -1
- package/ui/Elements/SimpleLink/index.d.ts +5 -0
- package/ui/Elements/SimpleLink/index.js +11 -0
- package/ui/Elements/SimpleLink/index.js.map +1 -0
- package/ui/Elements/SpaceAround/SpaceAround.d.ts +5 -0
- package/ui/Elements/SpaceAround/SpaceAround.js +3 -1
- package/ui/Elements/SpaceAround/SpaceAround.js.map +1 -1
- package/ui/Elements/SpaceAround/index.d.ts +5 -0
- package/ui/Elements/SpaceAround/index.js +11 -0
- package/ui/Elements/SpaceAround/index.js.map +1 -0
- package/ui/Elements/SpaceAround/types.d.ts +15 -0
- package/ui/Elements/Spinner/index.d.ts +5 -0
- package/ui/Elements/Spinner/index.js +11 -0
- package/ui/Elements/Spinner/index.js.map +1 -0
- package/ui/Elements/Spinner/types.d.ts +8 -0
- package/ui/Elements/Tag/index.d.ts +7 -0
- package/ui/Elements/Tag/index.js +11 -0
- package/ui/Elements/Tag/index.js.map +1 -0
- package/ui/Elements/Tag/types.d.ts +17 -0
- package/ui/Elements/Text/Text.js +3 -1
- package/ui/Elements/Text/Text.js.map +1 -1
- package/ui/Elements/Text/types.d.ts +14 -0
- package/ui/Elements/Toast/Toast.d.ts +12 -0
- package/ui/Elements/Toast/Toast.js +3 -1
- package/ui/Elements/Toast/Toast.js.map +1 -1
- package/ui/Elements/Toast/index.d.ts +5 -0
- package/ui/Elements/Toast/index.js +11 -0
- package/ui/Elements/Toast/index.js.map +1 -0
- package/ui/Elements/Toggle/Toggle.js +4 -2
- package/ui/Elements/Toggle/Toggle.js.map +1 -1
- package/ui/Elements/Toggle/index.d.ts +5 -0
- package/ui/Elements/Toggle/index.js +11 -0
- package/ui/Elements/Toggle/index.js.map +1 -0
- package/ui/Elements/Toggle/types.d.ts +23 -0
- package/ui/Elements/Typography/Typography.js +1 -1
- package/ui/Elements/Typography/Typography.js.map +1 -1
- package/ui/Elements/Typography/index.d.ts +19 -0
- package/ui/Elements/Typography/index.js +23 -0
- package/ui/Elements/Typography/index.js.map +1 -0
- package/ui/Forms/Checkbox/Checkbox.js +3 -1
- package/ui/Forms/Checkbox/Checkbox.js.map +1 -1
- package/ui/Forms/Checkbox/index.d.ts +5 -0
- package/ui/Forms/Checkbox/index.js +11 -0
- package/ui/Forms/Checkbox/index.js.map +1 -0
- package/ui/Forms/Checkbox/types.d.ts +19 -0
- package/ui/Forms/Input/Input.js +1 -1
- package/ui/Forms/Input/Input.js.map +1 -1
- package/ui/Forms/Input/index.d.ts +5 -0
- package/ui/Forms/Input/index.js +11 -0
- package/ui/Forms/Input/index.js.map +1 -0
- package/ui/Forms/Input/types.d.ts +49 -0
- package/ui/Forms/RadioButton/RadioButton.js +3 -1
- package/ui/Forms/RadioButton/RadioButton.js.map +1 -1
- package/ui/Forms/RadioButton/index.d.ts +5 -0
- package/ui/Forms/RadioButton/index.js +11 -0
- package/ui/Forms/RadioButton/index.js.map +1 -0
- package/ui/Forms/RadioButton/types.d.ts +15 -0
- package/ui/ThemeProvider/ThemeProvider.js +4 -2
- package/ui/ThemeProvider/ThemeProvider.js.map +1 -1
- package/ui/ThemeProvider/index.d.ts +8 -0
- package/ui/ThemeProvider/index.js +11 -0
- package/ui/ThemeProvider/index.js.map +1 -0
- package/ui/ThemeProvider/themes/default.js +3 -1
- package/ui/ThemeProvider/themes/default.js.map +1 -1
- package/ui/ThemeProvider/themes/index.js +6 -4
- package/ui/ThemeProvider/themes/index.js.map +1 -1
- package/ui/ThemeProvider/themes/light.js +3 -1
- package/ui/ThemeProvider/themes/light.js.map +1 -1
- package/ui/ThemeProvider/themes/mailwise.js +3 -1
- package/ui/ThemeProvider/themes/mailwise.js.map +1 -1
- package/ui/ThemeProvider/types.d.ts +53 -0
- package/ui/dts/Blocks/CornerDialog/index.d.ts +2 -1
- package/ui/dts/Blocks/ImageList/index.d.ts +2 -1
- package/ui/dts/Blocks/LightBox/index.d.ts +2 -1
- package/ui/dts/Blocks/Modal/index.d.ts +2 -1
- package/ui/dts/Blocks/Tabs/index.d.ts +2 -0
- package/ui/dts/Elements/Alert/index.d.ts +1 -0
- package/ui/dts/Elements/Alert/types.d.ts +2 -2
- package/ui/dts/Elements/Avatar/index.d.ts +2 -0
- package/ui/dts/Elements/Badge/index.d.ts +1 -0
- package/ui/dts/Elements/BorderedBox/BorderedBox.d.ts +2 -2
- package/ui/dts/Elements/BorderedBox/index.d.ts +1 -0
- package/ui/dts/Elements/BorderedBox/stories/BorderedBox.stories.d.ts +1 -1
- package/ui/dts/Elements/BorderedBox/types.d.ts +1 -1
- package/ui/dts/Elements/Button/index.d.ts +1 -0
- package/ui/dts/Elements/Card/index.d.ts +2 -0
- package/ui/dts/Elements/Dropdown/index.d.ts +1 -0
- package/ui/dts/Elements/ErrorMessage/index.d.ts +1 -0
- package/ui/dts/Elements/Icon/index.d.ts +1 -0
- package/ui/dts/Elements/Image/index.d.ts +1 -0
- package/ui/dts/Elements/Label/index.d.ts +2 -0
- package/ui/dts/Elements/Line/index.d.ts +1 -0
- package/ui/dts/Elements/Link/index.d.ts +1 -0
- package/ui/dts/Elements/Logo/index.d.ts +1 -0
- package/ui/dts/Elements/Pagination/index.d.ts +1 -0
- package/ui/dts/Elements/Paragraph/index.d.ts +1 -0
- package/ui/dts/Elements/Portal/index.d.ts +1 -0
- package/ui/dts/Elements/ProgressBar/index.d.ts +1 -0
- package/ui/dts/Elements/SimpleLink/index.d.ts +1 -0
- package/ui/dts/Elements/SpaceAround/index.d.ts +1 -0
- package/ui/dts/Elements/Spinner/index.d.ts +1 -0
- package/ui/dts/Elements/Tag/index.d.ts +1 -0
- package/ui/dts/Elements/Toast/index.d.ts +1 -0
- package/ui/dts/Elements/Toggle/index.d.ts +1 -0
- package/ui/dts/Elements/Typography/index.d.ts +2 -0
- package/ui/dts/Forms/Checkbox/index.d.ts +1 -0
- package/ui/dts/Forms/Input/index.d.ts +1 -0
- package/ui/dts/Forms/RadioButton/index.d.ts +1 -0
- package/ui/dts/ThemeProvider/index.d.ts +1 -0
- package/ui/dts/index.d.ts +36 -0
- package/ui/dts/utils/index.d.ts +5 -0
- package/ui/index.d.ts +50 -0
- package/ui/index.js +28 -24
- package/ui/index.js.map +1 -1
- package/ui/utils/CreateRgba/createRgba.js +1 -1
- package/ui/utils/CreateRgba/createRgba.js.map +1 -1
- package/ui/utils/CreateRgba/types.d.ts +3 -0
- package/ui/utils/KeyPress/KeyPress.js +3 -1
- package/ui/utils/KeyPress/KeyPress.js.map +1 -1
- package/ui/utils/KeyPress/index.js +3 -1
- package/ui/utils/KeyPress/index.js.map +1 -1
- package/ui/utils/KeyPress/types.d.ts +7 -0
- package/ui/utils/index.d.ts +10 -0
- package/ui/utils/index.js +16 -0
- package/ui/utils/index.js.map +1 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var tslib = require('tslib');
|
|
4
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
7
|
var styled = require('@xstyled/styled-components');
|
|
@@ -41,5 +43,5 @@ var Badge = function (_a) {
|
|
|
41
43
|
};
|
|
42
44
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
43
45
|
|
|
44
|
-
|
|
46
|
+
exports.default = Badge;
|
|
45
47
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../../packages/ui/Elements/Badge/Badge.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled, { css, useTheme } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nvar Circle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n padding: 2px;\\n color: white;\\n background-color: \", \";\\n border-radius: 50%;\\n width: \", \";\\n height: \", \";\\n\\n .label {\\n font-family: \", \";\\n font-weight: 600;\\n vertical-align: middle;\\n text-align: center;\\n font-size: \", \";\\n }\\n\\n position: absolute;\\n top: 0;\\n right: 0;\\n transform: translate(\", \");\\n\"], [\"\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n padding: 2px;\\n color: white;\\n background-color: \", \";\\n border-radius: 50%;\\n width: \", \";\\n height: \", \";\\n\\n .label {\\n font-family: \", \";\\n font-weight: 600;\\n vertical-align: middle;\\n text-align: center;\\n font-size: \", \";\\n }\\n\\n position: absolute;\\n top: 0;\\n right: 0;\\n transform: translate(\", \");\\n\"])), function (_a) {\n var color = _a.color;\n return color;\n}, function (_a) {\n var size = _a.size;\n return size;\n}, function (_a) {\n var size = _a.size;\n return size;\n}, th('fonts.primary'), function (_a) {\n var fontSize = _a.fontSize;\n return \"\".concat(fontSize, \"px\");\n}, function (_a) {\n var topPosition = _a.topPosition;\n return (topPosition ? '75%, -75%' : '50%, -50%');\n});\nvar RelativeWrap = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n position: relative;\\n \", \";\\n\"], [\"\\n position: relative;\\n \", \";\\n\"])), function (_a) {\n var width = _a.width;\n return width\n ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n width: \", \";\\n \"], [\"\\n width: \", \";\\n \"])), width) : '';\n});\nvar Badge = function (_a) {\n var children = _a.children, _b = _a.color, color = _b === void 0 ? 'red2' : _b, _c = _a.size, size = _c === void 0 ? 6 : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 10 : _d, label = _a.label, childWidth = _a.childWidth, topPosition = _a.topPosition;\n var theme = useTheme();\n var themeColor = th.color(color)({ theme: theme });\n var themeSize = th.fontSize(size)({ theme: theme });\n if (!label || (typeof label === 'number' && label <= 0)) {\n return _jsx(_Fragment, { children: children });\n }\n return (_jsxs(RelativeWrap, { width: childWidth, children: [_jsx(Circle, { color: themeColor, size: themeSize, topPosition: topPosition, fontSize: fontSize, children: _jsx(\"div\", { className: \"label\", children: label }) }), children] }));\n};\nexport default Badge;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=Badge.js.map"],"names":["styled","__makeTemplateObject","th","css","useTheme","_jsx","_Fragment","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../../packages/ui/Elements/Badge/Badge.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled, { css, useTheme } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nvar Circle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n padding: 2px;\\n color: white;\\n background-color: \", \";\\n border-radius: 50%;\\n width: \", \";\\n height: \", \";\\n\\n .label {\\n font-family: \", \";\\n font-weight: 600;\\n vertical-align: middle;\\n text-align: center;\\n font-size: \", \";\\n }\\n\\n position: absolute;\\n top: 0;\\n right: 0;\\n transform: translate(\", \");\\n\"], [\"\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n padding: 2px;\\n color: white;\\n background-color: \", \";\\n border-radius: 50%;\\n width: \", \";\\n height: \", \";\\n\\n .label {\\n font-family: \", \";\\n font-weight: 600;\\n vertical-align: middle;\\n text-align: center;\\n font-size: \", \";\\n }\\n\\n position: absolute;\\n top: 0;\\n right: 0;\\n transform: translate(\", \");\\n\"])), function (_a) {\n var color = _a.color;\n return color;\n}, function (_a) {\n var size = _a.size;\n return size;\n}, function (_a) {\n var size = _a.size;\n return size;\n}, th('fonts.primary'), function (_a) {\n var fontSize = _a.fontSize;\n return \"\".concat(fontSize, \"px\");\n}, function (_a) {\n var topPosition = _a.topPosition;\n return (topPosition ? '75%, -75%' : '50%, -50%');\n});\nvar RelativeWrap = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n position: relative;\\n \", \";\\n\"], [\"\\n position: relative;\\n \", \";\\n\"])), function (_a) {\n var width = _a.width;\n return width\n ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n width: \", \";\\n \"], [\"\\n width: \", \";\\n \"])), width) : '';\n});\nvar Badge = function (_a) {\n var children = _a.children, _b = _a.color, color = _b === void 0 ? 'red2' : _b, _c = _a.size, size = _c === void 0 ? 6 : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 10 : _d, label = _a.label, childWidth = _a.childWidth, topPosition = _a.topPosition;\n var theme = useTheme();\n var themeColor = th.color(color)({ theme: theme });\n var themeSize = th.fontSize(size)({ theme: theme });\n if (!label || (typeof label === 'number' && label <= 0)) {\n return _jsx(_Fragment, { children: children });\n }\n return (_jsxs(RelativeWrap, { width: childWidth, children: [_jsx(Circle, { color: themeColor, size: themeSize, topPosition: topPosition, fontSize: fontSize, children: _jsx(\"div\", { className: \"label\", children: label }) }), children] }));\n};\nexport default Badge;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=Badge.js.map"],"names":["styled","__makeTemplateObject","th","css","useTheme","_jsx","_Fragment","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var tslib = require('tslib');
|
|
4
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
7
|
var styled = require('@xstyled/styled-components');
|
|
@@ -15,5 +17,5 @@ var BorderedBox = function (_a) {
|
|
|
15
17
|
};
|
|
16
18
|
var templateObject_1;
|
|
17
19
|
|
|
18
|
-
|
|
20
|
+
exports.default = BorderedBox;
|
|
19
21
|
//# sourceMappingURL=BorderedBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BorderedBox.js","sources":["../../../../packages/ui/Elements/BorderedBox/BorderedBox.tsx"],"sourcesContent":["import { __assign, __makeTemplateObject, __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled, { x } from '@xstyled/styled-components';\nvar StyledBox = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: flex;\\n box-sizing: border-box;\\n flex-direction: column;\\n padding: 3;\\n border: slim;\\n border-color: lightGray3;\\n border-radius: md;\\n\"], [\"\\n display: flex;\\n box-sizing: border-box;\\n flex-direction: column;\\n padding: 3;\\n border: slim;\\n border-color: lightGray3;\\n border-radius: md;\\n\"])));\nvar BorderedBox = function (_a) {\n var children = _a.children, className = _a.className, id = _a.id, rest = __rest(_a, [\"children\", \"className\", \"id\"]);\n return (_jsx(StyledBox, __assign({ id: id, className: className }, rest, { children: children })));\n};\nexport default BorderedBox;\nvar templateObject_1;\n//# sourceMappingURL=BorderedBox.js.map"],"names":["styled","x","__makeTemplateObject","__rest","_jsx","__assign"],"mappings":"
|
|
1
|
+
{"version":3,"file":"BorderedBox.js","sources":["../../../../packages/ui/Elements/BorderedBox/BorderedBox.tsx"],"sourcesContent":["import { __assign, __makeTemplateObject, __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled, { x } from '@xstyled/styled-components';\nvar StyledBox = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: flex;\\n box-sizing: border-box;\\n flex-direction: column;\\n padding: 3;\\n border: slim;\\n border-color: lightGray3;\\n border-radius: md;\\n\"], [\"\\n display: flex;\\n box-sizing: border-box;\\n flex-direction: column;\\n padding: 3;\\n border: slim;\\n border-color: lightGray3;\\n border-radius: md;\\n\"])));\nvar BorderedBox = function (_a) {\n var children = _a.children, className = _a.className, id = _a.id, rest = __rest(_a, [\"children\", \"className\", \"id\"]);\n return (_jsx(StyledBox, __assign({ id: id, className: className }, rest, { children: children })));\n};\nexport default BorderedBox;\nvar templateObject_1;\n//# sourceMappingURL=BorderedBox.js.map"],"names":["styled","x","__makeTemplateObject","__rest","_jsx","__assign"],"mappings":";;;;;;;;;;;;AAGA,IAAI,SAAS,GAAGA,uBAAM,CAACC,QAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,+JAA+J,CAAC,EAAE,CAAC,+JAA+J,CAAC,CAAC,CAAC,CAAC,CAAC;AACha,IAAC,WAAW,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,GAAGC,YAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;AACzH,IAAI,QAAQC,cAAI,CAAC,SAAS,EAAEC,cAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE;AACvG,EAAE;AAEF,IAAI,gBAAgB;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var BorderedBox = require('./BorderedBox.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.BorderedBox = BorderedBox.default;
|
|
10
|
+
exports.default = BorderedBox.default;
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var tslib = require('tslib');
|
|
4
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
7
|
var styles = require('./styles.js');
|
|
@@ -10,5 +12,5 @@ var Button = function (_a) {
|
|
|
10
12
|
return (jsxRuntime.jsx(styles.StyledButton, tslib.__assign({}, props, { onClick: !disabled && !isLoading ? onClick : undefined, "data-appearance": appearance, "data-sizing": sizing, disabled: disabled, ref: buttonRef, fullWidth: fullWidth, children: jsxRuntime.jsxs(styles.StyledWrapper, { children: [icon && (typeof icon === 'string' ? jsxRuntime.jsx(styles.StyledIcon, { "$addMargin": !!props.children, icon: icon }) : icon), isLoading ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(styles.LoadingIconWrapper, { "$addMargin": !!loadingText || !!props.children, children: jsxRuntime.jsx(Spinner.Spinner, { variant: "sm" }) }), loadingText || loadingText === '' ? loadingText : 'Loading'] })) : (props.children)] }) })));
|
|
11
13
|
};
|
|
12
14
|
|
|
13
|
-
|
|
15
|
+
exports.default = Button;
|
|
14
16
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../packages/ui/Elements/Button/Button.tsx"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { StyledButton, LoadingIconWrapper, StyledIcon, StyledWrapper } from './styles';\nimport { Spinner } from '../Spinner';\nvar Button = function (_a) {\n var isLoading = _a.isLoading, loadingText = _a.loadingText, icon = _a.icon, _b = _a.appearance, appearance = _b === void 0 ? 'primary' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.sizing, sizing = _d === void 0 ? 'normal' : _d, buttonRef = _a.buttonRef, onClick = _a.onClick, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, props = __rest(_a, [\"isLoading\", \"loadingText\", \"icon\", \"appearance\", \"disabled\", \"sizing\", \"buttonRef\", \"onClick\", \"fullWidth\"]);\n return (_jsx(StyledButton, __assign({}, props, { onClick: !disabled && !isLoading ? onClick : undefined, \"data-appearance\": appearance, \"data-sizing\": sizing, disabled: disabled, ref: buttonRef, fullWidth: fullWidth, children: _jsxs(StyledWrapper, { children: [icon && (typeof icon === 'string' ? _jsx(StyledIcon, { \"$addMargin\": !!props.children, icon: icon }) : icon), isLoading ? (_jsxs(_Fragment, { children: [_jsx(LoadingIconWrapper, { \"$addMargin\": !!loadingText || !!props.children, children: _jsx(Spinner, { variant: \"sm\" }) }), loadingText || loadingText === '' ? loadingText : 'Loading'] })) : (props.children)] }) })));\n};\nexport default Button;\n//# sourceMappingURL=Button.js.map"],"names":["__rest","_jsx","StyledButton","__assign","_jsxs","StyledWrapper","StyledIcon","_Fragment","LoadingIconWrapper","Spinner"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../packages/ui/Elements/Button/Button.tsx"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { StyledButton, LoadingIconWrapper, StyledIcon, StyledWrapper } from './styles';\nimport { Spinner } from '../Spinner';\nvar Button = function (_a) {\n var isLoading = _a.isLoading, loadingText = _a.loadingText, icon = _a.icon, _b = _a.appearance, appearance = _b === void 0 ? 'primary' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.sizing, sizing = _d === void 0 ? 'normal' : _d, buttonRef = _a.buttonRef, onClick = _a.onClick, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, props = __rest(_a, [\"isLoading\", \"loadingText\", \"icon\", \"appearance\", \"disabled\", \"sizing\", \"buttonRef\", \"onClick\", \"fullWidth\"]);\n return (_jsx(StyledButton, __assign({}, props, { onClick: !disabled && !isLoading ? onClick : undefined, \"data-appearance\": appearance, \"data-sizing\": sizing, disabled: disabled, ref: buttonRef, fullWidth: fullWidth, children: _jsxs(StyledWrapper, { children: [icon && (typeof icon === 'string' ? _jsx(StyledIcon, { \"$addMargin\": !!props.children, icon: icon }) : icon), isLoading ? (_jsxs(_Fragment, { children: [_jsx(LoadingIconWrapper, { \"$addMargin\": !!loadingText || !!props.children, children: _jsx(Spinner, { variant: \"sm\" }) }), loadingText || loadingText === '' ? loadingText : 'Loading'] })) : (props.children)] }) })));\n};\nexport default Button;\n//# sourceMappingURL=Button.js.map"],"names":["__rest","_jsx","StyledButton","__assign","_jsxs","StyledWrapper","StyledIcon","_Fragment","LoadingIconWrapper","Spinner"],"mappings":";;;;;;;;;AAIG,IAAC,MAAM,GAAG,UAAU,EAAE,EAAE;AAC3B,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,WAAW,GAAG,EAAE,CAAC,WAAW,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,UAAU,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,QAAQ,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,KAAK,GAAGA,YAAM,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;AAC/e,IAAI,QAAQC,cAAI,CAACC,mBAAY,EAAEC,cAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,QAAQ,IAAI,CAAC,SAAS,GAAG,OAAO,GAAG,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAEC,eAAK,CAACC,oBAAa,EAAE,EAAE,QAAQ,EAAE,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,QAAQ,GAAGJ,cAAI,CAACK,iBAAU,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,SAAS,IAAIF,eAAK,CAACG,mBAAS,EAAE,EAAE,QAAQ,EAAE,CAACN,cAAI,CAACO,yBAAkB,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAEP,cAAI,CAACQ,eAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,IAAI,WAAW,KAAK,EAAE,GAAG,WAAW,GAAG,SAAS,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;AAC1nB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
type SizingValue = 'icon' | 'iconLg' | 'normal' | 'large' | 'grid';
|
|
2
|
+
type AppearanceValue = 'primary' | 'primaryLight' | 'secondary' | 'primaryLg' | 'secondaryLg' | 'minimal' | 'minimalRed' | 'success';
|
|
3
|
+
type Props = React.HTMLProps<HTMLButtonElement> & {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
appearance?: AppearanceValue;
|
|
7
|
+
buttonRef?: any;
|
|
8
|
+
sizing?: SizingValue;
|
|
9
|
+
isLoading?: boolean;
|
|
10
|
+
name?: string;
|
|
11
|
+
as?: string | React.ComponentType;
|
|
12
|
+
loadingText?: string | JSX.Element;
|
|
13
|
+
columnAlign?: boolean;
|
|
14
|
+
icon?: string | JSX.Element;
|
|
15
|
+
type?: 'button' | 'submit' | 'reset';
|
|
16
|
+
fullWidth?: boolean;
|
|
17
|
+
mt?: string | number;
|
|
18
|
+
mr?: string | number;
|
|
19
|
+
mb?: string | number;
|
|
20
|
+
ml?: string | number;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { AppearanceValue, Props, SizingValue };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { PropsBody, PropsCardImage, CardComponentProps } from './types.js';
|
|
3
|
+
|
|
4
|
+
declare const CardBody: ({ children, ...rest }: PropsBody) => JSX.Element;
|
|
5
|
+
declare const CardImage: ({ children, color, ...rest }: PropsCardImage) => JSX.Element;
|
|
6
|
+
declare const CardComponent: ({ img, body, children, color }: CardComponentProps) => react_jsx_runtime.JSX.Element;
|
|
7
|
+
|
|
8
|
+
export { CardBody, CardImage, CardComponent as default };
|
package/ui/Elements/Card/Card.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var tslib = require('tslib');
|
|
4
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
7
|
var styled = require('@xstyled/styled-components');
|
|
@@ -19,8 +21,13 @@ var CardImage = function (_a) {
|
|
|
19
21
|
var themeColor = styled.th.color(color)({ theme: theme });
|
|
20
22
|
return (jsxRuntime.jsx(styles.ImageWrapper, { color: themeColor, children: jsxRuntime.jsx(styles.StyledImage, tslib.__assign({}, rest, { children: children })) }));
|
|
21
23
|
};
|
|
24
|
+
var CardComponent = function (_a) {
|
|
25
|
+
var img = _a.img, body = _a.body, children = _a.children, color = _a.color;
|
|
26
|
+
return (jsxRuntime.jsxs(Card, { children: [img && (jsxRuntime.jsx(CardImage, { color: color, children: jsxRuntime.jsx("img", { src: img, width: "300" }) })), jsxRuntime.jsxs(CardBody, { children: [body, children] })] }));
|
|
27
|
+
};
|
|
22
28
|
|
|
23
29
|
exports.Card = Card;
|
|
24
30
|
exports.CardBody = CardBody;
|
|
25
31
|
exports.CardImage = CardImage;
|
|
32
|
+
exports.default = CardComponent;
|
|
26
33
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sources":["../../../../packages/ui/Elements/Card/Card.tsx"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { th } from '@xstyled/styled-components';\nimport { useTheme } from '@xstyled/styled-components';\nimport { StyledCard, CardWrapper, StyledBody, ImageWrapper, StyledImage } from './styles';\nexport var Card = function (_a) {\n var children = _a.children, block = _a.block, _b = _a.hasBorder, hasBorder = _b === void 0 ? true : _b, backgroundColor = _a.backgroundColor, rest = __rest(_a, [\"children\", \"block\", \"hasBorder\", \"backgroundColor\"]);\n return (_jsx(CardWrapper, { block: block, children: _jsx(StyledCard, __assign({ block: block, hasBorder: hasBorder, backgroundColor: backgroundColor }, rest, { children: children })) }));\n};\nexport var CardBody = function (_a) {\n var children = _a.children, rest = __rest(_a, [\"children\"]);\n return _jsx(StyledBody, __assign({}, rest, { children: children }));\n};\nexport var CardImage = function (_a) {\n var children = _a.children, _b = _a.color, color = _b === void 0 ? 'white' : _b, rest = __rest(_a, [\"children\", \"color\"]);\n var theme = useTheme();\n var themeColor = th.color(color)({ theme: theme });\n return (_jsx(ImageWrapper, { color: themeColor, children: _jsx(StyledImage, __assign({}, rest, { children: children })) }));\n};\nvar CardComponent = function (_a) {\n var img = _a.img, body = _a.body, children = _a.children, color = _a.color;\n return (_jsxs(Card, { children: [img && (_jsx(CardImage, { color: color, children: _jsx(\"img\", { src: img, width: \"300\" }) })), _jsxs(CardBody, { children: [body, children] })] }));\n};\nexport default CardComponent;\n//# sourceMappingURL=Card.js.map"],"names":["__rest","_jsx","CardWrapper","StyledCard","__assign","StyledBody","useTheme","th","ImageWrapper","StyledImage"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../../../packages/ui/Elements/Card/Card.tsx"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { th } from '@xstyled/styled-components';\nimport { useTheme } from '@xstyled/styled-components';\nimport { StyledCard, CardWrapper, StyledBody, ImageWrapper, StyledImage } from './styles';\nexport var Card = function (_a) {\n var children = _a.children, block = _a.block, _b = _a.hasBorder, hasBorder = _b === void 0 ? true : _b, backgroundColor = _a.backgroundColor, rest = __rest(_a, [\"children\", \"block\", \"hasBorder\", \"backgroundColor\"]);\n return (_jsx(CardWrapper, { block: block, children: _jsx(StyledCard, __assign({ block: block, hasBorder: hasBorder, backgroundColor: backgroundColor }, rest, { children: children })) }));\n};\nexport var CardBody = function (_a) {\n var children = _a.children, rest = __rest(_a, [\"children\"]);\n return _jsx(StyledBody, __assign({}, rest, { children: children }));\n};\nexport var CardImage = function (_a) {\n var children = _a.children, _b = _a.color, color = _b === void 0 ? 'white' : _b, rest = __rest(_a, [\"children\", \"color\"]);\n var theme = useTheme();\n var themeColor = th.color(color)({ theme: theme });\n return (_jsx(ImageWrapper, { color: themeColor, children: _jsx(StyledImage, __assign({}, rest, { children: children })) }));\n};\nvar CardComponent = function (_a) {\n var img = _a.img, body = _a.body, children = _a.children, color = _a.color;\n return (_jsxs(Card, { children: [img && (_jsx(CardImage, { color: color, children: _jsx(\"img\", { src: img, width: \"300\" }) })), _jsxs(CardBody, { children: [body, children] })] }));\n};\nexport default CardComponent;\n//# sourceMappingURL=Card.js.map"],"names":["__rest","_jsx","CardWrapper","StyledCard","__assign","StyledBody","useTheme","th","ImageWrapper","StyledImage","_jsxs"],"mappings":";;;;;;;;;AAKU,IAAC,IAAI,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,IAAI,GAAGA,YAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAC3N,IAAI,QAAQC,cAAI,CAACC,kBAAW,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAED,cAAI,CAACE,iBAAU,EAAEC,cAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAC/L,EAAE;AACQ,IAAC,QAAQ,GAAG,UAAU,EAAE,EAAE;AACpC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAGJ,YAAM,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAChE,IAAI,OAAOC,cAAI,CAACI,iBAAU,EAAED,cAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;AACxE,EAAE;AACQ,IAAC,SAAS,GAAG,UAAU,EAAE,EAAE;AACrC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,EAAE,EAAE,IAAI,GAAGJ,YAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAC9H,IAAI,IAAI,KAAK,GAAGM,eAAQ,EAAE,CAAC;AAC3B,IAAI,IAAI,UAAU,GAAGC,SAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AACvD,IAAI,QAAQN,cAAI,CAACO,mBAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAEP,cAAI,CAACQ,kBAAW,EAAEL,cAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAChI,EAAE;AACC,IAAC,aAAa,GAAG,UAAU,EAAE,EAAE;AAClC,IAAI,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC;AAC/E,IAAI,QAAQM,eAAK,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,KAAKT,cAAI,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAEA,cAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EAAES,eAAK,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACzL;;;;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var Card = require('./Card.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.Card = Card.Card;
|
|
10
|
+
exports.CardBody = Card.CardBody;
|
|
11
|
+
exports.CardImage = Card.CardImage;
|
|
12
|
+
exports.default = Card.default;
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
type PropsBody = {
|
|
2
|
+
children: React.ReactNode;
|
|
3
|
+
};
|
|
4
|
+
type PropsCardImage = {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
color?: string;
|
|
7
|
+
};
|
|
8
|
+
type CardComponentProps = {
|
|
9
|
+
img?: string;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
body?: React.ReactNode;
|
|
12
|
+
color?: string;
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { CardComponentProps, PropsBody, PropsCardImage };
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var tslib = require('tslib');
|
|
4
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
7
|
var styled = require('@xstyled/styled-components');
|
|
@@ -29,5 +31,5 @@ var Dropdown = function (_a) {
|
|
|
29
31
|
};
|
|
30
32
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
31
33
|
|
|
32
|
-
|
|
34
|
+
exports.default = Dropdown;
|
|
33
35
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../../../packages/ui/Elements/Dropdown/Dropdown.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport styled from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nvar ArrowInnerB = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\"], [\"\"])));\nvar ArrowInnerA = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\"], [\"\"])));\nvar Arrow = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n position: relative;\\n left: \", \";\\n height: 0;\\n width: 0;\\n z-index: -1;\\n \", \" {\\n transform: translate(-10%, -50%);\\n width: fit-content;\\n \", \" {\\n border-radius: 2px;\\n background-color: \", \";\\n width: 8px;\\n height: 8px;\\n transform: rotate(45deg);\\n }\\n }\\n\"], [\"\\n position: relative;\\n left: \", \";\\n height: 0;\\n width: 0;\\n z-index: -1;\\n \", \" {\\n transform: translate(-10%, -50%);\\n width: fit-content;\\n \", \" {\\n border-radius: 2px;\\n background-color: \", \";\\n width: 8px;\\n height: 8px;\\n transform: rotate(45deg);\\n }\\n }\\n\"])), function (_a) {\n var verticalShift = _a.verticalShift;\n return (verticalShift ? 'calc(50% + 70px)' : 'calc(50%)');\n}, ArrowInnerA, ArrowInnerB, th.color('white'));\nvar StyledDropdownWrap = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n position: absolute;\\n\\n \", \"\\n\\n width: fit-content;\\n height: fit-content;\\n display: block;\\n z-index: 1;\\n\\n \", \" {\\n display: \", \";\\n }\\n\"], [\"\\n position: absolute;\\n\\n \", \"\\n\\n width: fit-content;\\n height: fit-content;\\n display: block;\\n z-index: 1;\\n\\n \", \" {\\n display: \", \";\\n }\\n\"])), function (_a) {\n var customDropdownPosition = _a.customDropdownPosition, verticalShift = _a.verticalShift;\n return customDropdownPosition\n ? customDropdownPosition\n : \"\\n top: 100%;\\n left: \".concat(verticalShift ? 'calc(50% - 72px)' : 'calc(50%)', \";\\n transform: translate(-50%, 0);\\n \");\n}, Arrow, function (_a) {\n var showArrow = _a.showArrow;\n return (showArrow ? 'block' : 'none');\n});\nvar Dropdown = function (_a) {\n var show = _a.show, className = _a.className, wrapRef = _a.wrapRef, children = _a.children, showArrow = _a.showArrow, verticalShift = _a.verticalShift, customDropdownPosition = _a.customDropdownPosition;\n return (_jsx(_Fragment, { children: show && (_jsxs(StyledDropdownWrap, { ref: wrapRef, className: className, showArrow: showArrow, verticalShift: verticalShift, customDropdownPosition: customDropdownPosition, children: [_jsx(Arrow, { verticalShift: verticalShift, children: _jsx(ArrowInnerA, { children: _jsx(ArrowInnerB, {}) }) }), children] })) }));\n};\nexport default Dropdown;\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4;\n//# sourceMappingURL=Dropdown.js.map"],"names":["styled","__makeTemplateObject","th","_jsx","_Fragment","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../../../packages/ui/Elements/Dropdown/Dropdown.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport styled from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nvar ArrowInnerB = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\"], [\"\"])));\nvar ArrowInnerA = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\"], [\"\"])));\nvar Arrow = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n position: relative;\\n left: \", \";\\n height: 0;\\n width: 0;\\n z-index: -1;\\n \", \" {\\n transform: translate(-10%, -50%);\\n width: fit-content;\\n \", \" {\\n border-radius: 2px;\\n background-color: \", \";\\n width: 8px;\\n height: 8px;\\n transform: rotate(45deg);\\n }\\n }\\n\"], [\"\\n position: relative;\\n left: \", \";\\n height: 0;\\n width: 0;\\n z-index: -1;\\n \", \" {\\n transform: translate(-10%, -50%);\\n width: fit-content;\\n \", \" {\\n border-radius: 2px;\\n background-color: \", \";\\n width: 8px;\\n height: 8px;\\n transform: rotate(45deg);\\n }\\n }\\n\"])), function (_a) {\n var verticalShift = _a.verticalShift;\n return (verticalShift ? 'calc(50% + 70px)' : 'calc(50%)');\n}, ArrowInnerA, ArrowInnerB, th.color('white'));\nvar StyledDropdownWrap = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n position: absolute;\\n\\n \", \"\\n\\n width: fit-content;\\n height: fit-content;\\n display: block;\\n z-index: 1;\\n\\n \", \" {\\n display: \", \";\\n }\\n\"], [\"\\n position: absolute;\\n\\n \", \"\\n\\n width: fit-content;\\n height: fit-content;\\n display: block;\\n z-index: 1;\\n\\n \", \" {\\n display: \", \";\\n }\\n\"])), function (_a) {\n var customDropdownPosition = _a.customDropdownPosition, verticalShift = _a.verticalShift;\n return customDropdownPosition\n ? customDropdownPosition\n : \"\\n top: 100%;\\n left: \".concat(verticalShift ? 'calc(50% - 72px)' : 'calc(50%)', \";\\n transform: translate(-50%, 0);\\n \");\n}, Arrow, function (_a) {\n var showArrow = _a.showArrow;\n return (showArrow ? 'block' : 'none');\n});\nvar Dropdown = function (_a) {\n var show = _a.show, className = _a.className, wrapRef = _a.wrapRef, children = _a.children, showArrow = _a.showArrow, verticalShift = _a.verticalShift, customDropdownPosition = _a.customDropdownPosition;\n return (_jsx(_Fragment, { children: show && (_jsxs(StyledDropdownWrap, { ref: wrapRef, className: className, showArrow: showArrow, verticalShift: verticalShift, customDropdownPosition: customDropdownPosition, children: [_jsx(Arrow, { verticalShift: verticalShift, children: _jsx(ArrowInnerA, { children: _jsx(ArrowInnerB, {}) }) }), children] })) }));\n};\nexport default Dropdown;\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4;\n//# sourceMappingURL=Dropdown.js.map"],"names":["styled","__makeTemplateObject","th","_jsx","_Fragment","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
|
|
3
|
+
type DropdownProps = {
|
|
4
|
+
show?: boolean;
|
|
5
|
+
className?: string;
|
|
6
|
+
wrapRef?: RefObject<HTMLElement>;
|
|
7
|
+
showArrow?: boolean;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
verticalShift?: boolean;
|
|
10
|
+
customDropdownPosition?: any;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export { DropdownProps };
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var tslib = require('tslib');
|
|
4
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
7
|
var styled = require('@xstyled/styled-components');
|
|
@@ -18,5 +20,5 @@ var ErrorMessage = function (_a) {
|
|
|
18
20
|
};
|
|
19
21
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
20
22
|
|
|
21
|
-
|
|
23
|
+
exports.default = ErrorMessage;
|
|
22
24
|
//# sourceMappingURL=ErrorMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorMessage.js","sources":["../../../../packages/ui/Elements/ErrorMessage/ErrorMessage.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled, { css } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nvar tooltip = css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n span {\\n display: none;\\n position: absolute;\\n width: 120px;\\n background-color: red1;\\n color: white;\\n text-align: center;\\n border-radius: md;\\n padding: 1;\\n z-index: 1;\\n transition: opacity 0.3s;\\n top: 0;\\n margin-top: -4px;\\n left: 100%;\\n margin-left: 2;\\n box-shadow: tooltipBoxShadow;\\n\\n :after {\\n content: '';\\n position: absolute;\\n top: 3px;\\n right: 100%;\\n border: mediumThick;\\n border-color: transparent \", \" transparent transparent;\\n }\\n }\\n\\n :hover {\\n cursor: pointer;\\n span {\\n display: block;\\n }\\n }\\n\"], [\"\\n span {\\n display: none;\\n position: absolute;\\n width: 120px;\\n background-color: red1;\\n color: white;\\n text-align: center;\\n border-radius: md;\\n padding: 1;\\n z-index: 1;\\n transition: opacity 0.3s;\\n top: 0;\\n margin-top: -4px;\\n left: 100%;\\n margin-left: 2;\\n box-shadow: tooltipBoxShadow;\\n\\n :after {\\n content: '';\\n position: absolute;\\n top: 3px;\\n right: 100%;\\n border: mediumThick;\\n border-color: transparent \", \" transparent transparent;\\n }\\n }\\n\\n :hover {\\n cursor: pointer;\\n span {\\n display: block;\\n }\\n }\\n\"])), th.color('red1'));\nvar ErrorWrap = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n color: red1;\\n font-size: 1;\\n display: flex;\\n align-items: flex-start;\\n\\n svg {\\n min-width: 13px;\\n width: 13px;\\n fill: red1;\\n }\\n\"], [\"\\n color: red1;\\n font-size: 1;\\n display: flex;\\n align-items: flex-start;\\n\\n svg {\\n min-width: 13px;\\n width: 13px;\\n fill: red1;\\n }\\n\"])));\nvar StyledWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n .inline {\\n margin-top: 1;\\n svg {\\n margin-right: 2;\\n }\\n }\\n .tooltip {\\n \", \"\\n svg {\\n position: absolute;\\n top: 0;\\n right: 0;\\n }\\n }\\n\"], [\"\\n .inline {\\n margin-top: 1;\\n svg {\\n margin-right: 2;\\n }\\n }\\n .tooltip {\\n \", \"\\n svg {\\n position: absolute;\\n top: 0;\\n right: 0;\\n }\\n }\\n\"])), tooltip);\nvar ErrorMessage = function (_a) {\n var children = _a.children, appearance = _a.appearance;\n return (_jsx(StyledWrapper, { children: _jsxs(ErrorWrap, { className: appearance, children: [_jsx(Icon, { icon: \"danger\" }), _jsx(\"span\", { children: children })] }) }));\n};\nexport default ErrorMessage;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=ErrorMessage.js.map"],"names":["css","__makeTemplateObject","th","styled","_jsx","_jsxs","Icon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorMessage.js","sources":["../../../../packages/ui/Elements/ErrorMessage/ErrorMessage.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled, { css } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nvar tooltip = css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n span {\\n display: none;\\n position: absolute;\\n width: 120px;\\n background-color: red1;\\n color: white;\\n text-align: center;\\n border-radius: md;\\n padding: 1;\\n z-index: 1;\\n transition: opacity 0.3s;\\n top: 0;\\n margin-top: -4px;\\n left: 100%;\\n margin-left: 2;\\n box-shadow: tooltipBoxShadow;\\n\\n :after {\\n content: '';\\n position: absolute;\\n top: 3px;\\n right: 100%;\\n border: mediumThick;\\n border-color: transparent \", \" transparent transparent;\\n }\\n }\\n\\n :hover {\\n cursor: pointer;\\n span {\\n display: block;\\n }\\n }\\n\"], [\"\\n span {\\n display: none;\\n position: absolute;\\n width: 120px;\\n background-color: red1;\\n color: white;\\n text-align: center;\\n border-radius: md;\\n padding: 1;\\n z-index: 1;\\n transition: opacity 0.3s;\\n top: 0;\\n margin-top: -4px;\\n left: 100%;\\n margin-left: 2;\\n box-shadow: tooltipBoxShadow;\\n\\n :after {\\n content: '';\\n position: absolute;\\n top: 3px;\\n right: 100%;\\n border: mediumThick;\\n border-color: transparent \", \" transparent transparent;\\n }\\n }\\n\\n :hover {\\n cursor: pointer;\\n span {\\n display: block;\\n }\\n }\\n\"])), th.color('red1'));\nvar ErrorWrap = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n color: red1;\\n font-size: 1;\\n display: flex;\\n align-items: flex-start;\\n\\n svg {\\n min-width: 13px;\\n width: 13px;\\n fill: red1;\\n }\\n\"], [\"\\n color: red1;\\n font-size: 1;\\n display: flex;\\n align-items: flex-start;\\n\\n svg {\\n min-width: 13px;\\n width: 13px;\\n fill: red1;\\n }\\n\"])));\nvar StyledWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n .inline {\\n margin-top: 1;\\n svg {\\n margin-right: 2;\\n }\\n }\\n .tooltip {\\n \", \"\\n svg {\\n position: absolute;\\n top: 0;\\n right: 0;\\n }\\n }\\n\"], [\"\\n .inline {\\n margin-top: 1;\\n svg {\\n margin-right: 2;\\n }\\n }\\n .tooltip {\\n \", \"\\n svg {\\n position: absolute;\\n top: 0;\\n right: 0;\\n }\\n }\\n\"])), tooltip);\nvar ErrorMessage = function (_a) {\n var children = _a.children, appearance = _a.appearance;\n return (_jsx(StyledWrapper, { children: _jsxs(ErrorWrap, { className: appearance, children: [_jsx(Icon, { icon: \"danger\" }), _jsx(\"span\", { children: children })] }) }));\n};\nexport default ErrorMessage;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=ErrorMessage.js.map"],"names":["css","__makeTemplateObject","th","styled","_jsx","_jsxs","Icon"],"mappings":";;;;;;;;;;;;;AAKA,IAAI,OAAO,GAAGA,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,6fAA6f,EAAE,4HAA4H,CAAC,EAAE,CAAC,6fAA6f,EAAE,4HAA4H,CAAC,CAAC,CAAC,EAAEC,SAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;AACj2C,IAAI,SAAS,GAAGC,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGF,0BAAoB,CAAC,CAAC,4JAA4J,CAAC,EAAE,CAAC,4JAA4J,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1Z,IAAI,aAAa,GAAGE,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGF,0BAAoB,CAAC,CAAC,sGAAsG,EAAE,sFAAsF,CAAC,EAAE,CAAC,sGAAsG,EAAE,sFAAsF,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;AACxe,IAAC,YAAY,GAAG,UAAU,EAAE,EAAE;AACjC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AAC3D,IAAI,QAAQG,cAAI,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAEC,eAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,CAACD,cAAI,CAACE,YAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAEF,cAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC9K,EAAE;AAEF,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var ErrorMessage = require('./ErrorMessage.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.ErrorMessage = ErrorMessage.default;
|
|
10
|
+
exports.default = ErrorMessage.default;
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var Icon = require('./Icon.js');
|
|
6
|
+
require('tslib');
|
|
7
|
+
require('react/jsx-runtime');
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
exports.Icon = Icon.default;
|
|
12
|
+
exports.default = Icon.default;
|
|
13
|
+
exports.iconDictionary = Icon.iconDictionary;
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { MouseEventHandler } from 'react';
|
|
2
|
+
|
|
3
|
+
type IconProps = {
|
|
4
|
+
icon: string;
|
|
5
|
+
style?: 'normal' | 'light' | 'solid';
|
|
6
|
+
fill?: string;
|
|
7
|
+
size?: number | string;
|
|
8
|
+
className?: string;
|
|
9
|
+
fixedWidth?: boolean;
|
|
10
|
+
spinning?: boolean;
|
|
11
|
+
secondaryColor?: string;
|
|
12
|
+
};
|
|
13
|
+
interface SvgProps {
|
|
14
|
+
width?: number | string;
|
|
15
|
+
height?: number | string;
|
|
16
|
+
onClick?: MouseEventHandler<SVGSVGElement>;
|
|
17
|
+
fill?: string;
|
|
18
|
+
stroke?: string;
|
|
19
|
+
cursor?: string;
|
|
20
|
+
}
|
|
21
|
+
interface IIcon {
|
|
22
|
+
(props: IconProps): JSX.Element;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export { IIcon, IconProps, SvgProps };
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var tslib = require('tslib');
|
|
4
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
7
|
var reactImage = require('react-image');
|
|
@@ -17,5 +19,5 @@ var Image = function (props) {
|
|
|
17
19
|
return jsxRuntime.jsx(reactImage.Img, tslib.__assign({}, props, { srcSet: srcSetString, src: props.src }));
|
|
18
20
|
};
|
|
19
21
|
|
|
20
|
-
|
|
22
|
+
exports.default = Image;
|
|
21
23
|
//# sourceMappingURL=Image.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sources":["../../../../packages/ui/Elements/Image/Image.tsx"],"sourcesContent":["import { __assign } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Img } from 'react-image';\nvar formatScrSet = function (srcSet, imageProps) {\n return Object.entries(srcSet)\n .map(function (_a) {\n var width = _a[0], src = _a[1];\n return \"\".concat(src, \" \").concat(width);\n })\n .join(', ');\n};\nvar Image = function (props) {\n var srcSetString = props.srcSet ? formatScrSet(props.srcSet, props) : undefined;\n return _jsx(Img, __assign({}, props, { srcSet: srcSetString, src: props.src }));\n};\nexport default Image;\n//# sourceMappingURL=Image.js.map"],"names":["_jsx","Img","__assign"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Image.js","sources":["../../../../packages/ui/Elements/Image/Image.tsx"],"sourcesContent":["import { __assign } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Img } from 'react-image';\nvar formatScrSet = function (srcSet, imageProps) {\n return Object.entries(srcSet)\n .map(function (_a) {\n var width = _a[0], src = _a[1];\n return \"\".concat(src, \" \").concat(width);\n })\n .join(', ');\n};\nvar Image = function (props) {\n var srcSetString = props.srcSet ? formatScrSet(props.srcSet, props) : undefined;\n return _jsx(Img, __assign({}, props, { srcSet: srcSetString, src: props.src }));\n};\nexport default Image;\n//# sourceMappingURL=Image.js.map"],"names":["_jsx","Img","__assign"],"mappings":";;;;;;;;AAGA,IAAI,YAAY,GAAG,UAAU,MAAM,EAAE,UAAU,EAAE;AACjD,IAAI,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;AACjC,SAAS,GAAG,CAAC,UAAU,EAAE,EAAE;AAC3B,QAAQ,IAAI,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AACvC,QAAQ,OAAO,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACjD,KAAK,CAAC;AACN,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC;AACpB,CAAC,CAAC;AACC,IAAC,KAAK,GAAG,UAAU,KAAK,EAAE;AAC7B,IAAI,IAAI,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,MAAa,CAAC,GAAG,SAAS,CAAC;AACpF,IAAI,OAAOA,cAAI,CAACC,cAAG,EAAEC,cAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AACpF;;;;"}
|