@primereact/styles 11.0.0-alpha.5 → 11.0.0-alpha.7

package/carousel/Carousel.style.d.ts

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

package/carousel/index.d.ts

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

package/carousel/index.mjs

@@ -0,0 +1,85 @@
+import{createStyles as t}from"@primereact/styles/utils";var r=`
+.p-carousel{
+position:relative;
+}
+
+.p-carousel-viewport{
+    overflow: hidden;
+}
+
+.p-carousel-content{
+    display: flex;
+    transform: translate3d(var(--p-swipe-amount-x), var(--p-swipe-amount-y), 0);
+    touch-action: pan-y pinch-zoom;
+}
+
+.p-carousel-content-horizontal{
+    flex-direction: row;
+    margin-left: calc(var(--p-spacing) * -1);
+}
+
+.p-carousel-content-vertical{
+    flex-direction: column;
+    margin-top: calc(var(--p-spacing) * -1);
+}
+    
+.p-carousel-item{
+    flex: 0 0 var(--p-slide-size);
+    min-width: 0;
+}
+
+.p-carousel-content-horizontal .p-carousel-item{
+padding-left: var(--p-spacing);
+}
+
+.p-carousel-content-vertical .p-carousel-item{
+padding-top: var(--p-spacing);
+}
+
+.p-carousel-indicator-list {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    flex-wrap: wrap;
+    padding: dt('carousel.indicator.list.padding');
+    gap: dt('carousel.indicator.list.gap');
+    margin: 0;
+    list-style: none;
+}
+
+.p-carousel-indicator-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: dt('carousel.indicator.background');
+    width: dt('carousel.indicator.width');
+    height: dt('carousel.indicator.height');
+    border: 0 none;
+    transition:
+        background dt('carousel.transition.duration'),
+        color dt('carousel.transition.duration'),
+        outline-color dt('carousel.transition.duration'),
+        box-shadow dt('carousel.transition.duration');
+    outline-color: transparent;
+    border-radius: dt('carousel.indicator.border.radius');
+    padding: 0;
+    margin: 0;
+    user-select: none;
+    cursor: pointer;
+}
+
+.p-carousel-indicator-button:focus-visible {
+    box-shadow: dt('carousel.indicator.focus.ring.shadow');
+    outline: dt('carousel.indicator.focus.ring.width') dt('carousel.indicator.focus.ring.style') dt('carousel.indicator.focus.ring.color');
+    outline-offset: dt('carousel.indicator.focus.ring.offset');
+}
+
+.p-carousel-indicator-button:hover {
+    background: dt('carousel.indicator.hover.background');
+}
+
+.p-carousel-indicator-active.p-carousel-indicator-button {
+    background: dt('carousel.indicator.active.background');
+}
+`,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};
+//# sourceMappingURL=index.mjs.map

package/carousel/index.mjs.map

@@ -0,0 +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"]}

package/dataview/DataView.style.d.ts

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

package/dataview/index.d.ts

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

package/dataview/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as e}from"@primereact/styles/utils";var a=e({name:"dataview",classes:{root:"p-dataview p-component"}});export{a as styles};
+//# sourceMappingURL=index.mjs.map

package/dataview/index.mjs.map

@@ -0,0 +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"]}

package/fileupload/FileUpload.style.d.ts

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

package/fileupload/index.d.ts

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

package/fileupload/index.mjs

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=index.mjs.map

package/fileupload/index.mjs.map

@@ -0,0 +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"]}

package/gallery/Gallery.style.d.ts

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

package/gallery/index.d.ts

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

package/gallery/index.mjs

