@primereact/styles 11.0.0-alpha.2 → 11.0.0-alpha.3

package/confirmdialog/ConfirmDialog.style.d.ts

@@ -0,0 +1,15 @@
+import type { ConfirmDialogInstance } from '@primereact/types/shared/confirmdialog';
+export declare const styles: {
+    name: string | undefined;
+    css: import("@primeuix/styled").StyleType | undefined;
+    style: import("@primeuix/styled").StyleType | undefined;
+    classes: import("@primereact/types/styles").ClassesType<ConfirmDialogInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<ConfirmDialogInstance>;
+    baseStyles: {
+        name: string;
+        css: string;
+        style: import("@primeuix/styled").StyleType;
+        classes: {};
+        inlineStyles: {};
+    };
+};

package/confirmdialog/index.d.ts

@@ -0,0 +1 @@
+export * from './ConfirmDialog.style';

package/confirmdialog/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as o}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/confirmdialog";var e=o({name:"confirmdialog",style:i,classes:{root:"p-confirmdialog",trigger:"p-confirmdialog-trigger-button",icon:"p-confirmdialog-icon",message:"p-confirmdialog-message",close:"p-confirmdialog-reject-button",action:"p-confirmdialog-accept-button"}});export{e as styles};
+//# sourceMappingURL=index.mjs.map

