@primereact/styles 11.0.0-alpha.6 → 11.0.0-alpha.7
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/dataview/DataView.style.d.ts +15 -0
- package/dataview/index.d.ts +1 -0
- package/dataview/index.mjs +2 -0
- package/dataview/index.mjs.map +1 -0
- package/fileupload/FileUpload.style.d.ts +15 -0
- package/fileupload/index.d.ts +1 -0
- package/fileupload/index.mjs +2 -0
- package/fileupload/index.mjs.map +1 -0
- package/gallery/Gallery.style.d.ts +15 -0
- package/gallery/index.d.ts +1 -0
- package/gallery/index.mjs +136 -0
- package/gallery/index.mjs.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { DataViewInstance } from '@primereact/types/shared/dataview';
|
|
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<DataViewInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<DataViewInstance>;
|
|
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 './DataView.style';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dataview/DataView.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DataViewInstance } from '@primereact/types/shared/dataview';\n\nexport const styles = createStyles<DataViewInstance>({\n name: 'dataview',\n classes: {\n root: 'p-dataview p-component'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAASD,EAA+B,CACjD,KAAM,WACN,QAAS,CACL,KAAM,wBACV,CACJ,CAAC","names":["createStyles","styles"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { FileUploadInstance } from '@primereact/types/shared/fileupload';
|
|
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<FileUploadInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<FileUploadInstance>;
|
|
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 './FileUpload.style';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createStyles as e}from"@primereact/styles/utils";import{style as l}from"@primeuix/styles/fileupload";var p=e({name:"fileupload",style:l,classes:{root:"p-fileupload p-component",content:"p-fileupload-content",fileList:"p-fileupload-file-list",file:"p-fileupload-file",fileThumbnail:"p-fileupload-file-thumbnail",fileInfo:"p-fileupload-file-info",fileName:"p-fileupload-file-name",fileSize:"p-fileupload-file-size",fileActions:"p-fileupload-file-actions"}});export{p as styles};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/fileupload/FileUpload.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { FileUploadInstance } from '@primereact/types/shared/fileupload';\nimport { style } from '@primeuix/styles/fileupload';\n\nexport const styles = createStyles<FileUploadInstance>({\n name: 'fileupload',\n style,\n classes: {\n root: 'p-fileupload p-component',\n content: 'p-fileupload-content',\n fileList: 'p-fileupload-file-list',\n file: 'p-fileupload-file',\n fileThumbnail: 'p-fileupload-file-thumbnail',\n fileInfo: 'p-fileupload-file-info',\n fileName: 'p-fileupload-file-name',\n fileSize: 'p-fileupload-file-size',\n fileActions: 'p-fileupload-file-actions'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEf,IAAMC,EAASF,EAAiC,CACnD,KAAM,aACN,MAAAC,EACA,QAAS,CACL,KAAM,2BACN,QAAS,uBACT,SAAU,yBACV,KAAM,oBACN,cAAe,8BACf,SAAU,yBACV,SAAU,yBACV,SAAU,yBACV,YAAa,2BACjB,CACJ,CAAC","names":["createStyles","style","styles"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { GalleryInstance } from '@primereact/types/shared/gallery';
|
|
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<GalleryInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<GalleryInstance>;
|
|
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 './Gallery.style';
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import{createStyles as e}from"@primereact/styles/utils";var r=`
|
|
2
|
+
.p-gallery {
|
|
3
|
+
width: 100%;
|
|
4
|
+
position: relative;
|
|
5
|
+
overflow: hidden;
|
|
6
|
+
display: grid;
|
|
7
|
+
grid-template-columns: 2.5rem 1fr 2.5rem;
|
|
8
|
+
grid-template-rows: 2.5rem 1fr 4rem;
|
|
9
|
+
padding: 1rem;
|
|
10
|
+
gap: 0.75rem;
|
|
11
|
+
}
|
|
12
|
+
.p-gallery-backdrop {
|
|
13
|
+
position: absolute;
|
|
14
|
+
inset: 0;
|
|
15
|
+
z-index: 0;
|
|
16
|
+
background-color: var(--p-surface-950);
|
|
17
|
+
}
|
|
18
|
+
.p-gallery-content {
|
|
19
|
+
position: relative;
|
|
20
|
+
grid-column: 2 / span 1;
|
|
21
|
+
grid-row: 2 / span 1;
|
|
22
|
+
z-index: 1;
|
|
23
|
+
place-self: stretch center;
|
|
24
|
+
width: 100%;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.p-gallery-item {
|
|
28
|
+
--position-x: 0px;
|
|
29
|
+
--position-y: 0px;
|
|
30
|
+
--scale: 1;
|
|
31
|
+
--rotation: 0deg;
|
|
32
|
+
--flip-x: 1;
|
|
33
|
+
--flip-y: 1;
|
|
34
|
+
position: absolute;
|
|
35
|
+
top: 50%;
|
|
36
|
+
left: 50%;
|
|
37
|
+
transform-origin: center;
|
|
38
|
+
user-select: none;
|
|
39
|
+
touch-action: none;
|
|
40
|
+
align-items: center;
|
|
41
|
+
justify-content: center;
|
|
42
|
+
transform: translate(calc(-50% + var(--position-x)), calc(-50% + var(--position-y))) scale(var(--scale)) rotate(calc(var(--rotation))) scaleX(var(--flip-x)) scaleY(var(--flip-y));
|
|
43
|
+
opacity: 0;
|
|
44
|
+
pointer-events: none;
|
|
45
|
+
visibility: hidden;
|
|
46
|
+
z-index: 0;
|
|
47
|
+
display: none;
|
|
48
|
+
cursor: pointer;
|
|
49
|
+
transition:
|
|
50
|
+
transform 0.3s ease,
|
|
51
|
+
opacity 0.3s ease;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.p-gallery-item[data-active="true"] {
|
|
55
|
+
opacity: 1;
|
|
56
|
+
pointer-events: auto;
|
|
57
|
+
visibility: visible;
|
|
58
|
+
z-index: 1;
|
|
59
|
+
display: flex;
|
|
60
|
+
cursor: zoom-in;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.p-gallery-toolbar {
|
|
64
|
+
grid-column: 1 / span 3;
|
|
65
|
+
grid-row: 1;
|
|
66
|
+
place-self: flex-end;
|
|
67
|
+
z-index: 2;
|
|
68
|
+
height: 100%;
|
|
69
|
+
display: flex;
|
|
70
|
+
align-items: center;
|
|
71
|
+
gap: 0.5rem;
|
|
72
|
+
border-radius: 0.5rem;
|
|
73
|
+
border: 1px solid var(--p-surface-800);
|
|
74
|
+
background-color: var(--p-surface-900);
|
|
75
|
+
padding: 0.25rem;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.p-gallery-toolbar-item {
|
|
79
|
+
width: 2rem;
|
|
80
|
+
height: 2rem;
|
|
81
|
+
cursor: pointer;
|
|
82
|
+
border-radius: 0.5rem;
|
|
83
|
+
border: 1px solid transparent;
|
|
84
|
+
color: var(--p-surface-400);
|
|
85
|
+
display: flex;
|
|
86
|
+
align-items: center;
|
|
87
|
+
justify-content: center;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.p-gallery-toolbar-item:hover {
|
|
91
|
+
border-color: var(--p-surface-700);
|
|
92
|
+
background-color: var(--p-surface-800);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.p-gallery-next,
|
|
96
|
+
.p-gallery-prev {
|
|
97
|
+
grid-row: 1 / span 3;
|
|
98
|
+
place-self: center;
|
|
99
|
+
z-index: 2;
|
|
100
|
+
width: 100%;
|
|
101
|
+
aspect-ratio: 1 / 1;
|
|
102
|
+
cursor: pointer;
|
|
103
|
+
border-radius: 0.5rem;
|
|
104
|
+
border: 1px solid var(--p-surface-800);
|
|
105
|
+
background-color: var(--p-surface-900);
|
|
106
|
+
color: var(--p-surface-400);
|
|
107
|
+
transition-property: background-color;
|
|
108
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
109
|
+
transition-duration: 150ms;
|
|
110
|
+
display: flex;
|
|
111
|
+
align-items: center;
|
|
112
|
+
justify-content: center;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.p-gallery-next:hover,
|
|
116
|
+
.p-gallery-prev:hover {
|
|
117
|
+
background-color: var(--p-surface-800);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.p-gallery-next {
|
|
121
|
+
grid-column: 3;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.p-gallery-prev {
|
|
125
|
+
grid-column: 1;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.p-gallery-thumbnail {
|
|
129
|
+
max-width: 600px;
|
|
130
|
+
grid-column: 1 / span 3;
|
|
131
|
+
grid-row: 3;
|
|
132
|
+
place-self: center;
|
|
133
|
+
z-index: 2;
|
|
134
|
+
}
|
|
135
|
+
`,t=e({name:"gallery",style:r,classes:{root:"p-gallery",backdrop:"p-gallery-backdrop",content:"p-gallery-content",item:"p-gallery-item",next:"p-gallery-next",prev:"p-gallery-prev",toolbar:"p-gallery-toolbar",toolbarItem:"p-gallery-toolbar-item",thumbnail:"p-gallery-thumbnail",thumbnailContent:"p-gallery-thumbnail-content",thumbnailItem:"p-gallery-thumbnail-item"}});export{t as styles};
|
|
136
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/gallery/Gallery.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { GalleryInstance } from '@primereact/types/shared/gallery';\n\nconst theme = `\n .p-gallery {\n width: 100%;\n position: relative;\n overflow: hidden;\n display: grid;\n grid-template-columns: 2.5rem 1fr 2.5rem;\n grid-template-rows: 2.5rem 1fr 4rem;\n padding: 1rem;\n gap: 0.75rem;\n }\n .p-gallery-backdrop {\n position: absolute;\n inset: 0;\n z-index: 0;\n background-color: var(--p-surface-950);\n }\n .p-gallery-content {\n position: relative;\n grid-column: 2 / span 1;\n grid-row: 2 / span 1;\n z-index: 1;\n place-self: stretch center;\n width: 100%;\n }\n\n .p-gallery-item {\n --position-x: 0px;\n --position-y: 0px;\n --scale: 1;\n --rotation: 0deg;\n --flip-x: 1;\n --flip-y: 1;\n position: absolute;\n top: 50%;\n left: 50%;\n transform-origin: center;\n user-select: none;\n touch-action: none;\n align-items: center;\n justify-content: center;\n transform: translate(calc(-50% + var(--position-x)), calc(-50% + var(--position-y))) scale(var(--scale)) rotate(calc(var(--rotation))) scaleX(var(--flip-x)) scaleY(var(--flip-y));\n opacity: 0;\n pointer-events: none;\n visibility: hidden;\n z-index: 0;\n display: none;\n cursor: pointer;\n transition:\n transform 0.3s ease,\n opacity 0.3s ease;\n }\n\n .p-gallery-item[data-active=\"true\"] {\n opacity: 1;\n pointer-events: auto;\n visibility: visible;\n z-index: 1;\n display: flex;\n cursor: zoom-in;\n }\n\n .p-gallery-toolbar {\n grid-column: 1 / span 3;\n grid-row: 1;\n place-self: flex-end;\n z-index: 2;\n height: 100%;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.5rem;\n border: 1px solid var(--p-surface-800);\n background-color: var(--p-surface-900);\n padding: 0.25rem;\n }\n\n .p-gallery-toolbar-item {\n width: 2rem;\n height: 2rem;\n cursor: pointer;\n border-radius: 0.5rem;\n border: 1px solid transparent;\n color: var(--p-surface-400);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .p-gallery-toolbar-item:hover {\n border-color: var(--p-surface-700);\n background-color: var(--p-surface-800);\n }\n\n .p-gallery-next,\n .p-gallery-prev {\n grid-row: 1 / span 3;\n place-self: center;\n z-index: 2;\n width: 100%;\n aspect-ratio: 1 / 1;\n cursor: pointer;\n border-radius: 0.5rem;\n border: 1px solid var(--p-surface-800);\n background-color: var(--p-surface-900);\n color: var(--p-surface-400);\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .p-gallery-next:hover,\n .p-gallery-prev:hover {\n background-color: var(--p-surface-800);\n }\n\n .p-gallery-next {\n grid-column: 3;\n }\n\n .p-gallery-prev {\n grid-column: 1;\n }\n\n .p-gallery-thumbnail {\n max-width: 600px;\n grid-column: 1 / span 3;\n grid-row: 3;\n place-self: center;\n z-index: 2;\n }\n`;\n\nexport const styles = createStyles<GalleryInstance>({\n name: 'gallery',\n style: theme,\n classes: {\n root: 'p-gallery',\n backdrop: 'p-gallery-backdrop',\n content: 'p-gallery-content',\n item: 'p-gallery-item',\n next: 'p-gallery-next',\n prev: 'p-gallery-prev',\n toolbar: 'p-gallery-toolbar',\n toolbarItem: 'p-gallery-toolbar-item',\n thumbnail: 'p-gallery-thumbnail',\n thumbnailContent: 'p-gallery-thumbnail-content',\n thumbnailItem: 'p-gallery-thumbnail-item'\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;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,EAwIDC,EAASF,EAA8B,CAChD,KAAM,UACN,MAAOC,EACP,QAAS,CACL,KAAM,YACN,SAAU,qBACV,QAAS,oBACT,KAAM,iBACN,KAAM,iBACN,KAAM,iBACN,QAAS,oBACT,YAAa,yBACb,UAAW,sBACX,iBAAkB,8BAClB,cAAe,0BACnB,CACJ,CAAC","names":["createStyles","theme","styles"]}
|