@primereact/styles 11.0.0-alpha.3 → 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/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/rating/index.mjs +66 -1
- package/rating/index.mjs.map +1 -1
- 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
|
@@ -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
|
}
|
package/rating/index.mjs
CHANGED
|
@@ -1,2 +1,67 @@
|
|
|
1
|
-
import{createStyles as
|
|
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};
|
|
2
67
|
//# sourceMappingURL=index.mjs.map
|
package/rating/index.mjs.map
CHANGED
|
@@ -1 +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\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: ({
|
|
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"]}
|
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"]}
|