@linzjs/lui 17.5.3 → 17.5.6
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 +16 -0
- package/dist/assets/icons/double_arrow_left.svg +1 -0
- package/dist/assets/icons/double_arrow_right.svg +1 -0
- package/dist/assets/svg-content.tsx +12 -0
- package/dist/index.js +12 -5
- package/dist/index.js.map +1 -1
- package/dist/lui.css +3 -119
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +12 -5
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/LuiFormElements/LuiFileInputBox.scss +1 -1
- package/dist/scss/Components/LuiFormElements/LuiRadioInput/LuiRadioInput.scss +1 -1
- package/dist/scss/Components/LuiFormElements/LuiSelectInput/LuiSelectInput.scss +1 -1
- package/dist/scss/Components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.scss +1 -1
- package/dist/scss/Components/LuiFormElements/LuiTextInput/LuiTextInput.scss +1 -1
- package/dist/scss/Components/LuiFormSection/LuiFormSectionHeader.scss +1 -1
- package/dist/scss/Components/LuiFormSection/LuiHelpInfo/LuiHelpInfo.scss +1 -1
- package/dist/scss/Components/LuiForms/LuiComboSelect/LuiComboSelect.scss +1 -1
- package/dist/scss/Components/LuiSearchInput/LuiSearchInput.scss +6 -6
- package/dist/scss/Components/LuiShadow/LuiShadow.scss +1 -1
- package/dist/scss/Foundation/Variables/ColorVars.scss +154 -5
- package/dist/scss/Foundation/Variables/{_ExportColors.scss → ExportColors.scss} +1 -1
- package/package.json +1 -1
- package/dist/scss/Foundation/Variables/_ExportCSS.scss +0 -121
- package/dist/scss/Foundation/Variables/_LuiColors.scss +0 -157
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
## [17.5.6](https://github.com/linz/lui/compare/v17.5.5...v17.5.6) (2022-07-01)
|
|
2
|
+
|
|
3
|
+
## [17.5.5](https://github.com/linz/lui/compare/v17.5.4...v17.5.5) (2022-06-28)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* Check if window.process is defined before accessing ([#700](https://github.com/linz/lui/issues/700)) ([a300d54](https://github.com/linz/lui/commit/a300d54e1a7aa5739ecf01478cbbb996124def98))
|
|
9
|
+
|
|
10
|
+
## [17.5.4](https://github.com/linz/lui/compare/v17.5.3...v17.5.4) (2022-06-17)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
* adding ic_double_arrow_left ic_double_arrow_right ([#697](https://github.com/linz/lui/issues/697)) ([6bc3ff2](https://github.com/linz/lui/commit/6bc3ff259f007a84b3b308635b73c87332a3e9eb))
|
|
16
|
+
|
|
1
17
|
## [17.5.3](https://github.com/linz/lui/compare/v17.5.2...v17.5.3) (2022-06-13)
|
|
2
18
|
|
|
3
19
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.29 17.29a.996.996 0 0 0 0-1.41L14.42 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L12.3 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01Z M11.7 17.29a.996.996 0 0 0 0-1.41L7.83 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L5.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.7 6.71a.996.996 0 0 0 0 1.41L9.58 12 5.7 15.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L7.12 6.71c-.39-.39-1.03-.39-1.42 0Z M12.29 6.71a.996.996 0 0 0 0 1.41L16.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L13.7 6.7c-.38-.38-1.02-.38-1.41.01Z" fill="#000"/></svg>
|
|
@@ -221,6 +221,18 @@ iconMap['ic_delete_solid'] = (
|
|
|
221
221
|
</svg>
|
|
222
222
|
);
|
|
223
223
|
|
|
224
|
+
iconMap['ic_double_arrow_left'] = (
|
|
225
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
226
|
+
<path d="M18.29 17.29a.996.996 0 0 0 0-1.41L14.42 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L12.3 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01Z M11.7 17.29a.996.996 0 0 0 0-1.41L7.83 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L5.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01Z" />
|
|
227
|
+
</svg>
|
|
228
|
+
);
|
|
229
|
+
|
|
230
|
+
iconMap['ic_double_arrow_right'] = (
|
|
231
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
232
|
+
<path d="M5.7 6.71a.996.996 0 0 0 0 1.41L9.58 12 5.7 15.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L7.12 6.71c-.39-.39-1.03-.39-1.42 0Z M12.29 6.71a.996.996 0 0 0 0 1.41L16.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L13.7 6.7c-.38-.38-1.02-.38-1.41.01Z" />
|
|
233
|
+
</svg>
|
|
234
|
+
);
|
|
235
|
+
|
|
224
236
|
iconMap['ic_drag_handle'] = (
|
|
225
237
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
226
238
|
<path d="M20 9H4v2h16V9ZM4 15h16v-2H4v2Z" />
|
package/dist/index.js
CHANGED
|
@@ -233,6 +233,10 @@ iconMap['ic_delete_outline'] = (React__default["default"].createElement("svg", {
|
|
|
233
233
|
React__default["default"].createElement("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v10ZM9 9h6c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-8c0-.55.45-1 1-1Zm6.5-5-.71-.71c-.18-.18-.44-.29-.7-.29H9.91c-.26 0-.52.11-.7.29L8.5 4H6c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1h-2.5Z" })));
|
|
234
234
|
iconMap['ic_delete_solid'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
235
235
|
React__default["default"].createElement("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12ZM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4Z" })));
|
|
236
|
+
iconMap['ic_double_arrow_left'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
237
|
+
React__default["default"].createElement("path", { d: "M18.29 17.29a.996.996 0 0 0 0-1.41L14.42 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L12.3 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01Z M11.7 17.29a.996.996 0 0 0 0-1.41L7.83 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L5.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.38.38 1.01.38 1.4-.01Z" })));
|
|
238
|
+
iconMap['ic_double_arrow_right'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
239
|
+
React__default["default"].createElement("path", { d: "M5.7 6.71a.996.996 0 0 0 0 1.41L9.58 12 5.7 15.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L7.12 6.71c-.39-.39-1.03-.39-1.42 0Z M12.29 6.71a.996.996 0 0 0 0 1.41L16.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L13.7 6.7c-.38-.38-1.02-.38-1.41.01Z" })));
|
|
236
240
|
iconMap['ic_drag_handle'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
237
241
|
React__default["default"].createElement("path", { d: "M20 9H4v2h16V9ZM4 15h16v-2H4v2Z" })));
|
|
238
242
|
iconMap['ic_drag_indicator'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -884,7 +888,7 @@ function LuiFormikForm(props) {
|
|
|
884
888
|
" "))));
|
|
885
889
|
}
|
|
886
890
|
|
|
887
|
-
var css_248z$4 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n
|
|
891
|
+
var css_248z$4 = "/**\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}";
|
|
888
892
|
styleInject(css_248z$4);
|
|
889
893
|
|
|
890
894
|
var LuiError = function (_a) {
|
|
@@ -52761,7 +52765,7 @@ function isChromatic() {
|
|
|
52761
52765
|
return !!((window === null || window === void 0 ? void 0 : window.navigator.userAgent.match(/Chromatic/)) || (window === null || window === void 0 ? void 0 : window.location.href.match(/chromatic=true/)));
|
|
52762
52766
|
}
|
|
52763
52767
|
|
|
52764
|
-
var css_248z$3 = ":
|
|
52768
|
+
var css_248z$3 = ":export {\n charcoal: #2a292c;\n fuscous: #6b6966;\n gray: #989189;\n silver: #beb9b4;\n lily: #eaeaea;\n hint: #f9f9f9;\n snow: #ffffff;\n white: #ffffff;\n teal: #00425d;\n sea: #007198;\n electric: #0096cc;\n spray: #73c8e1;\n polar: #e2f3f7;\n sherpa: #004b50;\n surfie: #017a76;\n persian: #00a599;\n downy: #73cdc8;\n iceberg: #dcf5f0;\n sacramento: #004e32;\n salem: #08814d;\n pigment: #0aa245;\n granny: #9bd79b;\n panache: #e9fae7;\n brand-primary: #004b50;\n brand-secondary: #017a76;\n error: #cc0000;\n error-bg: #f5cccc;\n error-focus: #5a0000;\n warning: #ea6a2e;\n warning-bg: #fbdfd2;\n warning-focus: #b33a01;\n success: #0aa245;\n success-bg: #e9fae7;\n info: #3a7cdf;\n info-bg: #d8e5f9;\n visited: #00425d;\n green-hover: #107c3a;\n green-active: #094a22;\n green-btn: #0aa245;\n txt-link: #0096cc;\n primary-hover-btn: #005678;\n selection: #c7e9f3;\n heading-color: #017a76;\n heading-color--secondary: #2a292c;\n base-type-color: #2a292c;\n input-text: #2a292c;\n input-placeholder: #6b6966;\n input-placeholder-when-disabled: #989189;\n base-icon-color: #007198;\n disabled-color: #989189;\n disabled-color-dark: #6b6966;\n linz-color-primary: #023d48;\n linz-color-primary-hover: #01818a;\n linz-color-tertiary: #e1e44a;\n linz-color-tertiary-hover: #cdcf59;\n color-test-pink: #f09;\n linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);\n linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);\n}";
|
|
52765
52769
|
styleInject(css_248z$3);
|
|
52766
52770
|
|
|
52767
52771
|
var _excluded = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"];
|
|
@@ -52883,12 +52887,13 @@ function LuiComboSelectActual(givenProps, ref) {
|
|
|
52883
52887
|
// box-shadow: "-8px 0px 0 0 #cc0000";
|
|
52884
52888
|
// border-radius: "4px";
|
|
52885
52889
|
var id = useGenerateOrDefaultId(props === null || props === void 0 ? void 0 : props.id);
|
|
52886
|
-
var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: css_248z$3['
|
|
52890
|
+
var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: css_248z$3['sea'], primary75: css_248z$3['electric'], primary50: css_248z$3['spray'], primary25: css_248z$3['polar'], neutral90: css_248z$3['charcoal'], neutral80: css_248z$3['charcoal'], neutral70: css_248z$3['charcoal'], neutral60: css_248z$3['fuscous'], neutral50: css_248z$3['fuscous'], neutral40: css_248z$3['gray'], neutral30: css_248z$3['gray'], neutral20: css_248z$3['silver'], neutral10: css_248z$3['lily'], neutral5: css_248z$3['hint'], danger: css_248z$3['error'], dangerLight: css_248z$3['error-bg'] }) })); }, styles: {
|
|
52887
52891
|
control: function (provided, state) { return (__assign(__assign({}, provided), {
|
|
52888
52892
|
/* matches style of .LuiTextInput-input */
|
|
52889
|
-
border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {
|
|
52893
|
+
boxShadow: 'none', border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {
|
|
52890
52894
|
borderColor: '#053d52',
|
|
52891
52895
|
} })); },
|
|
52896
|
+
dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: css_248z$3['fuscous'] })); },
|
|
52892
52897
|
indicatorSeparator: function (provided) { return (__assign(__assign({}, provided), { width: 0 })); },
|
|
52893
52898
|
input: function (provided) { return (__assign(__assign({}, provided), { height: '40px', minHeight: '40px', fontWeight: 400, input: {
|
|
52894
52899
|
height: '38px !important',
|
|
@@ -55703,7 +55708,9 @@ var LuiUpdatesSplashModal = function (props) {
|
|
|
55703
55708
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
55704
55709
|
};
|
|
55705
55710
|
}, [handleClickOutside]);
|
|
55706
|
-
|
|
55711
|
+
// process may be undefined, e.g. webpack 5 does not include a polyfill for it. Assume if process is undefined then
|
|
55712
|
+
// this isn't running in a test.
|
|
55713
|
+
if (typeof process === 'undefined' || ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) !== 'test') {
|
|
55707
55714
|
Modal.setAppElement('#root');
|
|
55708
55715
|
}
|
|
55709
55716
|
return (React__default["default"].createElement(Modal, { key: props.id, isOpen: true, shouldCloseOnOverlayClick: true, onRequestClose: props.onClose, contentLabel: "Recent updates", className: "lui-scrim", style: { overlay: { backgroundColor: 'transparent' } } },
|