@mailstep/design-system 0.6.42 → 0.6.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.6.42",
+  "version": "0.6.43",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.js

@@ -20,14 +20,17 @@ import DropdownSelect from '../../../../Elements/DropdownSelect';
 export var Row = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  & > * {\n    margin-right: 12px;\n  }\n  z-index: 2;\n"], ["\n  display: flex;\n  & > * {\n    margin-right: 12px;\n  }\n  z-index: 2;\n"])));
 var StyledButton = styled(Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: none;\n\n  @media (min-width: 1024px) {\n    display: block;\n  }\n"], ["\n  display: none;\n\n  @media (min-width: 1024px) {\n    display: block;\n  }\n"])));
 var ControlButton = function (_a) {
-    var node = _a.node, label = _a.label, appearance = _a.appearance, variant = _a.variant, disabled = _a.disabled, onClick = _a.onClick, onSelect = _a.onSelect, options = _a.options, hideChevron = _a.hideChevron;
+    var hide = _a.hide, node = _a.node, label = _a.label, appearance = _a.appearance, variant = _a.variant, disabled = _a.disabled, onClick = _a.onClick, onSelect = _a.onSelect, options = _a.options, hideChevron = _a.hideChevron, iconLeft = _a.iconLeft;
+    if (hide) {
+        return null;
+    }
     if (node)
         return _jsx(_Fragment, { children: node });
     if (options) {
         return (_jsx(DropdownSelect, { label: label || '', appearance: appearance || 'secondary', variant: variant || 'default', options: options, showChevron: !hideChevron, onSelect: onSelect, disabled: disabled }));
     }
     else {
-        return (_jsx(StyledButton, { type: "button", onClick: onClick, disabled: disabled, variant: variant || 'default', appearance: appearance || 'secondary', children: label }));
+        return (_jsx(StyledButton, { type: "button", onClick: onClick, disabled: disabled, variant: variant || 'default', appearance: appearance || 'primary', iconLeft: iconLeft, children: label }));
     }
 };
 var ExtraControlButtons = function (_a) {

package/ui/Blocks/CommonGrid/types.d.ts

@@ -287,6 +287,7 @@ export type ExtraControlButton = {
     hide?: boolean;
     hideChevron?: boolean;
     disabled?: boolean;
+    iconLeft?: string | JSX.Element;
 };
 export type Group = {
     name?: string;

package/ui/index.es.js

@@ -46892,16 +46892,18 @@ const lxe = ie.div`
     display: block;
   }
 `, Mxe = ({
-  node: e,
-  label: t,
-  appearance: r,
-  variant: n,
-  disabled: i,
-  onClick: o,
-  onSelect: l,
-  options: c,
-  hideChevron: u
-}) => e ? /* @__PURE__ */ b.jsx(b.Fragment, { children: e }) : c ? /* @__PURE__ */ b.jsx(Oxe, { label: t || "", appearance: r || "secondary", variant: n || "default", options: c, showChevron: !u, onSelect: l, disabled: i }) : /* @__PURE__ */ b.jsx(Pxe, { type: "button", onClick: o, disabled: i, variant: n || "default", appearance: r || "secondary", children: t }), uM = ({
+  hide: e,
+  node: t,
+  label: r,
+  appearance: n,
+  variant: i,
+  disabled: o,
+  onClick: l,
+  onSelect: c,
+  options: u,
+  hideChevron: f,
+  iconLeft: h
+}) => e ? null : t ? /* @__PURE__ */ b.jsx(b.Fragment, { children: t }) : u ? /* @__PURE__ */ b.jsx(Oxe, { label: r || "", appearance: n || "secondary", variant: i || "default", options: u, showChevron: !f, onSelect: c, disabled: o }) : /* @__PURE__ */ b.jsx(Pxe, { type: "button", onClick: l, disabled: o, variant: i || "default", appearance: n || "primary", iconLeft: h, children: r }), uM = ({
   extraControlButtons: e,
   targetPosition: t
 }) => /* @__PURE__ */ b.jsx(Txe, { children: (e || []).filter(({

package/ui/index.umd.js

@@ -3661,7 +3661,7 @@ Avoid returning a new reference inside your input selector, e.g.
   @media (min-width: 1024px) {
     display: block;
   }
-`,Mxe=({node:e,label:t,appearance:r,variant:n,disabled:i,onClick:o,onSelect:l,options:u,hideChevron:c})=>e?b.jsx(b.Fragment,{children:e}):u?b.jsx(Lj,{label:t||"",appearance:r||"secondary",variant:n||"default",options:u,showChevron:!c,onSelect:l,disabled:i}):b.jsx(Pxe,{type:"button",onClick:o,disabled:i,variant:n||"default",appearance:r||"secondary",children:t}),Rj=({extraControlButtons:e,targetPosition:t})=>b.jsx(Txe,{children:(e||[]).filter(({position:r})=>r==t).map((r,n)=>b.jsx(ot.div,{children:b.jsx(Mxe,{...r})},n))}),Dxe=ae(Ll)`
+`,Mxe=({hide:e,node:t,label:r,appearance:n,variant:i,disabled:o,onClick:l,onSelect:u,options:c,hideChevron:f,iconLeft:h})=>e?null:t?b.jsx(b.Fragment,{children:t}):c?b.jsx(Lj,{label:r||"",appearance:n||"secondary",variant:i||"default",options:c,showChevron:!f,onSelect:u,disabled:o}):b.jsx(Pxe,{type:"button",onClick:l,disabled:o,variant:i||"default",appearance:n||"primary",iconLeft:h,children:r}),Rj=({extraControlButtons:e,targetPosition:t})=>b.jsx(Txe,{children:(e||[]).filter(({position:r})=>r==t).map((r,n)=>b.jsx(ot.div,{children:b.jsx(Mxe,{...r})},n))}),Dxe=ae(Ll)`
   position: ${({isMobileInputView:e})=>e?"absolute":"relative"};
   z-index: ${({isMobileInputView:e})=>e?"3":"1"};
   width: ${({isMobileInputView:e})=>e?"90vw":"auto"};