@linzjs/lui 21.42.0 → 21.44.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 +14 -0
- package/dist/assets/icons/auto_regenerate.svg +1 -0
- package/dist/assets/icons/fast_forward_outline.svg +3 -0
- package/dist/assets/icons/regenerate_off.svg +1 -0
- package/dist/assets/svg-content.d.ts +1 -1
- package/dist/assets/svg-content.tsx +30 -11
- package/dist/components/Toast/ToastBanner.d.ts +6 -0
- package/dist/index.js +67 -50
- package/dist/index.js.map +1 -1
- package/dist/lui.esm.js +67 -50
- package/dist/lui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -231,6 +231,9 @@ iconMap['ic_attachment'] = (React__default["default"].createElement("svg", { vie
|
|
|
231
231
|
React__default["default"].createElement("path", { d: "M2.016 12.023c0-1.531.531-2.836 1.594-3.914C4.673 7.03 5.97 6.492 7.501 6.492h10.5c1.094 0 2.032.398 2.813 1.195.781.797 1.172 1.742 1.172 2.836 0 1.094-.39 2.032-1.172 2.813-.781.781-1.719 1.172-2.813 1.172H9.517a2.472 2.472 0 0 1-1.781-.727c-.5-.485-.75-1.07-.75-1.758 0-.687.25-1.281.75-1.781s1.094-.75 1.781-.75h7.5v2.016H9.423c-.281 0-.422.164-.422.492 0 .328.14.492.422.492h8.578c.531 0 1-.195 1.406-.586.406-.39.609-.852.609-1.383s-.203-1-.609-1.406c-.406-.406-.875-.61-1.406-.61h-10.5c-.969 0-1.797.345-2.484 1.032a3.386 3.386 0 0 0-1.031 2.484c0 .969.344 1.789 1.031 2.46a3.425 3.425 0 0 0 2.484 1.009h9.516v2.016H7.501c-1.531 0-2.828-.531-3.891-1.594-1.063-1.063-1.594-2.36-1.594-3.891Z" })));
|
|
232
232
|
iconMap['ic_auth_and_instruct'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
|
|
233
233
|
React__default["default"].createElement("path", { d: "m12.69 17.403 1.059 1.053a1.37 1.37 0 0 1-.724.194.825.825 0 0 1-.528-.162.528.528 0 0 1-.206-.437c0-.134.036-.252.107-.354.071-.103.168-.2.292-.294Zm.6-1.268a.477.477 0 0 0 .146-.346.33.33 0 0 0-.115-.266.443.443 0 0 0-.296-.098.51.51 0 0 0-.337.102.356.356 0 0 0-.123.29c0 .188.101.394.303.62a1.89 1.89 0 0 0 .421-.302Zm-5.912-1.311a73.182 73.182 0 0 1-.696 2.33h1.403c-.36-1.16-.564-1.817-.61-1.97a5.627 5.627 0 0 1-.097-.36ZM21.222 8v12c0 1.1-.9 2-2 2H5.212c-1.1 0-1.99-.9-1.99-2l.01-16c0-1.1.89-2 1.99-2h10l6 6ZM9.978 19.393 8.07 13.988H6.675l-1.9 5.405h1.23l.39-1.281h1.962l.39 1.281h1.23Zm5.927.01-.96-.935c.17-.21.322-.452.456-.725.134-.273.24-.554.316-.84h-1.014c-.111.39-.242.71-.393.96l-.906-.884c.328-.19.565-.389.712-.598.146-.21.22-.441.22-.694a.887.887 0 0 0-.356-.739c-.237-.184-.553-.276-.949-.276-.415 0-.746.1-.994.297a.951.951 0 0 0-.371.782c0 .197.036.38.108.547.073.167.189.342.348.525-.313.178-.533.37-.662.575a1.374 1.374 0 0 0-.193.745c0 .406.152.729.456.967.304.238.716.357 1.235.357.512 0 .972-.141 1.378-.424l.367.36h1.202Zm3.08-5.393h-1.142v5.383h1.142V14.01ZM19.222 9h-5V4h-9v8h14V9Z" })));
|
|
234
|
+
iconMap['ic_auto_regenerate'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
|
|
235
|
+
React__default["default"].createElement("path", { d: "M12 7V5.589c-3.724 0-6.75 2.874-6.75 6.41 0 .845.169 1.668.495 2.405.169.385.045.823-.259 1.111-.574.545-1.541.353-1.845-.363A8 8 0 0 1 3 12c0-4.723 4.028-8.548 9-8.548V1.539c0-.48.607-.716.956-.384l3.139 2.98a.51.51 0 0 1 0 .76L13.878 7zm-1.878 10-2.217 2.105a.51.51 0 0 0 0 .759l3.139 2.981c.348.331.956.096.956-.374v-1.923c4.973 0 9-3.825 9-8.548 0-1.111-.225-2.18-.641-3.152-.304-.716-1.272-.908-1.845-.364-.304.289-.428.738-.259 1.112.315.748.495 1.56.495 2.404 0 3.537-3.026 6.41-6.75 6.41V17z" }),
|
|
236
|
+
React__default["default"].createElement("path", { d: "M16 16h-1.487l-.78-2.046H10.26L9.487 16H8l3.232-8h1.536zm-2.716-3.206-1.247-3.308h-.074l-1.247 3.308z" })));
|
|
234
237
|
iconMap['ic_balance_parcel'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
235
238
|
React__default["default"].createElement("path", { d: "M23 15h-2v2h2v-2Zm0-4h-2v2h2v-2Zm0 8h-2v2c1 0 2-1 2-2ZM15 3h-2v2h2V3Zm8 4h-2v2h2V7Zm-2-4v2h2c0-1-1-2-2-2ZM3 21h8v-6H1v4c0 1.1.9 2 2 2ZM3 7H1v2h2V7Zm12 12h-2v2h2v-2Zm4-16h-2v2h2V3Zm0 16h-2v2h2v-2ZM3 3C2 3 1 4 1 5h2V3Zm0 8H1v2h2v-2Zm8-8H9v2h2V3ZM7 3H5v2h2V3Z" })));
|
|
236
239
|
iconMap['ic_basemap_off'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -393,6 +396,8 @@ iconMap['ic_expand_more'] = (React__default["default"].createElement("svg", { xm
|
|
|
393
396
|
React__default["default"].createElement("path", { d: "M16.594 8.297 18 9.703l-6 6-6-6 1.406-1.406L12 12.891z" })));
|
|
394
397
|
iconMap['ic_fast_forward'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
|
|
395
398
|
React__default["default"].createElement("path", { d: "m5.58 16.89 5.77-4.07c.56-.4.56-1.24 0-1.63L5.58 7.11C4.91 6.65 4 7.12 4 7.93v8.14c0 .81.91 1.28 1.58.82ZM13 7.93v8.14c0 .81.91 1.28 1.58.82l5.77-4.07c.56-.4.56-1.24 0-1.63l-5.77-4.07c-.67-.47-1.58 0-1.58.81Z" })));
|
|
399
|
+
iconMap['ic_fast_forward_outline'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
|
|
400
|
+
React__default["default"].createElement("path", { d: "M20.88,10.37l-5.78-4.09c-.62-.43-1.42-.47-2.08-.12-.67.35-1.06,1.01-1.06,1.77v2.46l-.02-.02-5.78-4.09c-.62-.43-1.42-.47-2.08-.12-.67.35-1.06,1.01-1.06,1.77v8.14c0,.75.4,1.42,1.06,1.77.66.35,1.46.3,2.08-.12l5.79-4.08s.01,0,.02-.01v2.45c0,.75.4,1.42,1.06,1.77.3.16.62.23.94.23.4,0,.8-.12,1.14-.35l5.79-4.08c.53-.38.84-.99.84-1.64,0-.66-.31-1.25-.84-1.62ZM11.35,12.82l-5.77,4.07c-.32.21-.71.24-1.04.06-.33-.17-.53-.5-.53-.88V7.93c0-.38.2-.71.53-.88.15-.08.31-.12.48-.12.2,0,.4.06.58.18l5.77,4.08c.26.18.42.48.42.8,0,.33-.15.63-.42.82ZM20.3,12.82l-5.77,4.07h0c-.32.22-.71.24-1.05.06-.33-.17-.53-.5-.53-.88V7.93c0-.38.2-.71.53-.88.15-.08.31-.12.48-.12.2,0,.4.06.58.18l5.77,4.08c.26.18.42.48.42.8,0,.33-.15.63-.42.82Z" })));
|
|
396
401
|
iconMap['ic_feedback_lightbulb'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
397
402
|
React__default["default"].createElement("path", { d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2Zm-3-3h6c.55 0 1-.45 1-1s-.45-1-1-1H9c-.55 0-1 .45-1 1s.45 1 1 1Zm3-17C7.86 2 4.5 5.36 4.5 9.5c0 3.82 2.66 5.86 3.77 6.5h7.46c1.11-.64 3.77-2.68 3.77-6.5C19.5 5.36 16.14 2 12 2Z" })));
|
|
398
403
|
iconMap['ic_feedback_lightbulb_alt'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -596,11 +601,11 @@ iconMap['ic_placeholder'] = (React__default["default"].createElement("svg", { vi
|
|
|
596
601
|
iconMap['ic_plan_generation'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
|
|
597
602
|
React__default["default"].createElement("g", null,
|
|
598
603
|
React__default["default"].createElement("path", { d: "M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 14H3V6h18zm-6.5-7L11 15.51 8.5 12.5 5 17h14z" }))));
|
|
599
|
-
iconMap['ic_pointer_outlined'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
600
|
-
React__default["default"].createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.2254 15.7324L14.2019 10.7768L20 8.82125L4 3.99902L8.80221 19.999L10.7054 14.2212L15.7068 19.2657L19.2254 15.7324ZM10.1081 11.5323L15.707 17.2212L17.1676 15.7767L11.5244 10.1101L15.1537 8.91008L6.19107 6.22119L8.89093 15.2212L10.1081 11.5323Z", fill: "currentColor" })));
|
|
601
604
|
iconMap['ic_plus_one'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
602
605
|
React__default["default"].createElement("g", null,
|
|
603
606
|
React__default["default"].createElement("path", { d: "M10 8H8v4H4v2h4v4h2v-4h4v-2h-4V8Zm4.5-1.92V7.9l2.5-.5V18h2V5l-4.5 1.08Z" }))));
|
|
607
|
+
iconMap['ic_pointer_outlined'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
608
|
+
React__default["default"].createElement("path", { d: "M19.2254 15.7324L14.2019 10.7768L20 8.82125L4 3.99902L8.80221 19.999L10.7054 14.2212L15.7068 19.2657L19.2254 15.7324ZM10.1081 11.5323L15.707 17.2212L17.1676 15.7767L11.5244 10.1101L15.1537 8.91008L6.19107 6.22119L8.89093 15.2212L10.1081 11.5323Z" })));
|
|
604
609
|
iconMap['ic_polygon_selection'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
605
610
|
React__default["default"].createElement("path", { d: "M21.02 17H19v-2.02c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V17h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V19h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98Z" }),
|
|
606
611
|
React__default["default"].createElement("path", { d: "M9.793 3.793a1 1 0 0 1 1.327-.078l.791.625-1.239 1.57-.277.11L8.98 4.605l.813-.812Zm4.046 4.617-1.584-1.25 1.24-1.57 1.583 1.25-1.24 1.57Zm-5.07-.765L7.146 9.27 5.73 7.855 7.355 6.23 8.77 7.645Zm8.236 3.265-1.583-1.25 1.24-1.57 1.583 1.25-1.24 1.57ZM5 12.125l.52-1.23L4.105 9.48l-.812.813A1 1 0 0 0 3 11v1.125h2Zm13.589.035 1.239-1.57.792.625A1 1 0 0 1 21 12v1h-2l-.411-.84ZM5 14.375v2.25H3v-2.25h2Zm0 4.5V21H4a1 1 0 0 1-1-1v-1.125h2ZM7 19h2v2H7v-2Zm4 0h2v2h-2v-2Z" })));
|
|
@@ -628,6 +633,9 @@ iconMap['ic_refresh'] = (React__default["default"].createElement("svg", { viewBo
|
|
|
628
633
|
iconMap['ic_regenerate'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
629
634
|
React__default["default"].createElement("g", null,
|
|
630
635
|
React__default["default"].createElement("path", { d: "M12 6v1.79c0 .45.54.67.85.35l2.79-2.79c.2-.2.2-.51 0-.71l-2.79-2.79a.5.5 0 0 0-.85.36V4c-4.42 0-8 3.58-8 8 0 1.04.2 2.04.57 2.95.27.67 1.13.85 1.64.34.27-.27.38-.68.23-1.04C6.15 13.56 6 12.79 6 12c0-3.31 2.69-6 6-6Zm5.79 2.71c-.27.27-.38.69-.23 1.04.28.7.44 1.46.44 2.25 0 3.31-2.69 6-6 6v-1.79c0-.45-.54-.67-.85-.35l-2.79 2.79c-.2.2-.2.51 0 .71l2.79 2.79a.5.5 0 0 0 .85-.35V20c4.42 0 8-3.58 8-8 0-1.04-.2-2.04-.57-2.95-.27-.67-1.13-.85-1.64-.34Z" }))));
|
|
636
|
+
iconMap['ic_regenerate_off'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
|
|
637
|
+
React__default["default"].createElement("g", null,
|
|
638
|
+
React__default["default"].createElement("path", { d: "M10 5.74v-.19c0-.68-.71-1.11-1.32-.82-.19.09-.36.2-.54.3L9.6 6.49c.24-.18.4-.45.4-.75M20 12c0-2.21-.91-4.2-2.36-5.64l1.51-1.51a.5.5 0 0 0-.36-.85H14v4.79c0 .45.54.67.85.35l1.39-1.39C17.32 8.85 18 10.34 18 12c0 .85-.18 1.66-.5 2.39l1.48 1.48A7.9 7.9 0 0 0 20 12M3.57 4.7a.996.996 0 0 0 0 1.41l1.65 1.65A8 8 0 0 0 4 12c0 2.21.91 4.2 2.36 5.64l-1.51 1.51a.5.5 0 0 0 .36.85H9.5c.28 0 .5-.22.5-.5v-4.29c0-.45-.54-.67-.85-.35l-1.39 1.39C6.68 15.15 6 13.66 6 12c0-1 .26-1.93.69-2.76l8.07 8.07c-.01.02-.01.02-.01.04-.43.12-.75.48-.75.91v.18c0 .68.71 1.11 1.32.82.31-.14.61-.31.9-.49l1.87 1.87a.996.996 0 1 0 1.41-1.41L4.98 4.7a.996.996 0 0 0-1.41 0" }))));
|
|
631
639
|
iconMap['ic_release'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
632
640
|
React__default["default"].createElement("path", { d: "M17.8 9.5h-1.5V20h-3.9l-.6 1.5h6v-12Zm-.8-7H5.8v5h1.5V4h8.3L17 2.5Zm1.8 15h2.5c.8 0 1.5-.7 1.5-1.5V9.5c0-.4-.2-.8-.4-1.1l-4.9-4.9-.8.8c-.2.2-.3.5-.3.8v.2l.6 3.2h1.8v9Zm-7-4H6.6l.7-3.2v-.2c0-.3-.1-.6-.3-.8l-.8-.8-4.9 4.9c-.3.3-.4.7-.4 1.1V21c0 .8.7 1.5 1.5 1.5H9c.6 0 1.1-.4 1.4-.9l2.3-5.3c.1-.2.1-.4.1-.5v-1.2c0-.7-.5-1.1-1-1.1Z" })));
|
|
633
641
|
iconMap['ic_remove_circle'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -25686,8 +25694,8 @@ function styleInject(css, ref) {
|
|
|
25686
25694
|
}
|
|
25687
25695
|
}
|
|
25688
25696
|
|
|
25689
|
-
var css_248z$
|
|
25690
|
-
styleInject(css_248z$
|
|
25697
|
+
var css_248z$n = ".LuiFloatingWindow-buttons {\n display: flex;\n align-items: center;\n}\n\n.LuiFloatingWindow-extra-buttons-divider {\n margin-right: 4px;\n margin-left: 8px;\n margin-top: -6px;\n font-size: x-large;\n opacity: 0.7;\n}\n\n.FloatingWindow-window {\n box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1490196078), 0px 6px 10px 0px rgba(0, 0, 0, 0.2509803922);\n position: absolute;\n background-color: #ffffff;\n top: 10%;\n left: 5%;\n display: flex;\n flex-direction: column;\n border-radius: 9px;\n}\n\n.FloatingWindow-container {\n display: flex;\n height: calc(100% - 50px);\n width: 100%;\n overflow: auto;\n}\n\n.FloatingWindow-header-element {\n flex: 0;\n}\n\n.FloatingWindow-header {\n height: 48px;\n line-height: 48px;\n color: #2a292c;\n padding: 0 8px;\n display: flex;\n overflow: hidden;\n justify-content: space-between;\n border-bottom: 2px #eaeaea solid;\n font-size: 1em;\n font-weight: 600;\n}\n\n.FloatingWindow-header-title-text {\n font-size: 1em;\n font-weight: 600;\n overflow: hidden;\n}\n\n.FloatingWindow-buttons {\n display: flex;\n align-items: center;\n}\n\n.FloatingWindow-extra-buttons-divider {\n margin-right: 4px;\n margin-left: 8px;\n margin-top: -6px;\n font-size: x-large;\n opacity: 0.7;\n}\n\n.FloatingWindowHeaderButton-button {\n padding: 0 0 0 8px;\n border: none;\n outline: none;\n border-radius: 50%;\n background-color: transparent;\n color: #6b6966;\n display: flex;\n}\n\n.FloatingWindowHeaderButton-icon {\n fill: #6b6966;\n}\n\n.floating-window-icon {\n display: inline-block;\n height: 24px;\n max-height: 24px;\n max-width: 24px;\n width: 24px;\n fill: #6b6966;\n}";
|
|
25698
|
+
styleInject(css_248z$n);
|
|
25691
25699
|
|
|
25692
25700
|
/**
|
|
25693
25701
|
* Overwrite the common buttons for floating window to
|
|
@@ -27882,8 +27890,8 @@ ReactSplitGrid.defaultProps = {
|
|
|
27882
27890
|
onDrag: undefined,
|
|
27883
27891
|
};
|
|
27884
27892
|
|
|
27885
|
-
var css_248z$
|
|
27886
|
-
styleInject(css_248z$
|
|
27893
|
+
var css_248z$m = ".LuiResizableLayout-leftPanel {\n display: flex;\n flex-direction: column;\n /* this overflow and the one below (LuiResizableLayout-leftPanelBody) are need to make only\n the search result div scroll (instead of the whole page) */\n overflow: auto;\n}\n\n.LuiResizableLayout-rightPanel {\n display: flex;\n flex-direction: column;\n /* this overflow and the one below (LuiResizableLayout-leftPanelBody) are need to make only\n the search result div scroll (instead of the whole page) */\n overflow: auto;\n}\n\n.LuiResizableLayout-leftPanelBody {\n overflow-y: auto;\n}\n\n.LuiResizableLayout-gutterParentControl {\n display: flex;\n /* use visibility and opacity instead of display: none as we want to be able to fade in on hover */\n visibility: hidden;\n opacity: 0;\n position: fixed;\n top: 50%;\n z-index: 500;\n margin-left: -30px; /*half total control width, minus half the gutter width*/\n transition: 0.3s all 2s ease-in;\n}\n\n.LuiResizableLayout-gutterControlLeft, .LuiResizableLayout-gutterControlRight {\n background-color: #eaeaea;\n width: 32px;\n height: 80px;\n text-align: center;\n display: flex;\n align-items: center;\n}\n\n.LuiResizableLayout-gutterControlLeft {\n border-radius: 3px 0 0 3px;\n}\n\n.LuiResizableLayout-gutterControlRight {\n border-radius: 0 3px 3px 0;\n}\n\n.LuiResizableLayout-gutterControlLeft > .LuiIcon, .LuiResizableLayout-gutterControlRight > .LuiIcon {\n height: auto;\n}\n\n.LuiResizableLayout-gutterControlLeft:hover, .LuiResizableLayout-gutterControlRight:hover {\n background-color: #73c8e1;\n cursor: pointer;\n}\n\n.LuiResizableLayout-gutterControl-collapsed {\n visibility: hidden;\n}\n\n/* TODO: move the expand gutter button so it doesn't show over the scroll bar */\n.LuiResizableLayout-gutterParentControlVisible {\n visibility: visible;\n opacity: 1;\n}\n\n.LuiResizableLayout-grid {\n display: grid;\n height: 100%;\n}\n\n.LuiResizableLayout-gutterCol {\n grid-row: 1/-1;\n cursor: col-resize;\n width: 16px;\n z-index: 1;\n}\n\n.LuiResizableLayout-gutterCol-collapsed {\n width: 4px;\n}\n\n.LuiResizableLayout-gutterCol1 {\n grid-column: 2;\n}\n\n.LuiResizableLayout-gutterCol:hover > .LuiResizableLayout-gutterParentControl {\n visibility: visible;\n opacity: 1;\n transition: 0s all 0s ease-in;\n}\n\n.LuiResizableLayout-gutterSlider {\n width: 4px;\n height: 100%;\n background-color: #eaeaea;\n pointer-events: none;\n}\n\n.LuiResizableLayout-gutterCol:hover .LuiResizableLayout-gutterSlider, .LuiResizableLayout-gutterCol:active .LuiResizableLayout-gutterSlider {\n background-color: #73c8e1;\n}";
|
|
27894
|
+
styleInject(css_248z$m);
|
|
27887
27895
|
|
|
27888
27896
|
var GutterComponent = function (props) {
|
|
27889
27897
|
var leftIcon = (React__default["default"].createElement(LuiIcon, { name: "ic_double_arrow_left", alt: "", status: "interactive" }));
|
|
@@ -31642,8 +31650,8 @@ var LuiTabsPanelSwitch = function (props) {
|
|
|
31642
31650
|
} }, tabProps), children));
|
|
31643
31651
|
};
|
|
31644
31652
|
|
|
31645
|
-
var css_248z$
|
|
31646
|
-
styleInject(css_248z$
|
|
31653
|
+
var css_248z$l = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiError {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: 600;\n margin-bottom: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n color: #2a292c;\n}\n.LuiError-errorIcon {\n vertical-align: middle;\n display: inline-block;\n}\n.LuiError-errorText {\n margin-left: 0.5rem;\n}";
|
|
31654
|
+
styleInject(css_248z$l);
|
|
31647
31655
|
|
|
31648
31656
|
var LuiError = function (_a) {
|
|
31649
31657
|
var error = _a.error, className = _a.className;
|
|
@@ -32005,8 +32013,8 @@ var LuiDateInput = React__default["default"].forwardRef(function (_a, ref) {
|
|
|
32005
32013
|
return React__default["default"].createElement(LuiTextInput, __assign({}, mapped, { ref: ref }));
|
|
32006
32014
|
});
|
|
32007
32015
|
|
|
32008
|
-
var css_248z$
|
|
32009
|
-
styleInject(css_248z$
|
|
32016
|
+
var css_248z$k = ".LuiTextInput.money input {\n background-image: url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'> <text x='4' y='31' font-size='15' font-family='Open Sans, system-ui, sans-seri' text-anchor='middle'>$</text> </svg>\");\n background-position: 10px center;\n background-repeat: no-repeat;\n padding-left: 22px;\n line-height: unset;\n}";
|
|
32017
|
+
styleInject(css_248z$k);
|
|
32010
32018
|
|
|
32011
32019
|
var MoneyParser = /** @class */ (function () {
|
|
32012
32020
|
function MoneyParser(init, options) {
|
|
@@ -39658,9 +39666,9 @@ var StateManagedSelect = /*#__PURE__*/React__default["default"].forwardRef(funct
|
|
|
39658
39666
|
|
|
39659
39667
|
var Select = StateManagedSelect;
|
|
39660
39668
|
|
|
39661
|
-
var css_248z$
|
|
39669
|
+
var css_248z$j = "";
|
|
39662
39670
|
var colors = {"charcoal":"#2a292c","fuscous":"#6b6966","gray":"#989189","silver":"#beb9b4","lily":"#eaeaea","dew":"#DAD7D6","hint":"#f9f9f9","snow":"#ffffff","white":"#ffffff","teal":"#00425d","sea":"#007198","electric":"#0096cc","spray":"#73c8e1","polar":"#e2f3f7","memesia":"#1F69C3","sherpa":"#004b50","surfie":"#017a76","persian":"#00a599","downy":"#73cdc8","iceberg":"#dcf5f0","sacramento":"#004e32","salem":"#08814d","pigment":"#0aa245","granny":"#9bd79b","panache":"#e9fae7","brand-primary":"#004b50","brand-secondary":"#017a76","engine":"#cc0000","carrot":"#EA6A2E","kendall":"#F5CCCC","elizabeth":"#FBDED0","andrea":"#3A7CDF","celestial":"#D7E5F9","golf":"#0AA345","error":"#cc0000","error-bg":"#F5CCCC","error-focus":"#5a0000","warning":"#EA6A2E","warning-bg":"#fbdfd2","warning-focus":"#b33a01","success":"#0aa245","success-bg":"#e9fae7","info":"#3A7CDF","info-bg":"#d8e5f9","visited":"#00425d","green-hover":"#107c3a","green-active":"#094a22","green-btn":"#0aa245","txt-link":"#1F69C3","primary-hover-btn":"#005678","selection":"#c7e9f3","heading-color":"#017a76","heading-color--secondary":"#2a292c","base-type-color":"#2a292c","input-text":"#2a292c","input-placeholder":"#6b6966","input-placeholder-when-disabled":"#989189","base-icon-color":"#007198","disabled-color":"#989189","disabled-color-dark":"#6b6966","linz-color-primary":"#023d48","linz-color-primary-hover":"#01818a","linz-color-tertiary":"#e1e44a","linz-color-tertiary-hover":"#cdcf59","color-test-pink":"#f09","linz-linear-gradient-blue":"linear-gradient(70deg, #00425d 12%, #007198 100%)","linz-linear-gradient-teal":"linear-gradient(270deg, #00a599 1%, #73cdc8 100%)"};
|
|
39663
|
-
styleInject(css_248z$
|
|
39671
|
+
styleInject(css_248z$j);
|
|
39664
39672
|
|
|
39665
39673
|
var _excluded = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"];
|
|
39666
39674
|
|
|
@@ -42323,8 +42331,8 @@ var LuiAlertModalV2 = function (props) {
|
|
|
42323
42331
|
} }), children));
|
|
42324
42332
|
};
|
|
42325
42333
|
|
|
42326
|
-
var css_248z$
|
|
42327
|
-
styleInject(css_248z$
|
|
42334
|
+
var css_248z$i = "@keyframes react-loading-skeleton {\n 100% {\n transform: translateX(100%);\n }\n}\n\n.react-loading-skeleton {\n --base-color: #ebebeb;\n --highlight-color: #f5f5f5;\n --animation-duration: 1.5s;\n --animation-direction: normal;\n --pseudo-element-display: block; /* Enable animation */\n\n background-color: var(--base-color);\n\n width: 100%;\n border-radius: 0.25rem;\n display: inline-flex;\n line-height: 1;\n\n position: relative;\n user-select: none;\n overflow: hidden;\n z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */\n}\n\n.react-loading-skeleton::after {\n content: ' ';\n display: var(--pseudo-element-display);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 90deg,\n var(--base-color),\n var(--highlight-color),\n var(--base-color)\n );\n transform: translateX(-100%);\n\n animation-name: react-loading-skeleton;\n animation-direction: var(--animation-direction);\n animation-duration: var(--animation-duration);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n}\n\n@media (prefers-reduced-motion) {\n .react-loading-skeleton {\n --pseudo-element-display: none; /* Disable animation */\n }\n}\n";
|
|
42335
|
+
styleInject(css_248z$i);
|
|
42328
42336
|
|
|
42329
42337
|
/**
|
|
42330
42338
|
* @internal
|
|
@@ -47024,8 +47032,8 @@ var LuiSidePanelProvider = function (_a) {
|
|
|
47024
47032
|
React__default["default"].createElement(LuiSidePanelContainer, __assign({}, props))));
|
|
47025
47033
|
};
|
|
47026
47034
|
|
|
47027
|
-
var css_248z$
|
|
47028
|
-
styleInject(css_248z$
|
|
47035
|
+
var css_248z$h = ".lui-switch-checkbox {\n height: 0;\n width: 0;\n visibility: hidden;\n}\n\n.lui-switch-label {\n display: flex;\n align-items: center;\n cursor: pointer;\n width: 40px;\n padding: 2px;\n background: #ffffff;\n border: 1px solid #007198;\n border-radius: 40px;\n position: relative;\n transition: background-color 0.2s;\n}\n\n.lui-switch-label .lui-switch-button {\n content: \"\";\n position: relative;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n transition: 0.2s;\n background: #007198;\n box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.lui-switch-label-checked {\n background: #007198;\n}\n.lui-switch-label-checked .lui-switch-button {\n transform: translateX(20px);\n background: #ffffff;\n}\n\n.lui-switch-checkbox:disabled + .lui-switch-label {\n background: #eaeaea;\n border: 1px solid #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label .lui-switch-button {\n background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked {\n background: #989189;\n}\n.lui-switch-checkbox:disabled + .lui-switch-label-checked .lui-switch-button {\n background: #eaeaea;\n}";
|
|
47036
|
+
styleInject(css_248z$h);
|
|
47029
47037
|
|
|
47030
47038
|
var LuiSwitchButton = function (props) {
|
|
47031
47039
|
var generatedId = useGenerateOrDefaultId();
|
|
@@ -54656,8 +54664,8 @@ var LuiAccordicardStatic = function (props) {
|
|
|
54656
54664
|
React__default["default"].createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", title: "Expand and collapse panel", size: "md" }))));
|
|
54657
54665
|
};
|
|
54658
54666
|
|
|
54659
|
-
var css_248z$
|
|
54660
|
-
styleInject(css_248z$
|
|
54667
|
+
var css_248z$g = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.lui-accordion {\n padding: 8px;\n display: flex;\n border-radius: 5px;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2509803922), 0px 0px 3px 0px rgba(0, 0, 0, 0.1490196078);\n}\n.lui-accordion .chevron {\n transition: all 0.3s ease-in-out;\n transform: rotate(0);\n}\n.lui-accordion .chevron--isOpen {\n transform: rotate(180deg);\n}\n.lui-accordion .accordion-heading {\n padding: 4px;\n}\n.lui-accordion h4 {\n padding: 4px;\n}\n.lui-accordion > summary {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.lui-accordion > summary h4 {\n margin-top: 0;\n display: inline-block;\n}\n.lui-accordion > summary::marker, .lui-accordion > summary::-webkit-details-marker {\n display: none;\n}";
|
|
54668
|
+
styleInject(css_248z$g);
|
|
54661
54669
|
|
|
54662
54670
|
var LuiAccordion = function (props) {
|
|
54663
54671
|
var _a = props.expanded, expanded = _a === void 0 ? false : _a, heading = props.heading, children = props.children, _b = props.iconColor, iconColor = _b === void 0 ? '#017A76' : _b, className = props.className, _c = props.style, style = _c === void 0 ? {} : _c;
|
|
@@ -54768,8 +54776,8 @@ var LuiMultiSwitch = function (_a) {
|
|
|
54768
54776
|
React__default["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["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)); }))));
|
|
54769
54777
|
};
|
|
54770
54778
|
|
|
54771
|
-
var css_248z$
|
|
54772
|
-
styleInject(css_248z$
|
|
54779
|
+
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}";
|
|
54780
|
+
styleInject(css_248z$f);
|
|
54773
54781
|
|
|
54774
54782
|
function $c1d7fb2ec91bae71$var$Item(props) {
|
|
54775
54783
|
return null;
|
|
@@ -58269,16 +58277,16 @@ function DefaultEmptyIndicator() {
|
|
|
58269
58277
|
return React__default["default"].createElement("li", { className: "LuiListBox-emptyIndicator" }, "Nothing to Display");
|
|
58270
58278
|
}
|
|
58271
58279
|
|
|
58272
|
-
var css_248z$
|
|
58273
|
-
styleInject(css_248z$
|
|
58280
|
+
var css_248z$e = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.RadioItemRenderer {\n display: flex;\n align-items: center;\n position: relative;\n padding: 0 0 0 2rem;\n}\n.RadioItemRenderer::before {\n content: \"\";\n height: 1.5rem;\n min-width: 1.5rem;\n width: 1.5rem;\n border: 2px solid #007198;\n border-radius: 50%;\n background-color: transparent;\n position: absolute;\n left: 0;\n top: 0;\n margin-right: 0.75rem;\n}\n.RadioItemRenderer:after {\n content: \"\";\n position: absolute;\n left: 5px;\n top: 5px;\n background-color: #007198;\n height: 14px;\n min-width: 14px;\n width: 14px;\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n}\n.RadioItemRenderer-isSelected:after {\n opacity: 1;\n}";
|
|
58281
|
+
styleInject(css_248z$e);
|
|
58274
58282
|
|
|
58275
58283
|
function RadioItemRenderer(_a) {
|
|
58276
58284
|
var item = _a.item, isSelected = _a.isSelected;
|
|
58277
58285
|
return (React__default["default"].createElement("div", { className: "RadioItemRenderer ".concat(isSelected ? 'RadioItemRenderer-isSelected' : '') }, item.label));
|
|
58278
58286
|
}
|
|
58279
58287
|
|
|
58280
|
-
var css_248z$
|
|
58281
|
-
styleInject(css_248z$
|
|
58288
|
+
var css_248z$d = ".CheckboxRenderer {\n display: flex;\n align-items: center;\n}";
|
|
58289
|
+
styleInject(css_248z$d);
|
|
58282
58290
|
|
|
58283
58291
|
function CheckboxItemRenderer(_a) {
|
|
58284
58292
|
var item = _a.item, isSelected = _a.isSelected;
|
|
@@ -58304,8 +58312,8 @@ function LuiSideMenuItem(_a) {
|
|
|
58304
58312
|
React__default["default"].createElement("span", { className: "navText" }, label)))));
|
|
58305
58313
|
}
|
|
58306
58314
|
|
|
58307
|
-
var css_248z$
|
|
58308
|
-
styleInject(css_248z$
|
|
58315
|
+
var css_248z$c = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n@keyframes animate-stripes {\n 100% {\n background-position: 100px 0;\n }\n}\n.ProgressBar, .ProgressBar-PROC, .ProgressBar-COMP, .ProgressBar-FAIL {\n height: 5px;\n width: 100%;\n background-color: #eaeaea;\n border-radius: 3px;\n}\n.ProgressBar-FAIL {\n background-color: #cc0000;\n}\n.ProgressBar-COMP {\n background-color: #0aa245;\n}\n.ProgressBar-PROC {\n background-color: #0096cc;\n transition: width 0.3s ease-in-out;\n}\n.ProgressBar-PROC.indeterminate {\n background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.75) 75%, transparent 75%);\n background-size: 50px 100%;\n animation: animate-stripes 5s linear infinite;\n}";
|
|
58316
|
+
styleInject(css_248z$c);
|
|
58309
58317
|
|
|
58310
58318
|
var LuiProgressBar = function (_a) {
|
|
58311
58319
|
var value = _a.value, max = _a.max, error = _a.error, _b = _a.barHeight, barHeight = _b === void 0 ? '5px' : _b;
|
|
@@ -58333,8 +58341,8 @@ var LuiProgressBar = function (_a) {
|
|
|
58333
58341
|
React__default["default"].createElement("div", { "data-testid": 'progress-bar-size', className: clsx("ProgressBar-".concat(status), { indeterminate: indeterminate }), style: { width: "".concat(percentage, "%"), height: barHeight } })));
|
|
58334
58342
|
};
|
|
58335
58343
|
|
|
58336
|
-
var css_248z$
|
|
58337
|
-
styleInject(css_248z$
|
|
58344
|
+
var css_248z$b = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.Toolbar {\n position: absolute;\n align-items: center;\n align-self: center;\n background: #ffffff;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n height: fit-content;\n margin: 0 0.75rem;\n padding: 0;\n width: fit-content;\n z-index: 1000;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2509803922), 0px 0px 3px 0px rgba(0, 0, 0, 0.1490196078);\n}\n\n.Left {\n justify-self: start;\n}\n\n.Right {\n justify-self: end;\n}";
|
|
58345
|
+
styleInject(css_248z$b);
|
|
58338
58346
|
|
|
58339
58347
|
exports.ToolbarDirection = void 0;
|
|
58340
58348
|
(function (ToolbarDirection) {
|
|
@@ -58356,8 +58364,8 @@ var ToolbarIcon = function (_a) {
|
|
|
58356
58364
|
return iconImage ? (React__default["default"].createElement("img", { className: "LuiIcon--lg", alt: iconName, src: iconImage })) : (React__default["default"].createElement(LuiIcon, { name: iconName, alt: iconName, size: 'md' }));
|
|
58357
58365
|
};
|
|
58358
58366
|
|
|
58359
|
-
var css_248z$
|
|
58360
|
-
styleInject(css_248z$
|
|
58367
|
+
var css_248z$a = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.ToolbarButton {\n height: 40px;\n width: 40px;\n line-height: 12px;\n margin: 2px;\n padding: 0.25rem;\n}\n\n.ToolbarButton-placement {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ToolbarButton img {\n border-radius: 3px;\n margin: -0.25rem;\n}\n\n.ToolbarButton,\n.ToolbarButton:hover,\n.ToolbarButton:disabled,\n.ToolbarButton:active:enabled {\n border-radius: 5px;\n border: 2px #ffffff solid !important;\n}\n\n.ToolbarItem-separator {\n height: 2px;\n background-color: #eaeaea;\n width: 100%;\n}";
|
|
58368
|
+
styleInject(css_248z$a);
|
|
58361
58369
|
|
|
58362
58370
|
/**
|
|
58363
58371
|
* Create button for using either LuiIcon or Image.
|
|
@@ -58420,8 +58428,8 @@ var useMediaQuery = function (query) {
|
|
|
58420
58428
|
return matches;
|
|
58421
58429
|
};
|
|
58422
58430
|
|
|
58423
|
-
var css_248z$
|
|
58424
|
-
styleInject(css_248z$
|
|
58431
|
+
var css_248z$9 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiCounter-round {\n background: #007198;\n color: #ffffff;\n text-align: center;\n width: 1.5em;\n height: 1.5em;\n border-radius: 50%;\n display: inline-block;\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n pointer-events: none;\n}";
|
|
58432
|
+
styleInject(css_248z$9);
|
|
58425
58433
|
|
|
58426
58434
|
var LuiCounter = React__default["default"].forwardRef(function (props, ref) {
|
|
58427
58435
|
var selectedNum = props.selectedNum, totalNum = props.totalNum, _a = props.shape, shape = _a === void 0 ? 'rect' : _a, _b = props.countZero, countZero = _b === void 0 ? true : _b, title = props.title, className = props.className, rest = __rest(props, ["selectedNum", "totalNum", "shape", "countZero", "title", "className"]);
|
|
@@ -58436,8 +58444,8 @@ var LuiCounter = React__default["default"].forwardRef(function (props, ref) {
|
|
|
58436
58444
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, !(selectedNum === 0 && !countZero) && (React__default["default"].createElement("span", __assign({ ref: ref, className: determineCounterClassname(), "data-testid": "lui-counter-number-".concat(shape), title: title !== null && title !== void 0 ? title : "".concat(selectedNum, " of ").concat(totalNum, " rows selected") }, rest), selectedNum.toLocaleString()))));
|
|
58437
58445
|
});
|
|
58438
58446
|
|
|
58439
|
-
var css_248z$
|
|
58440
|
-
styleInject(css_248z$
|
|
58447
|
+
var css_248z$8 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.lui-pagination-override-mobile .lui-pagination-desktop {\n display: none;\n visibility: hidden;\n opacity: 0;\n}\n.lui-pagination-override-mobile .lui-pagination-mobile {\n display: flex;\n}\n\n.lui-pagination-override-desktop .lui-pagination-mobile {\n display: none;\n visibility: hidden;\n opacity: 0;\n}\n.lui-pagination-override-desktop .lui-pagination-desktop {\n display: flex;\n}\n\n.lui-pagination-controller {\n container-type: inline-size;\n}\n@container (min-width: 500px) {\n .lui-pagination-controller .lui-pagination-mobile {\n display: none;\n visibility: hidden;\n opacity: 0;\n }\n .lui-pagination-controller .lui-pagination-desktop {\n display: flex;\n }\n}\n@container (max-width: 499px) {\n .lui-pagination-controller .lui-pagination-desktop {\n display: none;\n visibility: hidden;\n opacity: 0;\n }\n .lui-pagination-controller .lui-pagination-mobile {\n display: flex;\n }\n}\n\n.lui-pagination {\n display: flex;\n user-select: none;\n justify-content: center;\n}\n.lui-pagination-page-counter {\n display: flex;\n align-items: center;\n margin-left: 0.75rem;\n margin-right: 0.75rem;\n}\n.lui-pagination .lui-button {\n color: #2a292c;\n height: 40px;\n padding: 0.5rem 0.75rem;\n vertical-align: top;\n}\n.lui-pagination .lui-button .lui-pagination-navigation-icon {\n padding-top: 1px;\n}\n.lui-pagination .lui-button .lui-pagination-navigation-icon path {\n fill: #2a292c;\n}\n.lui-pagination .lui-button:hover {\n color: #2a292c;\n}\n.lui-pagination .lui-button-selected {\n background-color: #007198;\n color: #ffffff;\n}\n.lui-pagination-ellipsis {\n pointer-events: none;\n}\n.lui-pagination-navigate-disabled {\n pointer-events: none;\n}\n.lui-pagination-navigate-disabled .lui-pagination-navigation-icon {\n padding-top: 1px;\n}\n.lui-pagination-navigate-disabled .lui-pagination-navigation-icon path {\n fill: #989189 !important;\n}";
|
|
58448
|
+
styleInject(css_248z$8);
|
|
58441
58449
|
|
|
58442
58450
|
var LuiPagination = function (_a) {
|
|
58443
58451
|
var totalPages = _a.totalPages, currentPage = _a.currentPage, onPageChange = _a.onPageChange, _b = _a.isMobileLayout, isMobileLayout = _b === void 0 ? null : _b;
|
|
@@ -58547,11 +58555,11 @@ var LuiPagination = function (_a) {
|
|
|
58547
58555
|
React__default["default"].createElement("div", { className: "pagination" }, renderPaginationNumbers())))));
|
|
58548
58556
|
};
|
|
58549
58557
|
|
|
58550
|
-
var css_248z$
|
|
58551
|
-
styleInject(css_248z$
|
|
58558
|
+
var css_248z$7 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.Separator {\n background-color: #eaeaea;\n position: absolute;\n display: flex;\n justify-content: space-around;\n transition-property: background-color;\n transition-delay: 750ms;\n transition-duration: 0ms;\n}\n.Separator-arrows {\n align-self: center;\n position: relative;\n opacity: 0;\n transition-property: opacity;\n transition-delay: 750ms;\n transition-duration: 0ms;\n}\n.Separator:focus-within, .Separator:hover, .Separator:focus, .Separator:active {\n background-color: #73c8e1;\n transition-delay: 0ms;\n transition-duration: 0ms;\n}\n.Separator:focus-within .Separator-arrows, .Separator:hover .Separator-arrows, .Separator:focus .Separator-arrows, .Separator:active .Separator-arrows {\n opacity: 1;\n transition-delay: 0ms;\n transition-duration: 0ms;\n display: inline-block;\n}";
|
|
58559
|
+
styleInject(css_248z$7);
|
|
58552
58560
|
|
|
58553
|
-
var css_248z$
|
|
58554
|
-
styleInject(css_248z$
|
|
58561
|
+
var css_248z$6 = ".Control {\n transition: opacity 0.2s ease;\n position: absolute;\n margin-left: 0 !important;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}";
|
|
58562
|
+
styleInject(css_248z$6);
|
|
58555
58563
|
|
|
58556
58564
|
var useForkRef = function (forwardedRef) {
|
|
58557
58565
|
var localRef = React.useRef(null);
|
|
@@ -59280,8 +59288,8 @@ var keyDownHandler = function (e) {
|
|
|
59280
59288
|
return valueNow + delta;
|
|
59281
59289
|
};
|
|
59282
59290
|
|
|
59283
|
-
var css_248z$
|
|
59284
|
-
styleInject(css_248z$
|
|
59291
|
+
var css_248z$5 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.Splitter {\n display: grid;\n position: relative;\n overflow: hidden;\n opacity: 0;\n}\n.Splitter > :first-child, .Splitter > :nth-child(2) {\n position: relative;\n z-index: 0;\n overflow: auto;\n background: #ffffff;\n}\n.Splitter.resizing * {\n pointer-events: none;\n user-select: none;\n}";
|
|
59292
|
+
styleInject(css_248z$5);
|
|
59285
59293
|
|
|
59286
59294
|
/**
|
|
59287
59295
|
* Container that appends a separator when the children count equals 2.
|
|
@@ -59333,8 +59341,8 @@ var useSplitterRef = function () {
|
|
|
59333
59341
|
return { ref: ref, setRatio: setRatio };
|
|
59334
59342
|
};
|
|
59335
59343
|
|
|
59336
|
-
var css_248z$
|
|
59337
|
-
styleInject(css_248z$
|
|
59344
|
+
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}";
|
|
59345
|
+
styleInject(css_248z$4);
|
|
59338
59346
|
|
|
59339
59347
|
var LuiBannerV2 = React.forwardRef(function (_a, ref) {
|
|
59340
59348
|
var _b, _c, _d;
|
|
@@ -59353,8 +59361,8 @@ var LuiBannerV2 = React.forwardRef(function (_a, ref) {
|
|
|
59353
59361
|
onDismiss && (React__default["default"].createElement("button", __assign({}, dismissButtonProps, { className: clsx('LuiBannerV2-Dismiss', dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps.className), "aria-label": (_b = dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps['aria-label']) !== null && _b !== void 0 ? _b : 'Dismiss', type: (_c = dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps.type) !== null && _c !== void 0 ? _c : 'button', onClick: onDismiss }), (_d = dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps.children) !== null && _d !== void 0 ? _d : (React__default["default"].createElement(LuiIcon, { size: "md", name: "ic_clear", spanProps: { 'aria-hidden': true }, alt: "Dismiss" }))))));
|
|
59354
59362
|
});
|
|
59355
59363
|
|
|
59356
|
-
var css_248z$
|
|
59357
|
-
styleInject(css_248z$
|
|
59364
|
+
var css_248z$3 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.lui-color-picker,\n.lui-input-color-group {\n display: inline-grid;\n gap: 0.5rem;\n grid-template-columns: repeat(7, 1fr);\n}\n\ninput.lui-input-color-radio {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n word-wrap: normal;\n}\ninput.lui-input-color-radio + label {\n width: 1.5rem;\n height: 1.5rem;\n border-radius: 1rem;\n cursor: pointer;\n border: none;\n}\ninput.lui-input-color-radio:checked + label {\n border: 0.125rem solid #ffffff;\n box-shadow: 0 0 0.125rem 0.0625rem rgba(0, 0, 0, 0.2509803922);\n transition: all 0.05s ease;\n}";
|
|
59365
|
+
styleInject(css_248z$3);
|
|
59358
59366
|
|
|
59359
59367
|
var defaultColours = [
|
|
59360
59368
|
{ color: '#FF0000', description: 'Red' },
|
|
@@ -59404,8 +59412,8 @@ var ColorPalette = React.forwardRef(function (_a, ref) {
|
|
|
59404
59412
|
})));
|
|
59405
59413
|
});
|
|
59406
59414
|
|
|
59407
|
-
var css_248z$
|
|
59408
|
-
styleInject(css_248z$
|
|
59415
|
+
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}";
|
|
59416
|
+
styleInject(css_248z$2);
|
|
59409
59417
|
|
|
59410
59418
|
var topRightToastsHeight = function (portal) {
|
|
59411
59419
|
var _a, _b, _c, _d;
|
|
@@ -59476,8 +59484,8 @@ var getToastProviderEl = function () {
|
|
|
59476
59484
|
return portal;
|
|
59477
59485
|
};
|
|
59478
59486
|
|
|
59479
|
-
var css_248z = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.ToastSection {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 0.5rem;\n max-height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n /* IE and Edge */\n -ms-overflow-style: none;\n /* Firefox */\n scrollbar-width: none;\n /* Opera Safari Chrome */\n}\n.ToastSection::-webkit-scrollbar {\n display: none;\n}\n.ToastSection > :not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.ToastSection [data-toastId] {\n pointer-events: all;\n}\n.ToastSection.topLeft {\n grid-area: left;\n}\n.ToastSection.topLeft [data-toastId] {\n margin-right: auto;\n max-height: 100vh;\n animation: 0.4s topLeftin forwards;\n}\n@keyframes topLeftin {\n 0% {\n opacity: 0;\n transform: translateX(-40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.topLeft [data-toastId].ItemDeleted {\n animation: 0.4s topLeftout forwards;\n}\n@keyframes topLeftout {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translateX(-40%);\n }\n 100% {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n}\n.ToastSection.topCenter {\n grid-area: center;\n}\n.ToastSection.topCenter [data-toastId] {\n margin-left: auto;\n margin-right: auto;\n max-height: 100vh;\n animation: 0.4s topCenterin forwards;\n}\n@keyframes topCenterin {\n 0% {\n opacity: 0;\n transform: translateY(-40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.topCenter [data-toastId].ItemDeleted {\n animation: 0.4s topCenterout forwards;\n}\n@keyframes topCenterout {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translateY(-40%);\n }\n 100% {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n}\n.ToastSection.topRight {\n grid-area: right;\n}\n.ToastSection.topRight [data-toastId] {\n margin-left: auto;\n max-height: 100vh;\n animation: 0.4s topRightin forwards;\n}\n@keyframes topRightin {\n 0% {\n opacity: 0;\n transform: translateX(40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.topRight [data-toastId].ItemDeleted {\n animation: 0.4s topRightout forwards;\n}\n@keyframes topRightout {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translateX(40%);\n }\n 100% {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n}\n.ToastSection.bottomLeft {\n margin-right: auto;\n grid-area: left;\n margin-top: auto;\n}\n.ToastSection.bottomLeft [data-toastId] {\n animation: 0.4s bottomLeftin forwards;\n}\n@keyframes bottomLeftin {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 50% {\n max-height: 100vh;\n opacity: 0;\n transform: translateX(-40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.bottomLeft [data-toastId].ItemDeleted {\n animation: 0.4s bottomLeftout forwards;\n}\n@keyframes bottomLeftout {\n 0% {\n opacity: 1;\n max-height: 100vh;\n }\n 100% {\n opacity: 0;\n transform: translateX(-40%);\n }\n}\n.ToastSection.bottomCenter {\n grid-area: center;\n margin-top: auto;\n margin-left: auto;\n margin-right: auto;\n}\n.ToastSection.bottomCenter [data-toastId] {\n animation: 0.4s bottomCenterin forwards;\n}\n@keyframes bottomCenterin {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 50% {\n max-height: 100vh;\n opacity: 0;\n transform: translateY(40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.bottomCenter [data-toastId].ItemDeleted {\n animation: 0.4s bottomCenterout forwards;\n}\n@keyframes bottomCenterout {\n 0% {\n opacity: 1;\n max-height: 100vh;\n }\n 100% {\n opacity: 0;\n transform: translateY(-40%);\n }\n}\n.ToastSection.bottomRight {\n grid-area: right;\n margin-top: auto;\n}\n.ToastSection.bottomRight [data-toastId] {\n margin-left: auto;\n animation: 0.4s bottomRightin forwards;\n}\n@keyframes bottomRightin {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 50% {\n max-height: 100vh;\n opacity: 0;\n transform: translateX(40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.bottomRight [data-toastId].ItemDeleted {\n animation: 0.4s bottomRightout forwards;\n}\n@keyframes bottomRightout {\n 0% {\n opacity: 1;\n max-height: 100vh;\n }\n 100% {\n opacity: 0;\n transform: translateX(40%);\n }\n}";
|
|
59480
|
-
styleInject(css_248z);
|
|
59487
|
+
var css_248z$1 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.ToastSection {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 0.5rem;\n max-height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n /* IE and Edge */\n -ms-overflow-style: none;\n /* Firefox */\n scrollbar-width: none;\n /* Opera Safari Chrome */\n}\n.ToastSection::-webkit-scrollbar {\n display: none;\n}\n.ToastSection > :not(:last-child) {\n margin-bottom: 0.5rem;\n}\n.ToastSection [data-toastId] {\n pointer-events: all;\n}\n.ToastSection.topLeft {\n grid-area: left;\n}\n.ToastSection.topLeft [data-toastId] {\n margin-right: auto;\n max-height: 100vh;\n animation: 0.4s topLeftin forwards;\n}\n@keyframes topLeftin {\n 0% {\n opacity: 0;\n transform: translateX(-40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.topLeft [data-toastId].ItemDeleted {\n animation: 0.4s topLeftout forwards;\n}\n@keyframes topLeftout {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translateX(-40%);\n }\n 100% {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n}\n.ToastSection.topCenter {\n grid-area: center;\n}\n.ToastSection.topCenter [data-toastId] {\n margin-left: auto;\n margin-right: auto;\n max-height: 100vh;\n animation: 0.4s topCenterin forwards;\n}\n@keyframes topCenterin {\n 0% {\n opacity: 0;\n transform: translateY(-40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.topCenter [data-toastId].ItemDeleted {\n animation: 0.4s topCenterout forwards;\n}\n@keyframes topCenterout {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translateY(-40%);\n }\n 100% {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n}\n.ToastSection.topRight {\n grid-area: right;\n}\n.ToastSection.topRight [data-toastId] {\n margin-left: auto;\n max-height: 100vh;\n animation: 0.4s topRightin forwards;\n}\n@keyframes topRightin {\n 0% {\n opacity: 0;\n transform: translateX(40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.topRight [data-toastId].ItemDeleted {\n animation: 0.4s topRightout forwards;\n}\n@keyframes topRightout {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: translateX(40%);\n }\n 100% {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n}\n.ToastSection.bottomLeft {\n margin-right: auto;\n grid-area: left;\n margin-top: auto;\n}\n.ToastSection.bottomLeft [data-toastId] {\n animation: 0.4s bottomLeftin forwards;\n}\n@keyframes bottomLeftin {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 50% {\n max-height: 100vh;\n opacity: 0;\n transform: translateX(-40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.bottomLeft [data-toastId].ItemDeleted {\n animation: 0.4s bottomLeftout forwards;\n}\n@keyframes bottomLeftout {\n 0% {\n opacity: 1;\n max-height: 100vh;\n }\n 100% {\n opacity: 0;\n transform: translateX(-40%);\n }\n}\n.ToastSection.bottomCenter {\n grid-area: center;\n margin-top: auto;\n margin-left: auto;\n margin-right: auto;\n}\n.ToastSection.bottomCenter [data-toastId] {\n animation: 0.4s bottomCenterin forwards;\n}\n@keyframes bottomCenterin {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 50% {\n max-height: 100vh;\n opacity: 0;\n transform: translateY(40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.bottomCenter [data-toastId].ItemDeleted {\n animation: 0.4s bottomCenterout forwards;\n}\n@keyframes bottomCenterout {\n 0% {\n opacity: 1;\n max-height: 100vh;\n }\n 100% {\n opacity: 0;\n transform: translateY(-40%);\n }\n}\n.ToastSection.bottomRight {\n grid-area: right;\n margin-top: auto;\n}\n.ToastSection.bottomRight [data-toastId] {\n margin-left: auto;\n animation: 0.4s bottomRightin forwards;\n}\n@keyframes bottomRightin {\n 0% {\n opacity: 0;\n max-height: 0;\n }\n 50% {\n max-height: 100vh;\n opacity: 0;\n transform: translateX(40%);\n }\n 100% {\n opacity: 1;\n transform: translate(0%);\n }\n}\n.ToastSection.bottomRight [data-toastId].ItemDeleted {\n animation: 0.4s bottomRightout forwards;\n}\n@keyframes bottomRightout {\n 0% {\n opacity: 1;\n max-height: 100vh;\n }\n 100% {\n opacity: 0;\n transform: translateX(40%);\n }\n}";
|
|
59488
|
+
styleInject(css_248z$1);
|
|
59481
59489
|
|
|
59482
59490
|
var getToastSectionEl = function (position) {
|
|
59483
59491
|
var portal = getToastProviderEl();
|
|
@@ -59658,6 +59666,15 @@ var ToastProvider = function (_a) {
|
|
|
59658
59666
|
React__namespace.createElement(ToastContext.Provider, { value: dispatch }, children)));
|
|
59659
59667
|
};
|
|
59660
59668
|
|
|
59669
|
+
var css_248z = ".ToastBanner span[data-testid=toastMessageShow] {\n display: contents;\n}\n.ToastBanner span[data-testid=toastMessageShow] > :first-child {\n margin-top: 0;\n}";
|
|
59670
|
+
styleInject(css_248z);
|
|
59671
|
+
|
|
59672
|
+
var ToastBanner = function (_a) {
|
|
59673
|
+
var level = _a.level, onDismiss = _a.onDismiss, children = _a.children;
|
|
59674
|
+
return (React__default["default"].createElement(LuiBannerV2, __assign({}, { level: level, onDismiss: onDismiss }, { "data-testid": "lui-msg-toast-show", dismissButtonProps: { 'aria-label': 'Close dialog' }, className: "ToastBanner" }),
|
|
59675
|
+
React__default["default"].createElement("span", { "data-testid": "toastMessageShow" }, children)));
|
|
59676
|
+
};
|
|
59677
|
+
|
|
59661
59678
|
var getUniqueToastId = function () {
|
|
59662
59679
|
var _a;
|
|
59663
59680
|
var id = Number("".concat(Math.floor(Math.random() * 10000000)).slice(0, 4));
|
|
@@ -59682,7 +59699,7 @@ var toastFunctions = function (dispatch) {
|
|
|
59682
59699
|
var options = __assign(__assign({}, defaults), config);
|
|
59683
59700
|
return toast(function (_a) {
|
|
59684
59701
|
var onDismiss = _a.close;
|
|
59685
|
-
return (React__namespace.createElement(
|
|
59702
|
+
return (React__namespace.createElement(ToastBanner, __assign({}, { level: level, children: children, onDismiss: onDismiss })));
|
|
59686
59703
|
}, options);
|
|
59687
59704
|
};
|
|
59688
59705
|
};
|
|
@@ -59829,7 +59846,7 @@ var LuiToastMessageCompatibleInterface = function (props) {
|
|
|
59829
59846
|
if (display && !onceDismissed) {
|
|
59830
59847
|
var notification = function (_a) {
|
|
59831
59848
|
var close = _a.close;
|
|
59832
|
-
return React__default["default"].createElement(
|
|
59849
|
+
return React__default["default"].createElement(ToastBanner, __assign({}, { level: level, onDismiss: close, children: children }));
|
|
59833
59850
|
};
|
|
59834
59851
|
var options = {
|
|
59835
59852
|
timeout: requireDismiss || !displayTimeout ? Infinity : displayTimeout,
|