@edvisor/product-language 0.4.0 → 0.4.2

package/index.js

@@ -6011,23 +6011,23 @@ const LabeledInput = props => {
 const Controls = /*#__PURE__*/styled.div.withConfig({
   displayName: "stepper__Controls",
   componentId: "sc-15wnbc-0"
-})(["height:34px;width:26px;padding:", " ", ";box-sizing:border-box;"], Padding.xxxs, Padding.xxxs);
+})(["height:34px;width:26px;padding:", " ", ";box-sizing:border-box;:hover{cursor:pointer;}"], Padding.xxxs, Padding.xxxs);
 const Up = /*#__PURE__*/styled(Center).withConfig({
   displayName: "stepper__Up",
   componentId: "sc-15wnbc-1"
-})(["background:", ";width:22px;height:14px;border-radius:3px 3px 0px 0px;margin-bottom:", ";display:flex;align-items:center;justify-content:center;margin-top:", ""], Surface.Neutral.Default, Margin.xxxs, Margin.xs);
+})(["background:", ";width:22px;height:14px;border-radius:3px;margin-bottom:", ";display:flex;align-items:center;justify-content:center;margin-top:", ";"], Surface.Neutral.Default, Margin.xxxs, Margin.xxs);
 const TriangleUp = /*#__PURE__*/styled.div.withConfig({
   displayName: "stepper__TriangleUp",
   componentId: "sc-15wnbc-2"
-})(["width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid ", ";"], Icons.Default);
+})(["width:0px;height:0px;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-bottom:3.5px solid ", ";"], Icons.Default);
 const TriangleDown = /*#__PURE__*/styled.div.withConfig({
   displayName: "stepper__TriangleDown",
   componentId: "sc-15wnbc-3"
-})(["width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid ", ";"], Icons.Default);
+})(["width:0px;height:0px;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:3.5px solid ", ";"], Icons.Default);
 const Down = /*#__PURE__*/styled(Center).withConfig({
   displayName: "stepper__Down",
   componentId: "sc-15wnbc-4"
-})(["background:", ";width:22px;height:14px;border-radius:0px 0px 3px 3px;"], Surface.Neutral.Default);
+})(["background:", ";width:22px;height:14px;border-radius:3px;"], Surface.Neutral.Default);
 const Stepper = props => {
   return jsxs(Controls, {
     children: [jsx(Up, Object.assign({
@@ -8584,7 +8584,7 @@ const Search = /*#__PURE__*/styled.span.withConfig({
 const ErrorMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "value__ErrorMessage",
   componentId: "sc-1aps7dx-7"
-})(["display:flex;flex-direction:'row';margin-bottom:", ";position:absolute;width:100%;& path{fill:", ";}"], Margin.xxs, Icons.Warning);
+})(["display:", ";flex-direction:'row';margin-bottom:", ";width:100%;& path{fill:", ";}"], props => is(props.visible) ? 'flex' : 'none', Margin.xxs, Icons.Warning);
 
 const Value = props => {
   const search = /*#__PURE__*/createRef();
@@ -8734,11 +8734,13 @@ const Value = props => {
           IconPrefix: IconMinor.Xmark
         }), is(searchable) ? jsx(IconMinor.MagnifyingGlass, {}) : open ? jsx(IconMinor.ChevronUpSolid, {}) : jsx(IconMinor.ChevronDownSolid, {})]
       }))]
-    })), safeArray(errors).map(e => jsxs(ErrorMessage, {
+    })), safeArray(errors).map(e => jsxs(ErrorMessage, Object.assign({
+      visible: !open
+    }, {
       children: [jsx(IconMinor.CircleExclamation, {}), jsx(Body, {
         children: e.message
       })]
-    }, e.message))]
+    }), e.message))]
   });
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edvisor/product-language",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "license": "MIT",
   "description": "Edvisor.io product-language components",
   "repository": "https://github.com/edvisor-io/front-end/",