@onewelcome/react-lib-components 0.1.10-alpha → 0.1.11-alpha
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/README.md +13 -11
- package/dist/react-lib-components.cjs.development.js +8 -8
- 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 +8 -8
- package/dist/react-lib-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/ContextMenu/ContextMenu.module.scss +2 -5
- package/src/ContextMenu/ContextMenu.tsx +1 -1
- package/src/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss +1 -1
- package/src/Pagination/Pagination.module.scss +4 -0
- package/src/Pagination/Pagination.tsx +1 -1
|
@@ -683,8 +683,8 @@ var Popover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
683
683
|
}, children));
|
|
684
684
|
});
|
|
685
685
|
|
|
686
|
-
var css$P = ".
|
|
687
|
-
var modules_846e6042 = {"context-menu":"
|
|
686
|
+
var css$P = ".ContextMenu_module_contextMenu__d1c1d796 {\n position: relative;\n display: inline-block;\n box-sizing: border-box;\n}\n\n.ContextMenu_module_menu__d1c1d796 {\n white-space: nowrap;\n margin: 1rem 0;\n list-style: none;\n padding: 0;\n min-width: 200px;\n}\n.ContextMenu_module_menu__d1c1d796 button {\n text-align: left;\n}";
|
|
687
|
+
var modules_846e6042 = {"context-menu":"ContextMenu_module_contextMenu__d1c1d796","menu":"ContextMenu_module_menu__d1c1d796"};
|
|
688
688
|
n(css$P,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
689
689
|
|
|
690
690
|
var useBodyClick = function useBodyClick(checkFunction, callbackFunction, dependingStateVariable) {
|
|
@@ -874,7 +874,7 @@ var ContextMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
874
874
|
anchorEl: anchorEl,
|
|
875
875
|
show: showContextMenu
|
|
876
876
|
}, React.createElement("ul", {
|
|
877
|
-
className: modules_846e6042
|
|
877
|
+
className: modules_846e6042['menu'],
|
|
878
878
|
id: id + "-menu",
|
|
879
879
|
"aria-describedby": id,
|
|
880
880
|
role: "menu"
|
|
@@ -1616,8 +1616,8 @@ var Skeleton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1616
1616
|
}));
|
|
1617
1617
|
});
|
|
1618
1618
|
|
|
1619
|
-
var css$C = ".
|
|
1620
|
-
var modules_e3c5bce1 = {"pagination-wrapper":"
|
|
1619
|
+
var css$C = ".Pagination_module_paginationWrapper__f9057960 {\n font-family: var(--font-family);\n font-size: var(--font-size);\n color: var(--greyed-out);\n display: flex;\n flex-direction: column;\n}\n.Pagination_module_paginationWrapper__f9057960 label {\n margin-bottom: 0;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_formElement__f9057960 {\n height: 2.5rem;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_formElement__f9057960 button {\n min-height: 2.5rem;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_total__f9057960 {\n flex: 1 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_total__f9057960 span > span {\n font-weight: 700;\n font-family: var(--font-family);\n font-size: var(--font-size);\n margin-left: 0.25rem;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_pagination__f9057960 {\n flex: 1 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 1rem;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_pagination__f9057960 .Pagination_module_previous__f9057960,\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_pagination__f9057960 .Pagination_module_next__f9057960 {\n display: flex;\n align-items: center;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_pagination__f9057960 .Pagination_module_previous__f9057960 button,\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_pagination__f9057960 .Pagination_module_next__f9057960 button {\n margin: 0.25rem;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_pagination__f9057960 .Pagination_module_previous__f9057960 button span:before,\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_pagination__f9057960 .Pagination_module_next__f9057960 button span:before {\n font-size: 0.75rem;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_perPage__f9057960 {\n display: none;\n align-items: center;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_page__f9057960 {\n display: flex;\n align-items: center;\n flex-basis: min-content;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_pageSizeSelect__f9057960 {\n border-color: #fff;\n margin: 0 0.25rem;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_pageSizeSelect__f9057960 button {\n min-width: 3.4375rem;\n padding: 0;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_pageSizeSelect__f9057960 button div[data-display] {\n left: 0.5rem;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_pageSizeSelect__f9057960 button div:not([data-display]) {\n right: 0.5rem;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_currentValueInput__f9057960 {\n margin: 0 0.25rem 0 0;\n padding: 0;\n}\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_currentValueInput__f9057960 input {\n border-radius: var(--input-border-radius);\n padding: 0 1rem;\n width: auto;\n text-align: center;\n}\n\n@media screen and (min-width: 30em) {\n .Pagination_module_paginationWrapper__f9057960 {\n flex-direction: row;\n }\n .Pagination_module_paginationWrapper__f9057960 .Pagination_module_total__f9057960 {\n justify-content: flex-start;\n }\n .Pagination_module_paginationWrapper__f9057960 .Pagination_module_pagination__f9057960 {\n margin-top: 0;\n justify-content: flex-end;\n }\n .Pagination_module_paginationWrapper__f9057960 .Pagination_module_pagination__f9057960 .Pagination_module_previous__f9057960 button,\n.Pagination_module_paginationWrapper__f9057960 .Pagination_module_pagination__f9057960 .Pagination_module_next__f9057960 button {\n margin: 0 0.5rem;\n }\n}\n@media screen and (min-width: 48em) {\n .Pagination_module_paginationWrapper__f9057960 .Pagination_module_perPage__f9057960 {\n display: flex;\n }\n}";
|
|
1620
|
+
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"};
|
|
1621
1621
|
n(css$C,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
1622
1622
|
|
|
1623
1623
|
var css$B = ".Input_module_inputWrapper__ca7df3b0 {\n position: relative;\n display: flex;\n align-items: center;\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__ca7df3b0:hover:not(:disabled) {\n border-color: var(--default);\n}\n.Input_module_inputWrapper__ca7df3b0.Input_module_disabled__ca7df3b0, .Input_module_inputWrapper__ca7df3b0.Input_module_disabled__ca7df3b0 input {\n background-color: var(--disabled);\n border-color: #fff;\n cursor: not-allowed;\n}\n.Input_module_inputWrapper__ca7df3b0.Input_module_error__ca7df3b0 {\n border-color: var(--error);\n}\n.Input_module_inputWrapper__ca7df3b0.Input_module_focus__ca7df3b0 {\n border-color: var(--color-primary);\n}\n\n.Input_module_input__ca7df3b0 {\n height: 4rem;\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__ca7df3b0:focus:not(:disabled) {\n outline: none;\n border-color: var(--color-primary);\n}\n\n.Input_module_error__ca7df3b0 input {\n color: var(--error);\n padding-right: 3.75rem;\n}\n.Input_module_error__ca7df3b0 input.Input_module_removeExtraIndent__ca7df3b0 {\n padding-right: 1.25rem;\n}\n\n.Input_module_warning__ca7df3b0 {\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__ca7df3b0:before {\n height: 1.3125rem;\n}\n.Input_module_warning__ca7df3b0.Input_module_extraIndent__ca7df3b0 {\n right: 3.75rem;\n}\n\n.Input_module_inputWrapper__ca7df3b0 [data-prefix],\n.Input_module_inputWrapper__ca7df3b0 [data-suffix] {\n transition: all 0.2s ease-in-out;\n display: block;\n z-index: 1;\n}";
|
|
@@ -2243,7 +2243,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
2243
2243
|
}, React.createElement(Label, {
|
|
2244
2244
|
id: "current-value-input-label",
|
|
2245
2245
|
htmlFor: "current-value-input",
|
|
2246
|
-
className: modules_35a251a6['sr-only']
|
|
2246
|
+
className: modules_35a251a6['sr-only'] + " " + modules_e3c5bce1['current-value-input-label']
|
|
2247
2247
|
}, translate.currentPageLabel), React.createElement(Input, {
|
|
2248
2248
|
"aria-labelledby": "current-value-input-label",
|
|
2249
2249
|
key: "input",
|
|
@@ -2555,8 +2555,8 @@ var BaseModalContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
2555
2555
|
}), children);
|
|
2556
2556
|
});
|
|
2557
2557
|
|
|
2558
|
-
var css$w = ".
|
|
2559
|
-
var modules_6b4a9db0 = {"actions":"
|
|
2558
|
+
var css$w = ".BaseModalActions_module_actions__430700e8 {\n margin: 1.875rem 1.25rem 1.875rem 1.25rem;\n display: flex;\n justify-content: flex-end;\n}\n.BaseModalActions_module_actions__430700e8 * + * {\n margin-left: 2rem;\n}";
|
|
2559
|
+
var modules_6b4a9db0 = {"actions":"BaseModalActions_module_actions__430700e8"};
|
|
2560
2560
|
n(css$w,{"attributes":{"nonce":"DsPHCoJqXm4vKCqFrm03y1"}});
|
|
2561
2561
|
|
|
2562
2562
|
var _excluded$y = ["children", "className"];
|