react-miui 0.19.0 → 0.20.1
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/.storybook/main.ts +17 -0
- package/.storybook/preview.tsx +28 -0
- package/CHANGELOG.md +21 -0
- package/README.md +2 -0
- package/dist/components/form/input/Input.css.d.ts +47 -0
- package/dist/components/form/input/Input.css.d.ts.map +1 -0
- package/dist/components/form/input/Input.css.js +52 -0
- package/dist/components/form/input/Input.css.js.map +1 -0
- package/dist/components/form/input/Input.d.ts.map +1 -1
- package/dist/components/form/input/Input.js +4 -10
- package/dist/components/form/input/Input.js.map +1 -1
- package/dist/components/form/input/Input.module.scss +0 -62
- package/dist/components/form/input/Input.stories.d.ts +9 -0
- package/dist/components/form/input/Input.stories.d.ts.map +1 -0
- package/dist/components/form/input/Input.stories.js +46 -0
- package/dist/components/form/input/Input.stories.js.map +1 -0
- package/dist/components/form/input/Input.styled.d.ts +279 -3
- package/dist/components/form/input/Input.styled.d.ts.map +1 -1
- package/dist/components/form/input/Input.styled.js +15 -16
- package/dist/components/form/input/Input.styled.js.map +1 -1
- package/dist/components/form/textarea/TextArea.d.ts.map +1 -0
- package/dist/components/form/{TextArea.js → textarea/TextArea.js} +3 -10
- package/dist/components/form/textarea/TextArea.js.map +1 -0
- package/dist/components/form/textarea/TextArea.stories.d.ts +8 -0
- package/dist/components/form/textarea/TextArea.stories.d.ts.map +1 -0
- package/dist/components/form/textarea/TextArea.stories.js +15 -0
- package/dist/components/form/textarea/TextArea.stories.js.map +1 -0
- package/dist/components/form/textarea/TextArea.styled.d.ts +78 -0
- package/dist/components/form/textarea/TextArea.styled.d.ts.map +1 -0
- package/dist/components/form/textarea/TextArea.styled.js +9 -0
- package/dist/components/form/textarea/TextArea.styled.js.map +1 -0
- package/dist/components/layout/list/Value.styled.d.ts +57 -1
- package/dist/components/layout/list/Value.styled.d.ts.map +1 -1
- package/dist/components/ui/loader/CoveringLoader.d.ts +8 -0
- package/dist/components/ui/loader/CoveringLoader.d.ts.map +1 -0
- package/dist/components/ui/loader/CoveringLoader.js +45 -0
- package/dist/components/ui/loader/CoveringLoader.js.map +1 -0
- package/dist/components/ui/loader/CoveringLoader.stories.d.ts +8 -0
- package/dist/components/ui/loader/CoveringLoader.stories.d.ts.map +1 -0
- package/dist/components/ui/loader/CoveringLoader.stories.js +31 -0
- package/dist/components/ui/loader/CoveringLoader.stories.js.map +1 -0
- package/dist/components/ui/loader/FullLoader.d.ts +6 -0
- package/dist/components/ui/loader/FullLoader.d.ts.map +1 -0
- package/dist/components/ui/loader/FullLoader.js +22 -0
- package/dist/components/ui/loader/FullLoader.js.map +1 -0
- package/dist/components/ui/loader/FullLoader.stories.d.ts +8 -0
- package/dist/components/ui/loader/FullLoader.stories.d.ts.map +1 -0
- package/dist/components/ui/loader/FullLoader.stories.js +25 -0
- package/dist/components/ui/loader/FullLoader.stories.js.map +1 -0
- package/dist/components/ui/loader/Loader.d.ts +11 -0
- package/dist/components/ui/loader/Loader.d.ts.map +1 -0
- package/dist/components/ui/loader/Loader.js +61 -0
- package/dist/components/ui/loader/Loader.js.map +1 -0
- package/dist/components/ui/loader/Loader.stories.d.ts +8 -0
- package/dist/components/ui/loader/Loader.stories.d.ts.map +1 -0
- package/dist/components/ui/loader/Loader.stories.js +26 -0
- package/dist/components/ui/loader/Loader.stories.js.map +1 -0
- package/dist/components/ui/loader/Loading.d.ts +9 -0
- package/dist/components/ui/loader/Loading.d.ts.map +1 -0
- package/dist/components/ui/loader/Loading.js +20 -0
- package/dist/components/ui/loader/Loading.js.map +1 -0
- package/dist/components/ui/loader/Loading.stories.d.ts +8 -0
- package/dist/components/ui/loader/Loading.stories.d.ts.map +1 -0
- package/dist/components/ui/loader/Loading.stories.js +38 -0
- package/dist/components/ui/loader/Loading.stories.js.map +1 -0
- package/dist/components/ui/loader/PopLoader.d.ts +6 -0
- package/dist/components/ui/loader/PopLoader.d.ts.map +1 -0
- package/dist/components/ui/loader/PopLoader.js +39 -0
- package/dist/components/ui/loader/PopLoader.js.map +1 -0
- package/dist/components/ui/loader/PopLoader.stories.d.ts +8 -0
- package/dist/components/ui/loader/PopLoader.stories.d.ts.map +1 -0
- package/dist/components/ui/loader/PopLoader.stories.js +30 -0
- package/dist/components/ui/loader/PopLoader.stories.js.map +1 -0
- package/dist/components/ui/message/Message.d.ts +83 -5
- package/dist/components/ui/message/Message.d.ts.map +1 -1
- package/dist/components/ui/message/Message.js +2 -15
- package/dist/components/ui/message/Message.js.map +1 -1
- package/dist/components/ui/message/Message.stories.d.ts +9 -0
- package/dist/components/ui/message/Message.stories.d.ts.map +1 -0
- package/dist/components/ui/message/Message.stories.js +50 -0
- package/dist/components/ui/message/Message.stories.js.map +1 -0
- package/dist/components/ui/message/Message.styled.d.ts +77 -0
- package/dist/components/ui/message/Message.styled.d.ts.map +1 -0
- package/dist/components/ui/message/Message.styled.js +44 -0
- package/dist/components/ui/message/Message.styled.js.map +1 -0
- package/dist/index.d.ts +9 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -2
- package/dist/index.js.map +1 -1
- package/dist/scrollbars.css.d.ts +4 -0
- package/dist/scrollbars.css.d.ts.map +1 -0
- package/dist/scrollbars.css.js +34 -0
- package/dist/scrollbars.css.js.map +1 -0
- package/dist/theme.css-reset.d.ts +3 -0
- package/dist/theme.css-reset.d.ts.map +1 -0
- package/dist/theme.css-reset.js +121 -0
- package/dist/theme.css-reset.js.map +1 -0
- package/dist/theme.d.ts +583 -13
- package/dist/theme.d.ts.map +1 -1
- package/dist/theme.js +81 -5
- package/dist/theme.js.map +1 -1
- package/docs/assets/search.js +1 -1
- package/docs/classes/Drawer.html +14 -14
- package/docs/classes/Pop.html +14 -14
- package/docs/classes/ToasterProvider.html +10 -10
- package/docs/enums/ICON.html +14 -14
- package/docs/functions/Action.html +12 -4
- package/docs/functions/Button.html +12 -4
- package/docs/functions/Card.html +12 -4
- package/docs/functions/Checkbox.html +12 -4
- package/docs/functions/Choice.html +13 -5
- package/docs/functions/CoveringLoader.html +113 -0
- package/docs/functions/DirectionPad.html +12 -4
- package/docs/functions/EqualActions.html +12 -4
- package/docs/functions/FullLoader.html +112 -0
- package/docs/functions/HandleEsc.html +12 -4
- package/docs/functions/Header.html +12 -4
- package/docs/functions/HeaderIconAction.html +12 -4
- package/docs/functions/Icon-1.html +12 -4
- package/docs/functions/If.html +12 -4
- package/docs/functions/Input.html +15 -5
- package/docs/functions/Item-1.html +12 -4
- package/docs/functions/KeyValue.html +12 -4
- package/docs/functions/Label.html +12 -4
- package/docs/functions/List-1.html +12 -4
- package/docs/functions/Loader.html +114 -0
- package/docs/functions/Loading.html +116 -0
- package/docs/functions/Message.html +50 -9
- package/docs/functions/Modal-1.html +12 -4
- package/docs/functions/ModalButtons-1.html +12 -4
- package/docs/functions/PopLoader.html +114 -0
- package/docs/functions/PopOption.html +12 -4
- package/docs/functions/SearchContainer.html +12 -4
- package/docs/functions/Section-1.html +12 -4
- package/docs/functions/Select.html +12 -4
- package/docs/functions/Selector.html +13 -5
- package/docs/functions/Spacer.html +12 -4
- package/docs/functions/Stats.html +12 -4
- package/docs/functions/StickyHeader-1.html +12 -4
- package/docs/functions/StickyHeader.Content.html +5 -5
- package/docs/functions/Table.html +12 -4
- package/docs/functions/TextArea.html +12 -4
- package/docs/functions/Toggle.html +12 -4
- package/docs/functions/getCssText.html +12 -4
- package/docs/functions/styled.html +12 -4
- package/docs/functions/useToaster.html +13 -5
- package/docs/index.html +14 -4
- package/docs/modules/Item.html +7 -7
- package/docs/modules/List.html +6 -6
- package/docs/modules/Modal.html +6 -6
- package/docs/modules/ModalButtons.html +6 -6
- package/docs/modules/Section.html +6 -6
- package/docs/modules/StickyHeader.html +6 -6
- package/docs/modules.html +26 -4
- package/docs/pages/tutorials/Test.html +12 -4
- package/docs/types/ThemeCSS.html +99 -0
- package/docs/variables/Item.Label.html +5 -5
- package/docs/variables/Item.Value.html +5 -5
- package/docs/variables/List.Header.html +5 -5
- package/docs/variables/Modal.NegateMargin.html +5 -5
- package/docs/variables/ModalButtons.Button.html +5 -5
- package/docs/variables/Section.Container.html +5 -5
- package/docs/variables/cssReset.html +101 -0
- package/docs/variables/miuiScrollbars.html +99 -0
- package/esm/components/form/input/Input.css.d.ts +47 -0
- package/esm/components/form/input/Input.css.d.ts.map +1 -0
- package/esm/components/form/input/Input.css.js +48 -0
- package/esm/components/form/input/Input.css.js.map +1 -0
- package/esm/components/form/input/Input.d.ts.map +1 -1
- package/esm/components/form/input/Input.js +5 -11
- package/esm/components/form/input/Input.js.map +1 -1
- package/esm/components/form/input/Input.module.scss +0 -62
- package/esm/components/form/input/Input.stories.d.ts +9 -0
- package/esm/components/form/input/Input.stories.d.ts.map +1 -0
- package/esm/components/form/input/Input.stories.js +39 -0
- package/esm/components/form/input/Input.stories.js.map +1 -0
- package/esm/components/form/input/Input.styled.d.ts +279 -3
- package/esm/components/form/input/Input.styled.d.ts.map +1 -1
- package/esm/components/form/input/Input.styled.js +12 -16
- package/esm/components/form/input/Input.styled.js.map +1 -1
- package/esm/components/form/textarea/TextArea.d.ts.map +1 -0
- package/esm/components/form/textarea/TextArea.js +16 -0
- package/esm/components/form/textarea/TextArea.js.map +1 -0
- package/esm/components/form/textarea/TextArea.stories.d.ts +8 -0
- package/esm/components/form/textarea/TextArea.stories.d.ts.map +1 -0
- package/esm/components/form/textarea/TextArea.stories.js +12 -0
- package/esm/components/form/textarea/TextArea.stories.js.map +1 -0
- package/esm/components/form/textarea/TextArea.styled.d.ts +78 -0
- package/esm/components/form/textarea/TextArea.styled.d.ts.map +1 -0
- package/esm/components/form/textarea/TextArea.styled.js +14 -0
- package/esm/components/form/textarea/TextArea.styled.js.map +1 -0
- package/esm/components/layout/list/Value.styled.d.ts +57 -1
- package/esm/components/layout/list/Value.styled.d.ts.map +1 -1
- package/esm/components/ui/loader/CoveringLoader.d.ts +8 -0
- package/esm/components/ui/loader/CoveringLoader.d.ts.map +1 -0
- package/esm/components/ui/loader/CoveringLoader.js +27 -0
- package/esm/components/ui/loader/CoveringLoader.js.map +1 -0
- package/esm/components/ui/loader/CoveringLoader.stories.d.ts +8 -0
- package/esm/components/ui/loader/CoveringLoader.stories.d.ts.map +1 -0
- package/esm/components/ui/loader/CoveringLoader.stories.js +25 -0
- package/esm/components/ui/loader/CoveringLoader.stories.js.map +1 -0
- package/esm/components/ui/loader/FullLoader.d.ts +6 -0
- package/esm/components/ui/loader/FullLoader.d.ts.map +1 -0
- package/esm/components/ui/loader/FullLoader.js +16 -0
- package/esm/components/ui/loader/FullLoader.js.map +1 -0
- package/esm/components/ui/loader/FullLoader.stories.d.ts +8 -0
- package/esm/components/ui/loader/FullLoader.stories.d.ts.map +1 -0
- package/esm/components/ui/loader/FullLoader.stories.js +19 -0
- package/esm/components/ui/loader/FullLoader.stories.js.map +1 -0
- package/esm/components/ui/loader/Loader.d.ts +11 -0
- package/esm/components/ui/loader/Loader.d.ts.map +1 -0
- package/esm/components/ui/loader/Loader.js +23 -0
- package/esm/components/ui/loader/Loader.js.map +1 -0
- package/esm/components/ui/loader/Loader.stories.d.ts +8 -0
- package/esm/components/ui/loader/Loader.stories.d.ts.map +1 -0
- package/esm/components/ui/loader/Loader.stories.js +23 -0
- package/esm/components/ui/loader/Loader.stories.js.map +1 -0
- package/esm/components/ui/loader/Loading.d.ts +9 -0
- package/esm/components/ui/loader/Loading.d.ts.map +1 -0
- package/esm/components/ui/loader/Loading.js +14 -0
- package/esm/components/ui/loader/Loading.js.map +1 -0
- package/esm/components/ui/loader/Loading.stories.d.ts +8 -0
- package/esm/components/ui/loader/Loading.stories.d.ts.map +1 -0
- package/esm/components/ui/loader/Loading.stories.js +32 -0
- package/esm/components/ui/loader/Loading.stories.js.map +1 -0
- package/esm/components/ui/loader/PopLoader.d.ts +6 -0
- package/esm/components/ui/loader/PopLoader.d.ts.map +1 -0
- package/esm/components/ui/loader/PopLoader.js +21 -0
- package/esm/components/ui/loader/PopLoader.js.map +1 -0
- package/esm/components/ui/loader/PopLoader.stories.d.ts +8 -0
- package/esm/components/ui/loader/PopLoader.stories.d.ts.map +1 -0
- package/esm/components/ui/loader/PopLoader.stories.js +24 -0
- package/esm/components/ui/loader/PopLoader.stories.js.map +1 -0
- package/esm/components/ui/message/Message.d.ts +83 -5
- package/esm/components/ui/message/Message.d.ts.map +1 -1
- package/esm/components/ui/message/Message.js +2 -12
- package/esm/components/ui/message/Message.js.map +1 -1
- package/esm/components/ui/message/Message.stories.d.ts +9 -0
- package/esm/components/ui/message/Message.stories.d.ts.map +1 -0
- package/esm/components/ui/message/Message.stories.js +43 -0
- package/esm/components/ui/message/Message.stories.js.map +1 -0
- package/esm/components/ui/message/Message.styled.d.ts +77 -0
- package/esm/components/ui/message/Message.styled.d.ts.map +1 -0
- package/esm/components/ui/message/Message.styled.js +41 -0
- package/esm/components/ui/message/Message.styled.js.map +1 -0
- package/esm/index.d.ts +9 -1
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +8 -1
- package/esm/index.js.map +1 -1
- package/esm/scrollbars.css.d.ts +4 -0
- package/esm/scrollbars.css.d.ts.map +1 -0
- package/esm/scrollbars.css.js +49 -0
- package/esm/scrollbars.css.js.map +1 -0
- package/esm/theme.css-reset.d.ts +3 -0
- package/esm/theme.css-reset.d.ts.map +1 -0
- package/esm/theme.css-reset.js +118 -0
- package/esm/theme.css-reset.js.map +1 -0
- package/esm/theme.d.ts +583 -13
- package/esm/theme.d.ts.map +1 -1
- package/esm/theme.js +68 -2
- package/esm/theme.js.map +1 -1
- package/package.json +15 -4
- package/src/components/form/input/Input.css.ts +58 -0
- package/src/components/form/input/Input.module.scss +0 -62
- package/src/components/form/input/Input.stories.tsx +59 -0
- package/src/components/form/input/Input.styled.ts +18 -16
- package/src/components/form/input/Input.tsx +15 -16
- package/src/components/form/textarea/TextArea.stories.tsx +21 -0
- package/src/components/form/textarea/TextArea.styled.ts +19 -0
- package/src/components/form/{TextArea.tsx → textarea/TextArea.tsx} +10 -9
- package/src/components/ui/loader/CoveringLoader.stories.tsx +37 -0
- package/src/components/ui/loader/CoveringLoader.tsx +53 -0
- package/src/components/ui/loader/FullLoader.stories.tsx +34 -0
- package/src/components/ui/loader/FullLoader.tsx +24 -0
- package/src/components/ui/loader/Loader.stories.tsx +32 -0
- package/src/components/ui/loader/Loader.tsx +92 -0
- package/src/components/ui/loader/Loading.stories.tsx +49 -0
- package/src/components/ui/loader/Loading.tsx +29 -0
- package/src/components/ui/loader/PopLoader.stories.tsx +38 -0
- package/src/components/ui/loader/PopLoader.tsx +33 -0
- package/src/components/ui/message/Message.stories.tsx +61 -0
- package/src/components/ui/message/Message.styled.ts +45 -0
- package/src/components/ui/message/Message.tsx +26 -15
- package/src/index.ts +11 -1
- package/src/scrollbars.css.ts +56 -0
- package/src/theme.css-reset.ts +132 -0
- package/src/theme.ts +109 -2
- package/dist/components/form/TextArea.d.ts.map +0 -1
- package/dist/components/form/TextArea.js.map +0 -1
- package/esm/components/form/TextArea.d.ts.map +0 -1
- package/esm/components/form/TextArea.js +0 -20
- package/esm/components/form/TextArea.js.map +0 -1
- /package/dist/components/form/{TextArea.d.ts → textarea/TextArea.d.ts} +0 -0
- /package/esm/components/form/{TextArea.d.ts → textarea/TextArea.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAUD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAO5B,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Loading = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const PopLoader_js_1 = require("./PopLoader.js");
|
|
9
|
+
const FullLoader_js_1 = require("./FullLoader.js");
|
|
10
|
+
const Loading = (props) => {
|
|
11
|
+
if (!props.data && props.isLoading) {
|
|
12
|
+
return react_1.default.createElement(FullLoader_js_1.FullLoader, null);
|
|
13
|
+
}
|
|
14
|
+
const l = props.isLoading ? react_1.default.createElement(PopLoader_js_1.PopLoader, null) : null;
|
|
15
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
16
|
+
l,
|
|
17
|
+
props.children));
|
|
18
|
+
};
|
|
19
|
+
exports.Loading = Loading;
|
|
20
|
+
//# sourceMappingURL=Loading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA2C;AAC3C,mDAA6C;AAgB7C,MAAM,OAAO,GAAoB,CAAC,KAAK,EAAE,EAAE;IACvC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,SAAS,EAAE;QAChC,OAAO,8BAAC,0BAAU,OAAG,CAAC;KACzB;IAED,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,8BAAC,wBAAS,OAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,OAAO,CAAC;QAAG,CAAC;QAAE,KAAK,CAAC,QAAQ,CAAI,CAAC,CAAC;AACtC,CAAC,CAAC;AAEO,0BAAO"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
+
import { Loading } from "./Loading.js";
|
|
3
|
+
declare const meta: Meta;
|
|
4
|
+
type Story = StoryObj<typeof Loading>;
|
|
5
|
+
declare const Primary: Story;
|
|
6
|
+
export { Primary, };
|
|
7
|
+
export default meta;
|
|
8
|
+
//# sourceMappingURL=Loading.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAYX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAMtC,QAAA,MAAM,OAAO,EAAE,KAcd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Primary = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const theme_js_1 = require("../../../theme.js");
|
|
9
|
+
const Loading_js_1 = require("./Loading.js");
|
|
10
|
+
const meta = {
|
|
11
|
+
title: "Components/UI/Loader/Loading",
|
|
12
|
+
component: Loading_js_1.Loading,
|
|
13
|
+
tags: ["autodocs", "ui"],
|
|
14
|
+
argTypes: {
|
|
15
|
+
data: {
|
|
16
|
+
type: "boolean",
|
|
17
|
+
},
|
|
18
|
+
isLoading: {
|
|
19
|
+
type: "boolean",
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
const Container = (0, theme_js_1.styled)("div", {
|
|
24
|
+
border: "1px solid black", background: "#ddd", width: 300, height: 300, position: "relative",
|
|
25
|
+
});
|
|
26
|
+
const Primary = {
|
|
27
|
+
args: {
|
|
28
|
+
isLoading: false,
|
|
29
|
+
data: true,
|
|
30
|
+
},
|
|
31
|
+
render: (args) => {
|
|
32
|
+
return (react_1.default.createElement(Container, null,
|
|
33
|
+
react_1.default.createElement(Loading_js_1.Loading, { isLoading: Boolean(args.isLoading), data: args.data }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quibusdam.")));
|
|
34
|
+
},
|
|
35
|
+
};
|
|
36
|
+
exports.Primary = Primary;
|
|
37
|
+
exports.default = meta;
|
|
38
|
+
//# sourceMappingURL=Loading.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,gDAA2C;AAE3C,6CAAuC;AAEvC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,oBAAO;IAClB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;SAClB;QACD,SAAS,EAAE;YACP,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ,CAAC;AAIF,MAAM,SAAS,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC5B,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU;CAC/F,CAAC,CAAC;AAEH,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,IAAI;KACb;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,8BAAC,SAAS;YACN,8BAAC,oBAAO,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,oFAElD,CACF,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,KAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAsBjD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAE9B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.PopLoader = void 0;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const theme_js_1 = require("../../../theme.js");
|
|
20
|
+
const Loader_js_1 = require("./Loader.js");
|
|
21
|
+
const Container = (0, theme_js_1.styled)("div", {
|
|
22
|
+
position: "absolute",
|
|
23
|
+
right: 20,
|
|
24
|
+
top: 20,
|
|
25
|
+
background: "white",
|
|
26
|
+
border: "1px solid var(--toolbar-border)",
|
|
27
|
+
borderRadius: 666,
|
|
28
|
+
padding: 10,
|
|
29
|
+
});
|
|
30
|
+
const BlockLoader = (0, theme_js_1.styled)(Loader_js_1.Loader, {
|
|
31
|
+
display: "block",
|
|
32
|
+
});
|
|
33
|
+
const PopLoader = (_a) => {
|
|
34
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
35
|
+
return react_1.default.createElement(Container, null,
|
|
36
|
+
react_1.default.createElement(BlockLoader, Object.assign({ size: "1rem" }, props)));
|
|
37
|
+
};
|
|
38
|
+
exports.PopLoader = PopLoader;
|
|
39
|
+
//# sourceMappingURL=PopLoader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopLoader.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,gDAA2C;AAE3C,2CAAqC;AAIrC,MAAM,SAAS,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC5B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,EAAE;IACT,GAAG,EAAE,EAAE;IACP,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,iCAAiC;IACzC,YAAY,EAAE,GAAG;IACjB,OAAO,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,iBAAM,EAAC,kBAAM,EAAE;IAC/B,OAAO,EAAE,OAAO;CACnB,CAAC,CAAC;AAQH,MAAM,SAAS,GAAoB,CAAC,EAAuB,EAAE,EAAE;QAA3B,EAAE,SAAS,OAAY,EAAP,KAAK,cAArB,aAAuB,CAAF;IACrD,OAAO,8BAAC,SAAS;QAAC,8BAAC,WAAW,kBAAC,IAAI,EAAE,MAAM,IAAM,KAAK,EAAI,CAAY,CAAC;AAC3E,CAAC,CAAC;AAEO,8BAAS"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
+
import { PopLoader } from "./PopLoader.js";
|
|
3
|
+
declare const meta: Meta;
|
|
4
|
+
type Story = StoryObj<typeof PopLoader>;
|
|
5
|
+
declare const Primary: Story;
|
|
6
|
+
export { Primary, };
|
|
7
|
+
export default meta;
|
|
8
|
+
//# sourceMappingURL=PopLoader.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAMxC,QAAA,MAAM,OAAO,EAAE,KAWd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Primary = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const theme_js_1 = require("../../../theme.js");
|
|
9
|
+
const PopLoader_js_1 = require("./PopLoader.js");
|
|
10
|
+
const meta = {
|
|
11
|
+
title: "Components/UI/Loader/PopLoader",
|
|
12
|
+
component: PopLoader_js_1.PopLoader,
|
|
13
|
+
tags: ["autodocs", "ui"],
|
|
14
|
+
};
|
|
15
|
+
const Container = (0, theme_js_1.styled)("div", {
|
|
16
|
+
border: "1px solid black", background: "#ddd", width: 300, height: 300, position: "relative",
|
|
17
|
+
});
|
|
18
|
+
const Primary = {
|
|
19
|
+
args: {},
|
|
20
|
+
render: () => {
|
|
21
|
+
return (react_1.default.createElement(Container, null,
|
|
22
|
+
react_1.default.createElement(PopLoader_js_1.PopLoader, null),
|
|
23
|
+
"content, content,",
|
|
24
|
+
react_1.default.createElement("br", null),
|
|
25
|
+
"content, content"));
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
exports.Primary = Primary;
|
|
29
|
+
exports.default = meta;
|
|
30
|
+
//# sourceMappingURL=PopLoader.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/PopLoader.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,gDAA2C;AAE3C,iDAA2C;AAE3C,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,wBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,SAAS,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC5B,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU;CAC/F,CAAC,CAAC;AAEH,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,8BAAC,SAAS;YACN,8BAAC,wBAAS,OAAG;;YACI,yCAAM;+BAEf,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}
|
|
@@ -1,10 +1,88 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import type React from "react";
|
|
2
|
+
import type { ComponentProps } from "@stitches/react";
|
|
3
|
+
import type { OverwriteProps } from "../../../theme";
|
|
4
|
+
import { StyledMessage } from "./Message.styled.js";
|
|
5
|
+
type StitchesProps = ComponentProps<typeof StyledMessage>;
|
|
6
|
+
interface Props extends StitchesProps {
|
|
7
|
+
type: NonNullable<StitchesProps["type"]>;
|
|
8
|
+
variant?: NonNullable<StitchesProps["variant"]>;
|
|
5
9
|
className?: string;
|
|
6
10
|
children: React.ReactNode;
|
|
7
11
|
}
|
|
8
|
-
declare const Message:
|
|
12
|
+
declare const Message: OverwriteProps<import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
13
|
+
variant?: "stretch" | "box";
|
|
14
|
+
type?: "error" | "info" | "warning" | "tip";
|
|
15
|
+
}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
16
|
+
colors: {
|
|
17
|
+
background: string;
|
|
18
|
+
mainColor: string;
|
|
19
|
+
mainColorAlt: string;
|
|
20
|
+
activeBg: string;
|
|
21
|
+
inactiveBg: string;
|
|
22
|
+
inactiveDarkBg: string;
|
|
23
|
+
toggleHandleBg: string;
|
|
24
|
+
toggleHandleBorder: string;
|
|
25
|
+
toggleBgDisabled: string;
|
|
26
|
+
toggleHandleBorderDisabled: string;
|
|
27
|
+
toggleHandleBgDisabled: string;
|
|
28
|
+
icon: string;
|
|
29
|
+
border: string;
|
|
30
|
+
buttonBorder: string;
|
|
31
|
+
headerBorder: string;
|
|
32
|
+
headerBg: string;
|
|
33
|
+
headerText: string;
|
|
34
|
+
text: string;
|
|
35
|
+
sub: string;
|
|
36
|
+
popText: string;
|
|
37
|
+
toolbarBorder: string;
|
|
38
|
+
toolbarBg: string;
|
|
39
|
+
modalBg: string;
|
|
40
|
+
modalButtonBg: string;
|
|
41
|
+
modalButtonBorder: string;
|
|
42
|
+
inputDisabledBg: string;
|
|
43
|
+
inputDisabledText: string;
|
|
44
|
+
choiceBg: string;
|
|
45
|
+
choiceText: string;
|
|
46
|
+
choiceActiveBg: string;
|
|
47
|
+
choiceActiveText: string;
|
|
48
|
+
choiceBorder: string;
|
|
49
|
+
selectorText: string;
|
|
50
|
+
selectorActive: string;
|
|
51
|
+
blue1: string;
|
|
52
|
+
blue2: string;
|
|
53
|
+
blue3: string;
|
|
54
|
+
orange1: string;
|
|
55
|
+
orange1Darker: string;
|
|
56
|
+
purple1: string;
|
|
57
|
+
green1: string;
|
|
58
|
+
green1Darker: string;
|
|
59
|
+
pink1: string;
|
|
60
|
+
red1: string;
|
|
61
|
+
yellow1: string;
|
|
62
|
+
yellow2: string;
|
|
63
|
+
yellow3: string;
|
|
64
|
+
pinky1: string;
|
|
65
|
+
pinky2: string;
|
|
66
|
+
pinky3: string;
|
|
67
|
+
grey1: string;
|
|
68
|
+
focusColor: string;
|
|
69
|
+
scrollbarsThumb: string;
|
|
70
|
+
scrollbarsBg: string;
|
|
71
|
+
tableStripedBg: string;
|
|
72
|
+
};
|
|
73
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
74
|
+
mx: (value: string) => {
|
|
75
|
+
marginLeft: string;
|
|
76
|
+
marginRight: string;
|
|
77
|
+
};
|
|
78
|
+
my: (value: string) => {
|
|
79
|
+
marginTop: string;
|
|
80
|
+
marginBottom: string;
|
|
81
|
+
};
|
|
82
|
+
size: (value: string) => {
|
|
83
|
+
width: string;
|
|
84
|
+
height: string;
|
|
85
|
+
};
|
|
86
|
+
}>>, Props>;
|
|
9
87
|
export { Message };
|
|
10
88
|
//# sourceMappingURL=Message.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAE1D,UAAU,KAAM,SAAQ,aAAa;IAIjC,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAKzC,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IAIhD,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAKD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAA0E,CAAC;AAExF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1,20 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.Message = void 0;
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const Message_module_scss_1 = __importDefault(require("./Message.module.scss"));
|
|
10
|
-
const Message = (props) => {
|
|
11
|
-
const cls = (0, classnames_1.default)(Message_module_scss_1.default.container, {
|
|
12
|
-
[Message_module_scss_1.default.box]: props.variant === "box",
|
|
13
|
-
[Message_module_scss_1.default.warning]: props.type === "warning",
|
|
14
|
-
[Message_module_scss_1.default.error]: props.type === "error",
|
|
15
|
-
[Message_module_scss_1.default.info]: props.type === "info",
|
|
16
|
-
}, props.className);
|
|
17
|
-
return react_1.default.createElement("div", { className: cls }, props.children);
|
|
18
|
-
};
|
|
4
|
+
const Message_styled_js_1 = require("./Message.styled.js");
|
|
5
|
+
const Message = Message_styled_js_1.StyledMessage;
|
|
19
6
|
exports.Message = Message;
|
|
20
7
|
//# sourceMappingURL=Message.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":";;;AAKA,2DAAoD;AA2BpD,MAAM,OAAO,GAAG,iCAAuE,CAAC;AAE/E,0BAAO"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Message } from "./Message.js";
|
|
3
|
+
declare const meta: Meta<typeof Message>;
|
|
4
|
+
type Story = StoryObj<typeof Message>;
|
|
5
|
+
declare const Primary: Story;
|
|
6
|
+
declare const MultipleAtOnce: Story;
|
|
7
|
+
export { Primary, MultipleAtOnce, };
|
|
8
|
+
export default meta;
|
|
9
|
+
//# sourceMappingURL=Message.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAiB9B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,QAAA,MAAM,OAAO,EAAE,KAId,CAAC;AAQF,QAAA,MAAM,cAAc,EAAE,KAYrB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.MultipleAtOnce = exports.Primary = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const theme_js_1 = require("../../../theme.js");
|
|
9
|
+
const Message_js_1 = require("./Message.js");
|
|
10
|
+
const meta = {
|
|
11
|
+
title: "Components/UI/Message",
|
|
12
|
+
component: Message_js_1.Message,
|
|
13
|
+
tags: ["autodocs", "ui"],
|
|
14
|
+
argTypes: {
|
|
15
|
+
children: {
|
|
16
|
+
control: { type: "text" },
|
|
17
|
+
type: "string",
|
|
18
|
+
defaultValue: "This is an example message.",
|
|
19
|
+
},
|
|
20
|
+
type: {
|
|
21
|
+
options: ["tip", "warning", "error", "info"],
|
|
22
|
+
},
|
|
23
|
+
variant: {
|
|
24
|
+
options: ["stretch", "box"],
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
const Primary = {
|
|
29
|
+
args: {
|
|
30
|
+
children: "This is an example message.",
|
|
31
|
+
},
|
|
32
|
+
};
|
|
33
|
+
exports.Primary = Primary;
|
|
34
|
+
const Container = (0, theme_js_1.styled)("div", {
|
|
35
|
+
display: "flex",
|
|
36
|
+
flexDirection: "column",
|
|
37
|
+
gap: 10,
|
|
38
|
+
});
|
|
39
|
+
const MultipleAtOnce = {
|
|
40
|
+
render: () => (react_1.default.createElement(Container, null,
|
|
41
|
+
react_1.default.createElement(Message_js_1.Message, { type: "warning" }, "Files will be deleted after 30 days."),
|
|
42
|
+
react_1.default.createElement(Message_js_1.Message, { type: "error" }, "Files cannot be deleted."),
|
|
43
|
+
react_1.default.createElement(Message_js_1.Message, { type: "info" }, "These files got deleted."),
|
|
44
|
+
react_1.default.createElement(Message_js_1.Message, { type: "warning", variant: "box" }, "Files will be deleted after 30 days."),
|
|
45
|
+
react_1.default.createElement(Message_js_1.Message, { type: "error", variant: "box" }, "Files cannot be deleted."),
|
|
46
|
+
react_1.default.createElement(Message_js_1.Message, { type: "info", variant: "box" }, "These files got deleted."))),
|
|
47
|
+
};
|
|
48
|
+
exports.MultipleAtOnce = MultipleAtOnce;
|
|
49
|
+
exports.default = meta;
|
|
50
|
+
//# sourceMappingURL=Message.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Message.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,gDAA2C;AAE3C,6CAAuC;AAEvC,MAAM,IAAI,GAAyB;IAC/B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,oBAAO;IAClB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,6BAA6B;SAC9C;QACD,IAAI,EAAE;YACF,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;SAC/C;QACD,OAAO,EAAE;YACL,OAAO,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC;SAC9B;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,6BAA6B;KAC1C;CACJ,CAAC;AAuBE,0BAAO;AArBX,MAAM,SAAS,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,EAAE;CACV,CAAC,CAAC;AAEH,MAAM,cAAc,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,8BAAC,SAAS;QACN,8BAAC,oBAAO,IAAC,IAAI,EAAE,SAAS,2CAAgD;QACxE,8BAAC,oBAAO,IAAC,IAAI,EAAE,OAAO,+BAAoC;QAC1D,8BAAC,oBAAO,IAAC,IAAI,EAAE,MAAM,+BAAoC;QAEzD,8BAAC,oBAAO,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,2CAAgD;QACxF,8BAAC,oBAAO,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,+BAAoC;QAC1E,8BAAC,oBAAO,IAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,+BAAoC,CACjE,CACf;CACJ,CAAC;AAIE,wCAAc;AAGlB,kBAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
declare const StyledMessage: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {
|
|
2
|
+
variant?: "stretch" | "box";
|
|
3
|
+
type?: "error" | "info" | "warning" | "tip";
|
|
4
|
+
}, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
|
|
5
|
+
colors: {
|
|
6
|
+
background: string;
|
|
7
|
+
mainColor: string;
|
|
8
|
+
mainColorAlt: string;
|
|
9
|
+
activeBg: string;
|
|
10
|
+
inactiveBg: string;
|
|
11
|
+
inactiveDarkBg: string;
|
|
12
|
+
toggleHandleBg: string;
|
|
13
|
+
toggleHandleBorder: string;
|
|
14
|
+
toggleBgDisabled: string;
|
|
15
|
+
toggleHandleBorderDisabled: string;
|
|
16
|
+
toggleHandleBgDisabled: string;
|
|
17
|
+
icon: string;
|
|
18
|
+
border: string;
|
|
19
|
+
buttonBorder: string;
|
|
20
|
+
headerBorder: string;
|
|
21
|
+
headerBg: string;
|
|
22
|
+
headerText: string;
|
|
23
|
+
text: string;
|
|
24
|
+
sub: string;
|
|
25
|
+
popText: string;
|
|
26
|
+
toolbarBorder: string;
|
|
27
|
+
toolbarBg: string;
|
|
28
|
+
modalBg: string;
|
|
29
|
+
modalButtonBg: string;
|
|
30
|
+
modalButtonBorder: string;
|
|
31
|
+
inputDisabledBg: string;
|
|
32
|
+
inputDisabledText: string;
|
|
33
|
+
choiceBg: string;
|
|
34
|
+
choiceText: string;
|
|
35
|
+
choiceActiveBg: string;
|
|
36
|
+
choiceActiveText: string;
|
|
37
|
+
choiceBorder: string;
|
|
38
|
+
selectorText: string;
|
|
39
|
+
selectorActive: string;
|
|
40
|
+
blue1: string;
|
|
41
|
+
blue2: string;
|
|
42
|
+
blue3: string;
|
|
43
|
+
orange1: string;
|
|
44
|
+
orange1Darker: string;
|
|
45
|
+
purple1: string;
|
|
46
|
+
green1: string;
|
|
47
|
+
green1Darker: string;
|
|
48
|
+
pink1: string;
|
|
49
|
+
red1: string;
|
|
50
|
+
yellow1: string;
|
|
51
|
+
yellow2: string;
|
|
52
|
+
yellow3: string;
|
|
53
|
+
pinky1: string;
|
|
54
|
+
pinky2: string;
|
|
55
|
+
pinky3: string;
|
|
56
|
+
grey1: string;
|
|
57
|
+
focusColor: string;
|
|
58
|
+
scrollbarsThumb: string;
|
|
59
|
+
scrollbarsBg: string;
|
|
60
|
+
tableStripedBg: string;
|
|
61
|
+
};
|
|
62
|
+
}, import("@stitches/react/types/config.js").DefaultThemeMap, {
|
|
63
|
+
mx: (value: string) => {
|
|
64
|
+
marginLeft: string;
|
|
65
|
+
marginRight: string;
|
|
66
|
+
};
|
|
67
|
+
my: (value: string) => {
|
|
68
|
+
marginTop: string;
|
|
69
|
+
marginBottom: string;
|
|
70
|
+
};
|
|
71
|
+
size: (value: string) => {
|
|
72
|
+
width: string;
|
|
73
|
+
height: string;
|
|
74
|
+
};
|
|
75
|
+
}>>;
|
|
76
|
+
export { StyledMessage, };
|
|
77
|
+
//# sourceMappingURL=Message.styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Message.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCjB,CAAC;AAEH,OAAO,EACH,aAAa,GAChB,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.StyledMessage = void 0;
|
|
4
|
+
const theme_js_1 = require("../../../theme.js");
|
|
5
|
+
const StyledMessage = (0, theme_js_1.styled)("div", {
|
|
6
|
+
borderStyle: "solid",
|
|
7
|
+
borderColor: "$border",
|
|
8
|
+
borderWidth: 0,
|
|
9
|
+
borderTopWidth: (0, theme_js_1.pxToRem)(1),
|
|
10
|
+
borderBottomWidth: (0, theme_js_1.pxToRem)(1),
|
|
11
|
+
padding: `${(0, theme_js_1.dimensionsPxToRem)(47)} ${(0, theme_js_1.dimensionsPxToRem)(83)}`,
|
|
12
|
+
fontWeight: 500,
|
|
13
|
+
lineHeight: 1.25,
|
|
14
|
+
variants: {
|
|
15
|
+
variant: {
|
|
16
|
+
box: {
|
|
17
|
+
borderLeftWidth: (0, theme_js_1.pxToRem)(1),
|
|
18
|
+
borderRightWidth: (0, theme_js_1.pxToRem)(1),
|
|
19
|
+
margin: (0, theme_js_1.pxToRem)(12),
|
|
20
|
+
},
|
|
21
|
+
stretch: {},
|
|
22
|
+
},
|
|
23
|
+
type: {
|
|
24
|
+
warning: {
|
|
25
|
+
backgroundColor: "$yellow3",
|
|
26
|
+
borderColor: "$yellow1",
|
|
27
|
+
color: "$yellow2",
|
|
28
|
+
},
|
|
29
|
+
error: {
|
|
30
|
+
backgroundColor: "$pinky3",
|
|
31
|
+
borderColor: "$pinky1",
|
|
32
|
+
color: "$pinky2",
|
|
33
|
+
},
|
|
34
|
+
info: {
|
|
35
|
+
backgroundColor: "$blue3",
|
|
36
|
+
borderColor: "$blue2",
|
|
37
|
+
color: "$blue1",
|
|
38
|
+
},
|
|
39
|
+
tip: {},
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
});
|
|
43
|
+
exports.StyledMessage = StyledMessage;
|
|
44
|
+
//# sourceMappingURL=Message.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Message.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.styled.ts"],"names":[],"mappings":";;;AAAA,gDAAuE;AAEvE,MAAM,aAAa,GAAG,IAAA,iBAAM,EAAC,KAAK,EAAE;IAChC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,CAAC;IACd,cAAc,EAAE,IAAA,kBAAO,EAAC,CAAC,CAAC;IAC1B,iBAAiB,EAAE,IAAA,kBAAO,EAAC,CAAC,CAAC;IAC7B,OAAO,EAAE,GAAG,IAAA,4BAAiB,EAAC,EAAE,CAAC,IAAI,IAAA,4BAAiB,EAAC,EAAE,CAAC,EAAE;IAC5D,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,IAAI;IAEhB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,GAAG,EAAE;gBACD,eAAe,EAAE,IAAA,kBAAO,EAAC,CAAC,CAAC;gBAC3B,gBAAgB,EAAE,IAAA,kBAAO,EAAC,CAAC,CAAC;gBAC5B,MAAM,EAAE,IAAA,kBAAO,EAAC,EAAE,CAAC;aACtB;YACD,OAAO,EAAE,EAAE;SACd;QACD,IAAI,EAAE;YACF,OAAO,EAAE;gBACL,eAAe,EAAE,UAAU;gBAC3B,WAAW,EAAE,UAAU;gBACvB,KAAK,EAAE,UAAU;aACpB;YACD,KAAK,EAAE;gBACH,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,KAAK,EAAE,SAAS;aACnB;YACD,IAAI,EAAE;gBACF,eAAe,EAAE,QAAQ;gBACzB,WAAW,EAAE,QAAQ;gBACrB,KAAK,EAAE,QAAQ;aAClB;YACD,GAAG,EAAE,EAAE;SACV;KACJ;CACJ,CAAC,CAAC;AAGC,sCAAa"}
|
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ export * from "./components/form/choice/Choice.js";
|
|
|
2
2
|
export * from "./components/form/Checkbox.js";
|
|
3
3
|
export * from "./components/form/Label.js";
|
|
4
4
|
export * from "./components/form/Select.js";
|
|
5
|
-
export * from "./components/form/TextArea.js";
|
|
5
|
+
export * from "./components/form/textarea/TextArea.js";
|
|
6
6
|
export * from "./components/form/Toggle.js";
|
|
7
7
|
export * from "./components/form/index.js";
|
|
8
8
|
export * from "./components/icons/Icon.js";
|
|
@@ -21,6 +21,11 @@ export * from "./components/ui/button/Button.js";
|
|
|
21
21
|
export * from "./components/ui/directionPad/Pad.js";
|
|
22
22
|
export * from "./components/ui/drawer/Drawer.js";
|
|
23
23
|
export * from "./components/ui/keyValue/KeyValue.js";
|
|
24
|
+
export * from "./components/ui/loader/CoveringLoader.js";
|
|
25
|
+
export * from "./components/ui/loader/FullLoader.js";
|
|
26
|
+
export * from "./components/ui/loader/Loader.js";
|
|
27
|
+
export * from "./components/ui/loader/Loading.js";
|
|
28
|
+
export * from "./components/ui/loader/PopLoader.js";
|
|
24
29
|
export * from "./components/ui/message/Message.js";
|
|
25
30
|
export * from "./components/ui/modal/Modal.js";
|
|
26
31
|
export * from "./components/ui/modal/ModalButtons.js";
|
|
@@ -32,5 +37,8 @@ export * from "./components/ui/toaster/Toaster.js";
|
|
|
32
37
|
export * from "./components/utils/HandleEsc.js";
|
|
33
38
|
export * from "./components/utils/If.js";
|
|
34
39
|
export * from "./components/utils/Spacer.js";
|
|
40
|
+
export * from "./scrollbars.css.js";
|
|
41
|
+
export type { ThemeCSS } from "./theme.js";
|
|
35
42
|
export { getCssText, styled } from "./theme.js";
|
|
43
|
+
export { cssReset } from "./theme.css-reset.js";
|
|
36
44
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wCAAwC,CAAC;AACvD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,0CAA0C,CAAC;AACzD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,qBAAqB,CAAC;AAEpC,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -14,12 +14,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.styled = exports.getCssText = void 0;
|
|
17
|
+
exports.cssReset = exports.styled = exports.getCssText = void 0;
|
|
18
18
|
__exportStar(require("./components/form/choice/Choice.js"), exports);
|
|
19
19
|
__exportStar(require("./components/form/Checkbox.js"), exports);
|
|
20
20
|
__exportStar(require("./components/form/Label.js"), exports);
|
|
21
21
|
__exportStar(require("./components/form/Select.js"), exports);
|
|
22
|
-
__exportStar(require("./components/form/TextArea.js"), exports);
|
|
22
|
+
__exportStar(require("./components/form/textarea/TextArea.js"), exports);
|
|
23
23
|
__exportStar(require("./components/form/Toggle.js"), exports);
|
|
24
24
|
__exportStar(require("./components/form/index.js"), exports);
|
|
25
25
|
__exportStar(require("./components/icons/Icon.js"), exports);
|
|
@@ -38,6 +38,11 @@ __exportStar(require("./components/ui/button/Button.js"), exports);
|
|
|
38
38
|
__exportStar(require("./components/ui/directionPad/Pad.js"), exports);
|
|
39
39
|
__exportStar(require("./components/ui/drawer/Drawer.js"), exports);
|
|
40
40
|
__exportStar(require("./components/ui/keyValue/KeyValue.js"), exports);
|
|
41
|
+
__exportStar(require("./components/ui/loader/CoveringLoader.js"), exports);
|
|
42
|
+
__exportStar(require("./components/ui/loader/FullLoader.js"), exports);
|
|
43
|
+
__exportStar(require("./components/ui/loader/Loader.js"), exports);
|
|
44
|
+
__exportStar(require("./components/ui/loader/Loading.js"), exports);
|
|
45
|
+
__exportStar(require("./components/ui/loader/PopLoader.js"), exports);
|
|
41
46
|
__exportStar(require("./components/ui/message/Message.js"), exports);
|
|
42
47
|
__exportStar(require("./components/ui/modal/Modal.js"), exports);
|
|
43
48
|
__exportStar(require("./components/ui/modal/ModalButtons.js"), exports);
|
|
@@ -49,7 +54,10 @@ __exportStar(require("./components/ui/toaster/Toaster.js"), exports);
|
|
|
49
54
|
__exportStar(require("./components/utils/HandleEsc.js"), exports);
|
|
50
55
|
__exportStar(require("./components/utils/If.js"), exports);
|
|
51
56
|
__exportStar(require("./components/utils/Spacer.js"), exports);
|
|
57
|
+
__exportStar(require("./scrollbars.css.js"), exports);
|
|
52
58
|
var theme_js_1 = require("./theme.js");
|
|
53
59
|
Object.defineProperty(exports, "getCssText", { enumerable: true, get: function () { return theme_js_1.getCssText; } });
|
|
54
60
|
Object.defineProperty(exports, "styled", { enumerable: true, get: function () { return theme_js_1.styled; } });
|
|
61
|
+
var theme_css_reset_js_1 = require("./theme.css-reset.js");
|
|
62
|
+
Object.defineProperty(exports, "cssReset", { enumerable: true, get: function () { return theme_css_reset_js_1.cssReset; } });
|
|
55
63
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,qEAAmD;AACnD,gEAA8C;AAC9C,6DAA2C;AAC3C,8DAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,qEAAmD;AACnD,gEAA8C;AAC9C,6DAA2C;AAC3C,8DAA4C;AAC5C,yEAAuD;AACvD,8DAA4C;AAE5C,6DAA2C;AAE3C,6DAA2C;AAE3C,mEAAiD;AACjD,uEAAqD;AACrD,iFAA+D;AAC/D,6EAA2D;AAC3D,mEAAiD;AACjD,mEAAiD;AACjD,iFAA+D;AAC/D,yEAAuD;AACvD,qEAAmD;AAEnD,mEAAiD;AACjD,yEAAuD;AACvD,mEAAiD;AACjD,sEAAoD;AACpD,mEAAiD;AACjD,uEAAqD;AACrD,2EAAyD;AACzD,uEAAqD;AACrD,mEAAiD;AACjD,oEAAkD;AAClD,sEAAoD;AACpD,qEAAmD;AACnD,iEAA+C;AAC/C,wEAAsD;AACtD,6DAA2C;AAC3C,mEAAiD;AACjD,iEAA+C;AAE/C,mEAAiD;AACjD,qEAAmD;AAEnD,kEAAgD;AAChD,2DAAyC;AACzC,+DAA6C;AAE7C,sDAAoC;AAIpC,uCAAgD;AAAvC,sGAAA,UAAU,OAAA;AAAE,kGAAA,MAAM,OAAA;AAC3B,2DAAgD;AAAvC,8GAAA,QAAQ,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scrollbars.css.d.ts","sourceRoot":"","sources":["../src/scrollbars.css.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiBxC,QAAA,MAAM,cAAc,EAAE,QAoCrB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
|