@linzjs/lui 12.0.0 → 12.0.1
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/lui.cjs.development.js +8 -6
- package/dist/lui.cjs.development.js.map +1 -1
- package/dist/lui.cjs.production.min.js +1 -1
- package/dist/lui.cjs.production.min.js.map +1 -1
- package/dist/lui.css +80 -57
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +8 -6
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/LuiFormElements/LuiSelectInput/LuiSelectInput.scss +39 -22
- package/dist/scss/Components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput.scss +47 -24
- package/dist/scss/Components/LuiFormElements/LuiTextInput/LuiTextInput.scss +14 -17
- package/dist/scss/Foundation/Variables/_LuiColors.scss +2 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [12.0.1](https://github.com/linz/lui/compare/v12.0.0...v12.0.1) (2022-01-14)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* replaced colours with variables, fixed error classes not appeari… ([#518](https://github.com/linz/lui/issues/518)) ([e1651fa](https://github.com/linz/lui/commit/e1651fa5d5c0f244b36ac79a4b78d32c83c42949))
|
|
7
|
+
|
|
1
8
|
# [12.0.0](https://github.com/linz/lui/compare/v11.12.0...v12.0.0) (2022-01-13)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -1166,11 +1166,11 @@ var extensionsAsHumanReadableList = function extensionsAsHumanReadableList(exten
|
|
|
1166
1166
|
};
|
|
1167
1167
|
|
|
1168
1168
|
var LuiSelectInput = function LuiSelectInput(props) {
|
|
1169
|
-
var _props$selectProps;
|
|
1169
|
+
var _props$selectProps, _props$selectProps2;
|
|
1170
1170
|
|
|
1171
1171
|
var id = useGenerateOrDefaultId((_props$selectProps = props.selectProps) == null ? void 0 : _props$selectProps.id);
|
|
1172
1172
|
return React__default.createElement("div", {
|
|
1173
|
-
className: 'LuiSelect'
|
|
1173
|
+
className: clsx('LuiSelect', (_props$selectProps2 = props.selectProps) != null && _props$selectProps2.disabled ? 'isDisabled' : '', props.error ? 'hasError' : '')
|
|
1174
1174
|
}, React__default.createElement("label", {
|
|
1175
1175
|
htmlFor: id,
|
|
1176
1176
|
className: "LuiSelect-label"
|
|
@@ -1210,23 +1210,25 @@ var LuiSelectInput = function LuiSelectInput(props) {
|
|
|
1210
1210
|
};
|
|
1211
1211
|
|
|
1212
1212
|
var LuiTextAreaInput = function LuiTextAreaInput(props) {
|
|
1213
|
-
var _props$inputProps;
|
|
1213
|
+
var _props$inputProps, _props$inputProps2;
|
|
1214
1214
|
|
|
1215
1215
|
var id = useGenerateOrDefaultId((_props$inputProps = props.inputProps) == null ? void 0 : _props$inputProps.id);
|
|
1216
1216
|
return React__default.createElement("div", {
|
|
1217
|
-
className: clsx('LuiTextAreaInput')
|
|
1217
|
+
className: clsx('LuiTextAreaInput', (_props$inputProps2 = props.inputProps) != null && _props$inputProps2.disabled ? 'isDisabled' : '', props != null && props.error ? 'hasError' : '')
|
|
1218
1218
|
}, React__default.createElement("label", {
|
|
1219
1219
|
htmlFor: id
|
|
1220
1220
|
}, props.mandatory && React__default.createElement("span", {
|
|
1221
1221
|
className: "LuiTextAreaInput-mandatory"
|
|
1222
1222
|
}, "*"), React__default.createElement("span", {
|
|
1223
1223
|
className: "LuiTextAreaInput-label"
|
|
1224
|
-
}, props.label), React__default.createElement("
|
|
1224
|
+
}, props.label), React__default.createElement("div", {
|
|
1225
|
+
className: "LuiTextAreaInput-wrapper"
|
|
1226
|
+
}, ' ', React__default.createElement("textarea", Object.assign({
|
|
1225
1227
|
id: id,
|
|
1226
1228
|
value: props.value,
|
|
1227
1229
|
onChange: props.onChange,
|
|
1228
1230
|
rows: 5
|
|
1229
|
-
}, props.inputProps))), props.error && React__default.createElement("span", {
|
|
1231
|
+
}, props.inputProps)))), props.error && React__default.createElement("span", {
|
|
1230
1232
|
className: "LuiTextAreaInput-error"
|
|
1231
1233
|
}, React__default.createElement(LuiIcon, {
|
|
1232
1234
|
alt: "error",
|