alicia-design-system 1.40.2 → 1.41.0

package/dist/cjs/alicia/common/Tooltip/Tooltip.d.ts

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from 'react';
+export declare const Tooltip: FC<TooltipProps>;
+type TooltipProps = TooltipContentProps & {
+    placement?: 'auto' | 'top' | 'bottom' | 'left' | 'right';
+    backgroundColor?: string;
+    padding?: string;
+    customNode?: ReactNode;
+    showDefaultIcon?: boolean;
+};
+type TooltipContentProps = {
+    title?: string;
+    description?: string;
+    titleFontWeight?: string;
+    titleFontSize?: string;
+    descriptionFontWeight?: string;
+    descriptionFontSize?: string;
+    textColor?: string;
+};
+export {};

package/dist/cjs/alicia/common/Tooltip/Tooltip.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const icons_1 = require("../icons");
+const Tooltip = ({ title, description, titleFontWeight = "700", titleFontSize = "16px", descriptionFontWeight = "400", descriptionFontSize = "14px", placement = 'auto', backgroundColor = 'transparent', padding = '16px', textColor = "black", customNode, showDefaultIcon = false }) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Tooltip, Object.assign({ background: backgroundColor, p: padding, borderRadius: "5px", hasArrow: true, placement: placement, label: (0, jsx_runtime_1.jsx)(TooltipContent, { title: title, description: description, titleFontSize: titleFontSize, titleFontWeight: titleFontWeight, descriptionFontSize: descriptionFontSize, descriptionFontWeight: descriptionFontWeight, textColor: textColor }) }, { children: showDefaultIcon || !customNode ? ((0, jsx_runtime_1.jsx)(icons_1.InfoIcon, {})) : (customNode) })));
+};
+exports.Tooltip = Tooltip;
+const TooltipContent = ({ title, description, titleFontWeight, titleFontSize, descriptionFontWeight, descriptionFontSize, textColor }) => {
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { children: [title && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ color: textColor, fontWeight: titleFontWeight, fontSize: titleFontSize }, { children: title }))), description && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ color: textColor, fontWeight: descriptionFontWeight, fontSize: descriptionFontSize }, { children: description })))] }));
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/cjs/alicia/common/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;AACA,4CAAuE;AACvE,oCAAoC;AAE7B,MAAM,OAAO,GAAqB,CAAC,EACxC,KAAK,EACL,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,aAAa,GAAG,MAAM,EACtB,qBAAqB,GAAG,KAAK,EAC7B,mBAAmB,GAAG,MAAM,EAC5B,SAAS,GAAG,MAAM,EAClB,eAAe,GAAG,aAAa,EAC/B,OAAO,GAAG,MAAM,EAChB,SAAS,GAAG,OAAO,EACnB,UAAU,EACV,eAAe,GAAG,KAAK,EACxB,EAAE,EAAE;IAEH,OAAO,CACL,uBAAC,eAAa,kBACZ,UAAU,EAAE,eAAe,EAC3B,CAAC,EAAE,OAAO,EACV,YAAY,EAAC,KAAK,EAClB,QAAQ,QACR,SAAS,EAAE,SAAS,EACpB,KAAK,EACH,uBAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,mBAAmB,EAAE,mBAAmB,EACxC,qBAAqB,EAAE,qBAAqB,EAC5C,SAAS,EAAE,SAAS,GACpB,gBACD,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,uBAAC,gBAAQ,KAAG,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAiB,CACrF,CAAC;AAEJ,CAAC,CAAC;AAnCW,QAAA,OAAO,WAmClB;AAEF,MAAM,cAAc,GAA4B,CAAC,EAC/C,KAAK,EACL,WAAW,EACX,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,SAAS,EACV,EAAE,EAAE;IACH,OAAO,CACL,wBAAC,WAAG,eACD,KAAK,IAAI,CACR,uBAAC,YAAI,kBAAC,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,gBAAG,KAAK,IAAQ,CAC7F,EACA,WAAW,IAAI,CACd,uBAAC,YAAI,kBAAC,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,qBAAqB,EAAE,QAAQ,EAAE,mBAAmB,gBAAG,WAAW,IAAQ,CAC/G,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/cjs/alicia/common/Tooltip/Tooltip.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/cjs/alicia/common/Tooltip/Tooltip.spec.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom");
+const index_1 = require("./index");
+describe("Tooltip component testing with testing-library", () => {
+    it("renders without crashing", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.Tooltip, {}));
+        expect(component).toBeTruthy();
+    });
+});
+//# sourceMappingURL=Tooltip.spec.js.map

package/dist/cjs/alicia/common/Tooltip/Tooltip.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Tooltip/Tooltip.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,qCAAmC;AACnC,mCAAkC;AAElC,QAAQ,CAAC,gDAAgD,EAAE,GAAG,EAAE;IAC9D,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,eAAO,KAAG,CAAC,CAAC;QAEtC,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AAEL,CAAC,CAAC,CAAC"}