@@ -0,0 +1,136 @@
+import{createStyles as e}from"@primereact/styles/utils";var r=`
+    .p-gallery {
+        width: 100%;
+        position: relative;
+        overflow: hidden;
+        display: grid;
+        grid-template-columns: 2.5rem 1fr 2.5rem;
+        grid-template-rows: 2.5rem 1fr 4rem;
+        padding: 1rem;
+        gap: 0.75rem;
+    }
+    .p-gallery-backdrop {
+        position: absolute;
+        inset: 0;
+        z-index: 0;
+        background-color: var(--p-surface-950);
+    }
+    .p-gallery-content {
+        position: relative;
+        grid-column: 2 / span 1;
+        grid-row: 2 / span 1;
+        z-index: 1;
+        place-self: stretch center;
+        width: 100%;
+    }
+
+    .p-gallery-item {
+        --position-x: 0px;
+        --position-y: 0px;
+        --scale: 1;
+        --rotation: 0deg;
+        --flip-x: 1;
+        --flip-y: 1;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform-origin: center;
+        user-select: none;
+        touch-action: none;
+        align-items: center;
+        justify-content: center;
+        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));
+        opacity: 0;
+        pointer-events: none;
+        visibility: hidden;
+        z-index: 0;
+        display: none;
+        cursor: pointer;
+        transition:
+            transform 0.3s ease,
+            opacity 0.3s ease;
+    }
+
+    .p-gallery-item[data-active="true"] {
+        opacity: 1;
+        pointer-events: auto;
+        visibility: visible;
+        z-index: 1;
+        display: flex;
+        cursor: zoom-in;
+    }
+
+    .p-gallery-toolbar {
+        grid-column: 1 / span 3;
+        grid-row: 1;
+        place-self: flex-end;
+        z-index: 2;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        border-radius: 0.5rem;
+        border: 1px solid var(--p-surface-800);
+        background-color: var(--p-surface-900);
+        padding: 0.25rem;
+    }
+
+    .p-gallery-toolbar-item {
+        width: 2rem;
+        height: 2rem;
+        cursor: pointer;
+        border-radius: 0.5rem;
+        border: 1px solid transparent;
+        color: var(--p-surface-400);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .p-gallery-toolbar-item:hover {
+        border-color: var(--p-surface-700);
+        background-color: var(--p-surface-800);
+    }
+
+    .p-gallery-next,
+    .p-gallery-prev {
+        grid-row: 1 / span 3;
+        place-self: center;
+        z-index: 2;
+        width: 100%;
+        aspect-ratio: 1 / 1;
+        cursor: pointer;
+        border-radius: 0.5rem;
+        border: 1px solid var(--p-surface-800);
+        background-color: var(--p-surface-900);
+        color: var(--p-surface-400);
+        transition-property: background-color;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 150ms;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .p-gallery-next:hover,
+    .p-gallery-prev:hover {
+        background-color: var(--p-surface-800);
+    }
+
+    .p-gallery-next {
+        grid-column: 3;
+    }
+
+    .p-gallery-prev {
+        grid-column: 1;
+    }
+
+    .p-gallery-thumbnail {
+        max-width: 600px;
+        grid-column: 1 / span 3;
+        grid-row: 3;
+        place-self: center;
+        z-index: 2;
+    }
+`,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};
+//# sourceMappingURL=index.mjs.map

package/gallery/index.mjs.map

@@ -0,0 +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"]}

package/inputnumber/InputNumber.style.d.ts

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

package/inputnumber/index.d.ts

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

package/inputnumber/index.mjs

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=index.mjs.map

package/inputnumber/index.mjs.map

@@ -0,0 +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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primereact/styles",
-  "version": "11.0.0-alpha.5",
+  "version": "11.0.0-alpha.7",
   "author": "PrimeTek Informatics",
   "description": "",
   "homepage": "https://primereact.org/",
@@ -32,8 +32,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@primeuix/styled": "^0.7.2",
+    "@primeuix/styled": "^0.7.4",
     "@primeuix/utils": "^0.6.1",
-    "@primeuix/styles": "^1.2.3"
+    "@primeuix/styles": "^1.2.5"
   }
 }

package/toast/Toast.style.d.ts

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

package/toast/index.d.ts

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

package/toast/index.mjs

@@ -0,0 +1,4 @@
+import{createStyles as t}from"@primereact/styles/utils";var s=`
+    
+`,o=t({name:"toast",style:s,classes:{}});export{o as styles};
+//# sourceMappingURL=index.mjs.map

package/toast/index.mjs.map

@@ -0,0 +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

@@ -1,7 +1,7 @@
 import{createStyles as t}from"@primereact/styles/utils";var o=`
     .p-tooltip2 {
-        transform: scale(0.95);
-        opacity: 0;
+        /*transform: scale(0.95);*/
+        /*opacity: 0;*/
         transform-origin: var(--placer-transform-origin);
         max-width: dt('tooltip.max.width');
         background: dt('tooltip.background');
@@ -32,7 +32,7 @@ import{createStyles as t}from"@primereact/styles/utils";var o=`
     .p-tooltip2-arrow[data-side='left'] {
         transform: translateX(-50%) rotate(-135deg);
     }
-    
+
     .p-tooltip2-arrow[data-side='top'] {
         transform: translateY(-50%) rotate(-45deg);
     }

package/tooltip/index.mjs.map

@@ -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"]}
+{"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"]}