@luomus/laji-form 15.1.29 → 15.1.30

package/dist/styles.css

@@ -3150,6 +3150,9 @@ body .laji-form {
 	margin-top: 5px;
 }
 
+.laji-form .autosuggest-input-addon {
+	margin-bottom: 0px;
+}
 .laji-form .autosuggest-input-addon.active {
         color: #2980b9 !important;
 }
@@ -3848,9 +3851,12 @@ body .laji-form {
 	font-size: 20px;
 }
 .laji-form-dropdown-caret {
-	bottom: 2px;
 	position: absolute;
 	right: 3px;
+	bottom: 0px;
+}
+.laji-form-dropdown-caret img {
+	width: 20px;
 }
 
 .laji-form-multiselect-input-wrapper-focus {
@@ -3859,4 +3865,8 @@ body .laji-form {
 .laji-form-multiselect-input-wrapper-readonly {
 	background-color: #eee;
 }
+.laji-form-checkbox-buttons .btn {
+	height: 25px;
+}
+
 

package/lib/components/widgets/CheckboxWidget.js

@@ -112,14 +112,16 @@ class CheckboxWidget extends React.Component {
             tabIndex: (toggleMode || _disabled) ? undefined : 0
         };
         const tabTargetClass = "laji-form-checkbox-widget-tab-target";
-        const checkbox = (React.createElement(ButtonToolbar, { className: utils_1.classNames(toggleMode && "desktop-layout") },
+        const checkbox = (React.createElement(ButtonToolbar, { className: utils_1.classNames("laji-form-checkbox-buttons", toggleMode && "desktop-layout") },
             React.createElement(ToggleButtonGroup, Object.assign({ ref: this.groupRef, type: "radio", value: [_value], name: this.props.id, onChange: this.onButtonGroupChange, onKeyDown: this.onGroupKeyDown, className: utils_1.classNames(toggleMode && tabTargetClass) }, commonProps, { tabIndex: (toggleMode && !_disabled) ? 0 : undefined }),
                 React.createElement(ToggleButton, Object.assign({ id: `${id}-true`, ref: this.trueRef, value: true, onClick: toggleMode ? this.toggle : undefined, className: utils_1.classNames(toggleMode && _value === false && "laji-form-hide-btn-label", _value === true && tabTargetClass), onKeyDown: this.onTrueKeyDown }, commonProps), trueLabel),
                 React.createElement(ToggleButton, Object.assign({ id: `${id}-false`, ref: this.falseRef, value: false, onClick: toggleMode ? this.toggle : undefined, className: utils_1.classNames(toggleMode && _value === true && "laji-form-hide-btn-label", _value === false && tabTargetClass), onKeyDown: this.onFalseKeyDown }, commonProps), falseLabel),
                 (displayUndefined ?
                     React.createElement(ToggleButton, Object.assign({ id: `${id}-undefined`, ref: this.undefinedRef, value: "undefined", className: utils_1.classNames(value === undefined && tabTargetClass) }, commonProps, { onKeyDown: this.onUndefinedKeyDown }), unknownLabel) : null))));
         const { Label } = this.props.formContext;
-        return !hasLabel ? checkbox : (React.createElement(Label, { label: label, required: required, uiSchema: options, contextId: this.props.formContext.contextId }, checkbox));
+        return !hasLabel ? checkbox : React.createElement(React.Fragment, null,
+            React.createElement(Label, { label: label, required: required, uiSchema: options, contextId: this.props.formContext.contextId }),
+            checkbox);
     }
     formatValue(value, options, props) {
         return value === undefined

package/lib/components/widgets/SelectWidget.js

@@ -308,7 +308,8 @@ const SelectedMultiValue = ({ children: enu, onDelete, readonly }) => {
         React.createElement("span", { tabIndex: readonly ? undefined : 0, role: readonly ? undefined : "button", onClick: onDeleteClick }, "\u00D7")));
 };
 const Caret = ({ onFocus }) => React.createElement("div", { className: "laji-form-dropdown-caret-container", style: { position: "absolute", pointerEvents: "none" } },
-    React.createElement("span", { onFocus: onFocus, className: "laji-form-dropdown-caret" }, "\u2304"));
+    React.createElement("span", { onFocus: onFocus, className: "laji-form-dropdown-caret" },
+        React.createElement("img", { src: "https://cdn.laji.fi/images/icons/caret-down.svg" })));
 function ListItem({ onSelected, active, children }) {
     const onClick = react_1.useCallback(() => {
         onSelected(children);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luomus/laji-form",
-  "version": "15.1.29",
+  "version": "15.1.30",
   "description": "React module capable of building dynamic forms from Laji form json schemas",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",