package/dist/cjs/alicia/common/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").FC<{
+    title?: string | undefined;
+    description?: string | undefined;
+    titleFontWeight?: string | undefined;
+    titleFontSize?: string | undefined;
+    descriptionFontWeight?: string | undefined;
+    descriptionFontSize?: string | undefined;
+    textColor?: string | undefined;
+} & {
+    placement?: "top" | "right" | "bottom" | "left" | "auto" | undefined;
+    backgroundColor?: string | undefined;
+    padding?: string | undefined;
+    customNode?: import("react").ReactNode;
+    showDefaultIcon?: boolean | undefined;
+}>>;
+export default _default;
+export declare const Primary: ComponentStory<import("react").FC<{
+    title?: string | undefined;
+    description?: string | undefined;
+    titleFontWeight?: string | undefined;
+    titleFontSize?: string | undefined;
+    descriptionFontWeight?: string | undefined;
+    descriptionFontSize?: string | undefined;
+    textColor?: string | undefined;
+} & {
+    placement?: "top" | "right" | "bottom" | "left" | "auto" | undefined;
+    backgroundColor?: string | undefined;
+    padding?: string | undefined;
+    customNode?: import("react").ReactNode;
+    showDefaultIcon?: boolean | undefined;
+}>>;

package/dist/cjs/alicia/common/Tooltip/Tooltip.stories.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const Tooltip_1 = require("./Tooltip");
+exports.default = {
+    title: "Alicia/common/Tooltip",
+    component: Tooltip_1.Tooltip,
+    argTypes: {
+        placement: {
+            options: ['auto', 'top', 'bottom', 'left', 'right'],
+            control: { type: 'radio' },
+        },
+    },
+};
+const Template = (args) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ height: "200px", width: "2xl", display: "flex", justifyContent: "center", alignItems: "center" }, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({}, args)) })));
+};
+exports.Primary = Template.bind({});
+exports.Primary.args = {
+    title: 'Tooltip title',
+    description: 'Lorem ipsum dolor sit amet',
+    padding: '16px',
+    backgroundColor: "#B5C9FF",
+    titleFontWeight: "700",
+    titleFontSize: "16px",
+    descriptionFontWeight: "400",
+    descriptionFontSize: "14px",
+    placement: 'auto',
+    textColor: "#000000",
+    customNode: (0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span" }, { children: "Lorem ipsum" })),
+    showDefaultIcon: true
+};
+//# sourceMappingURL=Tooltip.stories.js.map

package/dist/cjs/alicia/common/Tooltip/Tooltip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";;;;AAAA,4CAA6C;AAE7C,uCAAoC;AAEpC,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,iBAAO;IAClB,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;YACnD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CAC+B,CAAC;AAEnC,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE;IAExD,OAAO,CACL,uBAAC,WAAG,kBAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,gBACxF,uBAAC,iBAAO,oBACF,IAAI,EACR,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,eAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,4BAA4B;IACzC,OAAO,EAAE,MAAM;IACf,eAAe,EAAE,SAAS;IAC1B,eAAe,EAAE,KAAK;IACtB,aAAa,EAAE,MAAM;IACrB,qBAAqB,EAAE,KAAK;IAC5B,mBAAmB,EAAE,MAAM;IAC3B,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,uBAAC,YAAI,kBAAC,EAAE,EAAC,MAAM,iCAAmB;IAC9C,eAAe,EAAE,IAAI;CACtB,CAAC"}

package/dist/cjs/alicia/common/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip } from "./Tooltip";

package/dist/cjs/alicia/common/Tooltip/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+var Tooltip_1 = require("./Tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/alicia/common/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Tooltip/index.ts"],"names":[],"mappings":";;;AAAA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}

package/dist/cjs/index.d.ts

@@ -11,4 +11,5 @@ export * from "./alicia/common/TextBox";
 export * from "./alicia/common/Select";
 export * from "./alicia/common/Accordion";
 export * from "./alicia/common/NavigationButtons";
+export * from "./alicia/common/Tooltip";
 export * from "./alicia/common/Menu";

package/dist/cjs/index.js

@@ -27,5 +27,6 @@ __exportStar(require("./alicia/common/TextBox"), exports);
 __exportStar(require("./alicia/common/Select"), exports);
 __exportStar(require("./alicia/common/Accordion"), exports);
 __exportStar(require("./alicia/common/NavigationButtons"), exports);
