@rolster/react-components 18.25.0 → 18.25.2
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/dist/cjs/assets/{index-A_JkPXhq.css → index-B6PshrCZ.css} +144 -5
- package/dist/cjs/index.js +78 -22
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-A_JkPXhq.css → index-B6PshrCZ.css} +144 -5
- package/dist/es/index.js +77 -24
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Input/Input.js +3 -3
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputDouble/InputDouble.css +11 -0
- package/dist/esm/components/atoms/InputDouble/InputDouble.css.map +1 -0
- package/dist/esm/components/atoms/InputDouble/InputDouble.d.ts +9 -0
- package/dist/esm/components/atoms/InputDouble/InputDouble.js +21 -0
- package/dist/esm/components/atoms/InputDouble/InputDouble.js.map +1 -0
- package/dist/esm/components/atoms/InputSearch/InputSearch.css +7 -0
- package/dist/esm/components/atoms/InputSearch/InputSearch.css.map +1 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.d.ts +2 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.js +7 -3
- package/dist/esm/components/atoms/InputSearch/InputSearch.js.map +1 -1
- package/dist/esm/components/molecules/FieldDouble/FieldDouble.css +6 -0
- package/dist/esm/components/molecules/FieldDouble/FieldDouble.css.map +1 -0
- package/dist/esm/components/molecules/FieldDouble/FieldDouble.d.ts +9 -0
- package/dist/esm/components/molecules/FieldDouble/FieldDouble.js +24 -0
- package/dist/esm/components/molecules/FieldDouble/FieldDouble.js.map +1 -0
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map +1 -1
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js +1 -1
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js.map +1 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.js +1 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.js.map +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.js +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.js.map +1 -1
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.css +9 -2
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.css.map +1 -1
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.d.ts +2 -1
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.js +6 -3
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.d.ts +1 -0
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +3 -2
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.d.ts +1 -0
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +3 -3
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
- package/dist/esm/components/organisms/Modal/Modal.css +5 -3
- package/dist/esm/components/organisms/Modal/Modal.css.map +1 -1
- package/dist/esm/components/organisms/Modal/Modal.d.ts +2 -1
- package/dist/esm/components/organisms/Modal/Modal.js +6 -3
- package/dist/esm/components/organisms/Modal/Modal.js.map +1 -1
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.css +103 -0
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.css.map +1 -0
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.d.ts +9 -0
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.js +15 -0
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.js.map +1 -0
- package/dist/esm/index.d.ts +3 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,17 +27,19 @@
|
|
|
27
27
|
}
|
|
28
28
|
.rls-modal__component {
|
|
29
29
|
position: absolute;
|
|
30
|
+
display: flex;
|
|
30
31
|
max-width: var(--rlc-modal-max-width, calc(100% - var(--rls-sizing-x8)));
|
|
31
32
|
height: var(--pvt-component-height);
|
|
33
|
+
flex-direction: column;
|
|
32
34
|
opacity: var(--pvt-component-opacity);
|
|
33
35
|
visibility: var(--pvt-component-visibility);
|
|
34
36
|
z-index: var(--rls-z-index-2);
|
|
35
37
|
border-radius: var(--rls-sizing-x4);
|
|
36
38
|
background: var(--rlc-modal-background, var(--rls-app-color-050));
|
|
37
39
|
transform: var(--pvt-component-transform);
|
|
38
|
-
transition: opacity
|
|
39
|
-
transform
|
|
40
|
-
visibility
|
|
40
|
+
transition: opacity 160ms 0ms var(--rls-deceleration-curve),
|
|
41
|
+
transform 160ms 0ms var(--rls-deceleration-curve),
|
|
42
|
+
visibility 160ms 0ms var(--rls-deceleration-curve);
|
|
41
43
|
}
|
|
42
44
|
.rls-modal__backdrop {
|
|
43
45
|
position: absolute;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.scss"],"names":[],"mappings":"AAOA,WACE,wDACA,6BACA,2BACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,8BACA,kBACA,mBACA,uBAEA,oBACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,sBACE,kBACA,wEACA,mCACA,qCACA,2CACA,6BACA,mCACA,iEACA,yCACA,gKAKF,qBACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA","file":"Modal.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.scss"],"names":[],"mappings":"AAOA,WACE,wDACA,6BACA,2BACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,8BACA,kBACA,mBACA,uBAEA,oBACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,sBACE,kBACA,aACA,wEACA,mCACA,sBACA,qCACA,2CACA,6BACA,mCACA,iEACA,yCACA,gKAKF,qBACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA","file":"Modal.css"}
|
|
@@ -2,7 +2,8 @@ import { RlsComponent } from '../../definitions';
|
|
|
2
2
|
import './Modal.css';
|
|
3
3
|
interface ModalProps extends RlsComponent {
|
|
4
4
|
className?: string;
|
|
5
|
+
onAutoClose?: () => void;
|
|
5
6
|
visible?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare function RlsModal({ children, className, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
|
|
8
|
+
export declare function RlsModal({ children, className, onAutoClose, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
|
|
8
9
|
export {};
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useMemo } from 'react';
|
|
2
|
+
import { useCallback, useMemo } from 'react';
|
|
3
3
|
import ReactDOM from 'react-dom';
|
|
4
4
|
import { renderClassStatus } from '../../../helpers/css';
|
|
5
5
|
import './Modal.css';
|
|
6
|
-
export function RlsModal({ children, className, visible, rlsTheme }) {
|
|
6
|
+
export function RlsModal({ children, className, onAutoClose, visible, rlsTheme }) {
|
|
7
7
|
const classNameModal = useMemo(() => {
|
|
8
8
|
return renderClassStatus('rls-modal', { visible }, className);
|
|
9
9
|
}, [className, visible]);
|
|
10
|
-
|
|
10
|
+
const onClickBackdrop = useCallback(() => {
|
|
11
|
+
onAutoClose && onAutoClose();
|
|
12
|
+
}, [onAutoClose]);
|
|
13
|
+
return ReactDOM.createPortal(_jsxs("div", { className: classNameModal, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal__component", children: children }), _jsx("div", { className: "rls-modal__backdrop", onClick: onClickBackdrop })] }), document.body);
|
|
11
14
|
}
|
|
12
15
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,aAAa,CAAC;AAQrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,EACG;IACX,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,WAAW,IAAI,WAAW,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,eAAa,QAAQ,aACjD,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,EAEtD,cAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,eAAe,GAAQ,IACjE,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
.rls-modal-sheet {
|
|
2
|
+
--pvt-component-transform: translateY(150px) scale(0.6);
|
|
3
|
+
--pvt-component-transform-visible: translateY(0) scale(1);
|
|
4
|
+
--pvt-component-bottom: initial;
|
|
5
|
+
--pvt-component-max-width: var(
|
|
6
|
+
--rlc-modal-sheet-max-width,
|
|
7
|
+
calc(100% - var(--rls-sizing-x8))
|
|
8
|
+
);
|
|
9
|
+
--pvt-component-height: 0rem;
|
|
10
|
+
--pvt-component-max-height: initial;
|
|
11
|
+
--pvt-component-border-radius: var(--rls-sizing-x4);
|
|
12
|
+
--pvt-component-opacity: 0;
|
|
13
|
+
--pvt-component-visibility: hidden;
|
|
14
|
+
--pvt-backdrop-opacity: 0;
|
|
15
|
+
--pvt-backdrop-bottom: initial;
|
|
16
|
+
position: fixed;
|
|
17
|
+
display: flex;
|
|
18
|
+
top: 0rem;
|
|
19
|
+
left: 0rem;
|
|
20
|
+
width: 100%;
|
|
21
|
+
height: 100%;
|
|
22
|
+
z-index: var(--rls-z-index-24);
|
|
23
|
+
visibility: hidden;
|
|
24
|
+
align-items: center;
|
|
25
|
+
justify-content: center;
|
|
26
|
+
}
|
|
27
|
+
.rls-modal-sheet--visible {
|
|
28
|
+
--pvt-component-visibility: visible;
|
|
29
|
+
--pvt-component-height: auto;
|
|
30
|
+
--pvt-component-opacity: 1;
|
|
31
|
+
--pvt-component-transform: var(--pvt-component-transform-visible);
|
|
32
|
+
--pvt-backdrop-bottom: 0rem;
|
|
33
|
+
--pvt-backdrop-opacity: 1;
|
|
34
|
+
visibility: visible;
|
|
35
|
+
}
|
|
36
|
+
.rls-modal-sheet__component {
|
|
37
|
+
position: absolute;
|
|
38
|
+
display: flex;
|
|
39
|
+
bottom: var(--pvt-component-bottom);
|
|
40
|
+
max-width: var(--pvt-component-max-width);
|
|
41
|
+
height: var(--pvt-component-height);
|
|
42
|
+
max-height: var(--pvt-component-max-height);
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
opacity: var(--pvt-component-opacity);
|
|
45
|
+
visibility: var(--pvt-component-visibility);
|
|
46
|
+
z-index: var(--rls-z-index-2);
|
|
47
|
+
border-radius: var(--pvt-component-border-radius);
|
|
48
|
+
background: var(--rlc-modal-sheet-background, var(--rls-app-color-050));
|
|
49
|
+
transform: var(--pvt-component-transform);
|
|
50
|
+
transition: opacity 125ms 0ms var(--rls-deceleration-curve),
|
|
51
|
+
transform 125ms 0ms var(--rls-deceleration-curve),
|
|
52
|
+
visibility 125ms 0ms var(--rls-deceleration-curve);
|
|
53
|
+
}
|
|
54
|
+
.rls-modal-sheet__backdrop {
|
|
55
|
+
position: absolute;
|
|
56
|
+
display: block;
|
|
57
|
+
top: 0rem;
|
|
58
|
+
left: 0rem;
|
|
59
|
+
right: 0rem;
|
|
60
|
+
bottom: var(--pvt-backdrop-bottom);
|
|
61
|
+
opacity: var(--pvt-backdrop-opacity);
|
|
62
|
+
z-index: 1;
|
|
63
|
+
background: var(--rls-theme-backdrop-900);
|
|
64
|
+
backdrop-filter: blur(2px);
|
|
65
|
+
transition: opacity 120ms 0ms var(--rls-deceleration-curve),
|
|
66
|
+
bottom 120ms 0ms var(--rls-deceleration-curve);
|
|
67
|
+
}
|
|
68
|
+
@media screen and (max-width: 640px) and (max-height: 960px) {
|
|
69
|
+
.rls-modal-sheet {
|
|
70
|
+
--pvt-component-max-height: calc(100% - 32rem);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
@media screen and (max-width: 640px) and (max-height: 720px) {
|
|
74
|
+
.rls-modal-sheet {
|
|
75
|
+
--pvt-component-max-height: calc(100% - 24rem);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
@media screen and (max-width: 640px) and (max-height: 560px) {
|
|
79
|
+
.rls-modal-sheet {
|
|
80
|
+
--pvt-component-max-height: calc(100% - 16rem);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
@media screen and (max-width: 640px) {
|
|
84
|
+
.rls-modal-sheet {
|
|
85
|
+
--pvt-component-transform: translateY(100%);
|
|
86
|
+
--pvt-component-transform-visible: translateY(0);
|
|
87
|
+
--pvt-component-bottom: 0px;
|
|
88
|
+
--pvt-component-max-width: 240rem;
|
|
89
|
+
--pvt-component-max-height: 75%;
|
|
90
|
+
--pvt-component-border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4)
|
|
91
|
+
0rem 0rem;
|
|
92
|
+
align-items: initial;
|
|
93
|
+
}
|
|
94
|
+
.rls-modal-sheet__component::before {
|
|
95
|
+
display: block;
|
|
96
|
+
content: '';
|
|
97
|
+
width: var(--rls-sizing-x24);
|
|
98
|
+
height: var(--rls-sizing-x2);
|
|
99
|
+
border-radius: var(--rls-sizing-x2);
|
|
100
|
+
background: var(--rls-app-color-300);
|
|
101
|
+
margin: var(--rls-sizing-x3) auto;
|
|
102
|
+
}
|
|
103
|
+
} /*# sourceMappingURL=ModalSheet.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/ModalSheet/ModalSheet.scss"],"names":[],"mappings":"AAOA,iBACE,wDACA,0DACA,gCACA,iGAIA,6BACA,oCACA,oDACA,2BACA,mCAEA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,8BACA,kBACA,mBACA,uBAEA,0BACE,oCACA,6BACA,2BACA,kEACA,4BACA,0BAEA,mBAGF,4BACE,kBACA,aACA,mCACA,yCACA,mCACA,2CACA,sBACA,qCACA,2CACA,6BACA,iDACA,uEACA,yCACA,gKAKF,2BACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA,0GAKJ,4DACE,iBACE,gDAIJ,4DACE,iBACE,gDAIJ,4DACE,iBACE,gDAIJ,qCACE,iBACE,4CACA,iDACA,4BACA,kCACA,gCACA,mFAGA,oBAGE,oCACE,cACA,WACA,4BACA,4BACA,mCACA,oCACA","file":"ModalSheet.css"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { RlsComponent } from '../../definitions';
|
|
2
|
+
import './ModalSheet.css';
|
|
3
|
+
interface ModalSheetProps extends RlsComponent {
|
|
4
|
+
className?: string;
|
|
5
|
+
onAutoClose?: () => void;
|
|
6
|
+
visible?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare function RlsModalSheet({ children, className, onAutoClose, visible, rlsTheme }: ModalSheetProps): import("react").ReactPortal;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useMemo } from 'react';
|
|
3
|
+
import ReactDOM from 'react-dom';
|
|
4
|
+
import { renderClassStatus } from '../../../helpers/css';
|
|
5
|
+
import './ModalSheet.css';
|
|
6
|
+
export function RlsModalSheet({ children, className, onAutoClose, visible, rlsTheme }) {
|
|
7
|
+
const classNameModal = useMemo(() => {
|
|
8
|
+
return renderClassStatus('rls-modal-sheet', { visible }, className);
|
|
9
|
+
}, [className, visible]);
|
|
10
|
+
const onClickBackdrop = useCallback(() => {
|
|
11
|
+
onAutoClose && onAutoClose();
|
|
12
|
+
}, [onAutoClose]);
|
|
13
|
+
return ReactDOM.createPortal(_jsxs("div", { className: classNameModal, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal-sheet__component", children: children }), _jsx("div", { className: "rls-modal-sheet__backdrop", onClick: onClickBackdrop })] }), document.body);
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=ModalSheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalSheet.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ModalSheet/ModalSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,kBAAkB,CAAC;AAQ1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,EACQ;IAChB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,WAAW,IAAI,WAAW,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,eAAa,QAAQ,aACjD,cAAK,SAAS,EAAC,4BAA4B,YAAE,QAAQ,GAAO,EAE5D,cACE,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,eAAe,GACnB,IACH,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export * from './components/atoms/CheckBox/CheckBox';
|
|
|
8
8
|
export * from './components/atoms/Icon/Icon';
|
|
9
9
|
export * from './components/atoms/Image/Image';
|
|
10
10
|
export * from './components/atoms/Input/Input';
|
|
11
|
+
export * from './components/atoms/InputDouble/InputDouble';
|
|
11
12
|
export * from './components/atoms/InputMoney/InputMoney';
|
|
12
13
|
export * from './components/atoms/InputNumber/InputNumber';
|
|
13
14
|
export * from './components/atoms/InputPassword/InputPassword';
|
|
@@ -29,6 +30,7 @@ export * from './components/molecules/Ballot/Ballot';
|
|
|
29
30
|
export * from './components/molecules/ButtonProgress/ButtonProgress';
|
|
30
31
|
export * from './components/molecules/ButtonToggle/ButtonToggle';
|
|
31
32
|
export * from './components/molecules/Content/Content';
|
|
33
|
+
export * from './components/molecules/FieldDouble/FieldDouble';
|
|
32
34
|
export * from './components/molecules/FieldMoney/FieldMoney';
|
|
33
35
|
export * from './components/molecules/FieldNumber/FieldNumber';
|
|
34
36
|
export * from './components/molecules/FieldPassword/FieldPassword';
|
|
@@ -62,6 +64,7 @@ export * from './components/organisms/FormNavigation/FormNavigation';
|
|
|
62
64
|
export * from './components/organisms/ImageChooser/ImageChooser';
|
|
63
65
|
export * from './components/organisms/ImageEditor/ImageEditor';
|
|
64
66
|
export * from './components/organisms/Modal/Modal';
|
|
67
|
+
export * from './components/organisms/ModalSheet/ModalSheet';
|
|
65
68
|
export * from './components/organisms/PickerDate/PickerDate';
|
|
66
69
|
export * from './components/organisms/PickerDateRange/PickerDateRange';
|
|
67
70
|
export * from './components/organisms/Snackbar/Snackbar';
|
package/dist/esm/index.js
CHANGED
|
@@ -8,6 +8,7 @@ export * from './components/atoms/CheckBox/CheckBox';
|
|
|
8
8
|
export * from './components/atoms/Icon/Icon';
|
|
9
9
|
export * from './components/atoms/Image/Image';
|
|
10
10
|
export * from './components/atoms/Input/Input';
|
|
11
|
+
export * from './components/atoms/InputDouble/InputDouble';
|
|
11
12
|
export * from './components/atoms/InputMoney/InputMoney';
|
|
12
13
|
export * from './components/atoms/InputNumber/InputNumber';
|
|
13
14
|
export * from './components/atoms/InputPassword/InputPassword';
|
|
@@ -29,6 +30,7 @@ export * from './components/molecules/Ballot/Ballot';
|
|
|
29
30
|
export * from './components/molecules/ButtonProgress/ButtonProgress';
|
|
30
31
|
export * from './components/molecules/ButtonToggle/ButtonToggle';
|
|
31
32
|
export * from './components/molecules/Content/Content';
|
|
33
|
+
export * from './components/molecules/FieldDouble/FieldDouble';
|
|
32
34
|
export * from './components/molecules/FieldMoney/FieldMoney';
|
|
33
35
|
export * from './components/molecules/FieldNumber/FieldNumber';
|
|
34
36
|
export * from './components/molecules/FieldPassword/FieldPassword';
|
|
@@ -62,6 +64,7 @@ export * from './components/organisms/FormNavigation/FormNavigation';
|
|
|
62
64
|
export * from './components/organisms/ImageChooser/ImageChooser';
|
|
63
65
|
export * from './components/organisms/ImageEditor/ImageEditor';
|
|
64
66
|
export * from './components/organisms/Modal/Modal';
|
|
67
|
+
export * from './components/organisms/ModalSheet/ModalSheet';
|
|
65
68
|
export * from './components/organisms/PickerDate/PickerDate';
|
|
66
69
|
export * from './components/organisms/PickerDateRange/PickerDateRange';
|
|
67
70
|
export * from './components/organisms/Snackbar/Snackbar';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,wCAAwC,CAAC;AACvD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,wDAAwD,CAAC;AACvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0DAA0D,CAAC;AACzE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gEAAgE,CAAC;AAC/E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC;AACvD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,sEAAsE,CAAC;AACrF,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oCAAoC,CAAC;AACnD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,WAAW,CAAC;AAC1B,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,0CAA0C,CAAC;AACzD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,wCAAwC,CAAC;AACvD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,wDAAwD,CAAC;AACvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0DAA0D,CAAC;AACzE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gEAAgE,CAAC;AAC/E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC;AACvD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,sEAAsE,CAAC;AACrF,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oCAAoC,CAAC;AACnD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,WAAW,CAAC;AAC1B,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rolster/react-components",
|
|
3
|
-
"version": "18.25.
|
|
3
|
+
"version": "18.25.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Package containing UI components for React Project.",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"prepublishOnly": "npm run build"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@rolster/commons": "^3.0.
|
|
33
|
+
"@rolster/commons": "^3.0.1",
|
|
34
34
|
"@rolster/components": "^0.7.0",
|
|
35
35
|
"@rolster/dates": "^3.0.0",
|
|
36
36
|
"@rolster/forms": "^3.0.0",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
50
50
|
"@rollup/plugin-typescript": "^11.1.3",
|
|
51
51
|
"@rolster/rollup": "^1.0.8",
|
|
52
|
-
"@rolster/styles-foundations": "^2.5.
|
|
52
|
+
"@rolster/styles-foundations": "^2.5.44",
|
|
53
53
|
"@rolster/types": "^1.1.0",
|
|
54
54
|
"@types/node-sass": "^4.11.4",
|
|
55
55
|
"@types/react": "^18.0.28",
|