@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
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
2
|
import { Spacing } from '../hooks/useSpacing';
|
|
3
|
-
declare const validVariants: readonly ["h1", "h2", "h3", "h4", "body", "body-bold", "sub-text", "code"];
|
|
3
|
+
export declare const validVariants: readonly ["h1", "h2", "h3", "h4", "body", "body-bold", "sub-text", "code"];
|
|
4
4
|
export declare type Variant = typeof validVariants[number];
|
|
5
5
|
declare type Tags = 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'div' | 'code' | 'span' | 'sup' | 'sub' | 'strong' | 'em' | 'small' | 'mark' | 'del' | 'ins' | 'blockquote';
|
|
6
|
-
/** I couldn't find anything on the internet that indicated that ComponentPropsWithRef can take multiple tags. Since the TagName can be many different things I have to use any here. Using a mix of tags (like the Tags type) will throw an error. */
|
|
7
6
|
export interface Props extends ComponentPropsWithRef<any> {
|
|
8
7
|
children: ReactNode;
|
|
9
8
|
variant: Variant;
|
|
@@ -61,6 +61,7 @@ var BaseStyling = function BaseStyling(_ref) {
|
|
|
61
61
|
inputBorderColor: '#e9e9eb',
|
|
62
62
|
inputBorderRadius: '8px',
|
|
63
63
|
inputBorderWidth: '1px',
|
|
64
|
+
inputBorderWidthFocus: '2px',
|
|
64
65
|
inputBorderStyle: 'solid',
|
|
65
66
|
inputBackgroundColor: '#fff',
|
|
66
67
|
modalShadowColor: 'rgba(0, 0, 0, 0.16)',
|
|
@@ -1656,8 +1657,8 @@ var css$C = ".Pagination_module_paginationWrapper__f9057960 {\n font-family: va
|
|
|
1656
1657
|
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"};
|
|
1657
1658
|
n(css$C,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
1658
1659
|
|
|
1659
|
-
var css$B = ".
|
|
1660
|
-
var modules_23691de0 = {"input-wrapper":"
|
|
1660
|
+
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}";
|
|
1661
|
+
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"};
|
|
1661
1662
|
n(css$B,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
1662
1663
|
|
|
1663
1664
|
var _excluded$F = ["error", "className", "name", "style", "wrapperProps", "type", "labeledBy", "prefix", "suffix", "disabled", "onFocus", "onBlur"];
|
|
@@ -1730,8 +1731,8 @@ var Input = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, re
|
|
|
1730
1731
|
}));
|
|
1731
1732
|
});
|
|
1732
1733
|
|
|
1733
|
-
var css$A = ".
|
|
1734
|
-
var modules_7db85bb8 = {"sr-only":"
|
|
1734
|
+
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}";
|
|
1735
|
+
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"};
|
|
1735
1736
|
n(css$A,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
1736
1737
|
|
|
1737
1738
|
var _excluded$E = ["children", "name", "disabled", "labeledBy", "placeholder", "describedBy", "searchPlaceholder", "searchInputProps", "selectButtonProps", "className", "error", "value", "clearLabel", "onChange", "onClear"];
|
|
@@ -2120,14 +2121,14 @@ var Select = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
|
|
|
2120
2121
|
},
|
|
2121
2122
|
type: "button",
|
|
2122
2123
|
name: name,
|
|
2124
|
+
className: modules_7db85bb8['custom-select'] + " " + additionalClasses.join(' ') + " ",
|
|
2123
2125
|
disabled: disabled,
|
|
2124
2126
|
"aria-disabled": disabled,
|
|
2125
2127
|
"aria-invalid": error,
|
|
2126
2128
|
"aria-expanded": expanded,
|
|
2127
2129
|
"aria-haspopup": "listbox",
|
|
2128
2130
|
"aria-labelledby": labeledBy,
|
|
2129
|
-
"aria-describedby": describedBy
|
|
2130
|
-
className: modules_7db85bb8['custom-select']
|
|
2131
|
+
"aria-describedby": describedBy
|
|
2131
2132
|
}), React__default["default"].createElement("div", {
|
|
2132
2133
|
"data-display": true,
|
|
2133
2134
|
className: modules_7db85bb8['selected']
|
|
@@ -2895,8 +2896,8 @@ var SnackbarContainer = function SnackbarContainer(_ref) {
|
|
|
2895
2896
|
}), children);
|
|
2896
2897
|
};
|
|
2897
2898
|
|
|
2898
|
-
var css$p = ".
|
|
2899
|
-
var modules_d6335ff6 = {"sr-only":"
|
|
2899
|
+
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}";
|
|
2900
|
+
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"};
|
|
2900
2901
|
n(css$p,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
2901
2902
|
|
|
2902
2903
|
var useAnimation = function useAnimation(callback) {
|
|
@@ -3008,10 +3009,10 @@ var SnackbarItem = function SnackbarItem(_ref) {
|
|
|
3008
3009
|
variant: "h4",
|
|
3009
3010
|
tag: "span"
|
|
3010
3011
|
}, title), React__default["default"].createElement(IconButton, {
|
|
3012
|
+
id: modules_d6335ff6['close-btn'],
|
|
3011
3013
|
onClick: function onClick() {
|
|
3012
3014
|
return startAnimation();
|
|
3013
3015
|
},
|
|
3014
|
-
className: modules_d6335ff6['close-btn'],
|
|
3015
3016
|
title: closeButtonTitle
|
|
3016
3017
|
}, React__default["default"].createElement(Icon, {
|
|
3017
3018
|
icon: exports.Icons.Times,
|
|
@@ -3456,8 +3457,8 @@ var Radio = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, re
|
|
|
3456
3457
|
}, children));
|
|
3457
3458
|
});
|
|
3458
3459
|
|
|
3459
|
-
var css$j = ".
|
|
3460
|
-
var modules_5a9ee489 = {"textarea-wrapper":"
|
|
3460
|
+
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}";
|
|
3461
|
+
var modules_5a9ee489 = {"textarea-wrapper":"Textarea_module_textareaWrapper__e5a21e82","textarea":"Textarea_module_textarea__e5a21e82","error":"Textarea_module_error__e5a21e82","warning":"Textarea_module_warning__e5a21e82"};
|
|
3461
3462
|
n(css$j,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
3462
3463
|
|
|
3463
3464
|
var _excluded$l = ["error", "disabled", "className", "rows", "wrapperProps", "errorProps"];
|
|
@@ -3820,7 +3821,7 @@ var InputWrapper = /*#__PURE__*/React__default["default"].forwardRef(function (_
|
|
|
3820
3821
|
|
|
3821
3822
|
_onBlur && _onBlur(e);
|
|
3822
3823
|
setHasFocus(false);
|
|
3823
|
-
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);
|
|
3824
|
+
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);
|
|
3824
3825
|
},
|
|
3825
3826
|
className: (floatingLabelActive ? modules_bc06a1ad['floating-label'] : '') + " " + ((_inputProps$className = inputProps == null ? void 0 : inputProps.className) != null ? _inputProps$className : ''),
|
|
3826
3827
|
name: name,
|
|
@@ -3882,8 +3883,8 @@ var SelectWrapper = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
|
3882
3883
|
}), children));
|
|
3883
3884
|
});
|
|
3884
3885
|
|
|
3885
|
-
var css$c = ".
|
|
3886
|
-
var modules_3c8e9c33 = {"textarea-label":"
|
|
3886
|
+
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}";
|
|
3887
|
+
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"};
|
|
3887
3888
|
n(css$c,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
3888
3889
|
|
|
3889
3890
|
var _excluded$e = ["name", "error", "value", "label", "placeholder", "textareaProps", "helperProps", "onChange", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave", "disabled"];
|
|
@@ -3926,7 +3927,7 @@ var TextareaWrapper = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
|
3926
3927
|
disabled: disabled,
|
|
3927
3928
|
labelProps: {
|
|
3928
3929
|
id: labelId,
|
|
3929
|
-
className: modules_3c8e9c33['textarea-label'] + " " + (
|
|
3930
|
+
className: modules_3c8e9c33['textarea-label'] + " " + optionalClasses.join('')
|
|
3930
3931
|
},
|
|
3931
3932
|
name: name,
|
|
3932
3933
|
label: label,
|
|
@@ -3966,7 +3967,7 @@ var TextareaWrapper = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
|
3966
3967
|
_onMouseLeave && _onMouseLeave(e);
|
|
3967
3968
|
setHover(false);
|
|
3968
3969
|
},
|
|
3969
|
-
className: modules_3c8e9c33['textarea'],
|
|
3970
|
+
className: modules_3c8e9c33['textarea'] + " " + (error ? modules_3c8e9c33['error'] : ''),
|
|
3970
3971
|
wrapperProps: {
|
|
3971
3972
|
className: modules_3c8e9c33['textarea-wrapper'] + "} " + optionalClasses.join(' ')
|
|
3972
3973
|
},
|
|
@@ -4613,8 +4614,8 @@ var css$4 = ".DataGridActions_module_actions__a2bfe2f8 {\n margin-bottom: 1rem;
|
|
|
4613
4614
|
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"};
|
|
4614
4615
|
n(css$4,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
4615
4616
|
|
|
4616
|
-
var css$3 = ".
|
|
4617
|
-
var modules_a68425a1 = {"popover":"
|
|
4617
|
+
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}";
|
|
4618
|
+
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"};
|
|
4618
4619
|
n(css$3,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
4619
4620
|
|
|
4620
4621
|
var _excluded$5 = ["open", "headers", "titleLabel", "closeButtonTitle", "onClose", "onToggleClicked", "className", "domRoot"];
|