+__exportStar(require("./alicia/common/Tooltip"), exports);
 __exportStar(require("./alicia/common/Menu"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC;AACxC,2DAAyC;AACzC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAC3C,6DAA2C;AAC3C,uDAAqC;AACrC,mEAAiD;AACjD,wDAAsC;AACtC,0DAAwC;AACxC,yDAAuC;AACvC,4DAA0C;AAC1C,oEAAkD;AAClD,uDAAqC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC;AACxC,2DAAyC;AACzC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAC3C,6DAA2C;AAC3C,uDAAqC;AACrC,mEAAiD;AACjD,wDAAsC;AACtC,0DAAwC;AACxC,yDAAuC;AACvC,4DAA0C;AAC1C,oEAAkD;AAClD,0DAAwC;AACxC,uDAAqC"}

package/dist/esm/alicia/common/Tooltip/Tooltip.d.ts

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from 'react';
+export declare const Tooltip: FC<TooltipProps>;
+type TooltipProps = TooltipContentProps & {
+    placement?: 'auto' | 'top' | 'bottom' | 'left' | 'right';
+    backgroundColor?: string;
+    padding?: string;
+    customNode?: ReactNode;
+    showDefaultIcon?: boolean;
+};
+type TooltipContentProps = {
+    title?: string;
+    description?: string;
+    titleFontWeight?: string;
+    titleFontSize?: string;
+    descriptionFontWeight?: string;
+    descriptionFontSize?: string;
+    textColor?: string;
+};
+export {};

package/dist/esm/alicia/common/Tooltip/Tooltip.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Flex, Tooltip as ChakraTooltip } from '@chakra-ui/react';
+import { InfoIcon } from "../icons";
+export const Tooltip = ({ title, description, titleFontWeight = "700", titleFontSize = "16px", descriptionFontWeight = "400", descriptionFontSize = "14px", placement = 'auto', backgroundColor = 'transparent', padding = '16px', textColor = "black", customNode, showDefaultIcon = false }) => {
+    return (_jsx(ChakraTooltip, Object.assign({ background: backgroundColor, p: padding, borderRadius: "5px", hasArrow: true, placement: placement, label: _jsx(TooltipContent, { title: title, description: description, titleFontSize: titleFontSize, titleFontWeight: titleFontWeight, descriptionFontSize: descriptionFontSize, descriptionFontWeight: descriptionFontWeight, textColor: textColor }) }, { children: showDefaultIcon || !customNode ? (_jsx(InfoIcon, {})) : (customNode) })));
+};
+const TooltipContent = ({ title, description, titleFontWeight, titleFontSize, descriptionFontWeight, descriptionFontSize, textColor }) => {
+    return (_jsxs(Box, { children: [title && (_jsx(Flex, Object.assign({ color: textColor, fontWeight: titleFontWeight, fontSize: titleFontSize }, { children: title }))), description && (_jsx(Flex, Object.assign({ color: textColor, fontWeight: descriptionFontWeight, fontSize: descriptionFontSize }, { children: description })))] }));
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/esm/alicia/common/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EACxC,KAAK,EACL,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,aAAa,GAAG,MAAM,EACtB,qBAAqB,GAAG,KAAK,EAC7B,mBAAmB,GAAG,MAAM,EAC5B,SAAS,GAAG,MAAM,EAClB,eAAe,GAAG,aAAa,EAC/B,OAAO,GAAG,MAAM,EAChB,SAAS,GAAG,OAAO,EACnB,UAAU,EACV,eAAe,GAAG,KAAK,EACxB,EAAE,EAAE;IAEH,OAAO,CACL,KAAC,aAAa,kBACZ,UAAU,EAAE,eAAe,EAC3B,CAAC,EAAE,OAAO,EACV,YAAY,EAAC,KAAK,EAClB,QAAQ,QACR,SAAS,EAAE,SAAS,EACpB,KAAK,EACH,KAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,mBAAmB,EAAE,mBAAmB,EACxC,qBAAqB,EAAE,qBAAqB,EAC5C,SAAS,EAAE,SAAS,GACpB,gBACD,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAiB,CACrF,CAAC;AAEJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAA4B,CAAC,EAC/C,KAAK,EACL,WAAW,EACX,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,SAAS,EACV,EAAE,EAAE;IACH,OAAO,CACL,MAAC,GAAG,eACD,KAAK,IAAI,CACR,KAAC,IAAI,kBAAC,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,gBAAG,KAAK,IAAQ,CAC7F,EACA,WAAW,IAAI,CACd,KAAC,IAAI,kBAAC,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,qBAAqB,EAAE,QAAQ,EAAE,mBAAmB,gBAAG,WAAW,IAAQ,CAC/G,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/alicia/common/Tooltip/Tooltip.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/alicia/common/Tooltip/Tooltip.spec.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "@testing-library/react";
+import '@testing-library/jest-dom';
+import { Tooltip } from "./index";
+describe("Tooltip component testing with testing-library", () => {
+    it("renders without crashing", () => {
+        const component = render(_jsx(Tooltip, {}));
+        expect(component).toBeTruthy();
+    });
+});
+//# sourceMappingURL=Tooltip.spec.js.map

package/dist/esm/alicia/common/Tooltip/Tooltip.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Tooltip/Tooltip.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,QAAQ,CAAC,gDAAgD,EAAE,GAAG,EAAE;IAC9D,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC;QAEtC,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AAEL,CAAC,CAAC,CAAC"}

package/dist/esm/alicia/common/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").FC<{
+    title?: string | undefined;
+    description?: string | undefined;
+    titleFontWeight?: string | undefined;
+    titleFontSize?: string | undefined;
+    descriptionFontWeight?: string | undefined;
+    descriptionFontSize?: string | undefined;
+    textColor?: string | undefined;
+} & {
+    placement?: "top" | "right" | "bottom" | "left" | "auto" | undefined;
+    backgroundColor?: string | undefined;
+    padding?: string | undefined;
+    customNode?: import("react").ReactNode;
+    showDefaultIcon?: boolean | undefined;
+}>>;
+export default _default;
+export declare const Primary: ComponentStory<import("react").FC<{
+    title?: string | undefined;
+    description?: string | undefined;
+    titleFontWeight?: string | undefined;
+    titleFontSize?: string | undefined;
+    descriptionFontWeight?: string | undefined;
+    descriptionFontSize?: string | undefined;
+    textColor?: string | undefined;
+} & {
+    placement?: "top" | "right" | "bottom" | "left" | "auto" | undefined;
+    backgroundColor?: string | undefined;
+    padding?: string | undefined;
+    customNode?: import("react").ReactNode;
+    showDefaultIcon?: boolean | undefined;
+}>>;

package/dist/esm/alicia/common/Tooltip/Tooltip.stories.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text, Box } from '@chakra-ui/react';
+import { Tooltip } from "./Tooltip";
+export default {
+    title: "Alicia/common/Tooltip",
+    component: Tooltip,
+    argTypes: {
+        placement: {
+            options: ['auto', 'top', 'bottom', 'left', 'right'],
+            control: { type: 'radio' },
+        },
+    },
+};
+const Template = (args) => {
+    return (_jsx(Box, Object.assign({ height: "200px", width: "2xl", display: "flex", justifyContent: "center", alignItems: "center" }, { children: _jsx(Tooltip, Object.assign({}, args)) })));
+};
+export const Primary = Template.bind({});
+Primary.args = {
+    title: 'Tooltip title',
+    description: 'Lorem ipsum dolor sit amet',
+    padding: '16px',
+    backgroundColor: "#B5C9FF",
+    titleFontWeight: "700",
+    titleFontSize: "16px",
+    descriptionFontWeight: "400",
+    descriptionFontSize: "14px",
+    placement: 'auto',
+    textColor: "#000000",
+    customNode: _jsx(Text, Object.assign({ as: "span" }, { children: "Lorem ipsum" })),
+    showDefaultIcon: true
+};
+//# sourceMappingURL=Tooltip.stories.js.map

