@pushwoosh/dumb-components 1.1.137 → 1.1.139

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/Tooltip/TooltipTrigger.js

@@ -21,7 +21,7 @@ export function TooltipTrigger({
       "$hoverColor": hoverColor,
       children: _jsx(Icon, {
         size: size,
-        view: "lined"
+        view: "shaded"
       })
     })
   });

package/Tooltip/maps.d.ts

@@ -40,6 +40,6 @@ export declare const TooltipTriggerViewMap: Record<TooltipTriggerView, {
     hoverColor: Color;
     icon: React.FC<{
         size: 'small' | 'medium';
-        view: 'lined' | 'filled';
+        view: 'lined' | 'filled' | 'shaded';
     }>;
 }>;

package/Tooltip/maps.js

@@ -163,12 +163,12 @@ export function getLeftPosition(position, offset) {
 }
 export const TooltipTriggerViewMap = {
   info: {
-    color: Color.PHANTOM,
+    color: Color.LOCKED,
     hoverColor: Color.PRIMARY_HOVER,
     icon: InfoRoundIcon
   },
   question: {
-    color: Color.PHANTOM,
+    color: Color.LOCKED,
     hoverColor: Color.PRIMARY_HOVER,
     icon: HelpRoundIcon
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.137",
+  "version": "1.1.139",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -49,7 +49,7 @@
     "@lezer/highlight": "^1.2.1",
     "@pushwoosh/kit-constants": "^1.6.14",
     "@pushwoosh/kit-helpers": "^4.11.0",
-    "@pushwoosh/kit-icons": "^2.1.9",
+    "@pushwoosh/kit-icons": "^2.1.16",
     "@pushwoosh/kit-typography": "^1.7.5",
     "@tippyjs/react": "^4.2.6",
     "@uiw/codemirror-themes": "^4.23.8",