@pushwoosh/dumb-components 1.1.137 → 1.1.138

package/DropdownMenu/components/DropdownMenuItem/DropdownMenuItem.js

@@ -1,6 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
-import { DropdownMenuItemStyled } from './styles';
+import { CheckIcon } from '@pushwoosh/kit-icons';
+import { DropdownMenuItemStyled, DropdownMenuIconStyled } from './styles';
 import { DropdownContext } from '../../context';
 export const DropdownMenuItem = ({
   children,
@@ -16,7 +17,7 @@ export const DropdownMenuItem = ({
       console.error('DropdownMenuItem must be inside DropdownMenu');
     }
   }
-  return _jsx(DropdownMenuItemStyled, {
+  return _jsxs(DropdownMenuItemStyled, {
     "$active": isActive,
     "$danger": isDanger,
     onClick: () => {
@@ -27,6 +28,10 @@ export const DropdownMenuItem = ({
     },
     disabled: disabled,
     "data-active": isActive || undefined,
-    children: children
+    children: [children, isActive && _jsx(DropdownMenuIconStyled, {
+      children: _jsx(CheckIcon, {
+        size: "small"
+      })
+    })]
   });
 };

package/DropdownMenu/components/DropdownMenuItem/styles.d.ts

@@ -1 +1 @@
-export { DropdownMenuItemStyled } from '../../shared/styles';
+export { DropdownMenuItemStyled, DropdownMenuIconStyled } from '../../shared/styles';

package/DropdownMenu/components/DropdownMenuItem/styles.js

@@ -1 +1 @@
-export { DropdownMenuItemStyled } from '../../shared/styles';
+export { DropdownMenuItemStyled, DropdownMenuIconStyled } from '../../shared/styles';

package/DropdownMenu/shared/styles.d.ts

@@ -20,3 +20,4 @@ export declare const DropdownMenuItemStyled: import("styled-components").StyledC
     $active?: boolean;
     $danger?: boolean;
 }, never>;
+export declare const DropdownMenuIconStyled: import("styled-components").StyledComponent<"span", any, {}, never>;

package/DropdownMenu/shared/styles.js

@@ -23,10 +23,14 @@ export const Place = styled(Vertical).withConfig({
 export const DropdownMenuItemStyled = styled.button.withConfig({
   displayName: "DropdownMenuItemStyled",
   componentId: "sc-hlq2pz-1"
-})(["appearance:none;display:flex;align-items:center;white-space:nowrap;padding:0 12px;min-height:", ";border:none;overflow:hidden;color:", ";background:none;cursor:pointer;&:hover{background:", ";color:", ";}&:disabled{color:", ";cursor:not-allowed;}"], UnitSize.FIELD_HEIGHT, ({
+})(["appearance:none;display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap;padding:0 12px;min-height:", ";border:none;overflow:hidden;color:", ";background:none;cursor:pointer;&:hover{background:", ";color:", ";}&:disabled{color:", ";cursor:not-allowed;}"], UnitSize.FIELD_HEIGHT, ({
   $active,
   $danger
 }) => {
   if ($danger) return Color.DANGER;
   return $active ? Color.PRIMARY : Color.MAIN;
-}, Color.SOFT_LIGHT, Color.MAIN, Color.LOCKED);
+}, Color.SOFT_LIGHT, Color.MAIN, Color.LOCKED);
+export const DropdownMenuIconStyled = styled.span.withConfig({
+  displayName: "DropdownMenuIconStyled",
+  componentId: "sc-hlq2pz-2"
+})(["margin:-2px 0 0;line-height:0;"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.137",
+  "version": "1.1.138",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",