package/dist/esm/alicia/common/Tooltip/Tooltip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;YACnD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CAC+B,CAAC;AAEnC,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE;IAExD,OAAO,CACL,KAAC,GAAG,kBAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,gBACxF,KAAC,OAAO,oBACF,IAAI,EACR,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,4BAA4B;IACzC,OAAO,EAAE,MAAM;IACf,eAAe,EAAE,SAAS;IAC1B,eAAe,EAAE,KAAK;IACtB,aAAa,EAAE,MAAM;IACrB,qBAAqB,EAAE,KAAK;IAC5B,mBAAmB,EAAE,MAAM;IAC3B,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,KAAC,IAAI,kBAAC,EAAE,EAAC,MAAM,iCAAmB;IAC9C,eAAe,EAAE,IAAI;CACtB,CAAC"}

package/dist/esm/alicia/common/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip } from "./Tooltip";

package/dist/esm/alicia/common/Tooltip/index.js

@@ -0,0 +1,2 @@
+export { Tooltip } from "./Tooltip";
+//# sourceMappingURL=index.js.map

package/dist/esm/alicia/common/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/alicia/common/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/esm/index.d.ts

@@ -11,4 +11,5 @@ export * from "./alicia/common/TextBox";
 export * from "./alicia/common/Select";
 export * from "./alicia/common/Accordion";
 export * from "./alicia/common/NavigationButtons";
+export * from "./alicia/common/Tooltip";
 export * from "./alicia/common/Menu";

package/dist/esm/index.js

@@ -11,5 +11,6 @@ export * from "./alicia/common/TextBox";
 export * from "./alicia/common/Select";
 export * from "./alicia/common/Accordion";
 export * from "./alicia/common/NavigationButtons";
+export * from "./alicia/common/Tooltip";
 export * from "./alicia/common/Menu";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "alicia-design-system",
-  "version": "1.40.2",
+  "version": "1.41.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",