@linzjs/lui 21.44.5-1 → 21.45.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/CHANGELOG.md +7 -0
- package/dist/assets/icons/c_report.svg +1 -0
- package/dist/assets/svg-content.d.ts +1 -1
- package/dist/assets/svg-content.tsx +9 -0
- package/dist/index.js +7 -3
- package/dist/index.js.map +1 -1
- package/dist/lui.css +149 -6
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +7 -3
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/ContextMenu/context-menu.scss +7 -4
- package/dist/scss/Components/ExpandingSection/expanding-section.scss +4 -4
- package/dist/scss/Components/Footer/footer.scss +6 -2
- package/dist/scss/Components/Header/header.scss +5 -5
- package/dist/scss/Components/HeaderV2/header-v2.scss +7 -5
- package/dist/scss/Components/HelpSection/help-section.scss +8 -6
- package/dist/scss/Components/LOLCommonMenu/LOLAuthorisedLink.scss +2 -2
- package/dist/scss/Components/LOLCommonMenu/LOLDrawerMenu.scss +3 -3
- package/dist/scss/Components/LOLCommonMenu/LOLFirmSwitcherMenu.scss +2 -1
- package/dist/scss/Components/LuiErrorPage/LuiErrorPage.scss +1 -1
- package/dist/scss/Components/LuiFormElements/LuiRadioInput/LuiRadioInput.scss +3 -3
- package/dist/scss/Components/LuiFormElements/LuiSelectInput/LuiSelectInput.scss +2 -2
- package/dist/scss/Components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.scss +4 -6
- package/dist/scss/Components/LuiFormElements/LuiTextInput/LuiTextInput.scss +1 -0
- package/dist/scss/Components/LuiLoadingSpinner/LuiLoadingSpinner.scss +6 -4
- package/dist/scss/Components/LuiMultiSwitch/LuiMultiSwitch.scss +2 -2
- package/dist/scss/Components/LuiSearchInput/LuiSearchInput.scss +5 -1
- package/dist/scss/Components/LuiShadow/LuiShadow.scss +2 -0
- package/dist/scss/Components/LuiSplitButton/LuiSplitButton.scss +7 -6
- package/dist/scss/Components/LuiTabs/LuiTab/LuiTab.scss +7 -6
- package/dist/scss/Components/Menu/menu.scss +4 -4
- package/dist/scss/Components/MenuV2/menu-v2.scss +5 -5
- package/dist/scss/Components/Messaging/messaging.scss +6 -5
- package/dist/scss/Components/Modal/modal.scss +11 -11
- package/dist/scss/Components/Notifications/notifications.scss +4 -4
- package/dist/scss/Elements/Buttons/buttons.scss +8 -6
- package/dist/scss/Elements/Forms/FormComponents/Inputs.scss +7 -5
- package/dist/scss/Elements/Forms/FormComponents/RadiosCheckboxes.scss +7 -6
- package/dist/scss/Elements/Tables/tables.scss +6 -5
- package/dist/scss/Elements/Tooltips/tippy.scss +3 -3
- package/dist/scss/Foundation/Utilities/Placeholder.scss +2 -2
- package/dist/scss/Global/GenericElements/Link.scss +1 -0
- package/dist/scss/Global/GenericElements/Typography.scss +15 -2
- package/dist/scss/Global/helpers.scss +5 -5
- package/dist/scss/Vendor/print.scss +2 -2
- package/package.json +1 -1
package/dist/lui.esm.js
CHANGED
|
@@ -217,6 +217,10 @@ iconMap['ic_blocked'] = (React__default.createElement("svg", { viewBox: "0 0 24
|
|
|
217
217
|
React__default.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2ZM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9A7.902 7.902 0 0 1 4 12Zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1A7.902 7.902 0 0 1 20 12c0 4.42-3.58 8-8 8Z" })));
|
|
218
218
|
iconMap['ic_border_color'] = (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
|
|
219
219
|
React__default.createElement("path", { d: "M0 20.016h24V24H0v-3.984zM20.719 4.031 18.75 6 15 2.25 16.969.281Q17.25 0 17.672 0t.703.281l2.344 2.344q.281.281.281.703t-.281.703zm-2.953 2.953L7.735 17.015h-3.75v-3.75L14.016 3.234z" })));
|
|
220
|
+
iconMap['ic_c_report'] = (React__default.createElement("svg", { viewBox: "0 0 24 24" },
|
|
221
|
+
React__default.createElement("path", { d: "M13 7h5v2h-5zM18 11h-5v2h5zM13 15h5v2h-5z" }),
|
|
222
|
+
React__default.createElement("path", { d: "M4 3h16c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2m0 16h16V5H4z" }),
|
|
223
|
+
React__default.createElement("path", { d: "M8.657 14q-.627 0-1.118-.14a1.84 1.84 0 0 1-.833-.509q-.343-.371-.53-1.066Q6 11.589 6 10.486q0-1.075.186-1.752.196-.687.54-1.057.353-.38.843-.529A3.8 3.8 0 0 1 8.667 7q.549 0 1 .056.45.055.784.139.333.075.549.157v1.243a7 7 0 0 0-.48-.074 9 9 0 0 0-.677-.056 11 11 0 0 0-.814-.028q-.361 0-.627.074a.75.75 0 0 0-.412.297q-.147.214-.225.621a6.7 6.7 0 0 0-.069 1.066q0 .622.059 1.03.06.407.206.63a.8.8 0 0 0 .402.315q.264.093.676.093.745 0 1.206-.028.471-.027.755-.065v1.243a4 4 0 0 1-.588.157 10 10 0 0 1-.765.093q-.432.037-.99.037" })));
|
|
220
224
|
iconMap['ic_cancel_clear'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
221
225
|
React__default.createElement("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm4.3 14.3a.996.996 0 0 1-1.41 0L12 13.41 9.11 16.3a.996.996 0 1 1-1.41-1.41L10.59 12 7.7 9.11A.996.996 0 1 1 9.11 7.7L12 10.59l2.89-2.89a.996.996 0 1 1 1.41 1.41L13.41 12l2.89 2.89c.38.38.38 1.02 0 1.41Z" })));
|
|
222
226
|
iconMap['ic_cancel_outline'] = (React__default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -54766,7 +54770,7 @@ var LuiMultiSwitch = function (_a) {
|
|
|
54766
54770
|
React__default.createElement("div", { className: clsx('LuiMultiSwitch-labels', disabled && 'LuiMultiSwitch-disabled') }, options === null || options === void 0 ? void 0 : options.map(function (option, i) { return (React__default.createElement("label", { role: 'radio', key: i, htmlFor: id.current, "aria-disabled": option.disabled || disabled, "aria-checked": selectedIndex === i, className: option.className, onClick: function () { return select(i); }, onTouchStart: function () { return select(i); } }, option.text)); }))));
|
|
54767
54771
|
};
|
|
54768
54772
|
|
|
54769
|
-
var css_248z$f = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiListBox {\n padding: 0;\n list-style: none;\n}\n.LuiListBox .LuiListBoxItem {\n user-select: none;\n color: #2a292c;\n line-height: 24px;\n outline: none;\n padding: 0.5rem 0.75rem;\n border: 2px solid transparent;\n}\n.LuiListBox .LuiListBoxItem:focus-visible {\n border-color: #007198;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-selected {\n background: #e2f3f7;\n}\n.LuiListBox .LuiListBoxItem:hover, .LuiListBox .LuiListBoxItem.LuiListBoxItem-selected:hover {\n background: #d6eef4;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-disabled {\n background: #eaeaea;\n}\n.LuiListBox .LuiListBox-emptyIndicator
|
|
54773
|
+
var css_248z$f = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiListBox {\n padding: 0;\n list-style: none;\n}\n.LuiListBox .LuiListBoxItem {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: normal;\n user-select: none;\n color: #2a292c;\n line-height: 24px;\n outline: none;\n padding: 0.5rem 0.75rem;\n border: 2px solid transparent;\n}\n.LuiListBox .LuiListBoxItem:focus-visible {\n border-color: #007198;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-selected {\n background: #e2f3f7;\n}\n.LuiListBox .LuiListBoxItem:hover, .LuiListBox .LuiListBoxItem.LuiListBoxItem-selected:hover {\n background: #d6eef4;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-disabled {\n background: #eaeaea;\n}\n.LuiListBox .LuiListBox-emptyIndicator, .LuiListBox .LuiListBox-loadingIndicator {\n padding: 0.5rem 0.75rem;\n}\n.LuiListBox .LuiListBoxGroup .LuiListBoxGroup-heading {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n user-select: none;\n color: #6b6966;\n line-height: 16px;\n padding: 0.5rem 0.5rem;\n}";
|
|
54770
54774
|
styleInject(css_248z$f);
|
|
54771
54775
|
|
|
54772
54776
|
function $c1d7fb2ec91bae71$var$Item(props) {
|
|
@@ -59367,7 +59371,7 @@ var useSplitterRef = function () {
|
|
|
59367
59371
|
return { ref: ref, setRatio: setRatio };
|
|
59368
59372
|
};
|
|
59369
59373
|
|
|
59370
|
-
var css_248z$4 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiBannerV2 {\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2509803922), 0px 0px 3px 0px rgba(0, 0, 0, 0.1490196078);\n font-size: 16px;\n display: grid;\n align-items: center;\n min-height: 3rem;\n position: relative;\n background-color: #ffffff;\n border-radius: 5px;\n padding-bottom: 0.5rem;\n padding-top: 0.5rem;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.LuiBannerV2 > :first-child {\n margin-top: 0;\n}\n.LuiBannerV2.has-level {\n padding-left: 3.25rem;\n border-left-width: 0.5rem;\n border-left-style: solid;\n}\n.LuiBannerV2.warning {\n border-left-color: #EA6A2E;\n}\n.LuiBannerV2.error {\n border-left-color: #cc0000;\n}\n.LuiBannerV2.info {\n border-left-color: #3A7CDF;\n}\n.LuiBannerV2.success {\n border-left-color: #0AA345;\n}\n.LuiBannerV2.can-dismiss {\n padding-right: 2.5rem;\n}\n.LuiBannerV2-Icon {\n position: absolute;\n left: 0.5rem;\n top: 0.5rem;\n}\n.LuiBannerV2-Icon.warning {\n color: #EA6A2E;\n}\n.LuiBannerV2-Icon.error {\n color: #cc0000;\n}\n.LuiBannerV2-Icon.info {\n color: #3A7CDF;\n}\n.LuiBannerV2-Icon.success {\n color: #0AA345;\n}\n.LuiBannerV2-Icon svg {\n fill: currentColor;\n}\n.LuiBannerV2-Dismiss {\n display: flex;\n position: absolute;\n right: 0.75rem;\n top: 50%;\n transform: translateY(-50%);\n background-color: transparent;\n padding: 0;\n}\n.LuiBannerV2-Dismiss svg {\n fill: #6b6966;\n}";
|
|
59374
|
+
var css_248z$4 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiBannerV2 {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: normal;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2509803922), 0px 0px 3px 0px rgba(0, 0, 0, 0.1490196078);\n font-size: 16px;\n display: grid;\n align-items: center;\n min-height: 3rem;\n position: relative;\n background-color: #ffffff;\n border-radius: 5px;\n padding-bottom: 0.5rem;\n padding-top: 0.5rem;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.LuiBannerV2 > :first-child {\n margin-top: 0;\n}\n.LuiBannerV2.has-level {\n padding-left: 3.25rem;\n border-left-width: 0.5rem;\n border-left-style: solid;\n}\n.LuiBannerV2.warning {\n border-left-color: #EA6A2E;\n}\n.LuiBannerV2.error {\n border-left-color: #cc0000;\n}\n.LuiBannerV2.info {\n border-left-color: #3A7CDF;\n}\n.LuiBannerV2.success {\n border-left-color: #0AA345;\n}\n.LuiBannerV2.can-dismiss {\n padding-right: 2.5rem;\n}\n.LuiBannerV2-Icon {\n position: absolute;\n left: 0.5rem;\n top: 0.5rem;\n}\n.LuiBannerV2-Icon.warning {\n color: #EA6A2E;\n}\n.LuiBannerV2-Icon.error {\n color: #cc0000;\n}\n.LuiBannerV2-Icon.info {\n color: #3A7CDF;\n}\n.LuiBannerV2-Icon.success {\n color: #0AA345;\n}\n.LuiBannerV2-Icon svg {\n fill: currentColor;\n}\n.LuiBannerV2-Dismiss {\n display: flex;\n position: absolute;\n right: 0.75rem;\n top: 50%;\n transform: translateY(-50%);\n background-color: transparent;\n padding: 0;\n}\n.LuiBannerV2-Dismiss svg {\n fill: #6b6966;\n}";
|
|
59371
59375
|
styleInject(css_248z$4);
|
|
59372
59376
|
|
|
59373
59377
|
var LuiBannerV2 = forwardRef$1(function (_a, ref) {
|
|
@@ -59438,7 +59442,7 @@ var ColorPalette = forwardRef$1(function (_a, ref) {
|
|
|
59438
59442
|
})));
|
|
59439
59443
|
});
|
|
59440
59444
|
|
|
59441
|
-
var css_248z$2 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.ToastProvider {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n display: grid;\n grid-template-columns: repeat(3, auto);\n grid-template-areas: \"left center right\";\n padding: 1.5rem;\n z-index: 1200;\n}\n.ToastProvider .LuiBannerV2 {\n justify-content: flex-start;\n min-height: 4rem;\n min-width: 320px;\n max-width: min(50vw - 2rem, 400px);\n background-color: #f9f9f9;\n}\n.ToastProvider .LuiBannerV2-Icon {\n top: 50%;\n transform: translateY(-50%);\n}\n.ToastProvider .LuiBannerV2-Icon.warning {\n transform: translateY(calc(-50% - 1px));\n}\n.ToastProvider .LuiBannerV2 * {\n font-weight: 400;\n}";
|
|
59445
|
+
var css_248z$2 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.ToastProvider {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n display: grid;\n grid-template-columns: repeat(3, auto);\n grid-template-areas: \"left center right\";\n padding: 1.5rem;\n z-index: 1200;\n}\n.ToastProvider .LuiBannerV2 {\n justify-content: flex-start;\n min-height: 4rem;\n min-width: 320px;\n max-width: min(50vw - 2rem, 400px);\n background-color: #f9f9f9;\n}\n.ToastProvider .LuiBannerV2-Icon {\n top: 50%;\n transform: translateY(-50%);\n}\n.ToastProvider .LuiBannerV2-Icon.warning {\n transform: translateY(calc(-50% - 1px));\n}\n.ToastProvider .LuiBannerV2 * {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-weight: 400;\n}";
|
|
59442
59446
|
styleInject(css_248z$2);
|
|
59443
59447
|
|
|
59444
59448
|
var topRightToastsHeight = function (portal) {
|