krl-alfred 2.23.13 → 2.23.15

package/dist/components/Tooltip/Tooltip.styled.d.ts

@@ -1,9 +1,23 @@
 /// <reference types="react" />
 import { TooltipStyledProps } from "./props";
-export declare const TooltipStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyledProps> & TooltipStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyledProps> & TooltipStyledProps, never>>> & string;
-export declare const Selector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyledProps> & TooltipStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyledProps> & TooltipStyledProps, never>>> & string;
-export declare const SelectorIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyledProps> & TooltipStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyledProps> & TooltipStyledProps, never>>> & string;
-export declare const SelectorTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof TooltipStyledProps> & TooltipStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof TooltipStyledProps> & TooltipStyledProps, never>>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof TooltipStyledProps> & TooltipStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof TooltipStyledProps> & TooltipStyledProps, never>>> & string;
-export declare const Popup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyledProps> & TooltipStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyledProps> & TooltipStyledProps, never>>> & string;
-export declare const PopupWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyledProps> & TooltipStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TooltipStyledProps> & TooltipStyledProps, never>>> & string;
+export declare const TooltipStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, TooltipStyledProps>> & string;
+export declare const Selector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, TooltipStyledProps>> & string;
+export declare const SelectorIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, TooltipStyledProps>> & string;
+export declare const SelectorTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, TooltipStyledProps>> & string;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, TooltipStyledProps>> & string;
+export declare const Popup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, TooltipStyledProps>> & string;
+export declare const PopupWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, TooltipStyledProps>> & string;

package/dist/components/Tooltip/stories/Tooltip.stories.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 declare const _default: {
     title: string;
     component: (props: any) => React.JSX.Element;
@@ -21,6 +21,30 @@ declare const _default: {
         isOpen: {
             control: string;
         };
+        title: {
+            control: string;
+        };
+        selectorTitle: {
+            control: string;
+        };
+        popupWidth: {
+            control: string;
+        };
+        iconWidth: {
+            control: string;
+        };
+        iconHeight: {
+            control: string;
+        };
+        popupLeft: {
+            control: string;
+        };
+        popupRight: {
+            control: string;
+        };
+        children: {
+            control: boolean;
+        };
     };
 };
 export default _default;
@@ -33,9 +57,33 @@ export declare const Default: {
         hasCloseOnOutsideClick: boolean;
         iconWidth: string;
         iconHeight: string;
-        popupSize: string;
+        popupSize: "small";
+        popupWidth: string;
+        selectorTitle: string;
+        position: "bottomCenter";
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
+    };
+};
+export declare const Open: {
+    args: {
+        isOpen: boolean;
+        title: string;
+        children: React.JSX.Element;
+        hasClickAction: boolean;
+        hasCloseOnOutsideClick: boolean;
+        iconWidth: string;
+        iconHeight: string;
+        popupSize: "small";
         popupWidth: string;
         selectorTitle: string;
+        position: "bottomCenter";
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
     };
 };
 export declare const WithClickAction: {
@@ -47,136 +95,318 @@ export declare const WithClickAction: {
         hasCloseOnOutsideClick: boolean;
         iconWidth: string;
         iconHeight: string;
-        popupSize: string;
+        popupSize: "small";
         popupWidth: string;
         selectorTitle: string;
+        position: "bottomCenter";
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
     };
 };
