@onewelcome/react-lib-components 0.1.12-alpha → 0.2.0
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/Typography/Typography.d.ts +1 -2
- package/dist/_BaseStyling_/BaseStyling.d.ts +1 -0
- package/dist/react-lib-components.cjs.development.js +19 -18
- package/dist/react-lib-components.cjs.development.js.map +1 -1
- package/dist/react-lib-components.cjs.production.min.js +1 -1
- package/dist/react-lib-components.cjs.production.min.js.map +1 -1
- package/dist/react-lib-components.esm.js +19 -18
- package/dist/react-lib-components.esm.js.map +1 -1
- package/package.json +9 -9
- package/src/DataGrid/DataGridActions/DataGridColumnsToggle.module.scss +1 -0
- package/src/Form/Input/Input.module.scss +15 -2
- package/src/Form/Select/Select.module.scss +25 -18
- package/src/Form/Select/Select.tsx +1 -1
- package/src/Form/Textarea/Textarea.module.scss +8 -7
- package/src/Form/Wrapper/InputWrapper/InputWrapper.tsx +2 -1
- package/src/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss +4 -1
- package/src/Form/Wrapper/TextareaWrapper/TextareaWrapper.tsx +2 -2
- package/src/Notifications/Snackbar/SnackbarItem/SnackbarItem.module.scss +13 -13
- package/src/Notifications/Snackbar/SnackbarItem/SnackbarItem.tsx +1 -1
- package/src/Popover/Popover.tsx +1 -1
- package/src/Typography/Typography.tsx +10 -2
- package/src/_BaseStyling_/BaseStyling.tsx +2 -0
|
@@ -53,6 +53,7 @@ var BaseStyling = function BaseStyling(_ref) {
|
|
|
53
53
|
inputBorderColor: '#e9e9eb',
|
|
54
54
|
inputBorderRadius: '8px',
|
|
55
55
|
inputBorderWidth: '1px',
|
|
56
|
+
inputBorderWidthFocus: '2px',
|
|
56
57
|
inputBorderStyle: 'solid',
|
|
57
58
|
inputBackgroundColor: '#fff',
|
|
58
59
|
modalShadowColor: 'rgba(0, 0, 0, 0.16)',
|
|
@@ -1648,8 +1649,8 @@ var css$C = ".Pagination_module_paginationWrapper__f9057960 {\n font-family: va
|
|
|
1648
1649
|
var modules_e3c5bce1 = {"pagination-wrapper":"Pagination_module_paginationWrapper__f9057960","form-element":"Pagination_module_formElement__f9057960","total":"Pagination_module_total__f9057960","pagination":"Pagination_module_pagination__f9057960","previous":"Pagination_module_previous__f9057960","next":"Pagination_module_next__f9057960","per-page":"Pagination_module_perPage__f9057960","page":"Pagination_module_page__f9057960","page-size-select":"Pagination_module_pageSizeSelect__f9057960","current-value-input":"Pagination_module_currentValueInput__f9057960"};
|
|
1649
1650
|
n(css$C,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
1650
1651
|
|
|
1651
|
-
var css$B = ".
|
|
1652
|
-
var modules_23691de0 = {"input-wrapper":"
|
|
1652
|
+
var css$B = ".Input_module_inputWrapper__e1fbe2ae {\n position: relative;\n display: flex;\n align-items: center;\n height: calc(4rem - 2 * var(--input-border-width));\n padding: 0 1.25rem;\n background-color: var(--input-background-color);\n border-color: var(--input-border-color);\n border-style: var(--input-border-style);\n border-width: var(--input-border-width);\n border-radius: var(--input-border-radius);\n transition: all 0.2s ease-in-out;\n}\n.Input_module_inputWrapper__e1fbe2ae:hover:not(:disabled):not(.Input_module_error__e1fbe2ae) {\n height: calc(4rem - 2 * var(--input-border-width));\n padding: 0 1.25rem;\n border-color: var(--default);\n border-width: var(--input-border-width);\n}\n.Input_module_inputWrapper__e1fbe2ae.Input_module_disabled__e1fbe2ae, .Input_module_inputWrapper__e1fbe2ae.Input_module_disabled__e1fbe2ae input {\n background-color: var(--disabled);\n border-color: #fff;\n cursor: not-allowed;\n}\n.Input_module_inputWrapper__e1fbe2ae.Input_module_error__e1fbe2ae {\n border-color: var(--error);\n}\n.Input_module_inputWrapper__e1fbe2ae.Input_module_focus__e1fbe2ae {\n height: calc(4rem - 2 * var(--input-border-width-focus));\n padding: 0 calc(1.25rem - var(--input-border-width));\n border-width: var(--input-border-width-focus);\n}\n.Input_module_inputWrapper__e1fbe2ae.Input_module_focus__e1fbe2ae:not(.Input_module_error__e1fbe2ae) {\n border-color: var(--color-primary);\n}\n\n.Input_module_input__e1fbe2ae {\n height: calc(4rem - 2 * var(--input-border-width));\n border: 0;\n color: var(--greyed-out);\n font-size: var(--font-size);\n font-family: var(--font-family);\n width: 100%;\n box-sizing: border-box;\n padding: 0;\n}\n.Input_module_input__e1fbe2ae:focus:not(:disabled) {\n height: calc(4rem - 2 * var(--input-border-width-focus));\n outline: none;\n border-color: var(--color-primary);\n}\n\n.Input_module_error__e1fbe2ae input {\n color: var(--error);\n padding-right: 3.75rem;\n}\n.Input_module_error__e1fbe2ae input.Input_module_removeExtraIndent__e1fbe2ae {\n padding-right: 1.25rem;\n}\n\n.Input_module_warning__e1fbe2ae {\n color: var(--error);\n position: absolute;\n height: 100%;\n width: 1.25rem;\n right: 1.25rem;\n top: 0px;\n font-size: 1.125rem;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.Input_module_warning__e1fbe2ae:before {\n height: 1.3125rem;\n}\n.Input_module_warning__e1fbe2ae.Input_module_extraIndent__e1fbe2ae {\n right: 3.75rem;\n}\n\n.Input_module_inputWrapper__e1fbe2ae [data-prefix],\n.Input_module_inputWrapper__e1fbe2ae [data-suffix] {\n transition: all 0.2s ease-in-out;\n display: block;\n z-index: 1;\n}";
|
|
1653
|
+
var modules_23691de0 = {"input-wrapper":"Input_module_inputWrapper__e1fbe2ae","error":"Input_module_error__e1fbe2ae","disabled":"Input_module_disabled__e1fbe2ae","focus":"Input_module_focus__e1fbe2ae","input":"Input_module_input__e1fbe2ae","remove-extra-indent":"Input_module_removeExtraIndent__e1fbe2ae","warning":"Input_module_warning__e1fbe2ae","extra-indent":"Input_module_extraIndent__e1fbe2ae"};
|
|
1653
1654
|
n(css$B,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
1654
1655
|
|
|
1655
1656
|
var _excluded$F = ["error", "className", "name", "style", "wrapperProps", "type", "labeledBy", "prefix", "suffix", "disabled", "onFocus", "onBlur"];
|
|
@@ -1722,8 +1723,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1722
1723
|
}));
|
|
1723
1724
|
});
|
|
1724
1725
|
|
|
1725
|
-
var css$A = ".
|
|
1726
|
-
var modules_7db85bb8 = {"sr-only":"
|
|
1726
|
+
var css$A = ".Select_module_srOnly__5ff74d0c {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.Select_module_hidden__5ff74d0c {\n display: none;\n}\n\n.Select_module_slideIn__5ff74d0c {\n animation: Select_module_slideIn__5ff74d0c 0.5s forwards;\n}\n\n.Select_module_slideOut__5ff74d0c {\n animation: Select_module_slideOut__5ff74d0c 0.5s forwards;\n}\n\n@keyframes Select_module_slideIn__5ff74d0c {\n 0% {\n transform: translateY(100vh);\n }\n 100% {\n transform: translateY(0%);\n }\n}\n@keyframes Select_module_slideOut__5ff74d0c {\n 0% {\n transform: translateY(0%);\n }\n 100% {\n transform: translateY(100vh);\n }\n}\n.Select_module_select__5ff74d0c {\n position: relative;\n box-sizing: border-box;\n transition: all 0.2s ease-in-out;\n background-color: #fff;\n font-size: var(--font-size);\n}\n.Select_module_select__5ff74d0c [data-display] {\n color: var(--greyed-out);\n}\n.Select_module_select__5ff74d0c.Select_module_expanded__5ff74d0c {\n border: var(--input-border-width) solid transparent;\n}\n.Select_module_select__5ff74d0c.Select_module_expanded__5ff74d0c .Select_module_listWrapper__5ff74d0c {\n background: #fff;\n opacity: 1;\n pointer-events: auto;\n}\n.Select_module_select__5ff74d0c:not(.Select_module_expanded__5ff74d0c) button:focus-visible:not(.Select_module_error__5ff74d0c) {\n border: var(--input-border-width-focus) solid var(--color-primary);\n}\n.Select_module_select__5ff74d0c:hover:not(.Select_module_disabled__5ff74d0c):not(.Select_module_expanded__5ff74d0c):not(.Select_module_error__5ff74d0c) button {\n border-color: var(--default);\n border-width: var(--input-border-width);\n}\n.Select_module_select__5ff74d0c .Select_module_customSelect__5ff74d0c {\n position: relative;\n width: 100%;\n min-height: calc(4rem - 2 * var(--input-border-width));\n border: 0;\n padding: 0 1.25rem;\n background-color: transparent;\n border-color: var(--input-border-color);\n border-style: var(--input-border-style);\n border-width: var(--input-border-width);\n border-radius: var(--input-border-radius);\n font-size: var(--font-size);\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n}\n.Select_module_select__5ff74d0c .Select_module_customSelect__5ff74d0c:focus-visible {\n outline: 0;\n}\n.Select_module_select__5ff74d0c .Select_module_customSelect__5ff74d0c.Select_module_error__5ff74d0c {\n border-color: var(--error);\n color: var(--error);\n}\n.Select_module_select__5ff74d0c .Select_module_customSelect__5ff74d0c.Select_module_error__5ff74d0c:focus-visible {\n border-width: var(--input-border-width-focus);\n}\n.Select_module_select__5ff74d0c .Select_module_listWrapper__5ff74d0c {\n border-color: var(--input-border-color);\n border-style: var(--input-border-style);\n border-width: var(--input-border-width);\n border-radius: var(--input-border-radius);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.29);\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n pointer-events: none;\n overflow: auto;\n}\n.Select_module_select__5ff74d0c ul {\n box-sizing: border-box;\n padding: 0.25rem 0;\n width: 100%;\n margin: 0;\n list-style: none;\n background-color: #fff;\n border-radius: var(--input-border-radius);\n color: var(--default);\n text-align: left;\n max-height: 21.25rem;\n}\n.Select_module_select__5ff74d0c ul li {\n padding: 0.5rem 1rem;\n font-size: var(--font-size);\n margin: 0;\n position: relative;\n line-height: 1;\n cursor: pointer;\n}\n.Select_module_select__5ff74d0c ul li:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n background-color: transparent;\n width: 100%;\n height: 100%;\n opacity: 0.05;\n}\n.Select_module_select__5ff74d0c ul li:focus-visible {\n outline: 1px solid var(--color-primary);\n outline-offset: -1px;\n}\n.Select_module_select__5ff74d0c ul li:hover:after {\n background-color: var(--color-primary);\n}\n.Select_module_select__5ff74d0c ul li.Select_module_disabled__5ff74d0c {\n color: var(--greyed-out);\n background-color: var(--disabled);\n pointer-events: none;\n}\n\n.Select_module_selectedOption__5ff74d0c:before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n background-color: var(--color-primary);\n width: 100%;\n height: 100%;\n opacity: 0.1;\n}\n\n.Select_module_selected__5ff74d0c {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 1.25rem;\n pointer-events: none;\n}\n\n.Select_module_status__5ff74d0c {\n position: absolute;\n top: 50%;\n right: 1.625rem;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n}\n.Select_module_status__5ff74d0c .Select_module_warning__5ff74d0c {\n color: var(--error);\n font-size: 1.25rem;\n}\n.Select_module_status__5ff74d0c .Select_module_triangleDown__5ff74d0c {\n color: var(--default);\n font-size: 0.625rem;\n}\n.Select_module_status__5ff74d0c * + * {\n margin-left: 1.25rem;\n}\n\n.Select_module_placeholder__5ff74d0c {\n color: var(--greyed-out);\n}\n\n.Select_module_selectSearchWrapper__5ff74d0c + ul {\n border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);\n}\n\n.Select_module_selectSearch__5ff74d0c {\n width: 100%;\n box-sizing: border-box;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.Select_module_disabled__5ff74d0c {\n cursor: not-allowed;\n color: var(--greyed-out);\n background-color: var(--disabled);\n}\n.Select_module_disabled__5ff74d0c > * {\n pointer-events: none;\n}";
|
|
1727
|
+
var modules_7db85bb8 = {"sr-only":"Select_module_srOnly__5ff74d0c","hidden":"Select_module_hidden__5ff74d0c","slide-in":"Select_module_slideIn__5ff74d0c","slide-out":"Select_module_slideOut__5ff74d0c","select":"Select_module_select__5ff74d0c","expanded":"Select_module_expanded__5ff74d0c","list-wrapper":"Select_module_listWrapper__5ff74d0c","error":"Select_module_error__5ff74d0c","disabled":"Select_module_disabled__5ff74d0c","custom-select":"Select_module_customSelect__5ff74d0c","selected-option":"Select_module_selectedOption__5ff74d0c","selected":"Select_module_selected__5ff74d0c","status":"Select_module_status__5ff74d0c","warning":"Select_module_warning__5ff74d0c","triangle-down":"Select_module_triangleDown__5ff74d0c","placeholder":"Select_module_placeholder__5ff74d0c","select-search-wrapper":"Select_module_selectSearchWrapper__5ff74d0c","select-search":"Select_module_selectSearch__5ff74d0c"};
|
|
1727
1728
|
n(css$A,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
1728
1729
|
|
|
1729
1730
|
var _excluded$E = ["children", "name", "disabled", "labeledBy", "placeholder", "describedBy", "searchPlaceholder", "searchInputProps", "selectButtonProps", "className", "error", "value", "clearLabel", "onChange", "onClear"];
|
|
@@ -2112,14 +2113,14 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
2112
2113
|
},
|
|
2113
2114
|
type: "button",
|
|
2114
2115
|
name: name,
|
|
2116
|
+
className: modules_7db85bb8['custom-select'] + " " + additionalClasses.join(' ') + " ",
|
|
2115
2117
|
disabled: disabled,
|
|
2116
2118
|
"aria-disabled": disabled,
|
|
2117
2119
|
"aria-invalid": error,
|
|
2118
2120
|
"aria-expanded": expanded,
|
|
2119
2121
|
"aria-haspopup": "listbox",
|
|
2120
2122
|
"aria-labelledby": labeledBy,
|
|
2121
|
-
"aria-describedby": describedBy
|
|
2122
|
-
className: modules_7db85bb8['custom-select']
|
|
2123
|
+
"aria-describedby": describedBy
|
|
2123
2124
|
}), React.createElement("div", {
|
|
2124
2125
|
"data-display": true,
|
|
2125
2126
|
className: modules_7db85bb8['selected']
|
|
@@ -2887,8 +2888,8 @@ var SnackbarContainer = function SnackbarContainer(_ref) {
|
|
|
2887
2888
|
}), children);
|
|
2888
2889
|
};
|
|
2889
2890
|
|
|
2890
|
-
var css$p = ".
|
|
2891
|
-
var modules_d6335ff6 = {"sr-only":"
|
|
2891
|
+
var css$p = ".SnackbarItem_module_srOnly__d3fbf6fa {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n.SnackbarItem_module_hidden__d3fbf6fa {\n display: none;\n}\n\n.SnackbarItem_module_slideIn__d3fbf6fa {\n animation: SnackbarItem_module_slideIn__d3fbf6fa 0.5s forwards;\n}\n\n.SnackbarItem_module_slideOut__d3fbf6fa {\n animation: SnackbarItem_module_slideOut__d3fbf6fa 0.5s forwards;\n}\n\n@keyframes SnackbarItem_module_slideIn__d3fbf6fa {\n 0% {\n transform: translateY(100vh);\n }\n 100% {\n transform: translateY(0%);\n }\n}\n@keyframes SnackbarItem_module_slideOut__d3fbf6fa {\n 0% {\n transform: translateY(0%);\n }\n 100% {\n transform: translateY(100vh);\n }\n}\n.SnackbarItem_module_snackbar__d3fbf6fa {\n padding: 1rem 1.25rem;\n border-radius: var(--snackbar-border-radius);\n display: flex;\n width: 100%;\n box-sizing: border-box;\n}\n.SnackbarItem_module_snackbar__d3fbf6fa.SnackbarItem_module_info__d3fbf6fa {\n background-color: var(--snackbar-info-background-color);\n}\n.SnackbarItem_module_snackbar__d3fbf6fa.SnackbarItem_module_success__d3fbf6fa {\n background-color: var(--snackbar-success-background-color);\n}\n.SnackbarItem_module_snackbar__d3fbf6fa.SnackbarItem_module_error__d3fbf6fa {\n background-color: var(--snackbar-error-background-color);\n}\n.SnackbarItem_module_snackbar__d3fbf6fa + .SnackbarItem_module_snackbar__d3fbf6fa {\n margin-top: 0.5rem;\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_container__d3fbf6fa {\n flex: 1;\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_headline__d3fbf6fa {\n display: flex;\n color: var(--snackbar-text-color);\n}\n.SnackbarItem_module_snackbar__d3fbf6fa #SnackbarItem_module_closeBtn__d3fbf6fa {\n color: var(--snackbar-text-color);\n}\n.SnackbarItem_module_snackbar__d3fbf6fa #SnackbarItem_module_closeBtn__d3fbf6fa:hover, .SnackbarItem_module_snackbar__d3fbf6fa #SnackbarItem_module_closeBtn__d3fbf6fa:focus {\n border-color: var(--snackbar-text-color);\n}\n.SnackbarItem_module_snackbar__d3fbf6fa #SnackbarItem_module_closeBtn__d3fbf6fa:active {\n border-color: transparent;\n}\n.SnackbarItem_module_snackbar__d3fbf6fa #SnackbarItem_module_closeBtn__d3fbf6fa:active:after {\n top: 0;\n height: 100%;\n background-color: var(--snackbar-text-color);\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_icon__d3fbf6fa {\n color: var(--snackbar-text-color);\n margin-top: 0.5rem;\n font-size: 1.25rem;\n line-height: 1.5rem;\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_title__d3fbf6fa {\n color: var(--snackbar-text-color);\n flex: 1;\n margin: 0.375rem 1.25rem 0 0.75rem;\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_content__d3fbf6fa {\n margin: 0.25rem 0.75rem 0 0.75rem;\n color: var(--snackbar-text-color);\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_actions__d3fbf6fa {\n margin: 0.5rem 0.75rem 0 0.75rem;\n text-align: right;\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_actionButton__d3fbf6fa {\n border-width: var(--button-border-width);\n border-style: var(--button-border-style);\n border-radius: var(--button-border-radius);\n font-size: var(--button-font-size);\n line-height: var(--button-font-size);\n font-weight: 700;\n margin: 0;\n padding: 0.625rem 1.25rem;\n cursor: pointer;\n transition: color, background-color, border-color 0.2s ease-in-out;\n font-family: var(--font-family);\n color: var(--snackbar-text-color);\n background-color: transparent;\n border-color: transparent;\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_actionButton__d3fbf6fa:disabled {\n color: var(--greyed-out);\n cursor: not-allowed;\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_actionButton__d3fbf6fa:focus-visible {\n outline: 1px solid var(--snackbar-text-color);\n outline-offset: 1px;\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_actionButton__d3fbf6fa:not(:disabled):hover, .SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_actionButton__d3fbf6fa:not(:disabled):focus {\n border-color: var(--snackbar-text-color);\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_actionButton__d3fbf6fa:active {\n position: relative;\n border-color: transparent;\n border: 0;\n padding: calc(0.625rem + var(--button-border-width)) calc(1.25rem + var(--button-border-width));\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_actionButton__d3fbf6fa:active:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--snackbar-text-color);\n border-radius: var(--button-border-radius);\n filter: opacity(0.1);\n}\n.SnackbarItem_module_snackbar__d3fbf6fa .SnackbarItem_module_actionButton__d3fbf6fa + .SnackbarItem_module_actionButton__d3fbf6fa {\n margin-left: 1rem;\n}\n\n@media only screen and (min-width: 37.5em) {\n .SnackbarItem_module_snackbar__d3fbf6fa {\n width: 37.5rem;\n }\n}";
|
|
2892
|
+
var modules_d6335ff6 = {"sr-only":"SnackbarItem_module_srOnly__d3fbf6fa","hidden":"SnackbarItem_module_hidden__d3fbf6fa","slide-in":"SnackbarItem_module_slideIn__d3fbf6fa","slide-out":"SnackbarItem_module_slideOut__d3fbf6fa","snackbar":"SnackbarItem_module_snackbar__d3fbf6fa","info":"SnackbarItem_module_info__d3fbf6fa","success":"SnackbarItem_module_success__d3fbf6fa","error":"SnackbarItem_module_error__d3fbf6fa","container":"SnackbarItem_module_container__d3fbf6fa","headline":"SnackbarItem_module_headline__d3fbf6fa","close-btn":"SnackbarItem_module_closeBtn__d3fbf6fa","icon":"SnackbarItem_module_icon__d3fbf6fa","title":"SnackbarItem_module_title__d3fbf6fa","content":"SnackbarItem_module_content__d3fbf6fa","actions":"SnackbarItem_module_actions__d3fbf6fa","action-button":"SnackbarItem_module_actionButton__d3fbf6fa"};
|
|
2892
2893
|
n(css$p,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
2893
2894
|
|
|
2894
2895
|
var useAnimation = function useAnimation(callback) {
|
|
@@ -3000,10 +3001,10 @@ var SnackbarItem = function SnackbarItem(_ref) {
|
|
|
3000
3001
|
variant: "h4",
|
|
3001
3002
|
tag: "span"
|
|
3002
3003
|
}, title), React.createElement(IconButton, {
|
|
3004
|
+
id: modules_d6335ff6['close-btn'],
|
|
3003
3005
|
onClick: function onClick() {
|
|
3004
3006
|
return startAnimation();
|
|
3005
3007
|
},
|
|
3006
|
-
className: modules_d6335ff6['close-btn'],
|
|
3007
3008
|
title: closeButtonTitle
|
|
3008
3009
|
}, React.createElement(Icon, {
|
|
3009
3010
|
icon: Icons.Times,
|
|
@@ -3448,8 +3449,8 @@ var Radio = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3448
3449
|
}, children));
|
|
3449
3450
|
});
|
|
3450
3451
|
|
|
3451
|
-
var css$j = ".
|
|
3452
|
-
var modules_5a9ee489 = {"textarea-wrapper":"
|
|
3452
|
+
var css$j = ".Textarea_module_textareaWrapper__e5a21e82 {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n}\n\n.Textarea_module_textarea__e5a21e82 {\n padding: 0.75rem 3.75rem 0.75rem 1.25rem;\n box-sizing: border-box;\n border-color: var(--input-border-color);\n border-style: var(--input-border-style);\n border-width: var(--input-border-width);\n border-radius: var(--input-border-radius);\n transition: all 0.2s ease-in-out;\n font-family: var(--font-family);\n font-size: var(--font-size);\n color: var(--greyed-out);\n width: 100%;\n vertical-align: top;\n resize: vertical;\n}\n.Textarea_module_textarea__e5a21e82:disabled {\n color: var(--greyed-out);\n background-color: var(--disabled);\n border-color: #fff;\n cursor: not-allowed;\n}\n.Textarea_module_textarea__e5a21e82:focus:not(:disabled) {\n outline: none;\n border-width: var(--input-border-width-focus);\n}\n.Textarea_module_textarea__e5a21e82:focus:not(:disabled):not(.Textarea_module_error__e5a21e82) {\n border-color: var(--color-primary);\n}\n.Textarea_module_textarea__e5a21e82:hover:not(:disabled):not(.Textarea_module_error__e5a21e82) {\n border-color: var(--default);\n border-width: var(--input-border-width);\n}\n\n.Textarea_module_error__e5a21e82 {\n border-color: var(--error);\n color: var(--error);\n}\n\n.Textarea_module_warning__e5a21e82 {\n color: var(--error);\n position: absolute;\n right: 1.25rem;\n top: 0.75rem;\n font-size: 1.25rem;\n}";
|
|
3453
|
+
var modules_5a9ee489 = {"textarea-wrapper":"Textarea_module_textareaWrapper__e5a21e82","textarea":"Textarea_module_textarea__e5a21e82","error":"Textarea_module_error__e5a21e82","warning":"Textarea_module_warning__e5a21e82"};
|
|
3453
3454
|
n(css$j,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
3454
3455
|
|
|
3455
3456
|
var _excluded$l = ["error", "disabled", "className", "rows", "wrapperProps", "errorProps"];
|
|
@@ -3812,7 +3813,7 @@ var InputWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3812
3813
|
|
|
3813
3814
|
_onBlur && _onBlur(e);
|
|
3814
3815
|
setHasFocus(false);
|
|
3815
|
-
e.target.value || e.target.placeholder || inputProps != null && (_inputProps$placehold = inputProps.placeholder) != null && _inputProps$placehold.length || type === 'datetime-local' || type === 'time' ? setFloatingLabelActive(true) : setFloatingLabelActive(false);
|
|
3816
|
+
e.target.value || e.target.placeholder || inputProps != null && (_inputProps$placehold = inputProps.placeholder) != null && _inputProps$placehold.length || type === 'datetime-local' || type === 'time' || type === 'date' ? setFloatingLabelActive(true) : setFloatingLabelActive(false);
|
|
3816
3817
|
},
|
|
3817
3818
|
className: (floatingLabelActive ? modules_bc06a1ad['floating-label'] : '') + " " + ((_inputProps$className = inputProps == null ? void 0 : inputProps.className) != null ? _inputProps$className : ''),
|
|
3818
3819
|
name: name,
|
|
@@ -3874,8 +3875,8 @@ var SelectWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3874
3875
|
}), children));
|
|
3875
3876
|
});
|
|
3876
3877
|
|
|
3877
|
-
var css$c = ".
|
|
3878
|
-
var modules_3c8e9c33 = {"textarea-label":"
|
|
3878
|
+
var css$c = ".TextareaWrapper_module_textareaLabel__8f2ddd33 {\n left: calc(1.25rem + 1px);\n}\n.TextareaWrapper_module_textareaLabel__8f2ddd33.TextareaWrapper_module_focus__8f2ddd33 {\n color: var(--color-primary);\n}\n.TextareaWrapper_module_textareaLabel__8f2ddd33.TextareaWrapper_module_error__8f2ddd33 {\n color: var(--error);\n}\n\n.TextareaWrapper_module_textarea__8f2ddd33 {\n padding-top: 1.625rem;\n}\n.TextareaWrapper_module_textarea__8f2ddd33:active:not(:disabled) {\n border-color: var(--color-primary);\n}\n.TextareaWrapper_module_textarea__8f2ddd33:hover:not(:disabled):not(.TextareaWrapper_module_error__8f2ddd33) {\n border-color: var(--default);\n}\n.TextareaWrapper_module_textarea__8f2ddd33:focus:not(:disabled) {\n outline: none;\n}\n\n.TextareaWrapper_module_textareaHelperText__8f2ddd33 {\n margin-top: 0.25rem;\n margin-left: 1.25rem;\n}\n\n.TextareaWrapper_module_textareaWrapper__8f2ddd33 {\n padding-top: 1.75rem;\n padding-right: 3.75rem;\n padding-bottom: 0.75rem;\n border-color: var(--input-border-color);\n border-style: var(--input-border-style);\n border-width: var(--input-border-width);\n border-radius: var(--input-border-radius);\n}\n.TextareaWrapper_module_textareaWrapper__8f2ddd33.TextareaWrapper_module_error__8f2ddd33 {\n border-color: var(--error);\n}\n.TextareaWrapper_module_textareaWrapper__8f2ddd33.TextareaWrapper_module_hover__8f2ddd33 {\n border-color: var(--default);\n}\n.TextareaWrapper_module_textareaWrapper__8f2ddd33.TextareaWrapper_module_focus__8f2ddd33 {\n border-color: var(--color-primary);\n}\n.TextareaWrapper_module_textareaWrapper__8f2ddd33.TextareaWrapper_module_disabled__8f2ddd33 {\n color: var(--greyed-out);\n background-color: var(--disabled);\n border-color: #fff;\n cursor: not-allowed;\n}\n\n.TextareaWrapper_module_errorIcon__8f2ddd33 {\n top: 1.75rem;\n}";
|
|
3879
|
+
var modules_3c8e9c33 = {"textarea-label":"TextareaWrapper_module_textareaLabel__8f2ddd33","focus":"TextareaWrapper_module_focus__8f2ddd33","error":"TextareaWrapper_module_error__8f2ddd33","textarea":"TextareaWrapper_module_textarea__8f2ddd33","textarea-helper-text":"TextareaWrapper_module_textareaHelperText__8f2ddd33","textarea-wrapper":"TextareaWrapper_module_textareaWrapper__8f2ddd33","hover":"TextareaWrapper_module_hover__8f2ddd33","disabled":"TextareaWrapper_module_disabled__8f2ddd33","error-icon":"TextareaWrapper_module_errorIcon__8f2ddd33"};
|
|
3879
3880
|
n(css$c,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
3880
3881
|
|
|
3881
3882
|
var _excluded$e = ["name", "error", "value", "label", "placeholder", "textareaProps", "helperProps", "onChange", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave", "disabled"];
|
|
@@ -3918,7 +3919,7 @@ var TextareaWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3918
3919
|
disabled: disabled,
|
|
3919
3920
|
labelProps: {
|
|
3920
3921
|
id: labelId,
|
|
3921
|
-
className: modules_3c8e9c33['textarea-label'] + " " + (
|
|
3922
|
+
className: modules_3c8e9c33['textarea-label'] + " " + optionalClasses.join('')
|
|
3922
3923
|
},
|
|
3923
3924
|
name: name,
|
|
3924
3925
|
label: label,
|
|
@@ -3958,7 +3959,7 @@ var TextareaWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3958
3959
|
_onMouseLeave && _onMouseLeave(e);
|
|
3959
3960
|
setHover(false);
|
|
3960
3961
|
},
|
|
3961
|
-
className: modules_3c8e9c33['textarea'],
|
|
3962
|
+
className: modules_3c8e9c33['textarea'] + " " + (error ? modules_3c8e9c33['error'] : ''),
|
|
3962
3963
|
wrapperProps: {
|
|
3963
3964
|
className: modules_3c8e9c33['textarea-wrapper'] + "} " + optionalClasses.join(' ')
|
|
3964
3965
|
},
|
|
@@ -4605,8 +4606,8 @@ var css$4 = ".DataGridActions_module_actions__a2bfe2f8 {\n margin-bottom: 1rem;
|
|
|
4605
4606
|
var modules_3f552d89 = {"actions":"DataGridActions_module_actions__a2bfe2f8","left-actions":"DataGridActions_module_leftActions__a2bfe2f8","right-actions":"DataGridActions_module_rightActions__a2bfe2f8","desktop":"DataGridActions_module_desktop__a2bfe2f8","mobile":"DataGridActions_module_mobile__a2bfe2f8"};
|
|
4606
4607
|
n(css$4,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
4607
4608
|
|
|
4608
|
-
var css$3 = ".
|
|
4609
|
-
var modules_a68425a1 = {"popover":"
|
|
4609
|
+
var css$3 = ".DataGridColumnsToggle_module_popover__9116ab7c {\n background-color: var(--modal-background-color);\n z-index: 1;\n min-width: 17.5rem;\n font-family: var(--font-family);\n}\n\n.DataGridColumnsToggle_module_backdrop__9116ab7c {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background-color: transparent;\n}\n\n.DataGridColumnsToggle_module_header__9116ab7c {\n min-width: 5rem;\n padding: 1rem 0.5rem 1rem 1.5rem;\n background-color: var(--modal-header-background-color);\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n display: flex;\n align-items: center;\n}\n\n.DataGridColumnsToggle_module_title__9116ab7c {\n flex: 1;\n margin: 0;\n}\n\n.DataGridColumnsToggle_module_closeBtn__9116ab7c {\n margin-left: 0.5rem;\n}\n\n.DataGridColumnsToggle_module_content__9116ab7c {\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}";
|
|
4610
|
+
var modules_a68425a1 = {"popover":"DataGridColumnsToggle_module_popover__9116ab7c","backdrop":"DataGridColumnsToggle_module_backdrop__9116ab7c","header":"DataGridColumnsToggle_module_header__9116ab7c","title":"DataGridColumnsToggle_module_title__9116ab7c","close-btn":"DataGridColumnsToggle_module_closeBtn__9116ab7c","content":"DataGridColumnsToggle_module_content__9116ab7c"};
|
|
4610
4611
|
n(css$3,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
4611
4612
|
|
|
4612
4613
|
var _excluded$5 = ["open", "headers", "titleLabel", "closeButtonTitle", "onClose", "onToggleClicked", "className", "domRoot"];
|