@linzjs/lui 18.11.1 → 19.0.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 +9 -0
- package/dist/index.js +8 -7
- package/dist/index.js.map +1 -1
- package/dist/lui.css +74 -135
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +8 -7
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/Footer/footer.scss +6 -6
- package/dist/scss/Components/Header/header.scss +7 -7
- package/dist/scss/Components/HelpSection/help-section.scss +1 -1
- package/dist/scss/Components/LuiBadge/LuiBadge.scss +6 -6
- package/dist/scss/Components/LuiErrorPage/LuiErrorPage.scss +2 -2
- package/dist/scss/Components/LuiFormElements/LuiRadioInput/LuiRadioInput.scss +9 -9
- package/dist/scss/Components/LuiFormElements/LuiSelectInput/LuiSelectInput.scss +2 -2
- package/dist/scss/Components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.scss +2 -2
- package/dist/scss/Components/LuiForms/LuiComboSelect/LuiComboSelect.scss +2 -2
- package/dist/scss/Components/LuiLoadingSpinner/LuiLoadingSpinner.scss +22 -16
- package/dist/scss/Components/Menu/menu.scss +2 -2
- package/dist/scss/Components/Messaging/messaging.scss +1 -1
- package/dist/scss/Components/Modal/modal.scss +2 -2
- package/dist/scss/Elements/Buttons/buttons.scss +12 -12
- package/dist/scss/Elements/Forms/forms.scss +1 -1
- package/dist/scss/Elements/Tables/tables.scss +1 -1
- package/dist/scss/Foundation/Utilities/REM.scss +2 -2
- package/dist/scss/Foundation/Variables/FormVars.scss +1 -1
- package/dist/scss/Global/GenericElements/Typography.scss +12 -12
- package/package.json +2 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
# [19.0.0](https://github.com/linz/lui/compare/v18.11.2...v19.0.0) (2023-09-14)
|
|
2
|
+
|
|
3
|
+
## [18.11.2](https://github.com/linz/lui/compare/v18.11.1...v18.11.2) (2023-09-13)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* loading status spinner not centring vertically ([#1004](https://github.com/linz/lui/issues/1004)) ([85ee1f6](https://github.com/linz/lui/commit/85ee1f67416583b36ed122ca9f049d942dcbc379))
|
|
9
|
+
|
|
1
10
|
## [18.11.1](https://github.com/linz/lui/compare/v18.11.0...v18.11.1) (2023-09-10)
|
|
2
11
|
|
|
3
12
|
|
package/dist/index.js
CHANGED
|
@@ -25517,7 +25517,7 @@ function styleInject(css, ref) {
|
|
|
25517
25517
|
}
|
|
25518
25518
|
}
|
|
25519
25519
|
|
|
25520
|
-
var css_248z$d = ".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
|
|
25520
|
+
var css_248z$d = ".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}";
|
|
25521
25521
|
styleInject(css_248z$d);
|
|
25522
25522
|
|
|
25523
25523
|
/**
|
|
@@ -27784,7 +27784,7 @@ ReactSplitGrid.defaultProps = {
|
|
|
27784
27784
|
onDrag: undefined,
|
|
27785
27785
|
};
|
|
27786
27786
|
|
|
27787
|
-
var css_248z$c = ".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
|
|
27787
|
+
var css_248z$c = ".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}";
|
|
27788
27788
|
styleInject(css_248z$c);
|
|
27789
27789
|
|
|
27790
27790
|
var GutterComponent = function (props) {
|
|
@@ -52944,9 +52944,10 @@ var LuiLoadingSpinnerBase = function (props) {
|
|
|
52944
52944
|
* A LuiSpinner with a status message beneath it.
|
|
52945
52945
|
*/
|
|
52946
52946
|
var LuiStatusSpinner = function (props) {
|
|
52947
|
-
return (React__default["default"].createElement("div", { className: 'LuiLoadingSpinner-SupportText' },
|
|
52948
|
-
React__default["default"].createElement(
|
|
52949
|
-
|
|
52947
|
+
return (React__default["default"].createElement("div", { className: 'LuiLoadingSpinner-SupportText-container' },
|
|
52948
|
+
React__default["default"].createElement("div", { className: 'LuiLoadingSpinner-SupportText' },
|
|
52949
|
+
React__default["default"].createElement(LuiLoadingSpinner, null),
|
|
52950
|
+
React__default["default"].createElement("div", null, props.children))));
|
|
52950
52951
|
};
|
|
52951
52952
|
var LuiMiniSpinner = function (props) {
|
|
52952
52953
|
return (React__default["default"].createElement("div", __assign({}, props.divProps),
|
|
@@ -67764,7 +67765,7 @@ var LuiAccordicardStatic = function (props) {
|
|
|
67764
67765
|
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" }))));
|
|
67765
67766
|
};
|
|
67766
67767
|
|
|
67767
|
-
var css_248z$6 = "/**\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
|
|
67768
|
+
var css_248z$6 = "/**\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}";
|
|
67768
67769
|
styleInject(css_248z$6);
|
|
67769
67770
|
|
|
67770
67771
|
var LuiAccordion = function (props) {
|
|
@@ -71439,7 +71440,7 @@ var LuiProgressBar = function (_a) {
|
|
|
71439
71440
|
React__default["default"].createElement("div", { "data-testid": 'progress-bar-size', className: clsx("ProgressBar-".concat(status), { indeterminate: indeterminate }), style: { width: "".concat(percentage, "%"), height: barHeight } })));
|
|
71440
71441
|
};
|
|
71441
71442
|
|
|
71442
|
-
var css_248z$1 = "/**\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
|
|
71443
|
+
var css_248z$1 = "/**\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}";
|
|
71443
71444
|
styleInject(css_248z$1);
|
|
71444
71445
|
|
|
71445
71446
|
exports.ToolbarDirection = void 0;
|