@primereact/styles 11.0.0-alpha.2 → 11.0.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/confirmdialog/ConfirmDialog.style.d.ts +15 -0
- package/confirmdialog/index.d.ts +1 -0
- package/confirmdialog/index.mjs +2 -0
- package/confirmdialog/index.mjs.map +1 -0
- package/confirmpopup/ConfirmPopup.style.d.ts +15 -0
- package/confirmpopup/index.d.ts +1 -0
- package/confirmpopup/index.mjs +2 -0
- package/confirmpopup/index.mjs.map +1 -0
- package/dialog/Dialog.style.d.ts +15 -0
- package/dialog/index.d.ts +1 -0
- package/dialog/index.mjs +2 -0
- package/dialog/index.mjs.map +1 -0
- package/inputotp/InputOtp.style.d.ts +15 -0
- package/inputotp/index.d.ts +1 -0
- package/inputotp/index.mjs +2 -0
- package/inputotp/index.mjs.map +1 -0
- package/inputtext/index.mjs.map +1 -1
- package/package.json +4 -4
- package/popover/Popover.style.d.ts +15 -0
- package/popover/index.d.ts +1 -0
- package/popover/index.mjs +2 -0
- package/popover/index.mjs.map +1 -0
- package/rating/Rating.style.d.ts +15 -0
- package/rating/index.d.ts +1 -0
- package/rating/index.mjs +67 -0
- package/rating/index.mjs.map +1 -0
- package/slider/Slider.style.d.ts +15 -0
- package/slider/index.d.ts +1 -0
- package/slider/index.mjs +2 -0
- package/slider/index.mjs.map +1 -0
- package/tabs/index.mjs +1 -1
- package/tabs/index.mjs.map +1 -1
- package/terminal/Terminal.style.d.ts +15 -0
- package/terminal/index.d.ts +1 -0
- package/terminal/index.mjs +2 -0
- package/terminal/index.mjs.map +1 -0
- package/textarea/Textarea.style.d.ts +15 -0
- package/textarea/index.d.ts +1 -0
- package/textarea/index.mjs +2 -0
- package/textarea/index.mjs.map +1 -0
- package/tooltip/Tooltip.style.d.ts +15 -0
- package/tooltip/index.d.ts +1 -0
- package/tooltip/index.mjs +64 -0
- package/tooltip/index.mjs.map +1 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ConfirmDialogInstance } from '@primereact/types/shared/confirmdialog';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<ConfirmDialogInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<ConfirmDialogInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ConfirmDialog.style';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ConfirmPopupInstance } from '@primereact/types/shared/confirmpopup';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<ConfirmPopupInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<ConfirmPopupInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ConfirmPopup.style';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { DialogInstance } from '@primereact/types/shared/dialog';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<DialogInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<DialogInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Dialog.style';
|
package/dialog/index.mjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { InputOtpInstance } from '@primereact/types/shared/inputotp';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<InputOtpInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<InputOtpInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './InputOtp.style';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/inputotp/InputOtp.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputOtpInstance } from '@primereact/types/shared/inputotp';\nimport { style } from '@primeuix/styles/inputotp';\n\nexport const styles = createStyles<InputOtpInstance>({\n name: 'inputotp',\n style,\n classes: {\n root: 'p-inputotp p-component',\n text: 'p-inputotp-input'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,yBACN,KAAM,kBACV,CACJ,CAAC","names":["createStyles","style","styles"]}
|
package/inputtext/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/inputtext/InputText.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputTextInstance } from '@primereact/types/shared/inputtext';\nimport { style } from '@primeuix/styles/inputtext';\nimport { isNotEmpty } from '@primeuix/utils';\n\nexport const styles = createStyles<InputTextInstance>({\n name: 'inputtext',\n style,\n classes: {\n root: ({ props, attrs }) => [\n 'p-inputtext p-component',\n {\n
|
|
1
|
+
{"version":3,"sources":["../../src/inputtext/InputText.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputTextInstance } from '@primereact/types/shared/inputtext';\nimport { style } from '@primeuix/styles/inputtext';\nimport { isNotEmpty } from '@primeuix/utils';\n\nexport const styles = createStyles<InputTextInstance>({\n name: 'inputtext',\n style,\n classes: {\n root: ({ props, attrs }) => [\n 'p-inputtext p-component',\n {\n 'p-inputtext-sm p-inputfield-sm': props.size === 'small',\n 'p-inputtext-lg p-inputfield-lg': props.size === 'large',\n 'p-invalid': props.invalid,\n 'p-variant-filled': props.variant === 'filled',\n 'p-inputtext-fluid': props.fluid,\n 'p-filled': isNotEmpty(attrs?.value ?? attrs?.defaultValue)\n }\n ]\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BACtB,OAAS,cAAAC,MAAkB,kBAEpB,IAAMC,EAASH,EAAgC,CAClD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAG,EAAO,MAAAC,CAAM,IAAG,CATjC,IAAAC,EASoC,OACxB,0BACA,CACI,iCAAkCF,EAAM,OAAS,QACjD,iCAAkCA,EAAM,OAAS,QACjD,YAAaA,EAAM,QACnB,mBAAoBA,EAAM,UAAY,SACtC,oBAAqBA,EAAM,MAC3B,WAAYF,GAAWI,EAAAD,GAAA,YAAAA,EAAO,QAAP,KAAAC,EAAgBD,GAAA,YAAAA,EAAO,YAAY,CAC9D,CACJ,EACJ,CACJ,CAAC","names":["createStyles","style","isNotEmpty","styles","props","attrs","_a"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primereact/styles",
|
|
3
|
-
"version": "11.0.0-alpha.
|
|
3
|
+
"version": "11.0.0-alpha.4",
|
|
4
4
|
"author": "PrimeTek Informatics",
|
|
5
5
|
"description": "",
|
|
6
6
|
"homepage": "https://primereact.org/",
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"access": "public"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@primeuix/styled": "^0.7.
|
|
36
|
-
"@primeuix/utils": "^0.6.
|
|
37
|
-
"@primeuix/styles": "^1.2.
|
|
35
|
+
"@primeuix/styled": "^0.7.2",
|
|
36
|
+
"@primeuix/utils": "^0.6.1",
|
|
37
|
+
"@primeuix/styles": "^1.2.3"
|
|
38
38
|
}
|
|
39
39
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { PopoverInstance } from '@primereact/types/shared/popover';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<PopoverInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<PopoverInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Popover.style';
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { RatingInstance } from '@primereact/types/shared/rating';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<RatingInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<RatingInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Rating.style';
|
package/rating/index.mjs
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import{createStyles as n}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/rating";var o=`
|
|
2
|
+
${i}
|
|
3
|
+
.p-rating-option {
|
|
4
|
+
position: relative; /* new added */
|
|
5
|
+
transition:
|
|
6
|
+
background dt('rating.transition.duration'),
|
|
7
|
+
color dt('rating.transition.duration'),
|
|
8
|
+
border-color dt('rating.transition.duration'),
|
|
9
|
+
outline-color dt('rating.transition.duration'),
|
|
10
|
+
box-shadow dt('rating.transition.duration'),
|
|
11
|
+
transform 0.1s ease-in-out; /* new added */;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.p-rating-option:hover{
|
|
15
|
+
transform: scale(1.2);
|
|
16
|
+
}
|
|
17
|
+
.p-rating-option:active{
|
|
18
|
+
transform: scale(0.95);
|
|
19
|
+
}
|
|
20
|
+
.p-rating.p-readonly .p-rating-option {
|
|
21
|
+
cursor: not-allowed;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.p-rating-option-star{
|
|
25
|
+
width: dt('rating.icon.size');
|
|
26
|
+
height: dt('rating.icon.size');
|
|
27
|
+
color: dt('rating.icon.hover.color');
|
|
28
|
+
}
|
|
29
|
+
.p-rating-option-star.p-invalid{
|
|
30
|
+
stroke: dt('rating.invalid.icon.color');
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.p-rating-option-on{
|
|
34
|
+
display: inline-flex;
|
|
35
|
+
position: absolute;
|
|
36
|
+
width: 50%;
|
|
37
|
+
height: 100%;
|
|
38
|
+
}
|
|
39
|
+
.p-rating-option-on-element{
|
|
40
|
+
pointer-events: none;
|
|
41
|
+
display: inline-flex;
|
|
42
|
+
}
|
|
43
|
+
.p-rating-option-on-element-filled{
|
|
44
|
+
opacity:1;
|
|
45
|
+
}
|
|
46
|
+
.p-rating-option-on-element-half{
|
|
47
|
+
clip-path: inset(0 50% 0 0);
|
|
48
|
+
}
|
|
49
|
+
.p-rating-option-on-element-empty{
|
|
50
|
+
opacity:0;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.p-rating-option-off{
|
|
54
|
+
display: inline-flex;
|
|
55
|
+
}
|
|
56
|
+
.p-rating-option-off-element{
|
|
57
|
+
pointer-events: none;
|
|
58
|
+
display: inline-flex;
|
|
59
|
+
}
|
|
60
|
+
.p-rating-option-off-element-filled{
|
|
61
|
+
opacity:0;
|
|
62
|
+
}
|
|
63
|
+
.p-rating-option-off-element-half{
|
|
64
|
+
clip-path: inset(0 0 0 50%);
|
|
65
|
+
}
|
|
66
|
+
`,r=n({name:"rating",style:o,classes:{root:({props:t})=>["p-rating",{"p-readonly":t.readOnly,"p-disabled":t.disabled}],option:({context:t})=>["p-rating-option",{"p-rating-option-active":t.active,"p-focus-visible":t.focused}],optionOn:"p-rating-option-on",optionOnElement:({context:t})=>["p-rating-option-on-element",`p-rating-option-on-element-${t.state}`],optionOff:"p-rating-option-off",optionOffElement:({context:t})=>["p-rating-option-off-element",`p-rating-option-off-element-${t.state}`],optionStar:({props:t})=>["p-rating-option-star",{"p-invalid":t.invalid}]}});export{r as styles};
|
|
67
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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\nconst theme = `\n ${style}\n .p-rating-option {\n position: relative; /* new added */\n transition:\n background dt('rating.transition.duration'),\n color dt('rating.transition.duration'),\n border-color dt('rating.transition.duration'),\n outline-color dt('rating.transition.duration'),\n box-shadow dt('rating.transition.duration'),\n transform 0.1s ease-in-out; /* new added */;\n }\n\n .p-rating-option:hover{\n transform: scale(1.2);\n }\n .p-rating-option:active{\n transform: scale(0.95);\n }\n .p-rating.p-readonly .p-rating-option {\n cursor: not-allowed;\n }\n\n .p-rating-option-star{\n width: dt('rating.icon.size');\n height: dt('rating.icon.size');\n color: dt('rating.icon.hover.color');\n }\n .p-rating-option-star.p-invalid{\n stroke: dt('rating.invalid.icon.color');\n }\n\n .p-rating-option-on{\n display: inline-flex;\n position: absolute;\n width: 50%;\n height: 100%;\n }\n .p-rating-option-on-element{\n pointer-events: none;\n display: inline-flex;\n }\n .p-rating-option-on-element-filled{\n opacity:1;\n }\n .p-rating-option-on-element-half{\n clip-path: inset(0 50% 0 0);\n }\n .p-rating-option-on-element-empty{\n opacity:0;\n }\n\n .p-rating-option-off{\n display: inline-flex;\n }\n .p-rating-option-off-element{\n pointer-events: none;\n display: inline-flex;\n }\n .p-rating-option-off-element-filled{\n opacity:0;\n }\n .p-rating-option-off-element-half{\n clip-path: inset(0 0 0 50%);\n }\n`;\n\nexport const styles = createStyles<RatingInstance>({\n name: 'rating',\n style: theme,\n classes: {\n root: ({ props }) => [\n 'p-rating',\n {\n 'p-readonly': props.readOnly,\n 'p-disabled': props.disabled\n }\n ],\n option: ({ context }) => [\n 'p-rating-option',\n {\n 'p-rating-option-active': context.active,\n 'p-focus-visible': context.focused\n }\n ],\n optionOn: 'p-rating-option-on',\n optionOnElement: ({ context }) => ['p-rating-option-on-element', `p-rating-option-on-element-${context.state}`],\n optionOff: 'p-rating-option-off',\n optionOffElement: ({ context }) => ['p-rating-option-off-element', `p-rating-option-off-element-${context.state}`],\n optionStar: ({ props }) => [\n 'p-rating-option-star',\n {\n 'p-invalid': props.invalid\n }\n ]\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEtB,IAAMC,EAAQ;AAAA,UACJD,CAAK;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;AAAA;AAAA,EAkEFE,EAASH,EAA6B,CAC/C,KAAM,SACN,MAAOE,EACP,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,WACA,CACI,aAAcA,EAAM,SACpB,aAAcA,EAAM,QACxB,CACJ,EACA,OAAQ,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACrB,kBACA,CACI,yBAA0BA,EAAQ,OAClC,kBAAmBA,EAAQ,OAC/B,CACJ,EACA,SAAU,qBACV,gBAAiB,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,6BAA8B,8BAA8BA,EAAQ,KAAK,EAAE,EAC9G,UAAW,sBACX,iBAAkB,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,8BAA+B,+BAA+BA,EAAQ,KAAK,EAAE,EACjH,WAAY,CAAC,CAAE,MAAAD,CAAM,IAAM,CACvB,uBACA,CACI,YAAaA,EAAM,OACvB,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","theme","styles","props","context"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { SliderInstance } from '@primereact/types/shared/slider';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<SliderInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<SliderInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Slider.style';
|
package/slider/index.mjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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/tabs/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createStyles as a}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/tabs";var b=a({name:"tabs",style:e,classes:{root:({props:t})=>["p-tabs p-component",{"p-tabs-scrollable":t.scrollable}],panels:"p-tabpanels",tab:({context:t})=>["p-tab",{"p-tab-active":t.active,"p-disabled":t.disabled}],panel:({context:t})=>["p-tabpanel",{"p-tabpanel-active":t.active}],list:"p-tablist",content:
|
|
1
|
+
import{createStyles as a}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/tabs";var b=a({name:"tabs",style:e,classes:{root:({props:t})=>["p-tabs p-component",{"p-tabs-scrollable":t.scrollable}],panels:"p-tabpanels",tab:({context:t})=>["p-tab",{"p-tab-active":t.active,"p-disabled":t.disabled}],panel:({context:t})=>["p-tabpanel",{"p-tabpanel-active":t.active}],list:"p-tablist",content:"p-tablist-content p-tablist-viewport",tabList:"p-tablist-tab-list",activeBar:"p-tablist-active-bar",prevButton:"p-tablist-prev-button p-tablist-nav-button",nextButton:"p-tablist-next-button p-tablist-nav-button"}});export{b as styles};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/tabs/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/tabs/Tabs.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TabsInstance } from '@primereact/types/shared/tabs';\nimport { style } from '@primeuix/styles/tabs';\n\nexport const styles = createStyles<TabsInstance>({\n name: 'tabs',\n style,\n classes: {\n root: ({ props }) => [\n 'p-tabs p-component',\n {\n 'p-tabs-scrollable': props.scrollable\n }\n ],\n panels: 'p-tabpanels',\n tab: ({ context }) => [\n 'p-tab',\n {\n 'p-tab-active': context.active,\n 'p-disabled': context.disabled\n }\n ],\n panel: ({ context }) => [\n 'p-tabpanel',\n {\n 'p-tabpanel-active': context.active\n }\n ],\n list: 'p-tablist',\n content:
|
|
1
|
+
{"version":3,"sources":["../../src/tabs/Tabs.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TabsInstance } from '@primereact/types/shared/tabs';\nimport { style } from '@primeuix/styles/tabs';\n\nexport const styles = createStyles<TabsInstance>({\n name: 'tabs',\n style,\n classes: {\n root: ({ props }) => [\n 'p-tabs p-component',\n {\n 'p-tabs-scrollable': props.scrollable\n }\n ],\n panels: 'p-tabpanels',\n tab: ({ context }) => [\n 'p-tab',\n {\n 'p-tab-active': context.active,\n 'p-disabled': context.disabled\n }\n ],\n panel: ({ context }) => [\n 'p-tabpanel',\n {\n 'p-tabpanel-active': context.active\n }\n ],\n list: 'p-tablist',\n content: 'p-tablist-content p-tablist-viewport',\n tabList: 'p-tablist-tab-list',\n activeBar: 'p-tablist-active-bar',\n prevButton: 'p-tablist-prev-button p-tablist-nav-button',\n nextButton: 'p-tablist-next-button p-tablist-nav-button'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,wBAEf,IAAMC,EAASF,EAA2B,CAC7C,KAAM,OACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,qBACA,CACI,oBAAqBA,EAAM,UAC/B,CACJ,EACA,OAAQ,cACR,IAAK,CAAC,CAAE,QAAAC,CAAQ,IAAM,CAClB,QACA,CACI,eAAgBA,EAAQ,OACxB,aAAcA,EAAQ,QAC1B,CACJ,EACA,MAAO,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACpB,aACA,CACI,oBAAqBA,EAAQ,MACjC,CACJ,EACA,KAAM,YACN,QAAS,uCACT,QAAS,qBACT,UAAW,uBACX,WAAY,6CACZ,WAAY,4CAChB,CACJ,CAAC","names":["createStyles","style","styles","props","context"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { TerminalInstance } from '@primereact/types/shared/terminal';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<TerminalInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<TerminalInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Terminal.style';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createStyles as m}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/terminal";var r=m({name:"terminal",style:e,classes:{root:"p-terminal p-component",welcome:"p-terminal-welcome-message",commandList:"p-terminal-command-list",command:"p-terminal-command",commandValue:"p-terminal-command-value",commandResponse:"p-terminal-command-response",prompt:"p-terminal-prompt",promptLabel:"p-terminal-prompt-label",promptValue:"p-terminal-prompt-value"}});export{r as styles};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/terminal/Terminal.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TerminalInstance } from '@primereact/types/shared/terminal';\nimport { style } from '@primeuix/styles/terminal';\n\nexport const styles = createStyles<TerminalInstance>({\n name: 'terminal',\n style,\n classes: {\n root: 'p-terminal p-component',\n welcome: 'p-terminal-welcome-message',\n commandList: 'p-terminal-command-list',\n command: 'p-terminal-command',\n commandValue: 'p-terminal-command-value',\n commandResponse: 'p-terminal-command-response',\n prompt: 'p-terminal-prompt',\n promptLabel: 'p-terminal-prompt-label',\n promptValue: 'p-terminal-prompt-value'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,yBACN,QAAS,6BACT,YAAa,0BACb,QAAS,qBACT,aAAc,2BACd,gBAAiB,8BACjB,OAAQ,oBACR,YAAa,0BACb,YAAa,yBACjB,CACJ,CAAC","names":["createStyles","style","styles"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { TextareaInstance } from '@primereact/types/shared/textarea';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<TextareaInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<TextareaInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Textarea.style';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createStyles as l}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/textarea";import{isNotEmpty as m}from"@primeuix/utils";var f=l({name:"textarea",style:t,classes:{root:({props:e,attrs:a})=>{var i;return["p-textarea p-component",{"p-filled":m((i=a==null?void 0:a.value)!=null?i:a==null?void 0:a.defaultValue),"p-textarea-resizable ":e.autoResize,"p-textarea-sm p-inputfield-sm":e.size==="small","p-textarea-lg p-inputfield-lg":e.size==="large","p-invalid":e.invalid,"p-variant-filled":e.variant==="filled","p-textarea-fluid":e.fluid}]}}});export{f as styles};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/textarea/Textarea.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TextareaInstance } from '@primereact/types/shared/textarea';\nimport { style } from '@primeuix/styles/textarea';\nimport { isNotEmpty } from '@primeuix/utils';\n\nexport const styles = createStyles<TextareaInstance>({\n name: 'textarea',\n style,\n classes: {\n root: ({ props, attrs }) => [\n 'p-textarea p-component',\n {\n 'p-filled': isNotEmpty(attrs?.value ?? attrs?.defaultValue),\n 'p-textarea-resizable ': props.autoResize,\n 'p-textarea-sm p-inputfield-sm': props.size === 'small',\n 'p-textarea-lg p-inputfield-lg': props.size === 'large',\n 'p-invalid': props.invalid,\n 'p-variant-filled': props.variant === 'filled',\n 'p-textarea-fluid': props.fluid\n }\n ]\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BACtB,OAAS,cAAAC,MAAkB,kBAEpB,IAAMC,EAASH,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAG,EAAO,MAAAC,CAAM,IAAG,CATjC,IAAAC,EASoC,OACxB,yBACA,CACI,WAAYJ,GAAWI,EAAAD,GAAA,YAAAA,EAAO,QAAP,KAAAC,EAAgBD,GAAA,YAAAA,EAAO,YAAY,EAC1D,wBAAyBD,EAAM,WAC/B,gCAAiCA,EAAM,OAAS,QAChD,gCAAiCA,EAAM,OAAS,QAChD,YAAaA,EAAM,QACnB,mBAAoBA,EAAM,UAAY,SACtC,mBAAoBA,EAAM,KAC9B,CACJ,EACJ,CACJ,CAAC","names":["createStyles","style","isNotEmpty","styles","props","attrs","_a"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { TooltipInstance } from '@primereact/types/shared/tooltip';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<TooltipInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<TooltipInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Tooltip.style';
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import{createStyles as t}from"@primereact/styles/utils";var o=`
|
|
2
|
+
.p-tooltip2 {
|
|
3
|
+
transform: scale(0.95);
|
|
4
|
+
opacity: 0;
|
|
5
|
+
transform-origin: var(--placer-transform-origin);
|
|
6
|
+
max-width: dt('tooltip.max.width');
|
|
7
|
+
background: dt('tooltip.background');
|
|
8
|
+
color: dt('tooltip.color');
|
|
9
|
+
padding: dt('tooltip.padding');
|
|
10
|
+
box-shadow: dt('tooltip.shadow');
|
|
11
|
+
border-radius: dt('tooltip.border.radius');
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.p-tooltip2-text {
|
|
15
|
+
white-space: pre-line;
|
|
16
|
+
word-break: break-word;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.p-tooltip2-arrow {
|
|
20
|
+
display: block;
|
|
21
|
+
clip-path: polygon(0 100%, 0 0, 100% 100%);
|
|
22
|
+
border-bottom-left-radius: 2px;
|
|
23
|
+
width: 0.5rem;
|
|
24
|
+
height: 0.5rem;
|
|
25
|
+
background: dt('tooltip.background');
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.p-tooltip2-arrow[data-side='right'] {
|
|
29
|
+
transform: translateX(50%) rotate(45deg);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.p-tooltip2-arrow[data-side='left'] {
|
|
33
|
+
transform: translateX(-50%) rotate(-135deg);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.p-tooltip2-arrow[data-side='top'] {
|
|
37
|
+
transform: translateY(-50%) rotate(-45deg);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.p-tooltip2-arrow[data-side='bottom'] {
|
|
41
|
+
transform: translateY(50%) rotate(135deg);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.p-placer-content-enter-from,
|
|
45
|
+
.p-placer-content-leave-to {
|
|
46
|
+
opacity: 0;
|
|
47
|
+
transform: scale(0.9);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.p-placer-content-enter-to,
|
|
51
|
+
.p-placer-content-leave-from {
|
|
52
|
+
opacity: 1;
|
|
53
|
+
transform: scale(1);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.p-placer-content-leave-active,
|
|
57
|
+
.p-placer-content-enter-active {
|
|
58
|
+
transition:
|
|
59
|
+
opacity 250ms cubic-bezier(0.16, 1, 0.3, 1),
|
|
60
|
+
transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
`,e=t({name:"tooltip",style:o,classes:{root:()=>["p-tooltip2 p-component"],arrow:"p-tooltip2-arrow",text:"p-tooltip2-text"}});export{e as styles};
|
|
64
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|