package/confirmdialog/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/confirmdialog/ConfirmDialog.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ConfirmDialogInstance } from '@primereact/types/shared/confirmdialog';\nimport { style } from '@primeuix/styles/confirmdialog';\n\nexport const styles = createStyles<ConfirmDialogInstance>({\n    name: 'confirmdialog',\n    style,\n    classes: {\n        root: 'p-confirmdialog',\n        trigger: 'p-confirmdialog-trigger-button',\n        icon: 'p-confirmdialog-icon',\n        message: 'p-confirmdialog-message',\n        close: 'p-confirmdialog-reject-button',\n        action: 'p-confirmdialog-accept-button'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,iCAEf,IAAMC,EAASF,EAAoC,CACtD,KAAM,gBACN,MAAAC,EACA,QAAS,CACL,KAAM,kBACN,QAAS,iCACT,KAAM,uBACN,QAAS,0BACT,MAAO,gCACP,OAAQ,+BACZ,CACJ,CAAC","names":["createStyles","style","styles"]}

package/confirmpopup/ConfirmPopup.style.d.ts

@@ -0,0 +1,15 @@
+import type { ConfirmPopupInstance } from '@primereact/types/shared/confirmpopup';
+export declare const styles: {
+    name: string | undefined;
+    css: import("@primeuix/styled").StyleType | undefined;
+    style: import("@primeuix/styled").StyleType | undefined;
+    classes: import("@primereact/types/styles").ClassesType<ConfirmPopupInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<ConfirmPopupInstance>;
+    baseStyles: {
+        name: string;
+        css: string;
+        style: import("@primeuix/styled").StyleType;
+        classes: {};
+        inlineStyles: {};
+    };
+};

package/confirmpopup/index.d.ts

@@ -0,0 +1 @@
+export * from './ConfirmPopup.style';

package/confirmpopup/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as p}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/confirmpopup";var r=p({name:"confirmpopup",style:o,classes:{root:"p-confirmpopup p-component",content:"p-confirmpopup-content",icon:"p-confirmpopup-icon",message:"p-confirmpopup-message",footer:"p-confirmpopup-footer",reject:"p-confirmpopup-reject-button",accept:"p-confirmpopup-accept-button"}});export{r as styles};
+//# sourceMappingURL=index.mjs.map

package/confirmpopup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/confirmpopup/ConfirmPopup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ConfirmPopupInstance } from '@primereact/types/shared/confirmpopup';\nimport { style } from '@primeuix/styles/confirmpopup';\n\nexport const styles = createStyles<ConfirmPopupInstance>({\n    name: 'confirmpopup',\n    style,\n    classes: {\n        root: 'p-confirmpopup p-component',\n        content: 'p-confirmpopup-content',\n        icon: 'p-confirmpopup-icon',\n        message: 'p-confirmpopup-message',\n        footer: 'p-confirmpopup-footer',\n        reject: 'p-confirmpopup-reject-button',\n        accept: 'p-confirmpopup-accept-button'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,6BACN,QAAS,yBACT,KAAM,sBACN,QAAS,yBACT,OAAQ,wBACR,OAAQ,+BACR,OAAQ,8BACZ,CACJ,CAAC","names":["createStyles","style","styles"]}

package/dialog/Dialog.style.d.ts

@@ -0,0 +1,15 @@
+import type { DialogInstance } from '@primereact/types/shared/dialog';
+export declare const styles: {
+    name: string | undefined;
+    css: import("@primeuix/styled").StyleType | undefined;
+    style: import("@primeuix/styled").StyleType | undefined;
+    classes: import("@primereact/types/styles").ClassesType<DialogInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<DialogInstance>;
+    baseStyles: {
+        name: string;
+        css: string;
+        style: import("@primeuix/styled").StyleType;
+        classes: {};
+        inlineStyles: {};
+    };
+};

package/dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './Dialog.style';

package/dialog/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as n}from"@primereact/styles/utils";import{style as l}from"@primeuix/styles/dialog";var d=n({name:"dialog",style:l,classes:{mask:({props:t,state:i})=>{let o=["left","right","top","topleft","topright","bottom","bottomleft","bottomright"].find(e=>e===t.position);return["p-dialog-mask",{"p-overlay-mask p-overlay-mask-enter":t.modal,"p-dialog-open":i.opened},o?`p-dialog-${o}`:""]},root:({state:t})=>["p-dialog p-component",{"p-dialog-maximized":t.maximized}],trigger:"p-dialog-trigger-button",header:"p-dialog-header",title:"p-dialog-title",headerActions:"p-dialog-header-actions",maximize:"p-dialog-maximize-button",close:"p-dialog-close-button",content:"p-dialog-content",footer:"p-dialog-footer"},inlineStyles:{mask:({props:t})=>({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:t.position==="left"||t.position==="topleft"||t.position==="bottomleft"?"flex-start":t.position==="right"||t.position==="topright"||t.position==="bottomright"?"flex-end":"center",alignItems:t.position==="top"||t.position==="topleft"||t.position==="topright"?"flex-start":t.position==="bottom"||t.position==="bottomleft"||t.position==="bottomright"?"flex-end":"center",pointerEvents:t.modal?"auto":"none"}),root:{display:"flex",flexDirection:"column",pointerEvents:"auto"}}});export{d as styles};
+//# sourceMappingURL=index.mjs.map

package/dialog/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dialog/Dialog.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DialogInstance } from '@primereact/types/shared/dialog';\nimport { style } from '@primeuix/styles/dialog';\n\nexport const styles = createStyles<DialogInstance>({\n    name: 'dialog',\n    style,\n    classes: {\n        mask: ({ props, state }) => {\n            const positions = ['left', 'right', 'top', 'topleft', 'topright', 'bottom', 'bottomleft', 'bottomright'];\n            const pos = positions.find((item) => item === props.position);\n\n            return [\n                'p-dialog-mask',\n                {\n                    'p-overlay-mask p-overlay-mask-enter': props.modal,\n                    'p-dialog-open': state.opened\n                },\n                pos ? `p-dialog-${pos}` : ''\n            ];\n        },\n        root: ({ state }) => [\n            'p-dialog p-component',\n            {\n                'p-dialog-maximized': state.maximized\n            }\n        ],\n        trigger: 'p-dialog-trigger-button',\n        header: 'p-dialog-header',\n        title: 'p-dialog-title',\n        headerActions: 'p-dialog-header-actions',\n        maximize: 'p-dialog-maximize-button',\n        close: 'p-dialog-close-button',\n        content: 'p-dialog-content',\n        footer: 'p-dialog-footer'\n    },\n    inlineStyles: {\n        mask: ({ props }) => ({\n            position: 'fixed',\n            height: '100%',\n            width: '100%',\n            left: 0,\n            top: 0,\n            display: 'flex',\n            justifyContent:\n                props.position === 'left' || props.position === 'topleft' || props.position === 'bottomleft' ? 'flex-start' : props.position === 'right' || props.position === 'topright' || props.position === 'bottomright' ? 'flex-end' : 'center',\n            alignItems:\n                props.position === 'top' || props.position === 'topleft' || props.position === 'topright' ? 'flex-start' : props.position === 'bottom' || props.position === 'bottomleft' || props.position === 'bottomright' ? 'flex-end' : 'center',\n            pointerEvents: props.modal ? 'auto' : 'none'\n        }),\n        root: {\n            display: 'flex',\n            flexDirection: 'column',\n            pointerEvents: 'auto'\n        }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEf,IAAMC,EAASF,EAA6B,CAC/C,KAAM,SACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,CAAM,IAAM,CAExB,IAAMC,EADY,CAAC,OAAQ,QAAS,MAAO,UAAW,WAAY,SAAU,aAAc,aAAa,EACjF,KAAMC,GAASA,IAASH,EAAM,QAAQ,EAE5D,MAAO,CACH,gBACA,CACI,sCAAuCA,EAAM,MAC7C,gBAAiBC,EAAM,MAC3B,EACAC,EAAM,YAAYA,CAAG,GAAK,EAC9B,CACJ,EACA,KAAM,CAAC,CAAE,MAAAD,CAAM,IAAM,CACjB,uBACA,CACI,qBAAsBA,EAAM,SAChC,CACJ,EACA,QAAS,0BACT,OAAQ,kBACR,MAAO,iBACP,cAAe,0BACf,SAAU,2BACV,MAAO,wBACP,QAAS,mBACT,OAAQ,iBACZ,EACA,aAAc,CACV,KAAM,CAAC,CAAE,MAAAD,CAAM,KAAO,CAClB,SAAU,QACV,OAAQ,OACR,MAAO,OACP,KAAM,EACN,IAAK,EACL,QAAS,OACT,eACIA,EAAM,WAAa,QAAUA,EAAM,WAAa,WAAaA,EAAM,WAAa,aAAe,aAAeA,EAAM,WAAa,SAAWA,EAAM,WAAa,YAAcA,EAAM,WAAa,cAAgB,WAAa,SACjO,WACIA,EAAM,WAAa,OAASA,EAAM,WAAa,WAAaA,EAAM,WAAa,WAAa,aAAeA,EAAM,WAAa,UAAYA,EAAM,WAAa,cAAgBA,EAAM,WAAa,cAAgB,WAAa,SACjO,cAAeA,EAAM,MAAQ,OAAS,MAC1C,GACA,KAAM,CACF,QAAS,OACT,cAAe,SACf,cAAe,MACnB,CACJ,CACJ,CAAC","names":["createStyles","style","styles","props","state","pos","item"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primereact/styles",
-  "version": "11.0.0-alpha.2",
+  "version": "11.0.0-alpha.3",
   "author": "PrimeTek Informatics",
   "description": "",
   "homepage": "https://primereact.org/",

package/popover/Popover.style.d.ts

@@ -0,0 +1,15 @@
+import type { PopoverInstance } from '@primereact/types/shared/popover';
+export declare const styles: {
+    name: string | undefined;
+    css: import("@primeuix/styled").StyleType | undefined;
+    style: import("@primeuix/styled").StyleType | undefined;
+    classes: import("@primereact/types/styles").ClassesType<PopoverInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<PopoverInstance>;
+    baseStyles: {
+        name: string;
+        css: string;
+        style: import("@primeuix/styled").StyleType;
+        classes: {};
+        inlineStyles: {};
+    };
+};

package/popover/index.d.ts

@@ -0,0 +1 @@
+export * from './Popover.style';

package/popover/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as o}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/popover";var t=o({name:"popover",style:e,classes:{overlay:"p-popover p-component",content:"p-popover-content"}});export{t as styles};
+//# sourceMappingURL=index.mjs.map

package/popover/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/popover/Popover.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PopoverInstance } from '@primereact/types/shared/popover';\nimport { style } from '@primeuix/styles/popover';\n\nexport const styles = createStyles<PopoverInstance>({\n    name: 'popover',\n    style,\n    classes: {\n        overlay: 'p-popover p-component',\n        content: 'p-popover-content'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEf,IAAMC,EAASF,EAA8B,CAChD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,QAAS,wBACT,QAAS,mBACb,CACJ,CAAC","names":["createStyles","style","styles"]}

package/rating/Rating.style.d.ts

@@ -0,0 +1,15 @@
+import type { RatingInstance } from '@primereact/types/shared/rating';
+export declare const styles: {
+    name: string | undefined;
+    css: import("@primeuix/styled").StyleType | undefined;
+    style: import("@primeuix/styled").StyleType | undefined;
+    classes: import("@primereact/types/styles").ClassesType<RatingInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<RatingInstance>;
+    baseStyles: {
+        name: string;
+        css: string;
+        style: import("@primeuix/styled").StyleType;
+        classes: {};
+        inlineStyles: {};
+    };
+};

package/rating/index.d.ts

@@ -0,0 +1 @@
+export * from './Rating.style';

package/rating/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as e}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/rating";var r=e({name:"rating",style:o,classes:{root:({props:i})=>["p-rating",{"p-readonly":i.readOnly,"p-disabled":i.disabled}],option:({instance:i,context:t})=>["p-rating-option",{"p-rating-option-active":Number(t.value)<=Number(i.state.value),"p-focus-visible":Number(t.value)===Number(i.state.focusedOptionIndex)&&i.state.isFocusVisibleItem}],onIcon:({instance:i})=>["p-rating-icon p-rating-on-icon",{"p-invalid":i.props.invalid}],offIcon:({instance:i})=>["p-rating-icon p-rating-off-icon",{"p-invalid":i.props.invalid}]}});export{r as styles};
+//# sourceMappingURL=index.mjs.map

package/rating/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/rating/Rating.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { RatingInstance } from '@primereact/types/shared/rating';\nimport { style } from '@primeuix/styles/rating';\n\nexport const styles = createStyles<RatingInstance>({\n    name: 'rating',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-rating',\n            {\n                'p-readonly': props.readOnly,\n                'p-disabled': props.disabled\n            }\n        ],\n        option: ({ instance, context }) => [\n            'p-rating-option',\n            {\n                'p-rating-option-active': Number(context.value) <= Number(instance.state.value),\n                'p-focus-visible': Number(context.value) === Number(instance.state.focusedOptionIndex) && instance.state.isFocusVisibleItem\n            }\n        ],\n        onIcon: ({ instance }) => [\n            'p-rating-icon p-rating-on-icon',\n            {\n                'p-invalid': instance.props.invalid\n            }\n        ],\n        offIcon: ({ instance }) => [\n            'p-rating-icon p-rating-off-icon',\n            {\n                'p-invalid': instance.props.invalid\n            }\n        ]\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEf,IAAMC,EAASF,EAA6B,CAC/C,KAAM,SACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,WACA,CACI,aAAcA,EAAM,SACpB,aAAcA,EAAM,QACxB,CACJ,EACA,OAAQ,CAAC,CAAE,SAAAC,EAAU,QAAAC,CAAQ,IAAM,CAC/B,kBACA,CACI,yBAA0B,OAAOA,EAAQ,KAAK,GAAK,OAAOD,EAAS,MAAM,KAAK,EAC9E,kBAAmB,OAAOC,EAAQ,KAAK,IAAM,OAAOD,EAAS,MAAM,kBAAkB,GAAKA,EAAS,MAAM,kBAC7G,CACJ,EACA,OAAQ,CAAC,CAAE,SAAAA,CAAS,IAAM,CACtB,iCACA,CACI,YAAaA,EAAS,MAAM,OAChC,CACJ,EACA,QAAS,CAAC,CAAE,SAAAA,CAAS,IAAM,CACvB,kCACA,CACI,YAAaA,EAAS,MAAM,OAChC,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","styles","props","instance","context"]}

package/slider/Slider.style.d.ts

@@ -0,0 +1,15 @@
+import type { SliderInstance } from '@primereact/types/shared/slider';
+export declare const styles: {
+    name: string | undefined;
+    css: import("@primeuix/styled").StyleType | undefined;
+    style: import("@primeuix/styled").StyleType | undefined;
+    classes: import("@primereact/types/styles").ClassesType<SliderInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<SliderInstance>;
+    baseStyles: {
+        name: string;
+        css: string;
+        style: import("@primeuix/styled").StyleType;
+        classes: {};
+        inlineStyles: {};
+    };
+};

package/slider/index.d.ts

@@ -0,0 +1 @@
+export * from './Slider.style';

package/slider/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as t}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/slider";var l=t({name:"slider",style:r,classes:{root:({props:e})=>["p-slider p-component",{"p-disabled":e.disabled,"p-slider-horizontal":e.orientation==="horizontal","p-slider-vertical":e.orientation==="vertical"}],range:"p-slider-range",thumb:"p-slider-handle"},inlineStyles:{range:{position:"absolute"},thumb:{position:"absolute"}}});export{l as styles};
+//# sourceMappingURL=index.mjs.map

package/slider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/slider/Slider.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SliderInstance } from '@primereact/types/shared/slider';\nimport { style } from '@primeuix/styles/slider';\n\nexport const styles = createStyles<SliderInstance>({\n    name: 'slider',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-slider p-component',\n            {\n                'p-disabled': props.disabled,\n                'p-slider-horizontal': props.orientation === 'horizontal',\n                'p-slider-vertical': props.orientation === 'vertical'\n            }\n        ],\n        range: 'p-slider-range',\n        thumb: 'p-slider-handle'\n    },\n    inlineStyles: {\n        range: { position: 'absolute' },\n        thumb: { position: 'absolute' }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEf,IAAMC,EAASF,EAA6B,CAC/C,KAAM,SACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,uBACA,CACI,aAAcA,EAAM,SACpB,sBAAuBA,EAAM,cAAgB,aAC7C,oBAAqBA,EAAM,cAAgB,UAC/C,CACJ,EACA,MAAO,iBACP,MAAO,iBACX,EACA,aAAc,CACV,MAAO,CAAE,SAAU,UAAW,EAC9B,MAAO,CAAE,SAAU,UAAW,CAClC,CACJ,CAAC","names":["createStyles","style","styles","props"]}

package/tooltip/Tooltip.style.d.ts

@@ -0,0 +1,15 @@
+import type { TooltipInstance } from '@primereact/types/shared/tooltip';
+export declare const styles: {
+    name: string | undefined;
+    css: import("@primeuix/styled").StyleType | undefined;
+    style: import("@primeuix/styled").StyleType | undefined;
+    classes: import("@primereact/types/styles").ClassesType<TooltipInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<TooltipInstance>;
+    baseStyles: {
+        name: string;
+        css: string;
+        style: import("@primeuix/styled").StyleType;
+        classes: {};
+        inlineStyles: {};
+    };
+};

package/tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip.style';

package/tooltip/index.mjs

@@ -0,0 +1,64 @@
+import{createStyles as t}from"@primereact/styles/utils";var o=`
+    .p-tooltip2 {
+        transform: scale(0.95);
+        opacity: 0;
+        transform-origin: var(--placer-transform-origin);
+        max-width: dt('tooltip.max.width');
+        background: dt('tooltip.background');
+        color: dt('tooltip.color');
+        padding: dt('tooltip.padding');
+        box-shadow: dt('tooltip.shadow');
+        border-radius: dt('tooltip.border.radius');
+    }
+
+    .p-tooltip2-text {
+        white-space: pre-line;
+        word-break: break-word;
+    }
+
+    .p-tooltip2-arrow {
+        display: block;
+        clip-path: polygon(0 100%, 0 0, 100% 100%);
+        border-bottom-left-radius: 2px;
+        width: 0.5rem;
+        height: 0.5rem;
+        background: dt('tooltip.background');
+    }
+
+    .p-tooltip2-arrow[data-side='right'] {
+        transform: translateX(50%) rotate(45deg);
+    }
+
+    .p-tooltip2-arrow[data-side='left'] {
+        transform: translateX(-50%) rotate(-135deg);
+    }
+    
+    .p-tooltip2-arrow[data-side='top'] {
+        transform: translateY(-50%) rotate(-45deg);
+    }
+
+    .p-tooltip2-arrow[data-side='bottom'] {
+        transform: translateY(50%) rotate(135deg);
+    }
+
+    .p-placer-content-enter-from,
+    .p-placer-content-leave-to {
+        opacity: 0;
+        transform: scale(0.9);
+    }
+
+    .p-placer-content-enter-to,
+    .p-placer-content-leave-from {
+        opacity: 1;
+        transform: scale(1);
+    }
+
+    .p-placer-content-leave-active,
+    .p-placer-content-enter-active {
+        transition:
+            opacity 250ms cubic-bezier(0.16, 1, 0.3, 1),
+            transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
+    }
+
+`,e=t({name:"tooltip",style:o,classes:{root:()=>["p-tooltip2 p-component"],arrow:"p-tooltip2-arrow",text:"p-tooltip2-text"}});export{e as styles};
+//# sourceMappingURL=index.mjs.map

package/tooltip/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tooltip/Tooltip.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TooltipInstance } from '@primereact/types/shared/tooltip';\n\nconst style = `\n    .p-tooltip2 {\n        transform: scale(0.95);\n        opacity: 0;\n        transform-origin: var(--placer-transform-origin);\n        max-width: dt('tooltip.max.width');\n        background: dt('tooltip.background');\n        color: dt('tooltip.color');\n        padding: dt('tooltip.padding');\n        box-shadow: dt('tooltip.shadow');\n        border-radius: dt('tooltip.border.radius');\n    }\n\n    .p-tooltip2-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip2-arrow {\n        display: block;\n        clip-path: polygon(0 100%, 0 0, 100% 100%);\n        border-bottom-left-radius: 2px;\n        width: 0.5rem;\n        height: 0.5rem;\n        background: dt('tooltip.background');\n    }\n\n    .p-tooltip2-arrow[data-side='right'] {\n        transform: translateX(50%) rotate(45deg);\n    }\n\n    .p-tooltip2-arrow[data-side='left'] {\n        transform: translateX(-50%) rotate(-135deg);\n    }\n    \n    .p-tooltip2-arrow[data-side='top'] {\n        transform: translateY(-50%) rotate(-45deg);\n    }\n\n    .p-tooltip2-arrow[data-side='bottom'] {\n        transform: translateY(50%) rotate(135deg);\n    }\n\n    .p-placer-content-enter-from,\n    .p-placer-content-leave-to {\n        opacity: 0;\n        transform: scale(0.9);\n    }\n\n    .p-placer-content-enter-to,\n    .p-placer-content-leave-from {\n        opacity: 1;\n        transform: scale(1);\n    }\n\n    .p-placer-content-leave-active,\n    .p-placer-content-enter-active {\n        transition:\n            opacity 250ms cubic-bezier(0.16, 1, 0.3, 1),\n            transform 250ms cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n`;\n\nexport const styles = createStyles<TooltipInstance>({\n    name: 'tooltip',\n    style,\n    classes: {\n        root: () => {\n            return ['p-tooltip2 p-component'];\n        },\n        arrow: 'p-tooltip2-arrow',\n        text: 'p-tooltip2-text'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgEDC,EAASF,EAA8B,CAChD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,IACK,CAAC,wBAAwB,EAEpC,MAAO,mBACP,KAAM,iBACV,CACJ,CAAC","names":["createStyles","style","styles"]}