-export declare const Open: {
+export declare const WithCloseOnOutsideClick: {
     args: {
+        hasClickAction: boolean;
+        hasCloseOnOutsideClick: boolean;
         isOpen: boolean;
         title: string;
         children: React.JSX.Element;
-        hasClickAction: boolean;
-        hasCloseOnOutsideClick: boolean;
         iconWidth: string;
         iconHeight: string;
-        popupSize: string;
+        popupSize: "small";
         popupWidth: string;
         selectorTitle: string;
+        position: "bottomCenter";
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
     };
 };
 export declare const Small: {
     args: {
         popupSize: string;
+        isOpen: boolean;
         title: string;
         children: React.JSX.Element;
         hasClickAction: boolean;
-        isOpen: boolean;
         hasCloseOnOutsideClick: boolean;
         iconWidth: string;
         iconHeight: string;
         popupWidth: string;
         selectorTitle: string;
+        position: "bottomCenter";
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
     };
 };
 export declare const Medium: {
     args: {
         popupSize: string;
+        isOpen: boolean;
         title: string;
         children: React.JSX.Element;
         hasClickAction: boolean;
-        isOpen: boolean;
         hasCloseOnOutsideClick: boolean;
         iconWidth: string;
         iconHeight: string;
         popupWidth: string;
         selectorTitle: string;
+        position: "bottomCenter";
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
     };
 };
-export declare const TopRight: {
+export declare const BottomCenter: {
     args: {
         position: string;
+        isOpen: boolean;
         title: string;
         children: React.JSX.Element;
         hasClickAction: boolean;
+        hasCloseOnOutsideClick: boolean;
+        iconWidth: string;
+        iconHeight: string;
+        popupSize: "small";
+        popupWidth: string;
+        selectorTitle: string;
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
+    };
+};
+export declare const BottomRight: {
+    args: {
+        position: string;
         isOpen: boolean;
+        title: string;
+        children: React.JSX.Element;
+        hasClickAction: boolean;
         hasCloseOnOutsideClick: boolean;
         iconWidth: string;
         iconHeight: string;
-        popupSize: string;
+        popupSize: "small";
         popupWidth: string;
         selectorTitle: string;
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
     };
 };
 export declare const BottomLeft: {
     args: {
         position: string;
+        isOpen: boolean;
         title: string;
         children: React.JSX.Element;
         hasClickAction: boolean;
+        hasCloseOnOutsideClick: boolean;
+        iconWidth: string;
+        iconHeight: string;
+        popupSize: "small";
+        popupWidth: string;
+        selectorTitle: string;
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
+    };
+};
+export declare const TopCenter: {
+    args: {
+        position: string;
         isOpen: boolean;
+        title: string;
+        children: React.JSX.Element;
+        hasClickAction: boolean;
         hasCloseOnOutsideClick: boolean;
         iconWidth: string;
         iconHeight: string;
-        popupSize: string;
+        popupSize: "small";
+        popupWidth: string;
+        selectorTitle: string;
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
+    };
+};
+export declare const TopRight: {
+    args: {
+        position: string;
+        isOpen: boolean;
+        title: string;
+        children: React.JSX.Element;
+        hasClickAction: boolean;
+        hasCloseOnOutsideClick: boolean;
+        iconWidth: string;
+        iconHeight: string;
+        popupSize: "small";
+        popupWidth: string;
+        selectorTitle: string;
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
+    };
+};
+export declare const TopLeft: {
+    args: {
+        position: string;
+        isOpen: boolean;
+        title: string;
+        children: React.JSX.Element;
+        hasClickAction: boolean;
+        hasCloseOnOutsideClick: boolean;
+        iconWidth: string;
+        iconHeight: string;
+        popupSize: "small";
         popupWidth: string;
         selectorTitle: string;
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
     };
 };
 export declare const WithoutTitle: {
     args: {
         title: any;
+        isOpen: boolean;
         children: React.JSX.Element;
         hasClickAction: boolean;
-        isOpen: boolean;
         hasCloseOnOutsideClick: boolean;
         iconWidth: string;
         iconHeight: string;
-        popupSize: string;
+        popupSize: "small";
         popupWidth: string;
         selectorTitle: string;
+        position: "bottomCenter";
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
     };
 };
 export declare const WithoutSelectorTitle: {
     args: {
         selectorTitle: any;
+        isOpen: boolean;
         title: string;
         children: React.JSX.Element;
         hasClickAction: boolean;
-        isOpen: boolean;
         hasCloseOnOutsideClick: boolean;
         iconWidth: string;
         iconHeight: string;
-        popupSize: string;
+        popupSize: "small";
         popupWidth: string;
+        position: "bottomCenter";
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
     };
 };
 export declare const LargeIcon: {
     args: {
         iconWidth: string;
         iconHeight: string;
+        isOpen: boolean;
         title: string;
         children: React.JSX.Element;
         hasClickAction: boolean;
-        isOpen: boolean;
         hasCloseOnOutsideClick: boolean;
-        popupSize: string;
+        popupSize: "small";
         popupWidth: string;
         selectorTitle: string;
+        position: "bottomCenter";
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
     };
 };
-export declare const WithCloseOnOutsideClick: {
+export declare const WidePopup: {
+    args: {
+        popupWidth: string;
+        isOpen: boolean;
+        children: React.JSX.Element;
+        title: string;
+        hasClickAction: boolean;
+        hasCloseOnOutsideClick: boolean;
+        iconWidth: string;
+        iconHeight: string;
+        popupSize: "small";
+        selectorTitle: string;
+        position: "bottomCenter";
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
+    };
+};
+export declare const CustomOffsets: {
     args: {
+        isOpen: boolean;
+        position: string;
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        title: string;
+        children: React.JSX.Element;
         hasClickAction: boolean;
         hasCloseOnOutsideClick: boolean;
+        iconWidth: string;
+        iconHeight: string;
+        popupSize: "small";
+        popupWidth: string;
+        selectorTitle: string;
+        id: string;
+    };
+};
+export declare const AllPositions: {
+    args: {
         title: string;
         children: React.JSX.Element;
+        hasClickAction: boolean;
         isOpen: boolean;
+        hasCloseOnOutsideClick: boolean;
         iconWidth: string;
         iconHeight: string;
+        popupSize: "small";
+        popupWidth: string;
+        selectorTitle: string;
+        position: "bottomCenter";
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
+    };
+    render: (args: any) => React.JSX.Element;
+};
+export declare const Complete: {
+    args: {
+        isOpen: boolean;
+        hasClickAction: boolean;
+        hasCloseOnOutsideClick: boolean;
         popupSize: string;
         popupWidth: string;
+        iconWidth: string;
+        iconHeight: string;
+        title: string;
         selectorTitle: string;
+        children: React.JSX.Element;
+        position: "bottomCenter";
+        popupLeft: string;
+        popupRight: string;
+        popupRightSm: string;
+        id: string;
     };
 };

package/dist/components/Tooltip/stories/Tooltip.stories.js

@@ -14,11 +14,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithCloseOnOutsideClick = exports.LargeIcon = exports.WithoutSelectorTitle = exports.WithoutTitle = exports.BottomLeft = exports.TopRight = exports.Medium = exports.Small = exports.Open = exports.WithClickAction = exports.Default = void 0;
+exports.Complete = exports.AllPositions = exports.CustomOffsets = exports.WidePopup = exports.LargeIcon = exports.WithoutSelectorTitle = exports.WithoutTitle = exports.TopLeft = exports.TopRight = exports.TopCenter = exports.BottomLeft = exports.BottomRight = exports.BottomCenter = exports.Medium = exports.Small = exports.WithCloseOnOutsideClick = exports.WithClickAction = exports.Open = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Tooltip_1 = __importDefault(require("../Tooltip"));
 var props_1 = require("../props");
-var defaultArgs = {
+var baseArgs = {
     title: "Title",
     children: (0, jsx_runtime_1.jsx)("div", { children: "Tooltip i\u00E7eri\u011Fi burada g\u00F6r\u00FCnt\u00FClenir." }),
     hasClickAction: false,
@@ -29,49 +29,96 @@ var defaultArgs = {
     popupSize: "small",
     popupWidth: "200px",
     selectorTitle: "Selector Title",
+    position: "bottomCenter",
+    popupLeft: "",
+    popupRight: "",
+    popupRightSm: "",
+    id: "tooltip",
+};
+var Frame = function (_a) {
+    var children = _a.children;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { margin: "6rem 0 6rem 11rem", display: "inline-block", minHeight: 120 } }, { children: children })));
 };
 exports.default = {
-    title: 'Components/Tooltip',
-    component: function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ style: { margin: "5rem 0 0 11rem", display: "inline-block" } }, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, __assign({}, props)) })); },
-    tags: ['autodocs'],
+    title: "Components/Tooltip",
+    component: function (props) { return ((0, jsx_runtime_1.jsx)(Frame, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, __assign({}, props)) })); },
+    tags: ["autodocs"],
     argTypes: {
-        position: { control: 'select', options: props_1.positions },
-        popupSize: { control: 'select', options: props_1.sizes },
-        hasClickAction: { control: 'boolean' },
-        hasCloseOnOutsideClick: { control: 'boolean' },
-        isOpen: { control: 'boolean' },
-    }
+        position: { control: "select", options: props_1.positions },
+        popupSize: { control: "select", options: props_1.sizes },
+        hasClickAction: { control: "boolean" },
+        hasCloseOnOutsideClick: { control: "boolean" },
+        isOpen: { control: "boolean" },
+        title: { control: "text" },
+        selectorTitle: { control: "text" },
+        popupWidth: { control: "text" },
+        iconWidth: { control: "text" },
+        iconHeight: { control: "text" },
+        popupLeft: { control: "text" },
+        popupRight: { control: "text" },
+        children: { control: false },
+    },
 };
 exports.Default = {
-    args: defaultArgs,
+    args: __assign({}, baseArgs),
+};
+exports.Open = {
+    args: __assign(__assign({}, baseArgs), { isOpen: true }),
 };
 exports.WithClickAction = {
-    args: __assign(__assign({}, defaultArgs), { hasClickAction: true }),
+    args: __assign(__assign({}, baseArgs), { hasClickAction: true }),
 };
