@primereact/styles 11.0.0-alpha.9 → 11.0.0-rc.1

package/confirmdialog/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/confirmdialog/ConfirmDialog.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ConfirmDialogInstance } from '@primereact/types/shared/confirmdialog';\nimport { style } from '@primeuix/styles/confirmdialog';\n\nexport const styles = createStyles<ConfirmDialogInstance>({\n    name: 'confirmdialog',\n    style,\n    classes: {\n        root: 'p-confirmdialog',\n        trigger: 'p-confirmdialog-trigger-button',\n        icon: 'p-confirmdialog-icon',\n        message: 'p-confirmdialog-message',\n        close: 'p-confirmdialog-reject-button',\n        action: 'p-confirmdialog-accept-button'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,iCAEf,IAAMC,EAASF,EAAoC,CACtD,KAAM,gBACN,MAAAC,EACA,QAAS,CACL,KAAM,kBACN,QAAS,iCACT,KAAM,uBACN,QAAS,0BACT,MAAO,gCACP,OAAQ,+BACZ,CACJ,CAAC","names":["createStyles","style","styles"]}

package/confirmpopup/index.d.ts

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

package/confirmpopup/index.mjs

@@ -1,2 +0,0 @@
-import{createStyles as p}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/confirmpopup";var r=p({name:"confirmpopup",style:o,classes:{root:"p-confirmpopup p-component",content:"p-confirmpopup-content",icon:"p-confirmpopup-icon",message:"p-confirmpopup-message",footer:"p-confirmpopup-footer",reject:"p-confirmpopup-reject-button",accept:"p-confirmpopup-accept-button"}});export{r as styles};
-//# sourceMappingURL=index.mjs.map

package/confirmpopup/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/confirmpopup/ConfirmPopup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ConfirmPopupInstance } from '@primereact/types/shared/confirmpopup';\nimport { style } from '@primeuix/styles/confirmpopup';\n\nexport const styles = createStyles<ConfirmPopupInstance>({\n    name: 'confirmpopup',\n    style,\n    classes: {\n        root: 'p-confirmpopup p-component',\n        content: 'p-confirmpopup-content',\n        icon: 'p-confirmpopup-icon',\n        message: 'p-confirmpopup-message',\n        footer: 'p-confirmpopup-footer',\n        reject: 'p-confirmpopup-reject-button',\n        accept: 'p-confirmpopup-accept-button'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,6BACN,QAAS,yBACT,KAAM,sBACN,QAAS,yBACT,OAAQ,wBACR,OAAQ,+BACR,OAAQ,8BACZ,CACJ,CAAC","names":["createStyles","style","styles"]}

package/imagecompare/index.d.ts

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

package/imagecompare/index.mjs

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

package/imagecompare/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/imagecompare/ImageCompare.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ImageCompareInstance } from '@primereact/types/shared/imagecompare';\nimport { style } from '@primeuix/styles/imagecompare';\n\nexport const styles = createStyles<ImageCompareInstance>({\n    name: 'imagecompare',\n    style,\n    classes: {\n        root: 'p-imagecompare',\n        slider: 'p-imagecompare-slider'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,iBACN,OAAQ,uBACZ,CACJ,CAAC","names":["createStyles","style","styles"]}

package/orgchart/index.d.ts

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

package/orgchart/index.mjs

@@ -1,185 +0,0 @@
-import{createStyles as t}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/organizationchart";var a=`
-${r}
-
-.p-orgchart{
-    width: 100%;
-    overflow: auto;
-    padding: 1rem 0;
-}
-
-.p-orgchart-subtree{
-    position: relative;
-    display: flex;
-    padding-inline-start: 0;
-    margin: 0;
-    padding-top: calc(var(--gap-y) * 1px * 2/3);
-    gap: calc(var(--gap-x) * 1px);
-}
-
-.p-orgchart-subtree-root{
-    padding-top: 0;
-}
-
-.p-orgchart-subtree-root::before {
-    content: none !important;
-}
-
-.p-orgchart-subtree::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    height: calc(var(--gap-y) * 1px * 2/3);
-    box-sizing: border-box;
-    left: calc(50% - 1px / 2);
-    width: 0;
-    border-left: 1px solid dt('organizationchart.connector.color');
-}
-
-.p-orgchart-tree {
-    flex-shrink: 0;
-    text-align: center;
-    list-style-type: none;
-    margin: 0 auto;
-    position: relative;
-    padding: calc(var(--gap-y) * 1px * 1/3) 0 0 0;
-}
-
-.p-orgchart-tree::before,
-.p-orgchart-tree::after {
-    content: "";
-    position: absolute;
-    height: calc(var(--gap-y) * 1px * 1/3);
-    width: calc(50% + calc(var(--gap-x) / 2 * 1px));
-    top: 0;
-    right: 50%;
-    border-top: 1px solid dt('organizationchart.connector.color');
-    box-sizing: border-box;
-}
-
-.p-orgchart-tree::after {
-    left: 50%;
-    border-left: 1px solid dt('organizationchart.connector.color');
-}
-
-.p-orgchart-tree:only-of-type {
-    padding: 0;
-}
-
-.p-orgchart-tree:only-of-type::before,
-.p-orgchart-tree:only-of-type::after {
-    display: none;
-}
-
-.p-orgchart-tree:first-of-type::before {
-    border: none;
-}
-
-.p-orgchart-tree:first-of-type::after {
-    border-radius: dt('organizationchart.connector.border.radius') 0 0 0;
-}
-
-.p-orgchart-tree:last-of-type::before {
-    border-right: 1px solid dt('organizationchart.connector.color');
-    border-radius: 0 dt('organizationchart.connector.border.radius') 0 0;
-}
-
-.p-orgchart-tree:last-of-type::after {
-    border: 0 none;
-}
-
-.p-orgchart-node {
-    position: relative;
-    min-width: 4rem;
-    width: fit-content;
-    margin: 0 auto;
-    background: dt('organizationchart.node.background');
-    border: 1px solid dt('organizationchart.node.border.color');
-    border-radius: dt('organizationchart.node.border.radius');
-    color: dt('organizationchart.node.color');
-    transition:
-        background dt('organizationchart.transition.duration'),
-        border-color dt('organizationchart.transition.duration'),
-        color dt('organizationchart.transition.duration'),
-        box-shadow dt('organizationchart.transition.duration');
-}
-
-.p-orgchart-node-content{
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: dt('organizationchart.node.padding');
-}
-
-.p-orgchart-node[data-selectable="true"]:not([data-selected="true"]):hover {
-    background: dt('organizationchart.node.hover.background');
-    color: dt('organizationchart.node.hover.color');
-}
-
-.p-orgchart-node[data-selectable="true"][data-selected="true"] {
-    background: dt('organizationchart.node.selected.background');
-    color: dt('organizationchart.node.selected.color');
-}
-
-.p-orgchart-node[data-selectable="true"] {
-    cursor: pointer;
-    user-select: none;
-}
-
-.p-orgchart-collapse-button{
-    pointer-events: auto;
-    padding: 0.1rem 0.3rem;
-    gap: 0.2rem;
-    position: absolute;
-    z-index:2;
-    font-size: 0.75rem;
-    bottom: 0;
-    left: 50%;
-    transform: translateX(-50%) translateY(50%);
-    cursor: pointer;
-    user-select: none;
-    background: dt('organizationchart.node.toggle.button.background');
-    color: dt('organizationchart.node.toggle.button.color');
-    border-radius: 99999px;
-    border: 1px solid dt('organizationchart.node.toggle.button.border.color');
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    outline-color: transparent;
-    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-    transition:
-        background dt('organizationchart.transition.duration'),
-        color dt('organizationchart.transition.duration'),
-        border-color dt('organizationchart.transition.duration'),
-        outline-color dt('organizationchart.transition.duration'),
-        box-shadow dt('organizationchart.transition.duration');
-}
-
-.p-orgchart-node[data-collapsible="true"][data-collapsed="false"] .p-orgchart-collapse-button{
-    bottom: 0;
-    transform: translateX(-50%) translateY(calc(50% + calc(var(--gap-y) / 2 * 1px * 2/3)));
-}
-
-.p-orgchart-node:focus-visible{
-    box-shadow: dt('breadcrumb.item.focus.ring.shadow');
-    outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');
-    outline-offset: dt('breadcrumb.item.focus.ring.offset');
-}
-
-.p-orgchart-collapse-button:hover {
-    background: dt('organizationchart.node.toggle.button.hover.background');
-    color: dt('organizationchart.node.toggle.button.hover.color');
-}
-
-.p-orgchart-collapse-button:focus-visible {
-    box-shadow: dt('breadcrumb.item.focus.ring.shadow');
-    outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');
-    outline-offset: dt('breadcrumb.item.focus.ring.offset');
-}
-
-.p-orgchart-collapse-button > svg{
-    width: 0.65rem !important;
-    height: 0.65rem !important;
-}
-
-`,i=t({name:"organizationchart",style:a,classes:{root:"p-orgchart p-component",tree:"p-orgchart-tree",subtree:({context:o})=>["p-orgchart-subtree",{"p-orgchart-subtree-root":o==null?void 0:o.root}],node:"p-orgchart-node",nodeContent:"p-orgchart-node-content",collapseButton:"p-orgchart-collapse-button"}});export{i as styles};
-//# sourceMappingURL=index.mjs.map

package/orgchart/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/orgchart/OrgChart.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { OrgChartInstance } from '@primereact/types/shared/orgchart';\nimport { style } from '@primeuix/styles/organizationchart';\n\nconst theme = `\n${style}\n\n.p-orgchart{\n    width: 100%;\n    overflow: auto;\n    padding: 1rem 0;\n}\n\n.p-orgchart-subtree{\n    position: relative;\n    display: flex;\n    padding-inline-start: 0;\n    margin: 0;\n    padding-top: calc(var(--gap-y) * 1px * 2/3);\n    gap: calc(var(--gap-x) * 1px);\n}\n\n.p-orgchart-subtree-root{\n    padding-top: 0;\n}\n\n.p-orgchart-subtree-root::before {\n    content: none !important;\n}\n\n.p-orgchart-subtree::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    height: calc(var(--gap-y) * 1px * 2/3);\n    box-sizing: border-box;\n    left: calc(50% - 1px / 2);\n    width: 0;\n    border-left: 1px solid dt('organizationchart.connector.color');\n}\n\n.p-orgchart-tree {\n    flex-shrink: 0;\n    text-align: center;\n    list-style-type: none;\n    margin: 0 auto;\n    position: relative;\n    padding: calc(var(--gap-y) * 1px * 1/3) 0 0 0;\n}\n\n.p-orgchart-tree::before,\n.p-orgchart-tree::after {\n    content: \"\";\n    position: absolute;\n    height: calc(var(--gap-y) * 1px * 1/3);\n    width: calc(50% + calc(var(--gap-x) / 2 * 1px));\n    top: 0;\n    right: 50%;\n    border-top: 1px solid dt('organizationchart.connector.color');\n    box-sizing: border-box;\n}\n\n.p-orgchart-tree::after {\n    left: 50%;\n    border-left: 1px solid dt('organizationchart.connector.color');\n}\n\n.p-orgchart-tree:only-of-type {\n    padding: 0;\n}\n\n.p-orgchart-tree:only-of-type::before,\n.p-orgchart-tree:only-of-type::after {\n    display: none;\n}\n\n.p-orgchart-tree:first-of-type::before {\n    border: none;\n}\n\n.p-orgchart-tree:first-of-type::after {\n    border-radius: dt('organizationchart.connector.border.radius') 0 0 0;\n}\n\n.p-orgchart-tree:last-of-type::before {\n    border-right: 1px solid dt('organizationchart.connector.color');\n    border-radius: 0 dt('organizationchart.connector.border.radius') 0 0;\n}\n\n.p-orgchart-tree:last-of-type::after {\n    border: 0 none;\n}\n\n.p-orgchart-node {\n    position: relative;\n    min-width: 4rem;\n    width: fit-content;\n    margin: 0 auto;\n    background: dt('organizationchart.node.background');\n    border: 1px solid dt('organizationchart.node.border.color');\n    border-radius: dt('organizationchart.node.border.radius');\n    color: dt('organizationchart.node.color');\n    transition:\n        background dt('organizationchart.transition.duration'),\n        border-color dt('organizationchart.transition.duration'),\n        color dt('organizationchart.transition.duration'),\n        box-shadow dt('organizationchart.transition.duration');\n}\n\n.p-orgchart-node-content{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: dt('organizationchart.node.padding');\n}\n\n.p-orgchart-node[data-selectable=\"true\"]:not([data-selected=\"true\"]):hover {\n    background: dt('organizationchart.node.hover.background');\n    color: dt('organizationchart.node.hover.color');\n}\n\n.p-orgchart-node[data-selectable=\"true\"][data-selected=\"true\"] {\n    background: dt('organizationchart.node.selected.background');\n    color: dt('organizationchart.node.selected.color');\n}\n\n.p-orgchart-node[data-selectable=\"true\"] {\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-orgchart-collapse-button{\n    pointer-events: auto;\n    padding: 0.1rem 0.3rem;\n    gap: 0.2rem;\n    position: absolute;\n    z-index:2;\n    font-size: 0.75rem;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%) translateY(50%);\n    cursor: pointer;\n    user-select: none;\n    background: dt('organizationchart.node.toggle.button.background');\n    color: dt('organizationchart.node.toggle.button.color');\n    border-radius: 99999px;\n    border: 1px solid dt('organizationchart.node.toggle.button.border.color');\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    outline-color: transparent;\n    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n    transition:\n        background dt('organizationchart.transition.duration'),\n        color dt('organizationchart.transition.duration'),\n        border-color dt('organizationchart.transition.duration'),\n        outline-color dt('organizationchart.transition.duration'),\n        box-shadow dt('organizationchart.transition.duration');\n}\n\n.p-orgchart-node[data-collapsible=\"true\"][data-collapsed=\"false\"] .p-orgchart-collapse-button{\n    bottom: 0;\n    transform: translateX(-50%) translateY(calc(50% + calc(var(--gap-y) / 2 * 1px * 2/3)));\n}\n\n.p-orgchart-node:focus-visible{\n    box-shadow: dt('breadcrumb.item.focus.ring.shadow');\n    outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');\n    outline-offset: dt('breadcrumb.item.focus.ring.offset');\n}\n\n.p-orgchart-collapse-button:hover {\n    background: dt('organizationchart.node.toggle.button.hover.background');\n    color: dt('organizationchart.node.toggle.button.hover.color');\n}\n\n.p-orgchart-collapse-button:focus-visible {\n    box-shadow: dt('breadcrumb.item.focus.ring.shadow');\n    outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');\n    outline-offset: dt('breadcrumb.item.focus.ring.offset');\n}\n\n.p-orgchart-collapse-button > svg{\n    width: 0.65rem !important;\n    height: 0.65rem !important;\n}\n\n`;\n\nexport const styles = createStyles<OrgChartInstance>({\n    name: 'organizationchart',\n    style: theme,\n    classes: {\n        root: 'p-orgchart p-component',\n        tree: 'p-orgchart-tree',\n        subtree: ({ context }) => [\n            'p-orgchart-subtree',\n            {\n                'p-orgchart-subtree-root': context?.root\n            }\n        ],\n        node: 'p-orgchart-node',\n        nodeContent: 'p-orgchart-node-content',\n        collapseButton: 'p-orgchart-collapse-button'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,qCAEtB,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwLME,EAASH,EAA+B,CACjD,KAAM,oBACN,MAAOE,EACP,QAAS,CACL,KAAM,yBACN,KAAM,kBACN,QAAS,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACtB,qBACA,CACI,0BAA2BA,GAAA,YAAAA,EAAS,IACxC,CACJ,EACA,KAAM,kBACN,YAAa,0BACb,eAAgB,4BACpB,CACJ,CAAC","names":["createStyles","style","theme","styles","context"]}

package/switch/index.d.ts

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

package/switch/index.mjs

@@ -1,2 +0,0 @@
-import{createStyles as i}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/toggleswitch";var l=i({name:"toggleswitch",style:o,classes:{root:({state:e,props:t})=>["p-toggleswitch p-component",{"p-toggleswitch-checked":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid}],input:"p-toggleswitch-input",control:"p-toggleswitch-slider",thumb:"p-toggleswitch-handle"},inlineStyles:{root:{position:"relative"}}});export{l as styles};
-//# sourceMappingURL=index.mjs.map

package/switch/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/switch/Switch.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SwitchInstance } from '@primereact/types/shared/switch';\nimport { style } from '@primeuix/styles/toggleswitch';\n\nexport const styles = createStyles<SwitchInstance>({\n    name: 'toggleswitch',\n    style,\n    classes: {\n        root: ({ state, props }) => [\n            'p-toggleswitch p-component',\n            {\n                'p-toggleswitch-checked': state.checked,\n                'p-disabled': props.disabled,\n                'p-invalid': props.invalid\n            }\n        ],\n        input: 'p-toggleswitch-input',\n        control: 'p-toggleswitch-slider',\n        thumb: 'p-toggleswitch-handle'\n    },\n    inlineStyles: {\n        root: { position: 'relative' }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAA6B,CAC/C,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,CAAM,IAAM,CACxB,6BACA,CACI,yBAA0BD,EAAM,QAChC,aAAcC,EAAM,SACpB,YAAaA,EAAM,OACvB,CACJ,EACA,MAAO,uBACP,QAAS,wBACT,MAAO,uBACX,EACA,aAAc,CACV,KAAM,CAAE,SAAU,UAAW,CACjC,CACJ,CAAC","names":["createStyles","style","styles","state","props"]}