react-asc 20.1.0 → 21.0.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/components/Button/Button.d.ts +1 -0
- package/components/Select/Select.d.ts +1 -0
- package/index.es.js +139 -132
- package/index.js +139 -132
- package/package.json +1 -3
- package/react-asc.scss +82 -2
- package/readme.md +3 -5
package/index.js
CHANGED
|
@@ -167,7 +167,7 @@ const Icon = (props) => {
|
|
|
167
167
|
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
168
168
|
};
|
|
169
169
|
|
|
170
|
-
var css_248z$Y = ".IconButton-module_iconButton__rpCPQ {\n border-radius: 100%;\n padding: 0px;\n display: flex;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n min-width: auto;\n box-shadow: none;\n font-weight: 400;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n user-select: none;\n background-color: transparent;\n font-size: 1rem;\n line-height: 1.5;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: none; }\n .IconButton-module_iconButton__rpCPQ:hover {\n cursor: pointer; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_shadow__Uw0RK {\n box-shadow: var(--shadow); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_md__XnuSk {\n width: 48px;\n height: 48px; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_lg__arEvo {\n width: 56px;\n height: 56px; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag {\n padding: 0;\n background: transparent;\n color: inherit; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_active__VIqU9 {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G {\n color: var(--primary); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n color: var(--primary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY {\n color: var(--secondary); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n color: var(--secondary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2 {\n color: var(--accent); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n color: var(--accent-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO {\n color: var(--light); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n color: var(--light-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH {\n color: var(--dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n color: var(--dark-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_disabled__QB0ZV {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_active__VIqU9 {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G {\n background-color: var(--primary);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n background-color: var(--primary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY {\n background-color: var(--secondary);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n background-color: var(--secondary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2 {\n background-color: var(--accent);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n background-color: var(--accent-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO {\n background-color: var(--light);\n color: var(--dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n background-color: var(--light-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH {\n background-color: var(--dark);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n background-color: var(--dark-light); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_disabled__QB0ZV {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n .IconButton-module_iconButton__rpCPQ:focus {\n color: #212529;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px #00000013, 0 0 0 0.25rem #0d6efd40; }\n";
|
|
170
|
+
var css_248z$Y = ".IconButton-module_iconButton__rpCPQ {\n border-radius: 100%;\n padding: 0px;\n display: flex;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n min-width: auto;\n box-shadow: none;\n font-weight: 400;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n user-select: none;\n background-color: transparent;\n font-size: 1rem;\n line-height: 1.5;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: none; }\n .IconButton-module_iconButton__rpCPQ:hover {\n cursor: pointer; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_shadow__Uw0RK {\n box-shadow: var(--shadow); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_md__XnuSk {\n width: 48px;\n height: 48px; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_lg__arEvo {\n width: 56px;\n height: 56px; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag {\n padding: 0;\n background: transparent;\n color: inherit; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_active__VIqU9 {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G {\n color: var(--primary); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n color: var(--primary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY {\n color: var(--secondary); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n color: var(--secondary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2 {\n color: var(--accent); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n color: var(--accent-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO {\n color: var(--light); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n color: var(--light-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH {\n color: var(--dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n color: var(--dark-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_disabled__QB0ZV {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_active__VIqU9 {\n background-color: rgba(0, 0, 0, 0.04); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G {\n background-color: var(--primary);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n background-color: var(--primary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY {\n background-color: var(--secondary);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n background-color: var(--secondary-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2 {\n background-color: var(--accent);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n background-color: var(--accent-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO {\n background-color: var(--light);\n color: var(--dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n background-color: var(--light-dark); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH {\n background-color: var(--dark);\n color: var(--white); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n background-color: var(--dark-light); }\n .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_disabled__QB0ZV {\n color: rgba(0, 0, 0, 0.26);\n background-color: transparent;\n cursor: default;\n pointer-events: none; }\n .IconButton-module_iconButton__rpCPQ:focus:not(.IconButton-module_iconButton__rpCPQ.IconButton-module_disabled__QB0ZV) {\n color: #212529;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px #00000013, 0 0 0 0.25rem #0d6efd40; }\n";
|
|
171
171
|
var styles$Y = {"iconButton":"IconButton-module_iconButton__rpCPQ","shadow":"IconButton-module_shadow__Uw0RK","md":"IconButton-module_md__XnuSk","lg":"IconButton-module_lg__arEvo","text":"IconButton-module_text__Ualag","active":"IconButton-module_active__VIqU9","primary":"IconButton-module_primary__vbo-G","secondary":"IconButton-module_secondary__AiNAY","accent":"IconButton-module_accent__QRzM2","light":"IconButton-module_light__YNEiO","dark":"IconButton-module_dark__gnbUH","disabled":"IconButton-module_disabled__QB0ZV","contained":"IconButton-module_contained__k7vGA"};
|
|
172
172
|
styleInject(css_248z$Y);
|
|
173
173
|
|
|
@@ -290,8 +290,8 @@ function useDebounce(callback, timeout, deps) {
|
|
|
290
290
|
}, deps);
|
|
291
291
|
}
|
|
292
292
|
|
|
293
|
-
var css_248z$X = ".Backdrop-module_backdrop__IRMoL {\n height: 100%;\n width: 100%;\n position: absolute;\n opacity: 0.5;\n z-index: 1040;\n top: 0;\n left: 0;\n background-color: #000; }\n";
|
|
294
|
-
var styles$X = {"backdrop":"Backdrop-module_backdrop__IRMoL"};
|
|
293
|
+
var css_248z$X = ".Backdrop-module_backdrop__IRMoL {\n height: 100%;\n width: 100%;\n position: absolute;\n opacity: 0.5;\n z-index: 1040;\n top: 0;\n left: 0;\n background-color: #000; }\n .Backdrop-module_backdrop__IRMoL.Backdrop-module_isTransparent__F5nA5 {\n opacity: 0; }\n";
|
|
294
|
+
var styles$X = {"backdrop":"Backdrop-module_backdrop__IRMoL","isTransparent":"Backdrop-module_isTransparent__F5nA5"};
|
|
295
295
|
styleInject(css_248z$X);
|
|
296
296
|
|
|
297
297
|
const Backdrop = (props) => {
|
|
@@ -303,7 +303,7 @@ const Backdrop = (props) => {
|
|
|
303
303
|
const getCssClasses = () => {
|
|
304
304
|
const cssClasses = [];
|
|
305
305
|
cssClasses.push(styles$X.backdrop);
|
|
306
|
-
isTransparent && cssClasses.push(
|
|
306
|
+
isTransparent && cssClasses.push(styles$X['isTransparent']);
|
|
307
307
|
return cssClasses.filter(css => css).join(' ');
|
|
308
308
|
};
|
|
309
309
|
const getStyles = () => {
|
|
@@ -396,8 +396,8 @@ const ListItemText = (_a) => {
|
|
|
396
396
|
const ListItemTextPrimary = ({ children }) => (React__default["default"].createElement("div", { className: "list-item-text-primary" }, children));
|
|
397
397
|
const ListItemTextSecondary = ({ children }) => (React__default["default"].createElement("div", { className: "list-item-text-secondary text-muted", style: { fontSize: '0.875rem' } }, children));
|
|
398
398
|
|
|
399
|
-
var css_248z$Q = ".AutoComplete-module_selectContainer__1kA85 {\n position: relative; }\n\n.AutoComplete-module_select__NNYOi {\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px #00000013;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n min-height: calc(1.5em + 0.75rem + 2px);\n height: auto;\n display: flex; }\n .AutoComplete-module_select__NNYOi:hover {\n cursor: pointer; }\n .AutoComplete-module_select__NNYOi:focus {\n color: #212529;\n background-color: #fff;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px #00000013, 0 0 0 0.25rem #0d6efd40; }\n\n.AutoComplete-module_selectMenu__Gu81L {\n background-color: var(--light);\n position: absolute;\n box-shadow: var(--shadow);\n border-radius: var(--borderRadius);\n width: 100%;\n top: 38px;\n z-index: 1050;\n max-height: 280px;\n overflow: auto; }\n";
|
|
400
|
-
var styles$Q = {"selectContainer":"AutoComplete-module_selectContainer__1kA85","select":"AutoComplete-module_select__NNYOi","selectMenu":"AutoComplete-module_selectMenu__Gu81L"};
|
|
399
|
+
var css_248z$Q = ".AutoComplete-module_selectContainer__1kA85 {\n position: relative; }\n\n.AutoComplete-module_select__NNYOi {\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px #00000013;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n min-height: calc(1.5em + 0.75rem + 2px);\n height: auto;\n display: flex; }\n .AutoComplete-module_select__NNYOi:hover {\n cursor: pointer; }\n .AutoComplete-module_select__NNYOi:focus:not(.AutoComplete-module_select__NNYOi.AutoComplete-module_disabled__CbGP4) {\n color: #212529;\n background-color: #fff;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px #00000013, 0 0 0 0.25rem #0d6efd40; }\n .AutoComplete-module_select__NNYOi:disabled, .AutoComplete-module_select__NNYOi:read-only {\n background-color: #e9ecef; }\n .AutoComplete-module_select__NNYOi:disabled:hover {\n cursor: not-allowed; }\n .AutoComplete-module_select__NNYOi:read-only:hover {\n cursor: inherit; }\n\n.AutoComplete-module_selectMenu__Gu81L {\n background-color: var(--light);\n position: absolute;\n box-shadow: var(--shadow);\n border-radius: var(--borderRadius);\n width: 100%;\n top: 38px;\n z-index: 1050;\n max-height: 280px;\n overflow: auto; }\n";
|
|
400
|
+
var styles$Q = {"selectContainer":"AutoComplete-module_selectContainer__1kA85","select":"AutoComplete-module_select__NNYOi","disabled":"AutoComplete-module_disabled__CbGP4","selectMenu":"AutoComplete-module_selectMenu__Gu81L"};
|
|
401
401
|
styleInject(css_248z$Q);
|
|
402
402
|
|
|
403
403
|
// preset value
|
|
@@ -514,12 +514,12 @@ const Badge = (props) => {
|
|
|
514
514
|
React__default["default"].createElement("span", { className: getCssClassesBadge() }, content)));
|
|
515
515
|
};
|
|
516
516
|
|
|
517
|
-
var css_248z$O = ".Button-module_button__qeIer {\n text-transform: uppercase !important;\n flex-shrink: 0;\n background-color: transparent;\n display: inline-block;\n font-weight: 400;\n line-height: 1.5;\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out
|
|
518
|
-
var styles$O = {"button":"Button-module_button__qeIer","shadow":"Button-module_shadow__6N2nE","btnContained":"Button-module_btnContained__16y5l","primary":"Button-module_primary__EUyOu","accent":"Button-module_accent__opVgQ","secondary":"Button-module_secondary__zKoGk","light":"Button-module_light__LXeZy","dark":"Button-module_dark__5oFOT","btnText":"Button-module_btnText__N5Gys","btnOutline":"Button-module_btnOutline__CCFPI","startIcon":"Button-module_startIcon__Eylwr","endIcon":"Button-module_endIcon__pCffL"};
|
|
517
|
+
var css_248z$O = ".Button-module_button__qeIer {\n text-transform: uppercase !important;\n flex-shrink: 0;\n background-color: transparent;\n display: inline-block;\n font-weight: 400;\n line-height: 1.5;\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\r box-shadow 0.15s ease-in-out;\n min-width: 64px;\n font-size: 0.875rem;\n border-radius: var(--borderRadius); }\n .Button-module_button__qeIer.Button-module_shadow__6N2nE {\n box-shadow: var(--shadow); }\n .Button-module_button__qeIer.Button-module_block__JIazf {\n width: 100%; }\n .Button-module_button__qeIer:hover {\n cursor: pointer; }\n .Button-module_button__qeIer:focus:not(.Button-module_button__qeIer.Button-module_disabled__jiOqa) {\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px #00000013, 0 0 0 0.25rem #0d6efd40; }\n\n.Button-module_btnContained__16y5l.Button-module_primary__EUyOu {\n color: var(--primary-contrast-text);\n background-color: var(--primary); }\n .Button-module_btnContained__16y5l.Button-module_primary__EUyOu:hover {\n background-color: var(--primary-dark); }\n\n.Button-module_btnContained__16y5l.Button-module_accent__opVgQ {\n color: var(--accent-contrast-text);\n background-color: var(--accent); }\n .Button-module_btnContained__16y5l.Button-module_accent__opVgQ:hover {\n background-color: var(--accent-dark); }\n\n.Button-module_btnContained__16y5l.Button-module_secondary__zKoGk {\n color: var(--secondary-contrast-text);\n background-color: var(--secondary); }\n .Button-module_btnContained__16y5l.Button-module_secondary__zKoGk:hover {\n background-color: var(--secondary-dark); }\n\n.Button-module_btnContained__16y5l.Button-module_light__LXeZy {\n color: var(--light-contrast-text);\n background-color: var(--light); }\n .Button-module_btnContained__16y5l.Button-module_light__LXeZy:hover {\n background-color: var(--light-dark); }\n\n.Button-module_btnContained__16y5l.Button-module_dark__5oFOT {\n color: var(--dark-contrast-text);\n background-color: var(--dark); }\n .Button-module_btnContained__16y5l.Button-module_dark__5oFOT:hover {\n background-color: var(--dark-dark); }\n\n.Button-module_btnContained__16y5l:disabled:hover {\n cursor: not-allowed; }\n\n.Button-module_btnText__N5Gys {\n box-shadow: none;\n text-decoration: none; }\n .Button-module_btnText__N5Gys.Button-module_primary__EUyOu {\n color: var(--primary) !important; }\n .Button-module_btnText__N5Gys.Button-module_primary__EUyOu:hover {\n text-decoration: none;\n background: var(--primary-highlight) !important; }\n .Button-module_btnText__N5Gys.Button-module_secondary__zKoGk {\n color: var(--secondary) !important; }\n .Button-module_btnText__N5Gys.Button-module_secondary__zKoGk:hover {\n text-decoration: none;\n background: var(--secondary-highlight) !important; }\n .Button-module_btnText__N5Gys.Button-module_accent__opVgQ {\n color: var(--accent) !important; }\n .Button-module_btnText__N5Gys.Button-module_accent__opVgQ:hover {\n text-decoration: none;\n background: var(--accent-highlight) !important; }\n .Button-module_btnText__N5Gys.Button-module_light__LXeZy {\n color: var(--light-contrast-text) !important; }\n .Button-module_btnText__N5Gys.Button-module_light__LXeZy:hover {\n text-decoration: none;\n background: var(--light-highlight) !important; }\n .Button-module_btnText__N5Gys.Button-module_dark__5oFOT {\n color: var(--dark) !important; }\n .Button-module_btnText__N5Gys.Button-module_dark__5oFOT:hover {\n text-decoration: none;\n background: var(--dark-highlight) !important; }\n\n.Button-module_btnOutline__CCFPI {\n box-shadow: none;\n text-decoration: none; }\n .Button-module_btnOutline__CCFPI.Button-module_primary__EUyOu {\n color: var(--primary) !important;\n border-color: var(--primary) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_primary__EUyOu:hover {\n background: var(--primary-highlight) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_secondary__zKoGk {\n color: var(--secondary) !important;\n border-color: var(--secondary) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_secondary__zKoGk:hover {\n background: var(--secondary-highlight) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_accent__opVgQ {\n color: var(--accent) !important;\n border-color: var(--accent) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_accent__opVgQ:hover {\n background: var(--accent-highlight) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_light__LXeZy {\n color: var(--light-contrast-text) !important;\n border-color: var(--light) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_light__LXeZy:hover {\n background: var(--light-highlight) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_dark__5oFOT {\n color: var(--dark) !important;\n border-color: var(--dark) !important; }\n .Button-module_btnOutline__CCFPI.Button-module_dark__5oFOT:hover {\n background: var(--dark-highlight) !important; }\n\n.Button-module_startIcon__Eylwr {\n display: inherit;\n margin-left: -4px;\n margin-right: 8px; }\n .Button-module_startIcon__Eylwr svg {\n width: 18px;\n height: 18px; }\n\n.Button-module_endIcon__pCffL {\n display: inherit;\n margin-left: 8px; }\n .Button-module_endIcon__pCffL svg {\n width: 18px;\n height: 18px; }\n";
|
|
518
|
+
var styles$O = {"button":"Button-module_button__qeIer","shadow":"Button-module_shadow__6N2nE","block":"Button-module_block__JIazf","disabled":"Button-module_disabled__jiOqa","btnContained":"Button-module_btnContained__16y5l","primary":"Button-module_primary__EUyOu","accent":"Button-module_accent__opVgQ","secondary":"Button-module_secondary__zKoGk","light":"Button-module_light__LXeZy","dark":"Button-module_dark__5oFOT","btnText":"Button-module_btnText__N5Gys","btnOutline":"Button-module_btnOutline__CCFPI","startIcon":"Button-module_startIcon__Eylwr","endIcon":"Button-module_endIcon__pCffL"};
|
|
519
519
|
styleInject(css_248z$O);
|
|
520
520
|
|
|
521
521
|
const Button = (props) => {
|
|
522
|
-
const { children, variant = exports.VARIANT.contained, color = exports.COLOR.primary, isRounded, isActive, className, startIcon, endIcon, shadow = true } = props, rest = __rest(props, ["children", "variant", "color", "isRounded", "isActive", "className", "startIcon", "endIcon", "shadow"]);
|
|
522
|
+
const { children, variant = exports.VARIANT.contained, color = exports.COLOR.primary, isRounded, isActive, className, startIcon, endIcon, shadow = true, block } = props, rest = __rest(props, ["children", "variant", "color", "isRounded", "isActive", "className", "startIcon", "endIcon", "shadow", "block"]);
|
|
523
523
|
const getCssClasses = () => {
|
|
524
524
|
const cssClasses = [];
|
|
525
525
|
cssClasses.push(styles$O.button);
|
|
@@ -542,6 +542,7 @@ const Button = (props) => {
|
|
|
542
542
|
cssClasses.push('active');
|
|
543
543
|
}
|
|
544
544
|
shadow && cssClasses.push(styles$O.shadow);
|
|
545
|
+
block && cssClasses.push(styles$O.block);
|
|
545
546
|
className && cssClasses.push(className);
|
|
546
547
|
return cssClasses.filter(css => css).join(' ');
|
|
547
548
|
};
|
|
@@ -788,15 +789,58 @@ const Chip = (props) => {
|
|
|
788
789
|
isDeletable && (React__default["default"].createElement("div", { className: styles$C.deleteIcon, onClick: e => handleClickOnDelete(e) }, deleteIcon))));
|
|
789
790
|
};
|
|
790
791
|
|
|
791
|
-
var css_248z$B = ".
|
|
792
|
-
var styles$B = {"
|
|
792
|
+
var css_248z$B = ".Column-module_column__fcTgl {\n flex: 1 0 0%; }\n";
|
|
793
|
+
var styles$B = {"column":"Column-module_column__fcTgl"};
|
|
793
794
|
styleInject(css_248z$B);
|
|
794
795
|
|
|
796
|
+
const Column = (props) => {
|
|
797
|
+
const { children, className } = props,
|
|
798
|
+
// xs,
|
|
799
|
+
// sm,
|
|
800
|
+
// md,
|
|
801
|
+
// lg,
|
|
802
|
+
// xl,
|
|
803
|
+
rest = __rest(props, ["children", "className"]);
|
|
804
|
+
const getCssClasses = () => {
|
|
805
|
+
const cssClasses = [];
|
|
806
|
+
// !xs && !sm && !md && !lg && !xl && cssClasses.push('col');
|
|
807
|
+
// if (xs) cssClasses.push(`col-${xs.toString()}`);
|
|
808
|
+
// if (sm) cssClasses.push(`col-sm-${sm.toString()}`);
|
|
809
|
+
// if (md) cssClasses.push(`col-md-${md.toString()}`);
|
|
810
|
+
// if (lg) cssClasses.push(`col-lg-${lg.toString()}`);
|
|
811
|
+
// if (xl) cssClasses.push(`col-xl-${xl.toString()}`);
|
|
812
|
+
cssClasses.push(styles$B.column);
|
|
813
|
+
className && cssClasses.push(className);
|
|
814
|
+
return cssClasses.filter(css => css).join(' ');
|
|
815
|
+
};
|
|
816
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
817
|
+
};
|
|
818
|
+
|
|
819
|
+
var css_248z$A = ".Row-module_row__bTIWp {\n display: flex;\n gap: 15px;\n flex-wrap: wrap; }\n .Row-module_row__bTIWp > * {\n flex-shrink: 0;\n width: 100%;\n min-width: 0;\n max-width: 100%; }\n";
|
|
820
|
+
var styles$A = {"row":"Row-module_row__bTIWp"};
|
|
821
|
+
styleInject(css_248z$A);
|
|
822
|
+
|
|
823
|
+
const Row = (_a) => {
|
|
824
|
+
var { children, direction = 'row', className } = _a, rest = __rest(_a, ["children", "direction", "className"]);
|
|
825
|
+
const getCssClasses = () => {
|
|
826
|
+
const cssClasses = [];
|
|
827
|
+
cssClasses.push(styles$A.row);
|
|
828
|
+
className && cssClasses.push(className);
|
|
829
|
+
direction && cssClasses.push(`flex-${direction}`);
|
|
830
|
+
return cssClasses.filter(css => css).join(' ');
|
|
831
|
+
};
|
|
832
|
+
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
833
|
+
};
|
|
834
|
+
|
|
835
|
+
var css_248z$z = ".FormLabel-module_formLabel__TXcHc {\n display: inline-block;\n margin-bottom: 0.5rem; }\n";
|
|
836
|
+
var styles$z = {"formLabel":"FormLabel-module_formLabel__TXcHc"};
|
|
837
|
+
styleInject(css_248z$z);
|
|
838
|
+
|
|
795
839
|
const FormLabel = (_a) => {
|
|
796
840
|
var { children, className, htmlFor } = _a, rest = __rest(_a, ["children", "className", "htmlFor"]);
|
|
797
841
|
const getCssClasses = () => {
|
|
798
842
|
const cssClasses = [];
|
|
799
|
-
cssClasses.push(styles$
|
|
843
|
+
cssClasses.push(styles$z.formLabel);
|
|
800
844
|
className && cssClasses.push(className);
|
|
801
845
|
return cssClasses.filter(css => css).join(' ');
|
|
802
846
|
};
|
|
@@ -833,13 +877,13 @@ const FileInput = (props) => {
|
|
|
833
877
|
React__default["default"].createElement("input", Object.assign({ type: "file", ref: inputFileElement, className: getCssClasses(), id: id, name: name, multiple: multiple, accept: accept, disabled: disabled, readOnly: readOnly, hidden: true, onChange: handleOnChange, value: model }, rest))));
|
|
834
878
|
};
|
|
835
879
|
|
|
836
|
-
var css_248z$
|
|
837
|
-
var styles$
|
|
838
|
-
styleInject(css_248z$
|
|
880
|
+
var css_248z$y = ".Select-module_selectContainer__DHFDZ {\n position: relative; }\n\n.Select-module_select__Fbn38 {\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px #00000013;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n align-items: center;\n min-height: calc(1.5em + 0.75rem + 2px);\n height: auto;\n display: flex; }\n .Select-module_select__Fbn38:hover {\n cursor: pointer; }\n .Select-module_select__Fbn38:focus:not(.Select-module_select__Fbn38.Select-module_disabled__2XXut) {\n color: #212529;\n background-color: #fff;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: inset 0 1px 2px #00000013, 0 0 0 0.25rem #0d6efd40; }\n .Select-module_select__Fbn38.Select-module_disabled__2XXut, .Select-module_select__Fbn38.Select-module_readOnly__VoTER {\n background-color: #e9ecef; }\n .Select-module_select__Fbn38.Select-module_disabled__2XXut:hover {\n cursor: not-allowed; }\n .Select-module_select__Fbn38.Select-module_readOnly__VoTER:hover {\n cursor: inherit; }\n\n.Select-module_selectMenu__8y4kQ {\n background-color: var(--light);\n position: absolute;\n box-shadow: var(--shadow);\n border-radius: var(--borderRadius);\n width: 100%;\n top: 2px;\n z-index: 1112;\n max-height: 280px;\n overflow: auto; }\n";
|
|
881
|
+
var styles$y = {"selectContainer":"Select-module_selectContainer__DHFDZ","select":"Select-module_select__Fbn38","disabled":"Select-module_disabled__2XXut","readOnly":"Select-module_readOnly__VoTER","selectMenu":"Select-module_selectMenu__8y4kQ"};
|
|
882
|
+
styleInject(css_248z$y);
|
|
839
883
|
|
|
840
884
|
const Select = (props) => {
|
|
841
885
|
var _a, _b, _c;
|
|
842
|
-
const { id, className, options = [], value, multiple, multipleMaxCountItems = 5, onChange, onKeyDown } = props;
|
|
886
|
+
const { id, className, options = [], value, multiple, multipleMaxCountItems = 5, disabled, readOnly, onChange, onKeyDown } = props;
|
|
843
887
|
const [model, setModel] = React.useState('');
|
|
844
888
|
const [hoverIndex, setHoverIndex] = React.useState(null);
|
|
845
889
|
const [isShow, setIsShow] = React.useState(false);
|
|
@@ -848,7 +892,9 @@ const Select = (props) => {
|
|
|
848
892
|
const getCssClass = () => {
|
|
849
893
|
const cssClasses = [];
|
|
850
894
|
className && cssClasses.push(className);
|
|
851
|
-
cssClasses.push(styles$
|
|
895
|
+
disabled && cssClasses.push(styles$y['disabled']);
|
|
896
|
+
readOnly && cssClasses.push(styles$y['readOnly']);
|
|
897
|
+
cssClasses.push(styles$y.select);
|
|
852
898
|
return cssClasses.filter(r => r).join(' ');
|
|
853
899
|
};
|
|
854
900
|
React.useEffect(() => {
|
|
@@ -908,7 +954,11 @@ const Select = (props) => {
|
|
|
908
954
|
}
|
|
909
955
|
writeValue(newValue);
|
|
910
956
|
};
|
|
911
|
-
const show = () =>
|
|
957
|
+
const show = () => {
|
|
958
|
+
if (!disabled && !readOnly) {
|
|
959
|
+
setIsShow(true);
|
|
960
|
+
}
|
|
961
|
+
};
|
|
912
962
|
const hide = () => setIsShow(false);
|
|
913
963
|
const isActive = (option) => {
|
|
914
964
|
return selectedOptions.indexOf(option) >= 0 || hoverIndex === options.indexOf(option);
|
|
@@ -966,7 +1016,7 @@ const Select = (props) => {
|
|
|
966
1016
|
}
|
|
967
1017
|
}
|
|
968
1018
|
};
|
|
969
|
-
return (React__default["default"].createElement("div", { ref: selectConainter, className: styles$
|
|
1019
|
+
return (React__default["default"].createElement("div", { ref: selectConainter, className: styles$y.selectContainer },
|
|
970
1020
|
React__default["default"].createElement("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: e => handleOnKeyDown(e) },
|
|
971
1021
|
!multiple && renderSingleViewModel(),
|
|
972
1022
|
multiple && renderMultipleViewModel(),
|
|
@@ -974,7 +1024,7 @@ const Select = (props) => {
|
|
|
974
1024
|
React__default["default"].createElement(ChevronDownSolidIcon, null))),
|
|
975
1025
|
isShow &&
|
|
976
1026
|
reactDom.createPortal(React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
977
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1027
|
+
React__default["default"].createElement("div", { className: styles$y.selectMenu, style: { left: (_a = selectConainter.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().x, top: (_b = selectConainter.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().y, width: (_c = selectConainter.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().width } },
|
|
978
1028
|
React__default["default"].createElement(List, null, options && options.map((option, index) => React__default["default"].createElement(ListItem, { id: `list-item-${index}`, key: option.value, onClick: () => handleOnClick(option), active: isActive(option) },
|
|
979
1029
|
multiple &&
|
|
980
1030
|
React__default["default"].createElement(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }),
|
|
@@ -982,33 +1032,33 @@ const Select = (props) => {
|
|
|
982
1032
|
React__default["default"].createElement(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })), document.body)));
|
|
983
1033
|
};
|
|
984
1034
|
|
|
985
|
-
var css_248z$
|
|
986
|
-
var styles$
|
|
987
|
-
styleInject(css_248z$
|
|
1035
|
+
var css_248z$x = ".Textarea-module_textarea__L5zqa {\n min-height: calc(10em + 0.75rem + 2px);\n display: block;\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n background-clip: padding-box;\n border: 2px solid var(--input-border-color);\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-radius: var(--borderRadius);\n resize: vertical;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px #00000013;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: 1px solid #ced4da; }\n .Textarea-module_textarea__L5zqa:focus:not(.Textarea-module_textarea__L5zqa.Textarea-module_disabled__OqqOF) {\n outline: none !important;\n border-color: var(--primary); }\n .Textarea-module_textarea__L5zqa.Textarea-module_isInvalid__JI01W {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.25rem #dc354540; }\n";
|
|
1036
|
+
var styles$x = {"textarea":"Textarea-module_textarea__L5zqa","disabled":"Textarea-module_disabled__OqqOF","isInvalid":"Textarea-module_isInvalid__JI01W"};
|
|
1037
|
+
styleInject(css_248z$x);
|
|
988
1038
|
|
|
989
1039
|
const Textarea = (props) => {
|
|
990
1040
|
const { className, error } = props, rest = __rest(props, ["className", "error"]);
|
|
991
1041
|
const getCssClass = () => {
|
|
992
1042
|
const cssClasses = [];
|
|
993
|
-
cssClasses.push(styles$
|
|
1043
|
+
cssClasses.push(styles$x.textarea);
|
|
994
1044
|
className && cssClasses.push(className);
|
|
995
|
-
error && cssClasses.push(styles$
|
|
1045
|
+
error && cssClasses.push(styles$x['isInvalid']);
|
|
996
1046
|
return cssClasses.filter(r => r).join(' ');
|
|
997
1047
|
};
|
|
998
1048
|
return (React__default["default"].createElement("textarea", Object.assign({ className: getCssClass() }, rest)));
|
|
999
1049
|
};
|
|
1000
1050
|
|
|
1001
|
-
var css_248z$
|
|
1002
|
-
var styles$
|
|
1003
|
-
styleInject(css_248z$
|
|
1051
|
+
var css_248z$w = ".FormInput-module_formInput__VXZip {\n display: block;\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n -webkit-appearance: none;\n appearance: none;\n border-radius: 0.25rem;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n .FormInput-module_formInput__VXZip:focus:not(.FormInput-module_formInput__VXZip.FormInput-module_disabled__EjdD9) {\n color: #212529;\n background-color: #fff;\n border-color: #86b7fe;\n outline: 0;\n box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }\n .FormInput-module_formInput__VXZip.FormInput-module_isInvalid__vQDuz {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.25rem #dc354540; }\n";
|
|
1052
|
+
var styles$w = {"formInput":"FormInput-module_formInput__VXZip","disabled":"FormInput-module_disabled__EjdD9","isInvalid":"FormInput-module_isInvalid__vQDuz"};
|
|
1053
|
+
styleInject(css_248z$w);
|
|
1004
1054
|
|
|
1005
1055
|
const FormInput = (props) => {
|
|
1006
1056
|
const { value, name, type, placeholder, className, isValid = true, options = [], textareaOptions, selectOptions, autoCompleteOptions, autoFocus, label, disabled = false, readonly = false, onInput, onChange, onBlur, onKeyDown } = props;
|
|
1007
1057
|
const getCssClasses = () => {
|
|
1008
1058
|
const cssClasses = [];
|
|
1009
|
-
cssClasses.push(styles$
|
|
1059
|
+
cssClasses.push(styles$w.formInput);
|
|
1010
1060
|
className && cssClasses.push(className);
|
|
1011
|
-
!isValid && cssClasses.push(styles$
|
|
1061
|
+
!isValid && cssClasses.push(styles$w['isInvalid']);
|
|
1012
1062
|
return cssClasses.filter(css => css).join(' ');
|
|
1013
1063
|
};
|
|
1014
1064
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -1058,12 +1108,12 @@ const FormHint = (props) => {
|
|
|
1058
1108
|
return (React__default["default"].createElement("small", { className: getCssClasses() }, children));
|
|
1059
1109
|
};
|
|
1060
1110
|
|
|
1061
|
-
var css_248z$
|
|
1062
|
-
var styles$
|
|
1063
|
-
styleInject(css_248z$
|
|
1111
|
+
var css_248z$v = ".FormError-module_isInvalid__tO1Sw {\n width: 100%;\n margin-top: 0.25rem;\n font-size: 0.875em;\n color: #dc3545; }\n";
|
|
1112
|
+
var styles$v = {"isInvalid":"FormError-module_isInvalid__tO1Sw"};
|
|
1113
|
+
styleInject(css_248z$v);
|
|
1064
1114
|
|
|
1065
1115
|
const FormError = (props) => {
|
|
1066
|
-
const { className = styles$
|
|
1116
|
+
const { className = styles$v.isInvalid, errors = [] } = props;
|
|
1067
1117
|
return (React__default["default"].createElement(React.Fragment, null, errors &&
|
|
1068
1118
|
React__default["default"].createElement("div", { className: className }, errors.map(e => React__default["default"].createElement("div", { key: e.validator }, e.message)))));
|
|
1069
1119
|
};
|
|
@@ -1358,14 +1408,14 @@ const DateSelect = (props) => {
|
|
|
1358
1408
|
setCurrDate(newDate);
|
|
1359
1409
|
onChange && onChange(newDate);
|
|
1360
1410
|
};
|
|
1361
|
-
return (React__default["default"].createElement(
|
|
1362
|
-
React__default["default"].createElement(
|
|
1411
|
+
return (React__default["default"].createElement(Row, { className: getCssClasses() },
|
|
1412
|
+
React__default["default"].createElement(Column, null,
|
|
1363
1413
|
React__default["default"].createElement(FormLabel, null, "Year"),
|
|
1364
1414
|
React__default["default"].createElement(YearSelect, { value: currDate.getFullYear(), disabled: disabled, from: yearConfig === null || yearConfig === void 0 ? void 0 : yearConfig.from, to: yearConfig === null || yearConfig === void 0 ? void 0 : yearConfig.to, onChange: e => handleOnChange(e, exports.DATEMODE.YEAR) })),
|
|
1365
|
-
React__default["default"].createElement(
|
|
1415
|
+
React__default["default"].createElement(Column, null,
|
|
1366
1416
|
React__default["default"].createElement(FormLabel, null, "Month"),
|
|
1367
1417
|
React__default["default"].createElement(MonthSelect, { value: currDate.getMonth(), disabled: disabled, onChange: e => handleOnChange(e, exports.DATEMODE.MONTH) })),
|
|
1368
|
-
React__default["default"].createElement(
|
|
1418
|
+
React__default["default"].createElement(Column, null,
|
|
1369
1419
|
React__default["default"].createElement(FormLabel, null, "Day"),
|
|
1370
1420
|
React__default["default"].createElement(DaySelect, { day: currDate.getDate(), month: currDate.getMonth(), year: currDate.getFullYear(), disabled: disabled, onChange: e => handleOnChange(e, exports.DATEMODE.DAY) }))));
|
|
1371
1421
|
};
|
|
@@ -1380,16 +1430,16 @@ const DateSelect = (props) => {
|
|
|
1380
1430
|
// return Math.ceil((((d - yearStart) / 86400000) + 1) / 7)
|
|
1381
1431
|
// };
|
|
1382
1432
|
|
|
1383
|
-
var css_248z$
|
|
1384
|
-
var styles$
|
|
1385
|
-
styleInject(css_248z$
|
|
1433
|
+
var css_248z$u = ".Drawer-module_drawer__kdQCk {\n height: 100%;\n z-index: 1101;\n bottom: 0;\n position: fixed;\n background: white;\n min-width: 280px;\n overflow-y: auto; }\n .Drawer-module_drawer__kdQCk.Drawer-module_permanent__c-y8y {\n position: inherit;\n z-index: 0; }\n .Drawer-module_drawer__kdQCk.Drawer-module_left__loQVO {\n order: 0; }\n .Drawer-module_drawer__kdQCk.Drawer-module_right__sJ3mZ {\n order: 2; }\n .Drawer-module_drawer__kdQCk.Drawer-module_shadow__Myo3n {\n box-shadow: var(--shadow); }\n\n.Drawer-module_drawerOpen__07ptP {\n overflow: hidden; }\n";
|
|
1434
|
+
var styles$u = {"drawer":"Drawer-module_drawer__kdQCk","permanent":"Drawer-module_permanent__c-y8y","left":"Drawer-module_left__loQVO","right":"Drawer-module_right__sJ3mZ","shadow":"Drawer-module_shadow__Myo3n","drawerOpen":"Drawer-module_drawerOpen__07ptP"};
|
|
1435
|
+
styleInject(css_248z$u);
|
|
1386
1436
|
|
|
1387
1437
|
const Drawer = (props) => {
|
|
1388
1438
|
const { children, className, position = 'left', permanent = false, target = document.body, shadow = true, onClickBackdrop } = props, rest = __rest(props, ["children", "className", "position", "permanent", "target", "shadow", "onClickBackdrop"]);
|
|
1389
1439
|
React.useEffect(() => {
|
|
1390
|
-
document.body.classList.add(styles$
|
|
1440
|
+
document.body.classList.add(styles$u.drawerOpen);
|
|
1391
1441
|
return () => {
|
|
1392
|
-
document.body.classList.remove(styles$
|
|
1442
|
+
document.body.classList.remove(styles$u.drawerOpen);
|
|
1393
1443
|
};
|
|
1394
1444
|
}, []);
|
|
1395
1445
|
const handleClickBackdrop = () => {
|
|
@@ -1403,10 +1453,10 @@ const DrawerContent = (props) => {
|
|
|
1403
1453
|
const { children, className, position = 'left', permanent = false, shadow } = props, rest = __rest(props, ["children", "className", "position", "permanent", "shadow"]);
|
|
1404
1454
|
const getCssClasses = () => {
|
|
1405
1455
|
const cssClasses = [];
|
|
1406
|
-
cssClasses.push(styles$
|
|
1407
|
-
shadow && cssClasses.push(styles$
|
|
1408
|
-
!!permanent && cssClasses.push(styles$
|
|
1409
|
-
position === 'left' ? cssClasses.push(styles$
|
|
1456
|
+
cssClasses.push(styles$u.drawer);
|
|
1457
|
+
shadow && cssClasses.push(styles$u.shadow);
|
|
1458
|
+
!!permanent && cssClasses.push(styles$u['permanent']);
|
|
1459
|
+
position === 'left' ? cssClasses.push(styles$u['left']) : cssClasses.push(styles$u['right']);
|
|
1410
1460
|
className && cssClasses.push(className);
|
|
1411
1461
|
return cssClasses.filter(css => css).join(' ');
|
|
1412
1462
|
};
|
|
@@ -1420,9 +1470,9 @@ const DrawerContent = (props) => {
|
|
|
1420
1470
|
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses(), style: getStyles() }, rest), children));
|
|
1421
1471
|
};
|
|
1422
1472
|
|
|
1423
|
-
var css_248z$
|
|
1424
|
-
var styles$
|
|
1425
|
-
styleInject(css_248z$
|
|
1473
|
+
var css_248z$t = ".MenuBody-module_menuBody__u4FIQ {\n z-index: 1111;\n margin: 0;\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 10rem;\n padding: 8px 0px;\n font-size: 1rem;\n color: #212529;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border-radius: var(--borderRadius); }\n .MenuBody-module_menuBody__u4FIQ.MenuBody-module_shadow__OBp-f {\n box-shadow: var(--shadow); }\n";
|
|
1474
|
+
var styles$t = {"menuBody":"MenuBody-module_menuBody__u4FIQ","shadow":"MenuBody-module_shadow__OBp-f"};
|
|
1475
|
+
styleInject(css_248z$t);
|
|
1426
1476
|
|
|
1427
1477
|
const MenuBody = (props) => {
|
|
1428
1478
|
const { parentRef, children, className, shadow = true, menuPosition = 'left', onClickBackdrop } = props;
|
|
@@ -1453,8 +1503,8 @@ const MenuBody = (props) => {
|
|
|
1453
1503
|
}, [menuBodyRef]);
|
|
1454
1504
|
const getCssClasses = () => {
|
|
1455
1505
|
const cssClasses = [];
|
|
1456
|
-
cssClasses.push(styles$
|
|
1457
|
-
shadow && cssClasses.push(styles$
|
|
1506
|
+
cssClasses.push(styles$t.menuBody);
|
|
1507
|
+
shadow && cssClasses.push(styles$t.shadow);
|
|
1458
1508
|
className && cssClasses.push(className);
|
|
1459
1509
|
return cssClasses.filter(css => css).join(' ');
|
|
1460
1510
|
};
|
|
@@ -1466,9 +1516,9 @@ const MenuBody = (props) => {
|
|
|
1466
1516
|
React__default["default"].createElement(Backdrop, { isTransparent: true, onClick: handleClickBackdrop })), document.body));
|
|
1467
1517
|
};
|
|
1468
1518
|
|
|
1469
|
-
var css_248z$
|
|
1470
|
-
var styles$
|
|
1471
|
-
styleInject(css_248z$
|
|
1519
|
+
var css_248z$s = ".Menu-module_menu__p8QL- {\n display: flex; }\n";
|
|
1520
|
+
var styles$s = {"menu":"Menu-module_menu__p8QL-"};
|
|
1521
|
+
styleInject(css_248z$s);
|
|
1472
1522
|
|
|
1473
1523
|
const Menu = (props) => {
|
|
1474
1524
|
const { toggle, children, className, open, menuPosition, onClickBackdrop } = props, rest = __rest(props, ["toggle", "children", "className", "open", "menuPosition", "onClickBackdrop"]);
|
|
@@ -1476,7 +1526,7 @@ const Menu = (props) => {
|
|
|
1476
1526
|
const toggleContainerRef = React.useRef(null);
|
|
1477
1527
|
const getCssClasses = () => {
|
|
1478
1528
|
const cssClasses = [];
|
|
1479
|
-
cssClasses.push(styles$
|
|
1529
|
+
cssClasses.push(styles$s.menu);
|
|
1480
1530
|
className && cssClasses.push(className);
|
|
1481
1531
|
return cssClasses.filter(css => css).join(' ');
|
|
1482
1532
|
};
|
|
@@ -1489,17 +1539,17 @@ const Menu = (props) => {
|
|
|
1489
1539
|
React__default["default"].createElement(MenuBody, { parentRef: toggleContainerRef, menuPosition: menuPosition, onClickBackdrop: handleClickBackdrop }, children)));
|
|
1490
1540
|
};
|
|
1491
1541
|
|
|
1492
|
-
var css_248z$
|
|
1493
|
-
var styles$
|
|
1494
|
-
styleInject(css_248z$
|
|
1542
|
+
var css_248z$r = ".MenuItem-module_menuItem__MeBxN {\n display: flex;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n text-decoration: none;\n white-space: nowrap;\n background-color: transparent;\n border: 0; }\n .MenuItem-module_menuItem__MeBxN.MenuItem-module_menuItemHeader__2l732 {\n margin-bottom: 0;\n font-size: 0.875rem; }\n .MenuItem-module_menuItem__MeBxN:hover {\n cursor: pointer;\n color: #1e2125;\n background-color: rgba(0, 0, 0, 0.04); }\n";
|
|
1543
|
+
var styles$r = {"menuItem":"MenuItem-module_menuItem__MeBxN","menuItemHeader":"MenuItem-module_menuItemHeader__2l732"};
|
|
1544
|
+
styleInject(css_248z$r);
|
|
1495
1545
|
|
|
1496
1546
|
const MenuItem = (props) => {
|
|
1497
1547
|
const { children, onClick, type = 'item' } = props;
|
|
1498
1548
|
const getCssClasses = () => {
|
|
1499
1549
|
const cssClasses = [];
|
|
1500
|
-
cssClasses.push(styles$
|
|
1550
|
+
cssClasses.push(styles$r.menuItem);
|
|
1501
1551
|
if (type === 'header') {
|
|
1502
|
-
cssClasses.push(styles$
|
|
1552
|
+
cssClasses.push(styles$r.menuItemHeader);
|
|
1503
1553
|
}
|
|
1504
1554
|
return cssClasses.filter(css => css).join(' ');
|
|
1505
1555
|
};
|
|
@@ -1515,23 +1565,23 @@ const MenuToggle = ({ children }) => {
|
|
|
1515
1565
|
return (React__default["default"].createElement(React.Fragment, null, children));
|
|
1516
1566
|
};
|
|
1517
1567
|
|
|
1518
|
-
var css_248z$
|
|
1519
|
-
var styles$
|
|
1520
|
-
styleInject(css_248z$
|
|
1568
|
+
var css_248z$q = ".MenuDivider-module_menuItemDivider__oRP-j {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef; }\n";
|
|
1569
|
+
var styles$q = {"menuItemDivider":"MenuDivider-module_menuItemDivider__oRP-j"};
|
|
1570
|
+
styleInject(css_248z$q);
|
|
1521
1571
|
|
|
1522
|
-
const MenuDivider = () => React__default["default"].createElement("div", { className: styles$
|
|
1572
|
+
const MenuDivider = () => React__default["default"].createElement("div", { className: styles$q.menuItemDivider });
|
|
1523
1573
|
|
|
1524
|
-
var css_248z$
|
|
1525
|
-
var styles$
|
|
1526
|
-
styleInject(css_248z$
|
|
1574
|
+
var css_248z$p = ".ExpansionPanelContent-module_expansionPanelContent__aXNfH {\n padding: 8px 16px 16px; }\n";
|
|
1575
|
+
var styles$p = {"expansionPanelContent":"ExpansionPanelContent-module_expansionPanelContent__aXNfH"};
|
|
1576
|
+
styleInject(css_248z$p);
|
|
1527
1577
|
|
|
1528
1578
|
const ExpansionPanelContent = ({ children }) => {
|
|
1529
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1579
|
+
return (React__default["default"].createElement("div", { className: styles$p.expansionPanelContent }, children));
|
|
1530
1580
|
};
|
|
1531
1581
|
|
|
1532
|
-
var css_248z$
|
|
1533
|
-
var styles$
|
|
1534
|
-
styleInject(css_248z$
|
|
1582
|
+
var css_248z$o = ".ExpansionPanelHeader-module_expansionPanelHeader__Wy6Pq {\n display: flex;\n align-items: center;\n padding: 12px 16px;\n min-height: 48px; }\n .ExpansionPanelHeader-module_expansionPanelHeader__Wy6Pq:hover {\n cursor: pointer;\n background-color: var(--highlight); }\n";
|
|
1583
|
+
var styles$o = {"expansionPanelHeader":"ExpansionPanelHeader-module_expansionPanelHeader__Wy6Pq"};
|
|
1584
|
+
styleInject(css_248z$o);
|
|
1535
1585
|
|
|
1536
1586
|
const ExpansionPanelHeader = (props) => {
|
|
1537
1587
|
const { children, isExpanded, onClick } = props;
|
|
@@ -1539,15 +1589,15 @@ const ExpansionPanelHeader = (props) => {
|
|
|
1539
1589
|
e.stopPropagation();
|
|
1540
1590
|
onClick && onClick(e);
|
|
1541
1591
|
};
|
|
1542
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1592
|
+
return (React__default["default"].createElement("div", { className: styles$o.expansionPanelHeader, onClick: handleClick },
|
|
1543
1593
|
children,
|
|
1544
1594
|
React__default["default"].createElement("span", { className: "ml-auto text-muted" },
|
|
1545
1595
|
React__default["default"].createElement(Icon, null, isExpanded ? React__default["default"].createElement(ChevronUpSolidIcon, null) : React__default["default"].createElement(ChevronDownSolidIcon, null)))));
|
|
1546
1596
|
};
|
|
1547
1597
|
|
|
1548
|
-
var css_248z$
|
|
1549
|
-
var styles$
|
|
1550
|
-
styleInject(css_248z$
|
|
1598
|
+
var css_248z$n = ".ExpansionPanel-module_expansionPanel__m1yQq {\n background-color: var(--white);\n box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n .ExpansionPanel-module_expansionPanel__m1yQq:first-child {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px; }\n .ExpansionPanel-module_expansionPanel__m1yQq:last-child {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px; }\n .ExpansionPanel-module_expansionPanel__m1yQq.ExpansionPanel-module_isExpanded__TS1ph {\n margin: 16px 0; }\n .ExpansionPanel-module_expansionPanel__m1yQq.ExpansionPanel-module_isExpanded__TS1ph:first-child {\n margin-top: 0; }\n .ExpansionPanel-module_expansionPanel__m1yQq.ExpansionPanel-module_isExpanded__TS1ph:last-child {\n margin-bottom: 0; }\n";
|
|
1599
|
+
var styles$n = {"expansionPanel":"ExpansionPanel-module_expansionPanel__m1yQq","isExpanded":"ExpansionPanel-module_isExpanded__TS1ph"};
|
|
1600
|
+
styleInject(css_248z$n);
|
|
1551
1601
|
|
|
1552
1602
|
const ExpansionPanel = (props) => {
|
|
1553
1603
|
const { header, children, isExpanded = false, onChange } = props;
|
|
@@ -1557,9 +1607,9 @@ const ExpansionPanel = (props) => {
|
|
|
1557
1607
|
}, [isExpanded]);
|
|
1558
1608
|
const getCssClasses = () => {
|
|
1559
1609
|
const cssClasses = [];
|
|
1560
|
-
cssClasses.push(styles$
|
|
1610
|
+
cssClasses.push(styles$n.expansionPanel);
|
|
1561
1611
|
if (_isExpanded) {
|
|
1562
|
-
cssClasses.push(styles$
|
|
1612
|
+
cssClasses.push(styles$n.isExpanded);
|
|
1563
1613
|
}
|
|
1564
1614
|
return cssClasses.filter(css => css).join(' ');
|
|
1565
1615
|
};
|
|
@@ -1573,16 +1623,16 @@ const ExpansionPanel = (props) => {
|
|
|
1573
1623
|
React__default["default"].createElement(ExpansionPanelContent, null, children)));
|
|
1574
1624
|
};
|
|
1575
1625
|
|
|
1576
|
-
var css_248z$
|
|
1577
|
-
var styles$
|
|
1578
|
-
styleInject(css_248z$
|
|
1626
|
+
var css_248z$m = ".FloatingActionButton-module_fab__Rw3kd {\n box-shadow: var(--shadow); }\n .FloatingActionButton-module_fab__Rw3kd.FloatingActionButton-module_fixed__XQOkG {\n position: fixed;\n bottom: 16px;\n right: 16px;\n z-index: 1000; }\n";
|
|
1627
|
+
var styles$m = {"fab":"FloatingActionButton-module_fab__Rw3kd","fixed":"FloatingActionButton-module_fixed__XQOkG"};
|
|
1628
|
+
styleInject(css_248z$m);
|
|
1579
1629
|
|
|
1580
1630
|
const FloatingActionButton = (props) => {
|
|
1581
1631
|
const { className, icon, color = exports.COLOR.primary, fixed, size = exports.SIZE.lg, isActive, disabled, onClick } = props;
|
|
1582
1632
|
const getCssClasses = () => {
|
|
1583
1633
|
const cssClasses = [];
|
|
1584
|
-
cssClasses.push(styles$
|
|
1585
|
-
fixed && cssClasses.push(styles$
|
|
1634
|
+
cssClasses.push(styles$m.fab);
|
|
1635
|
+
fixed && cssClasses.push(styles$m['fixed']);
|
|
1586
1636
|
className && cssClasses.push(className);
|
|
1587
1637
|
return cssClasses.filter(css => css).join(' ');
|
|
1588
1638
|
};
|
|
@@ -1593,49 +1643,6 @@ const FloatingActionButton = (props) => {
|
|
|
1593
1643
|
return (React__default["default"].createElement(IconButton, { className: getCssClasses(), color: color, size: size, isActive: isActive, disabled: disabled, icon: icon, variant: exports.VARIANT.contained, onClick: handleClick }));
|
|
1594
1644
|
};
|
|
1595
1645
|
|
|
1596
|
-
var css_248z$n = ".Column-module_column__fcTgl {\n flex: 1 0 0%; }\n";
|
|
1597
|
-
var styles$n = {"column":"Column-module_column__fcTgl"};
|
|
1598
|
-
styleInject(css_248z$n);
|
|
1599
|
-
|
|
1600
|
-
const Column = (props) => {
|
|
1601
|
-
const { children, className } = props,
|
|
1602
|
-
// xs,
|
|
1603
|
-
// sm,
|
|
1604
|
-
// md,
|
|
1605
|
-
// lg,
|
|
1606
|
-
// xl,
|
|
1607
|
-
rest = __rest(props, ["children", "className"]);
|
|
1608
|
-
const getCssClasses = () => {
|
|
1609
|
-
const cssClasses = [];
|
|
1610
|
-
// !xs && !sm && !md && !lg && !xl && cssClasses.push('col');
|
|
1611
|
-
// if (xs) cssClasses.push(`col-${xs.toString()}`);
|
|
1612
|
-
// if (sm) cssClasses.push(`col-sm-${sm.toString()}`);
|
|
1613
|
-
// if (md) cssClasses.push(`col-md-${md.toString()}`);
|
|
1614
|
-
// if (lg) cssClasses.push(`col-lg-${lg.toString()}`);
|
|
1615
|
-
// if (xl) cssClasses.push(`col-xl-${xl.toString()}`);
|
|
1616
|
-
cssClasses.push(styles$n.column);
|
|
1617
|
-
className && cssClasses.push(className);
|
|
1618
|
-
return cssClasses.filter(css => css).join(' ');
|
|
1619
|
-
};
|
|
1620
|
-
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
1621
|
-
};
|
|
1622
|
-
|
|
1623
|
-
var css_248z$m = ".Row-module_row__bTIWp {\n display: flex;\n gap: 15px;\n flex-wrap: wrap; }\n .Row-module_row__bTIWp > * {\n flex-shrink: 0;\n width: 100%;\n min-width: 0;\n max-width: 100%; }\n";
|
|
1624
|
-
var styles$m = {"row":"Row-module_row__bTIWp"};
|
|
1625
|
-
styleInject(css_248z$m);
|
|
1626
|
-
|
|
1627
|
-
const Row = (_a) => {
|
|
1628
|
-
var { children, direction = 'row', className } = _a, rest = __rest(_a, ["children", "direction", "className"]);
|
|
1629
|
-
const getCssClasses = () => {
|
|
1630
|
-
const cssClasses = [];
|
|
1631
|
-
cssClasses.push(styles$m.row);
|
|
1632
|
-
className && cssClasses.push(className);
|
|
1633
|
-
direction && cssClasses.push(`flex-${direction}`);
|
|
1634
|
-
return cssClasses.filter(css => css).join(' ');
|
|
1635
|
-
};
|
|
1636
|
-
return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest), children));
|
|
1637
|
-
};
|
|
1638
|
-
|
|
1639
1646
|
var css_248z$l = ".Link-module_link__YlJQl {\n color: var(--primary);\n text-decoration: underline; }\n .Link-module_link__YlJQl:hover {\n color: var(--primary-dark); }\n";
|
|
1640
1647
|
var styles$l = {"link":"Link-module_link__YlJQl"};
|
|
1641
1648
|
styleInject(css_248z$l);
|
|
@@ -2232,7 +2239,7 @@ const Stepper = (props) => {
|
|
|
2232
2239
|
React__default["default"].createElement(StepperActions, { className: "mt-3", isFirstStep: activeIndex === 0, isStepOptional: isStepOptional(activeIndex), isCompleted: isLastStep(), onBack: handleBack, onSkip: handleSkip, onNext: handleNext, onReset: handleReset }))));
|
|
2233
2240
|
};
|
|
2234
2241
|
|
|
2235
|
-
var css_248z$8 = ".Typography-module_typography__sw-td {\n text-overflow: ellipsis;\n font-family: var(--fontFamily); }\n\nh1 {\n font-size:
|
|
2242
|
+
var css_248z$8 = ".Typography-module_typography__sw-td {\n text-overflow: ellipsis;\n font-family: var(--fontFamily); }\n\nh1 {\n font-size: calc(1.375rem + 1.5vw); }\n\nh2 {\n font-size: calc(1.325rem + 0.9vw); }\n\nh3 {\n font-size: calc(1.3rem + 0.6vw); }\n\nh4 {\n font-size: calc(1.275rem + 0.3vw); }\n\nh5 {\n font-size: 1.25rem; }\n\nh6 {\n font-size: 1rem; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: 500 !important;\n margin-top: 0;\n margin-bottom: 0.5rem;\n line-height: 1.2; }\n";
|
|
2236
2243
|
var styles$8 = {"typography":"Typography-module_typography__sw-td"};
|
|
2237
2244
|
styleInject(css_248z$8);
|
|
2238
2245
|
|
|
@@ -2560,21 +2567,21 @@ const TimeSelect = (props) => {
|
|
|
2560
2567
|
setCurrDate(newDate);
|
|
2561
2568
|
onChange && onChange(newDate);
|
|
2562
2569
|
};
|
|
2563
|
-
return (React__default["default"].createElement(
|
|
2570
|
+
return (React__default["default"].createElement(Row, { className: getCssClasses() },
|
|
2564
2571
|
showHours &&
|
|
2565
|
-
React__default["default"].createElement(
|
|
2572
|
+
React__default["default"].createElement(Column, null,
|
|
2566
2573
|
React__default["default"].createElement(FormLabel, null, "Hours"),
|
|
2567
2574
|
React__default["default"].createElement(HourSelect, { value: currDate.getHours(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.HOUR) })),
|
|
2568
2575
|
showMinutes &&
|
|
2569
|
-
React__default["default"].createElement(
|
|
2576
|
+
React__default["default"].createElement(Column, null,
|
|
2570
2577
|
React__default["default"].createElement(FormLabel, null, "Minutes"),
|
|
2571
2578
|
React__default["default"].createElement(MinuteSelect, { value: currDate.getMinutes(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.MINUTE) })),
|
|
2572
2579
|
showSeconds &&
|
|
2573
|
-
React__default["default"].createElement(
|
|
2580
|
+
React__default["default"].createElement(Column, null,
|
|
2574
2581
|
React__default["default"].createElement(FormLabel, null, "Seconds"),
|
|
2575
2582
|
React__default["default"].createElement(SecondSelect, { value: currDate.getSeconds(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.SECONDS) })),
|
|
2576
2583
|
showMilliSeconds &&
|
|
2577
|
-
React__default["default"].createElement(
|
|
2584
|
+
React__default["default"].createElement(Column, null,
|
|
2578
2585
|
React__default["default"].createElement(FormLabel, null, "Milliseconds"),
|
|
2579
2586
|
React__default["default"].createElement(MilliSecondSelect, { value: currDate.getMilliseconds(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.MILLISECONDS) }))));
|
|
2580
2587
|
};
|