-exports.Open = {
-    args: __assign(__assign({}, defaultArgs), { isOpen: true }),
+exports.WithCloseOnOutsideClick = {
+    args: __assign(__assign({}, baseArgs), { hasClickAction: true, hasCloseOnOutsideClick: true, isOpen: true }),
 };
 exports.Small = {
-    args: __assign(__assign({}, defaultArgs), { popupSize: "small" }),
+    args: __assign(__assign({}, baseArgs), { popupSize: "small", isOpen: true }),
 };
 exports.Medium = {
-    args: __assign(__assign({}, defaultArgs), { popupSize: "medium" }),
+    args: __assign(__assign({}, baseArgs), { popupSize: "medium", isOpen: true }),
 };
-exports.TopRight = {
-    args: __assign(__assign({}, defaultArgs), { position: "topRight" }),
+exports.BottomCenter = {
+    args: __assign(__assign({}, baseArgs), { position: "bottomCenter", isOpen: true }),
+};
+exports.BottomRight = {
+    args: __assign(__assign({}, baseArgs), { position: "bottomRight", isOpen: true }),
 };
 exports.BottomLeft = {
-    args: __assign(__assign({}, defaultArgs), { position: "bottomLeft" }),
+    args: __assign(__assign({}, baseArgs), { position: "bottomLeft", isOpen: true }),
+};
+exports.TopCenter = {
+    args: __assign(__assign({}, baseArgs), { position: "topCenter", isOpen: true }),
+};
+exports.TopRight = {
+    args: __assign(__assign({}, baseArgs), { position: "topRight", isOpen: true }),
+};
+exports.TopLeft = {
+    args: __assign(__assign({}, baseArgs), { position: "topLeft", isOpen: true }),
 };
 exports.WithoutTitle = {
-    args: __assign(__assign({}, defaultArgs), { title: null, children: (0, jsx_runtime_1.jsx)("div", { children: "Sadece i\u00E7erik, ba\u015Fl\u0131k yok." }) }),
+    args: __assign(__assign({}, baseArgs), { title: null, isOpen: true, children: (0, jsx_runtime_1.jsx)("div", { children: "Sadece i\u00E7erik, ba\u015Fl\u0131k yok." }) }),
 };
 exports.WithoutSelectorTitle = {
-    args: __assign(__assign({}, defaultArgs), { selectorTitle: null }),
+    args: __assign(__assign({}, baseArgs), { selectorTitle: null, isOpen: true }),
 };
 exports.LargeIcon = {
-    args: __assign(__assign({}, defaultArgs), { iconWidth: "24px", iconHeight: "24px" }),
+    args: __assign(__assign({}, baseArgs), { iconWidth: "24px", iconHeight: "24px", isOpen: true }),
 };
-exports.WithCloseOnOutsideClick = {
-    args: __assign(__assign({}, defaultArgs), { hasClickAction: true, hasCloseOnOutsideClick: true }),
+exports.WidePopup = {
+    args: __assign(__assign({}, baseArgs), { popupWidth: "320px", isOpen: true, children: ((0, jsx_runtime_1.jsx)("div", { children: "Geni\u015F popup i\u00E7eri\u011Fi. Daha fazla a\u00E7\u0131klama metni burada yer al\u0131r." })) }),
+};
+exports.CustomOffsets = {
+    args: __assign(__assign({}, baseArgs), { isOpen: true, position: "bottomRight", popupLeft: "0", popupRight: "-12px", popupRightSm: "-8px" }),
+};
+exports.AllPositions = {
+    args: baseArgs,
+    render: function (args) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
+            display: "grid",
+            gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
+            gap: 80,
+            padding: "8rem 4rem",
+        } }, { children: props_1.positions.map(function (position) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { textAlign: "center" } }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ style: { marginBottom: 12, font: "var(--caption-semi-bold-12-15)" } }, { children: position })), (0, jsx_runtime_1.jsx)(Tooltip_1.default, __assign({}, args, { position: position, isOpen: true, selectorTitle: position }))] }), position)); }) }))); },
+};
+exports.Complete = {
+    args: __assign(__assign({}, baseArgs), { isOpen: true, hasClickAction: true, hasCloseOnOutsideClick: true, popupSize: "medium", popupWidth: "240px", iconWidth: "24px", iconHeight: "24px", title: "Komple tooltip", selectorTitle: "Detay", children: (0, jsx_runtime_1.jsx)("div", { children: "T\u00FCm \u00F6zellikler aktif tooltip \u00F6rne\u011Fi." }) }),
 };

package/dist/components/Typography/Typography.styled.d.ts

@@ -1,8 +1,22 @@
 /// <reference types="react" />
-export declare const TypographyStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>>> & string;
-export declare const LeftTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, keyof import("./props").Typography> & import("./props").Typography, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, keyof import("./props").Typography> & import("./props").Typography, never>>> & string;
-export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>>> & string;
-export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>>> & string;
-export declare const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>>> & string;
-export declare const Tbody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>>> & string;
+export declare const TypographyStyled: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const LeftTitle: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, import("./props").Typography>> & string;
+export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const Tbody: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;