@primereact/styles 11.0.0-alpha.4 → 11.0.0-alpha.6
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/carousel/Carousel.style.d.ts +15 -0
- package/carousel/index.d.ts +1 -0
- package/carousel/index.mjs +85 -0
- package/carousel/index.mjs.map +1 -0
- package/fluid/Fluid.style.d.ts +15 -0
- package/fluid/index.d.ts +1 -0
- package/fluid/index.mjs +2 -0
- package/fluid/index.mjs.map +1 -0
- package/iconfield/IconField.style.d.ts +15 -0
- package/iconfield/index.d.ts +1 -0
- package/iconfield/index.mjs +2 -0
- package/iconfield/index.mjs.map +1 -0
- package/inputgroup/InputGroup.style.d.ts +15 -0
- package/inputgroup/index.d.ts +1 -0
- package/inputgroup/index.mjs +2 -0
- package/inputgroup/index.mjs.map +1 -0
- package/inputnumber/InputNumber.style.d.ts +15 -0
- package/inputnumber/index.d.ts +1 -0
- package/inputnumber/index.mjs +2 -0
- package/inputnumber/index.mjs.map +1 -0
- package/inputtext/index.mjs +1 -1
- package/inputtext/index.mjs.map +1 -1
- package/knob/Knob.style.d.ts +15 -0
- package/knob/index.d.ts +1 -0
- package/knob/index.mjs +2 -0
- package/knob/index.mjs.map +1 -0
- package/package.json +3 -3
- package/paginator/Paginator.style.d.ts +15 -0
- package/paginator/index.d.ts +1 -0
- package/paginator/index.mjs +26 -0
- package/paginator/index.mjs.map +1 -0
- package/speeddial/SpeedDial.style.d.ts +15 -0
- package/speeddial/index.d.ts +1 -0
- package/speeddial/index.mjs +2 -0
- package/speeddial/index.mjs.map +1 -0
- package/textarea/index.mjs +1 -1
- package/textarea/index.mjs.map +1 -1
- package/timeline/Timeline.style.d.ts +15 -0
- package/timeline/index.d.ts +1 -0
- package/timeline/index.mjs +2 -0
- package/timeline/index.mjs.map +1 -0
- package/toast/Toast.style.d.ts +15 -0
- package/toast/index.d.ts +1 -0
- package/toast/index.mjs +4 -0
- package/toast/index.mjs.map +1 -0
- package/tooltip/index.mjs +3 -3
- package/tooltip/index.mjs.map +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { CarouselInstance } from '@primereact/types/shared/carousel';
|
|
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<CarouselInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<CarouselInstance>;
|
|
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 './Carousel.style';
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import{createStyles as t}from"@primereact/styles/utils";var r=`
|
|
2
|
+
.p-carousel{
|
|
3
|
+
position:relative;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.p-carousel-viewport{
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.p-carousel-content{
|
|
11
|
+
display: flex;
|
|
12
|
+
transform: translate3d(var(--p-swipe-amount-x), var(--p-swipe-amount-y), 0);
|
|
13
|
+
touch-action: pan-y pinch-zoom;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.p-carousel-content-horizontal{
|
|
17
|
+
flex-direction: row;
|
|
18
|
+
margin-left: calc(var(--p-spacing) * -1);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.p-carousel-content-vertical{
|
|
22
|
+
flex-direction: column;
|
|
23
|
+
margin-top: calc(var(--p-spacing) * -1);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.p-carousel-item{
|
|
27
|
+
flex: 0 0 var(--p-slide-size);
|
|
28
|
+
min-width: 0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.p-carousel-content-horizontal .p-carousel-item{
|
|
32
|
+
padding-left: var(--p-spacing);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.p-carousel-content-vertical .p-carousel-item{
|
|
36
|
+
padding-top: var(--p-spacing);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.p-carousel-indicator-list {
|
|
40
|
+
display: flex;
|
|
41
|
+
flex-direction: row;
|
|
42
|
+
justify-content: center;
|
|
43
|
+
flex-wrap: wrap;
|
|
44
|
+
padding: dt('carousel.indicator.list.padding');
|
|
45
|
+
gap: dt('carousel.indicator.list.gap');
|
|
46
|
+
margin: 0;
|
|
47
|
+
list-style: none;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.p-carousel-indicator-button {
|
|
51
|
+
display: flex;
|
|
52
|
+
align-items: center;
|
|
53
|
+
justify-content: center;
|
|
54
|
+
background: dt('carousel.indicator.background');
|
|
55
|
+
width: dt('carousel.indicator.width');
|
|
56
|
+
height: dt('carousel.indicator.height');
|
|
57
|
+
border: 0 none;
|
|
58
|
+
transition:
|
|
59
|
+
background dt('carousel.transition.duration'),
|
|
60
|
+
color dt('carousel.transition.duration'),
|
|
61
|
+
outline-color dt('carousel.transition.duration'),
|
|
62
|
+
box-shadow dt('carousel.transition.duration');
|
|
63
|
+
outline-color: transparent;
|
|
64
|
+
border-radius: dt('carousel.indicator.border.radius');
|
|
65
|
+
padding: 0;
|
|
66
|
+
margin: 0;
|
|
67
|
+
user-select: none;
|
|
68
|
+
cursor: pointer;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.p-carousel-indicator-button:focus-visible {
|
|
72
|
+
box-shadow: dt('carousel.indicator.focus.ring.shadow');
|
|
73
|
+
outline: dt('carousel.indicator.focus.ring.width') dt('carousel.indicator.focus.ring.style') dt('carousel.indicator.focus.ring.color');
|
|
74
|
+
outline-offset: dt('carousel.indicator.focus.ring.offset');
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.p-carousel-indicator-button:hover {
|
|
78
|
+
background: dt('carousel.indicator.hover.background');
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.p-carousel-indicator-active.p-carousel-indicator-button {
|
|
82
|
+
background: dt('carousel.indicator.active.background');
|
|
83
|
+
}
|
|
84
|
+
`,e=t({name:"carousel",style:r,classes:{root:"p-carousel p-component",viewport:"p-carousel-viewport",content:({context:o})=>["p-carousel-content",o.orientation==="vertical"?"p-carousel-content-vertical":"p-carousel-content-horizontal"],item:"p-carousel-item",indicators:"p-carousel-indicator-list",indicator:({context:o})=>["p-carousel-indicator-button",o.active?"p-carousel-indicator-active":""],prev:({context:o})=>[{"p-disabled":o.disabled}],next:({context:o})=>[{"p-disabled":o.disabled}]}});export{e as styles};
|
|
85
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/carousel/Carousel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CarouselInstance } from '@primereact/types/shared/carousel';\n\nconst theme = `\n.p-carousel{\nposition:relative;\n}\n\n.p-carousel-viewport{\n overflow: hidden;\n}\n\n.p-carousel-content{\n display: flex;\n transform: translate3d(var(--p-swipe-amount-x), var(--p-swipe-amount-y), 0);\n touch-action: pan-y pinch-zoom;\n}\n\n.p-carousel-content-horizontal{\n flex-direction: row;\n margin-left: calc(var(--p-spacing) * -1);\n}\n\n.p-carousel-content-vertical{\n flex-direction: column;\n margin-top: calc(var(--p-spacing) * -1);\n}\n \n.p-carousel-item{\n flex: 0 0 var(--p-slide-size);\n min-width: 0;\n}\n\n.p-carousel-content-horizontal .p-carousel-item{\npadding-left: var(--p-spacing);\n}\n\n.p-carousel-content-vertical .p-carousel-item{\npadding-top: var(--p-spacing);\n}\n\n.p-carousel-indicator-list {\n display: flex;\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n padding: dt('carousel.indicator.list.padding');\n gap: dt('carousel.indicator.list.gap');\n margin: 0;\n list-style: none;\n}\n\n.p-carousel-indicator-button {\n display: flex;\n align-items: center;\n justify-content: center;\n background: dt('carousel.indicator.background');\n width: dt('carousel.indicator.width');\n height: dt('carousel.indicator.height');\n border: 0 none;\n transition:\n background dt('carousel.transition.duration'),\n color dt('carousel.transition.duration'),\n outline-color dt('carousel.transition.duration'),\n box-shadow dt('carousel.transition.duration');\n outline-color: transparent;\n border-radius: dt('carousel.indicator.border.radius');\n padding: 0;\n margin: 0;\n user-select: none;\n cursor: pointer;\n}\n\n.p-carousel-indicator-button:focus-visible {\n box-shadow: dt('carousel.indicator.focus.ring.shadow');\n outline: dt('carousel.indicator.focus.ring.width') dt('carousel.indicator.focus.ring.style') dt('carousel.indicator.focus.ring.color');\n outline-offset: dt('carousel.indicator.focus.ring.offset');\n}\n\n.p-carousel-indicator-button:hover {\n background: dt('carousel.indicator.hover.background');\n}\n\n.p-carousel-indicator-active.p-carousel-indicator-button {\n background: dt('carousel.indicator.active.background');\n}\n`;\n\nexport const styles = createStyles<CarouselInstance>({\n name: 'carousel',\n style: theme,\n classes: {\n root: 'p-carousel p-component',\n viewport: 'p-carousel-viewport',\n content: ({ context }) => ['p-carousel-content', context.orientation === 'vertical' ? 'p-carousel-content-vertical' : 'p-carousel-content-horizontal'],\n item: 'p-carousel-item',\n indicators: 'p-carousel-indicator-list',\n indicator: ({ context }) => ['p-carousel-indicator-button', context.active ? 'p-carousel-indicator-active' : ''],\n prev: ({ context }) => [\n {\n 'p-disabled': context.disabled\n }\n ],\n next: ({ context }) => [\n {\n 'p-disabled': context.disabled\n }\n ]\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqFDC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAOC,EACP,QAAS,CACL,KAAM,yBACN,SAAU,sBACV,QAAS,CAAC,CAAE,QAAAE,CAAQ,IAAM,CAAC,qBAAsBA,EAAQ,cAAgB,WAAa,8BAAgC,+BAA+B,EACrJ,KAAM,kBACN,WAAY,4BACZ,UAAW,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,8BAA+BA,EAAQ,OAAS,8BAAgC,EAAE,EAC/G,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,CACI,aAAcA,EAAQ,QAC1B,CACJ,CACJ,CACJ,CAAC","names":["createStyles","theme","styles","context"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { FluidInstance } from '@primereact/types/shared/fluid';
|
|
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<FluidInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<FluidInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
package/fluid/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Fluid.style';
|
package/fluid/index.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/fluid/Fluid.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { FluidInstance } from '@primereact/types/shared/fluid';\n\nexport const styles = createStyles<FluidInstance>({\n name: 'fluid',\n classes: {\n root: 'p-fluid'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAASD,EAA4B,CAC9C,KAAM,QACN,QAAS,CACL,KAAM,SACV,CACJ,CAAC","names":["createStyles","styles"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { IconFieldInstance } from '@primereact/types/shared/iconfield';
|
|
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<IconFieldInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<IconFieldInstance>;
|
|
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 './IconField.style';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/iconfield/IconField.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { IconFieldInstance } from '@primereact/types/shared/iconfield';\nimport { style } from '@primeuix/styles/iconfield';\n\nexport const styles = createStyles<IconFieldInstance>({\n name: 'iconfield',\n style,\n classes: {\n root: 'p-iconfield',\n icon: 'p-inputicon'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEf,IAAMC,EAASF,EAAgC,CAClD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,cACN,KAAM,aACV,CACJ,CAAC","names":["createStyles","style","styles"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { InputGroupInstance } from '@primereact/types/shared/inputgroup';
|
|
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<InputGroupInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<InputGroupInstance>;
|
|
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 './InputGroup.style';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/inputgroup/InputGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputGroupInstance } from '@primereact/types/shared/inputgroup';\nimport { style } from '@primeuix/styles/inputgroup';\n\nexport const styles = createStyles<InputGroupInstance>({\n name: 'inputgroup',\n style,\n classes: {\n root: 'p-inputgroup',\n addon: 'p-inputgroupaddon'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEf,IAAMC,EAASF,EAAiC,CACnD,KAAM,aACN,MAAAC,EACA,QAAS,CACL,KAAM,eACN,MAAO,mBACX,CACJ,CAAC","names":["createStyles","style","styles"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { InputNumberInstance } from '@primereact/types/shared/inputnumber';
|
|
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<InputNumberInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<InputNumberInstance>;
|
|
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 './InputNumber.style';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createStyles as n}from"@primereact/styles/utils";import{style as p}from"@primeuix/styles/inputnumber";var i=n({name:"inputnumber",style:p,classes:{root:({instance:t,props:e})=>["p-inputnumber p-component p-inputwrapper",{"p-invalid":e.invalid,"p-inputwrapper-filled":e.value!=null||e.defaultValue!=null||e.allowEmpty===!1,"p-inputwrapper-focus":t.focused,"p-inputnumber-fluid":e.fluid}],text:"p-inputnumber-input"}});export{i as styles};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/inputnumber/InputNumber.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputNumberInstance } from '@primereact/types/shared/inputnumber';\nimport { style } from '@primeuix/styles/inputnumber';\n\nexport const styles = createStyles<InputNumberInstance>({\n name: 'inputnumber',\n style,\n classes: {\n root: ({ instance, props }) => [\n 'p-inputnumber p-component p-inputwrapper',\n {\n 'p-invalid': props.invalid,\n 'p-inputwrapper-filled': props.value != null || props.defaultValue != null || props.allowEmpty === false,\n 'p-inputwrapper-focus': instance.focused,\n 'p-inputnumber-fluid': props.fluid\n }\n ],\n text: 'p-inputnumber-input'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAASF,EAAkC,CACpD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,CAAM,IAAM,CAC3B,2CACA,CACI,YAAaA,EAAM,QACnB,wBAAyBA,EAAM,OAAS,MAAQA,EAAM,cAAgB,MAAQA,EAAM,aAAe,GACnG,uBAAwBD,EAAS,QACjC,sBAAuBC,EAAM,KACjC,CACJ,EACA,KAAM,qBACV,CACJ,CAAC","names":["createStyles","style","styles","instance","props"]}
|
package/inputtext/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createStyles as
|
|
1
|
+
import{createStyles as n}from"@primereact/styles/utils";import{style as m}from"@primeuix/styles/inputtext";import{isNotEmpty as u}from"@primeuix/utils";var x=n({name:"inputtext",style:m,classes:{root:({props:i,attrs:e,context:p})=>{var t,l;return["p-inputtext p-component",{"p-inputtext-sm p-inputfield-sm":i.size==="small","p-inputtext-lg p-inputfield-lg":i.size==="large","p-invalid":i.invalid,"p-variant-filled":i.variant==="filled","p-inputtext-fluid":(t=i.fluid)!=null?t:p.$fluid,"p-filled":u((l=e==null?void 0:e.value)!=null?l:e==null?void 0:e.defaultValue)}]}}});export{x as styles};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
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 '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,
|
|
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, context }) => [\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 ?? context.$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,EAAO,QAAAC,CAAQ,IAAG,CAT1C,IAAAC,EAAAC,EAS6C,OACjC,0BACA,CACI,iCAAkCJ,EAAM,OAAS,QACjD,iCAAkCA,EAAM,OAAS,QACjD,YAAaA,EAAM,QACnB,mBAAoBA,EAAM,UAAY,SACtC,qBAAqBG,EAAAH,EAAM,QAAN,KAAAG,EAAeD,EAAQ,OAC5C,WAAYJ,GAAWM,EAAAH,GAAA,YAAAA,EAAO,QAAP,KAAAG,EAAgBH,GAAA,YAAAA,EAAO,YAAY,CAC9D,CACJ,EACJ,CACJ,CAAC","names":["createStyles","style","isNotEmpty","styles","props","attrs","context","_a","_b"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { KnobInstance } from '@primereact/types/shared/knob';
|
|
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<KnobInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<KnobInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
package/knob/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Knob.style';
|
package/knob/index.mjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createStyles as o}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/knob";var r=o({name:"knob",style:t,classes:{root:({props:e})=>["p-knob p-component",{"p-disabled":e.disabled,"p-invalid":e.invalid}],range:"p-knob-range",value:"p-knob-value",text:"p-knob-text"}});export{r as styles};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/knob/Knob.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { KnobInstance } from '@primereact/types/shared/knob';\nimport { style } from '@primeuix/styles/knob';\n\nexport const styles = createStyles<KnobInstance>({\n name: 'knob',\n style,\n classes: {\n root: ({ props }) => [\n 'p-knob p-component',\n {\n 'p-disabled': props.disabled,\n 'p-invalid': props.invalid\n }\n ],\n range: 'p-knob-range',\n value: 'p-knob-value',\n text: 'p-knob-text'\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,aAAcA,EAAM,SACpB,YAAaA,EAAM,OACvB,CACJ,EACA,MAAO,eACP,MAAO,eACP,KAAM,aACV,CACJ,CAAC","names":["createStyles","style","styles","props"]}
|
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.6",
|
|
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.
|
|
35
|
+
"@primeuix/styled": "^0.7.4",
|
|
36
36
|
"@primeuix/utils": "^0.6.1",
|
|
37
|
-
"@primeuix/styles": "^1.2.
|
|
37
|
+
"@primeuix/styles": "^1.2.5"
|
|
38
38
|
}
|
|
39
39
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { PaginatorInstance } from '@primereact/types/shared/paginator';
|
|
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<PaginatorInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<PaginatorInstance>;
|
|
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 './Paginator.style';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import{createStyles as a}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/paginator";var o=`
|
|
2
|
+
${n}
|
|
3
|
+
.p-paginator-ellipsis {
|
|
4
|
+
display: inline-flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
line-height: 1;
|
|
8
|
+
user-select: none;
|
|
9
|
+
overflow: hidden;
|
|
10
|
+
position: relative;
|
|
11
|
+
background: dt('paginator.nav.button.background');
|
|
12
|
+
border: 0 none;
|
|
13
|
+
color: dt('paginator.nav.button.color');
|
|
14
|
+
min-width: dt('paginator.nav.button.width');
|
|
15
|
+
height: dt('paginator.nav.button.height');
|
|
16
|
+
transition:
|
|
17
|
+
background dt('paginator.transition.duration'),
|
|
18
|
+
color dt('paginator.transition.duration'),
|
|
19
|
+
outline-color dt('paginator.transition.duration'),
|
|
20
|
+
box-shadow dt('paginator.transition.duration');
|
|
21
|
+
border-radius: dt('paginator.nav.button.border.radius');
|
|
22
|
+
padding: 0;
|
|
23
|
+
margin: 0;
|
|
24
|
+
}
|
|
25
|
+
`,r=a({name:"paginator",style:o,classes:{paginator:()=>["p-paginator p-component"],content:"p-paginator-content",contentStart:"p-paginator-content-start",contentEnd:"p-paginator-content-end",first:({context:t})=>["p-paginator-first",{"p-disabled":t.disabled}],firstIcon:"p-paginator-first-icon",prev:({context:t})=>["p-paginator-prev",{"p-disabled":t.disabled}],prevIcon:"p-paginator-prev-icon",next:({context:t})=>["p-paginator-next",{"p-disabled":t.disabled}],nextIcon:"p-paginator-next-icon",last:({context:t})=>["p-paginator-last",{"p-disabled":t.disabled}],lastIcon:"p-paginator-last-icon",pages:"p-paginator-pages",page:({context:t})=>["p-paginator-page",{"p-paginator-page-selected":t.selected===!0,"p-disabled":t.disabled}],ellipsis:"p-paginator-ellipsis",current:"p-paginator-current",pcRowPerPageDropdown:"p-paginator-rpp-dropdown",pcJumpToPageDropdown:"p-paginator-jtp-dropdown",pcJumpToPageInputText:"p-paginator-jtp-input"}});export{r as styles};
|
|
26
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/paginator/Paginator.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PaginatorInstance } from '@primereact/types/shared/paginator';\nimport { style } from '@primeuix/styles/paginator';\n\nconst theme = `\n${style}\n.p-paginator-ellipsis {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n user-select: none;\n overflow: hidden;\n position: relative;\n background: dt('paginator.nav.button.background');\n border: 0 none;\n color: dt('paginator.nav.button.color');\n min-width: dt('paginator.nav.button.width');\n height: dt('paginator.nav.button.height');\n transition:\n background dt('paginator.transition.duration'),\n color dt('paginator.transition.duration'),\n outline-color dt('paginator.transition.duration'),\n box-shadow dt('paginator.transition.duration');\n border-radius: dt('paginator.nav.button.border.radius');\n padding: 0;\n margin: 0;\n}\n`;\n\nexport const styles = createStyles<PaginatorInstance>({\n name: 'paginator',\n style: theme,\n classes: {\n paginator: () => ['p-paginator p-component'],\n content: 'p-paginator-content',\n contentStart: 'p-paginator-content-start',\n contentEnd: 'p-paginator-content-end',\n first: ({ context }) => [\n 'p-paginator-first',\n {\n 'p-disabled': context.disabled\n }\n ],\n firstIcon: 'p-paginator-first-icon',\n prev: ({ context }) => [\n 'p-paginator-prev',\n {\n 'p-disabled': context.disabled\n }\n ],\n prevIcon: 'p-paginator-prev-icon',\n next: ({ context }) => [\n 'p-paginator-next',\n {\n 'p-disabled': context.disabled\n }\n ],\n nextIcon: 'p-paginator-next-icon',\n last: ({ context }) => [\n 'p-paginator-last',\n {\n 'p-disabled': context.disabled\n }\n ],\n lastIcon: 'p-paginator-last-icon',\n pages: 'p-paginator-pages',\n page: ({ context }) => [\n 'p-paginator-page',\n {\n 'p-paginator-page-selected': context.selected === true,\n 'p-disabled': context.disabled\n }\n ],\n ellipsis: 'p-paginator-ellipsis',\n current: 'p-paginator-current',\n pcRowPerPageDropdown: 'p-paginator-rpp-dropdown',\n pcJumpToPageDropdown: 'p-paginator-jtp-dropdown',\n pcJumpToPageInputText: 'p-paginator-jtp-input'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEtB,IAAMC,EAAQ;AAAA,EACZD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBME,EAASH,EAAgC,CAClD,KAAM,YACN,MAAOE,EACP,QAAS,CACL,UAAW,IAAM,CAAC,yBAAyB,EAC3C,QAAS,sBACT,aAAc,4BACd,WAAY,0BACZ,MAAO,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACpB,oBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,UAAW,yBACX,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,wBACV,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,wBACV,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,wBACV,MAAO,oBACP,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,4BAA6BA,EAAQ,WAAa,GAClD,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,uBACV,QAAS,sBACT,qBAAsB,2BACtB,qBAAsB,2BACtB,sBAAuB,uBAC3B,CACJ,CAAC","names":["createStyles","style","theme","styles","context"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { SpeedDialInstance } from '@primereact/types/shared/speeddial';
|
|
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<SpeedDialInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<SpeedDialInstance>;
|
|
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 './SpeedDial.style';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createStyles as t}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/speeddial";var r=t({name:"speeddial",style:n,classes:{root:({state:e,props:i})=>[`p-speeddial p-component p-speeddial-${i.type}`,{[`p-speeddial-direction-${i.direction}`]:i.type!=="circle","p-speeddial-open":e.visible,"p-disabled":i.disabled}],button:({props:e})=>["p-speeddial-button",{"p-speeddial-rotate":e.rotateAnimation}],list:"p-speeddial-list",item:"p-speeddial-item",action:"p-speeddial-action",actionIcon:"p-speeddial-action-icon"},inlineStyles:{root:({props:e})=>({alignItems:e.direction==="up"||e.direction==="down"?"center":void 0,justifyContent:e.direction==="left"||e.direction==="right"?"center":void 0,flexDirection:e.direction==="up"?"column-reverse":e.direction==="down"?"column":e.direction==="left"?"row-reverse":e.direction==="right"?"row":void 0}),list:({props:e})=>({flexDirection:e.direction==="up"?"column-reverse":e.direction==="down"?"column":e.direction==="left"?"row-reverse":e.direction==="right"?"row":void 0})}});export{r as styles};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/speeddial/SpeedDial.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SpeedDialInstance } from '@primereact/types/shared/speeddial';\nimport { style } from '@primeuix/styles/speeddial';\n\nexport const styles = createStyles<SpeedDialInstance>({\n name: 'speeddial',\n style,\n classes: {\n root: ({ state, props }) => [\n `p-speeddial p-component p-speeddial-${props.type}`,\n {\n [`p-speeddial-direction-${props.direction}`]: props.type !== 'circle',\n 'p-speeddial-open': state.visible,\n 'p-disabled': props.disabled\n }\n ],\n button: ({ props }) => [\n 'p-speeddial-button',\n {\n 'p-speeddial-rotate': props.rotateAnimation\n }\n ],\n list: 'p-speeddial-list',\n item: 'p-speeddial-item',\n action: 'p-speeddial-action',\n actionIcon: 'p-speeddial-action-icon'\n },\n inlineStyles: {\n root: ({ props }) => ({\n alignItems: props.direction === 'up' || props.direction === 'down' ? 'center' : undefined,\n justifyContent: props.direction === 'left' || props.direction === 'right' ? 'center' : undefined,\n flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : undefined\n }),\n list: ({ props }) => ({\n flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : undefined\n })\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEf,IAAMC,EAASF,EAAgC,CAClD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,CAAM,IAAM,CACxB,uCAAuCA,EAAM,IAAI,GACjD,CACI,CAAC,yBAAyBA,EAAM,SAAS,EAAE,EAAGA,EAAM,OAAS,SAC7D,mBAAoBD,EAAM,QAC1B,aAAcC,EAAM,QACxB,CACJ,EACA,OAAQ,CAAC,CAAE,MAAAA,CAAM,IAAM,CACnB,qBACA,CACI,qBAAsBA,EAAM,eAChC,CACJ,EACA,KAAM,mBACN,KAAM,mBACN,OAAQ,qBACR,WAAY,yBAChB,EACA,aAAc,CACV,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CAClB,WAAYA,EAAM,YAAc,MAAQA,EAAM,YAAc,OAAS,SAAW,OAChF,eAAgBA,EAAM,YAAc,QAAUA,EAAM,YAAc,QAAU,SAAW,OACvF,cAAeA,EAAM,YAAc,KAAO,iBAAmBA,EAAM,YAAc,OAAS,SAAWA,EAAM,YAAc,OAAS,cAAgBA,EAAM,YAAc,QAAU,MAAQ,MAC5L,GACA,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CAClB,cAAeA,EAAM,YAAc,KAAO,iBAAmBA,EAAM,YAAc,OAAS,SAAWA,EAAM,YAAc,OAAS,cAAgBA,EAAM,YAAc,QAAU,MAAQ,MAC5L,EACJ,CACJ,CAAC","names":["createStyles","style","styles","state","props"]}
|
package/textarea/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createStyles as
|
|
1
|
+
import{createStyles as m}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/textarea";import{isNotEmpty as f}from"@primeuix/utils";var d=m({name:"textarea",style:r,classes:{root:({props:e,attrs:a,context:t})=>{var i,l;return["p-textarea p-component",{"p-filled":f((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":(l=e.fluid)!=null?l:t.$fluid}]}}});export{d as styles};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/textarea/index.mjs.map
CHANGED
|
@@ -1 +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,
|
|
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, context }) => [\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 ?? context.$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,EAAO,QAAAC,CAAQ,IAAG,CAT1C,IAAAC,EAAAC,EAS6C,OACjC,yBACA,CACI,WAAYN,GAAWK,EAAAF,GAAA,YAAAA,EAAO,QAAP,KAAAE,EAAgBF,GAAA,YAAAA,EAAO,YAAY,EAC1D,wBAAyBD,EAAM,WAC/B,gCAAiCA,EAAM,OAAS,QAChD,gCAAiCA,EAAM,OAAS,QAChD,YAAaA,EAAM,QACnB,mBAAoBA,EAAM,UAAY,SACtC,oBAAoBI,EAAAJ,EAAM,QAAN,KAAAI,EAAeF,EAAQ,MAC/C,CACJ,EACJ,CACJ,CAAC","names":["createStyles","style","isNotEmpty","styles","props","attrs","context","_a","_b"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { TimelineInstance } from '@primereact/types/shared/timeline';
|
|
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<TimelineInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<TimelineInstance>;
|
|
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 './Timeline.style';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createStyles as t}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/timeline";var m=t({name:"timeline",style:n,classes:{root:({props:e})=>["p-timeline p-component","p-timeline-"+e.align,"p-timeline-"+e.orientation],event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",content:"p-timeline-event-content"}});export{m as styles};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/timeline/Timeline.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TimelineInstance } from '@primereact/types/shared/timeline';\nimport { style } from '@primeuix/styles/timeline';\n\nexport const styles = createStyles<TimelineInstance>({\n name: 'timeline',\n style,\n classes: {\n root: ({ props }) => ['p-timeline p-component', 'p-timeline-' + props.align, 'p-timeline-' + props.orientation],\n event: 'p-timeline-event',\n opposite: 'p-timeline-event-opposite',\n separator: 'p-timeline-event-separator',\n marker: 'p-timeline-event-marker',\n connector: 'p-timeline-event-connector',\n content: 'p-timeline-event-content'\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,CAAC,CAAE,MAAAE,CAAM,IAAM,CAAC,yBAA0B,cAAgBA,EAAM,MAAO,cAAgBA,EAAM,WAAW,EAC9G,MAAO,mBACP,SAAU,4BACV,UAAW,6BACX,OAAQ,0BACR,UAAW,6BACX,QAAS,0BACb,CACJ,CAAC","names":["createStyles","style","styles","props"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ToastInstance } from '@primereact/types/shared/toast';
|
|
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<ToastInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<ToastInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
package/toast/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Toast.style';
|
package/toast/index.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/toast/Toast.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToastInstance } from '@primereact/types/shared/toast';\n\nconst style = `\n \n`;\n\nexport const styles = createStyles<ToastInstance>({\n name: 'toast',\n style,\n classes: {}\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAQ;AAAA;AAAA,EAIDC,EAASF,EAA4B,CAC9C,KAAM,QACN,MAAAC,EACA,QAAS,CAAC,CACd,CAAC","names":["createStyles","style","styles"]}
|
package/tooltip/index.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import{createStyles as t}from"@primereact/styles/utils";var o=`
|
|
2
2
|
.p-tooltip2 {
|
|
3
|
-
transform: scale(0.95)
|
|
4
|
-
opacity: 0
|
|
3
|
+
/*transform: scale(0.95);*/
|
|
4
|
+
/*opacity: 0;*/
|
|
5
5
|
transform-origin: var(--placer-transform-origin);
|
|
6
6
|
max-width: dt('tooltip.max.width');
|
|
7
7
|
background: dt('tooltip.background');
|
|
@@ -32,7 +32,7 @@ import{createStyles as t}from"@primereact/styles/utils";var o=`
|
|
|
32
32
|
.p-tooltip2-arrow[data-side='left'] {
|
|
33
33
|
transform: translateX(-50%) rotate(-135deg);
|
|
34
34
|
}
|
|
35
|
-
|
|
35
|
+
|
|
36
36
|
.p-tooltip2-arrow[data-side='top'] {
|
|
37
37
|
transform: translateY(-50%) rotate(-45deg);
|
|
38
38
|
}
|
package/tooltip/index.mjs.map
CHANGED
|
@@ -1 +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)
|
|
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"]}
|