@ssa-ui-kit/core 3.16.0 → 3.16.1

package/dist/components/UserProfile/styles.d.ts

@@ -2,6 +2,7 @@ import { Theme } from '@emotion/react';
 export declare const ResetBtnStyles: import("@emotion/react").SerializedStyles;
 export declare const ContentWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const UserInfo: import("@emotion/react").SerializedStyles;
+export declare const TruncatedText: import("@emotion/react").SerializedStyles;
 export declare const LogoutWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const CustomButton: import("@emotion/react").SerializedStyles;
 export declare const AdditionalInfoWrapper: import("@emotion/styled").StyledComponent<{

package/dist/index.js

@@ -12147,7 +12147,7 @@ const Chart = ({
     stroke: fill,
     strokeWidth: "0.2"
   }), (0,jsx_runtime_namespaceObject.jsx)("path", {
-    d: "M18.0192 19.3336L18.0189 19.3339C17.9231 19.4225 17.7972 19.4721 17.6668 19.4721L18.0192 19.3336ZM18.0192 19.3336C19.9769 17.5072 21.1001 14.9258 21.1001 12.2497C21.1001 11.9645 20.8687 11.733 20.5835 11.733H12.2501M18.0192 19.3336L12.2501 11.733M12.2501 11.733C12.0517 11.733 11.8691 11.8475 11.7832 12.0274M12.2501 11.733L11.7832 12.0274M11.7832 12.0274C11.6974 12.2073 11.7232 12.4202 11.8482 12.5743M11.7832 12.0274L11.8482 12.5743M11.8482 12.5743C11.8483 12.5743 11.8483 12.5743 11.8483 12.5744M11.8482 12.5743L11.8483 12.5744M11.8483 12.5744L17.2645 19.2795C17.2645 19.2796 17.2646 19.2797 17.2647 19.2797C17.3549 19.3926 17.4872 19.4606 17.63 19.471C17.6298 19.471 17.6296 19.471 17.6295 19.471L11.8483 12.5744ZM20.0512 12.7664C19.9288 14.7847 19.0958 16.7118 17.7089 18.185L13.332 12.7664H20.0512Z",
+    d: "M18.0192 19.3336L18.0189 19.3339C17.9231 19.4225 17.7972 19.4721 17.6668 19.4721L18.0192 19.3336ZM18.0192 19.3336C19.9769 17.5072 21.1001 14.9258 21.1001 12.2497C21.1001 11.9645 20.8687 11.733 20.5835 11.733H12.2501C12.0517 11.733 11.8691 11.8475 11.7832 12.0274C11.6974 12.2073 11.7232 12.4202 11.8482 12.5743C11.8483 12.5743 11.8483 12.5743 11.8483 12.5744L17.2645 19.2795C17.2645 19.2796 17.2646 19.2797 17.2647 19.2797C17.3549 19.3926 17.4872 19.4606 17.63 19.471C17.6298 19.471 17.6296 19.471 17.6295 19.471ZM20.0512 12.7664C19.9288 14.7847 19.0958 16.7118 17.7089 18.185L13.332 12.7664H20.0512Z",
     fill: fill,
     stroke: fill,
     strokeWidth: "0.2"
@@ -14486,15 +14486,10 @@ const TechnicalReview = ({
   fill: "none",
   ...props,
   children: [(0,jsx_runtime_namespaceObject.jsx)("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12.0234 11.5312C12.9958 11.5316 13.7734 12.3206 13.7607 13.293C13.7479 14.2654 12.9491 15.0536 11.9766 15.0537C11.0042 15.0534 10.2257 14.2653 10.2383 13.293C10.2511 12.3205 11.0509 11.5314 12.0234 11.5312ZM12.0098 12.5166C11.5816 12.5169 11.2293 12.8648 11.2236 13.293C11.2182 13.7212 11.5619 14.0683 11.9902 14.0684C12.4183 14.068 12.7696 13.7211 12.7754 13.293C12.7809 12.8647 12.4381 12.5167 12.0098 12.5166Z",
-    fill: fill
-  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12.3076 8.59961C12.7457 8.59961 13.1314 8.88039 13.2646 9.2959L13.418 9.77148C13.4711 9.93709 13.5981 10.0786 13.7695 10.1748C13.8031 10.1936 13.8373 10.2126 13.8701 10.2324C14.0385 10.3343 14.2256 10.3768 14.3975 10.3418L14.8896 10.2412C15.32 10.1534 15.7555 10.3503 15.9697 10.7295L16.2178 11.1699C16.4317 11.5494 16.377 12.0267 16.082 12.3545L15.7441 12.7305C15.6266 12.8612 15.5669 13.044 15.5674 13.2412C15.5675 13.2801 15.5666 13.3195 15.5654 13.3584C15.5598 13.5555 15.6155 13.7385 15.7295 13.8691L16.0576 14.2451C16.3436 14.5728 16.3858 15.0495 16.1621 15.4287L15.9023 15.8691C15.6782 16.2485 15.2377 16.4452 14.8096 16.3574L14.3203 16.2568C14.1494 16.2218 13.9611 16.2644 13.79 16.3662C13.7565 16.3862 13.7217 16.4049 13.6875 16.4238C13.5136 16.5201 13.3827 16.6616 13.3252 16.8271L13.1602 17.3027C13.0161 17.7184 12.6228 17.999 12.1846 17.999H11.6768C11.2388 17.9988 10.8539 17.7182 10.7207 17.3027L10.5674 16.8271C10.5142 16.6616 10.3863 16.52 10.2148 16.4238C10.1814 16.405 10.147 16.386 10.1143 16.3662C9.94603 16.2646 9.75951 16.2219 9.58789 16.2568L9.09473 16.3574C8.66443 16.4451 8.22977 16.2484 8.01562 15.8691L7.76758 15.4287C7.55373 15.0493 7.60843 14.5729 7.90332 14.2451L8.24121 13.8691C8.35879 13.7385 8.41745 13.5556 8.41699 13.3584C8.41689 13.3195 8.41783 13.2801 8.41895 13.2412C8.42461 13.0441 8.36992 12.8612 8.25586 12.7305L7.92773 12.3545C7.64146 12.0267 7.59929 11.5493 7.82324 11.1699L8.08301 10.7295C8.30707 10.3503 8.74685 10.1536 9.1748 10.2412L9.66504 10.3418C9.83584 10.3768 10.0233 10.3341 10.1943 10.2324C10.2278 10.2125 10.2628 10.1937 10.2969 10.1748C10.471 10.0785 10.6027 9.93727 10.6602 9.77148L10.8252 9.2959C10.9693 8.88048 11.3618 8.59981 11.7998 8.59961H12.3076Z",
-    fill: fill
+    d: "M9.09668 1.25781C9.46843 0.514309 10.5286 0.514329 10.9004 1.25781L12.6406 4.73828C12.9075 5.27115 13.4163 5.64255 14.0059 5.7334L18.4395 6.41504C19.2563 6.54082 19.5836 7.54149 19 8.125L16.0127 11.1123C15.5986 11.5264 15.4061 12.1136 15.4951 12.6924L16.1787 17.1348C16.3041 17.9516 15.4482 18.5637 14.7158 18.1816L10.8496 16.165H10.8486C10.3821 15.9224 9.83845 15.8921 9.35254 16.0742L9.14746 16.165L5.28223 18.1816C4.54927 18.5639 3.693 17.9516 3.81836 17.1348L4.50195 12.6924C4.59093 12.1136 4.39847 11.5264 3.98437 11.1123L0.99707 8.125C0.413213 7.54068 0.74073 6.54078 1.55762 6.41504L5.99121 5.7334C6.50714 5.65392 6.96097 5.35995 7.24512 4.93066L7.35645 4.73828L9.09668 1.25781Z",
+    stroke: fill,
+    strokeWidth: 3.5,
+    transform: "translate(8, 9.54) scale(0.4)"
   }), (0,jsx_runtime_namespaceObject.jsx)("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
@@ -17187,27 +17182,24 @@ const ClientFeedback = ({
   fill = '#000',
   size = 24,
   ...props
-}) => (0,jsx_runtime_namespaceObject.jsx)("svg", {
+}) => (0,jsx_runtime_namespaceObject.jsxs)("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
   width: `${size}px`,
   height: `${size}px`,
   viewBox: "0 0 24 24",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
   ...props,
-  children: (0,jsx_runtime_namespaceObject.jsxs)("g", {
-    transform: "translate(4, 2)",
-    children: [(0,jsx_runtime_namespaceObject.jsx)("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M8 7C8.22918 7.00008 8.43942 7.12061 8.54688 7.3125L9.58496 9.16992C9.59674 9.19147 9.61417 9.21022 9.63477 9.22461C9.65537 9.23897 9.67986 9.24891 9.70508 9.25293L11.8867 9.61523C12.1126 9.65283 12.2979 9.80595 12.3691 10.0127C12.4399 10.2195 12.3853 10.4471 12.2256 10.6035L10.6846 12.1143C10.6669 12.1318 10.6525 12.1531 10.6445 12.1758C10.6366 12.1989 10.6353 12.2237 10.6387 12.248L10.9492 14.3301C10.981 14.545 10.8853 14.7598 10.7002 14.8877C10.5148 15.0156 10.2695 15.036 10.0635 14.9404L8.07324 14.0166C8.05059 14.0059 8.02557 14 8 14C7.97442 14 7.94886 14.0053 7.92578 14.0156L5.93555 14.9395C5.72964 15.0349 5.48516 15.015 5.2998 14.8877C5.11439 14.7597 5.01784 14.5446 5.0498 14.3291L5.36133 12.2471C5.365 12.2234 5.36233 12.1987 5.35449 12.1758C5.34655 12.1528 5.33332 12.1314 5.31543 12.1143L3.77441 10.6025C3.6152 10.4462 3.55929 10.2194 3.62988 10.0127C3.70069 9.80593 3.88642 9.65285 4.1123 9.61523L6.29492 9.25195C6.31988 9.24754 6.34382 9.23838 6.36426 9.22461C6.38487 9.21024 6.40226 9.19147 6.41406 9.16992L7.45312 7.3125C7.5606 7.12061 7.77081 7.00006 8 7Z",
-      fill: fill
-    }), (0,jsx_runtime_namespaceObject.jsx)("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M10.6318 0C11.1749 0 11.6563 0.269158 11.9326 0.672852H13.5801C14.9194 0.672852 15.9998 1.6888 16 2.9502V17.7227C15.9997 18.984 14.9194 20 13.5801 20H2.41992C1.08062 20 0.000265598 18.984 0 17.7227V2.9502C0.000160771 1.71644 1.03337 0.717969 2.33203 0.674805L4.06445 0.677734C4.34027 0.271405 4.82297 0 5.36816 0H10.6318ZM2.41992 1.94531C1.82377 1.94531 1.35172 2.39002 1.35156 2.9502V17.7227C1.35182 18.2828 1.82383 18.7275 2.41992 18.7275H13.5801C14.1762 18.7275 14.6482 18.2828 14.6484 17.7227V2.9502C14.6483 2.39002 14.1762 1.94531 13.5801 1.94531H12.1797V2.55273C12.1797 3.35395 11.481 4.0127 10.6318 4.0127H5.36816C4.51897 4.0127 3.82129 3.35395 3.82129 2.55273V1.94434L2.41992 1.94531ZM5.36816 1.19824C5.36816 1.19824 5.26284 1.18155 5.13281 1.26758C5.0076 1.35051 5.00309 1.45187 5.00293 1.45898V2.55273C5.00293 2.55273 5.00289 2.66179 5.08203 2.72559C5.22217 2.83854 5.36816 2.81445 5.36816 2.81445H10.6318C10.6318 2.81445 10.7372 2.83017 10.8672 2.74414C10.9969 2.65815 10.9971 2.55273 10.9971 2.55273V1.45898C10.997 1.45175 10.9941 1.34866 10.918 1.28711C10.7778 1.17415 10.6318 1.19824 10.6318 1.19824H5.36816Z",
-      fill: fill
-    })]
-  })
+  children: [(0,jsx_runtime_namespaceObject.jsx)("path", {
+    d: "M9.09668 1.25781C9.46843 0.514309 10.5286 0.514329 10.9004 1.25781L12.6406 4.73828C12.9075 5.27115 13.4163 5.64255 14.0059 5.7334L18.4395 6.41504C19.2563 6.54082 19.5836 7.54149 19 8.125L16.0127 11.1123C15.5986 11.5264 15.4061 12.1136 15.4951 12.6924L16.1787 17.1348C16.3041 17.9516 15.4482 18.5637 14.7158 18.1816L10.8496 16.165H10.8486C10.3821 15.9224 9.83845 15.8921 9.35254 16.0742L9.14746 16.165L5.28223 18.1816C4.54927 18.5639 3.693 17.9516 3.81836 17.1348L4.50195 12.6924C4.59093 12.1136 4.39847 11.5264 3.98437 11.1123L0.99707 8.125C0.413213 7.54068 0.74073 6.54078 1.55762 6.41504L5.99121 5.7334C6.50714 5.65392 6.96097 5.35995 7.24512 4.93066L7.35645 4.73828L9.09668 1.25781Z",
+    stroke: fill,
+    strokeWidth: 3.5,
+    transform: "translate(8, 9.54) scale(0.4)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.6318 2C15.1749 2 15.6563 2.26916 15.9326 2.67285H17.5801C18.9194 2.67285 19.9998 3.6888 20 4.9502V19.7227C19.9997 20.984 18.9194 22 17.5801 22H6.41992C5.08062 22 4.00027 20.984 4 19.7227V4.9502C4.00016 3.71644 5.03337 2.71797 6.33203 2.6748L8.06445 2.67773C8.34027 2.2714 8.82297 2 9.36816 2H14.6318ZM6.41992 3.94531C5.82377 3.94531 5.35172 4.39002 5.35156 4.9502V19.7227C5.35182 20.2828 5.82383 20.7275 6.41992 20.7275H17.5801C18.1762 20.7275 18.6482 20.2828 18.6484 19.7227V4.9502C18.6483 4.39002 18.1762 3.94531 17.5801 3.94531H16.1797V4.55273C16.1797 5.35395 15.481 6.0127 14.6318 6.0127H9.36816C8.51897 6.0127 7.82129 5.35395 7.82129 4.55273V3.94434L6.41992 3.94531ZM9.36816 3.19824C9.36816 3.19824 9.26284 3.18155 9.13281 3.26758C9.0076 3.35051 9.00309 3.45187 9.00293 3.45898V4.55273C9.00293 4.55273 9.00289 4.66179 9.08203 4.72559C9.22217 4.83854 9.36816 4.81445 9.36816 4.81445H14.6318C14.6318 4.81445 14.7372 4.83017 14.8672 4.74414C14.9969 4.65815 14.9971 4.55273 14.9971 4.55273V3.45898C14.997 3.45175 14.9941 3.34866 14.918 3.28711C14.7778 3.17415 14.6318 3.19824 14.6318 3.19824H9.36816Z",
+    fill: fill
+  })]
 });
 const ClientFeedback_ICON_NAME = 'client-feedback';
 ;// ./src/components/Icon/icons/Expertise.tsx
@@ -57846,6 +57838,10 @@ const UserInfo =  true ? {
   name: "fwy071",
   styles: "gap:2px;width:100%;padding:10px"
 } : 0;
+const TruncatedText =  true ? {
+  name: "1boj65s",
+  styles: "max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"
+} : 0;
 const LogoutWrapper = theme => /*#__PURE__*/(0,react_namespaceObject.css)("width:100%;padding:10px 10px 18px 10px;border-top:0.5px solid ", theme.colors.greyGraphite70, ";" + ( true ? "" : 0),  true ? "" : 0);
 const CustomButton =  true ? {
   name: "1t1u438",
@@ -57864,7 +57860,9 @@ const CustomContentWrapper = /*#__PURE__*/base_default()(Wrapper_Wrapper,  true
   theme
 }) => theme.colors.greyGraphite70, ";" + ( true ? "" : 0));
 ;// ./src/components/UserProfile/UserProfile.tsx
-function UserProfile_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
 
 
 
@@ -57948,10 +57946,6 @@ function UserProfile_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried t
  * - Semantic heading structure
  */
 
-var UserProfile_ref =  true ? {
-  name: "gxlp6o",
-  styles: "font-size:14px;margin-top:6px"
-} : 0;
 const UserProfile = ({
   name,
   email,
@@ -57974,15 +57968,38 @@ const UserProfile = ({
       className: className,
       children: [(0,jsx_runtime_namespaceObject.jsxs)("div", {
         css: UserInfo,
-        children: [(0,jsx_runtime_namespaceObject.jsx)(PopoverHeading, {
-          variant: "h5",
-          weight: "bold",
-          children: name
-        }), (0,jsx_runtime_namespaceObject.jsx)(PopoverDescription, {
-          css: UserProfile_ref,
-          weight: "regular",
-          color: theme.colors.greyDropdownFocused,
-          children: email
+        children: [(0,jsx_runtime_namespaceObject.jsxs)(Tooltip_Tooltip, {
+          enableHover: true,
+          enableClick: false,
+          placement: "top",
+          size: "small",
+          hoverOpenDelay: 1000,
+          children: [(0,jsx_runtime_namespaceObject.jsx)(TooltipTrigger_TooltipTrigger, {
+            children: (0,jsx_runtime_namespaceObject.jsx)(PopoverHeading, {
+              css: TruncatedText,
+              variant: "h5",
+              weight: "bold",
+              children: name
+            })
+          }), (0,jsx_runtime_namespaceObject.jsx)(TooltipContent_TooltipContent, {
+            children: name
+          })]
+        }), (0,jsx_runtime_namespaceObject.jsxs)(Tooltip_Tooltip, {
+          enableHover: true,
+          enableClick: false,
+          placement: "top",
+          size: "small",
+          hoverOpenDelay: 1000,
+          children: [(0,jsx_runtime_namespaceObject.jsx)(TooltipTrigger_TooltipTrigger, {
+            children: (0,jsx_runtime_namespaceObject.jsx)(PopoverDescription, {
+              css: ["font-size:14px;margin-top:6px;", TruncatedText,  true ? "" : 0,  true ? "" : 0],
+              weight: "regular",
+              color: theme.colors.greyDropdownFocused,
+              children: email
+            })
+          }), (0,jsx_runtime_namespaceObject.jsx)(TooltipContent_TooltipContent, {
+            children: email
+          })]
         }), additionalInfo && additionalInfo.length > 0 && (0,jsx_runtime_namespaceObject.jsx)(AdditionalInfoWrapper, {
           children: additionalInfo.map((item, index) => (0,jsx_runtime_namespaceObject.jsx)("div", {
             children: item

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssa-ui-kit/core",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -39,8 +39,8 @@
     "luxon": "3.5.0",
     "plotly.js": "3.0.0",
     "react-plotly.js": "2.6.0",
-    "@ssa-ui-kit/hooks": "^3.16.0",
-    "@ssa-ui-kit/utils": "^3.16.0"
+    "@ssa-ui-kit/hooks": "^3.16.1",
+    "@ssa-ui-kit/utils": "^3.16.1"
   },
   "devDependencies": {
     "@emotion/css": "11.13.5",