@primeuix/styles
Version:
177 lines (149 loc) • 5.43 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-treeselect {
display: inline-flex;
cursor: pointer;
position: relative;
user-select: none;
background: dt('treeselect.background');
border: 1px solid dt('treeselect.border.color');
transition:
background dt('treeselect.transition.duration'),
color dt('treeselect.transition.duration'),
border-color dt('treeselect.transition.duration'),
outline-color dt('treeselect.transition.duration'),
box-shadow dt('treeselect.transition.duration');
border-radius: dt('treeselect.border.radius');
outline-color: transparent;
box-shadow: dt('treeselect.shadow');
}
.p-treeselect:not(.p-disabled):hover {
border-color: dt('treeselect.hover.border.color');
}
.p-treeselect:not(.p-disabled).p-focus {
border-color: dt('treeselect.focus.border.color');
box-shadow: dt('treeselect.focus.ring.shadow');
outline: dt('treeselect.focus.ring.width') dt('treeselect.focus.ring.style') dt('treeselect.focus.ring.color');
outline-offset: dt('treeselect.focus.ring.offset');
}
.p-treeselect.p-variant-filled {
background: dt('treeselect.filled.background');
}
.p-treeselect.p-variant-filled:not(.p-disabled):hover {
background: dt('treeselect.filled.hover.background');
}
.p-treeselect.p-variant-filled.p-focus {
background: dt('treeselect.filled.focus.background');
}
.p-treeselect.p-invalid {
border-color: dt('treeselect.invalid.border.color');
}
.p-treeselect.p-disabled {
opacity: 1;
background: dt('treeselect.disabled.background');
}
.p-treeselect-clear-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
color: dt('treeselect.clear.icon.color');
inset-inline-end: dt('treeselect.dropdown.width');
}
.p-treeselect-dropdown {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: transparent;
color: dt('treeselect.dropdown.color');
width: dt('treeselect.dropdown.width');
border-start-end-radius: dt('border.radius.md');
border-end-end-radius: dt('border.radius.md');
}
.p-treeselect-label-container {
overflow: hidden;
flex: 1 1 auto;
cursor: pointer;
}
.p-treeselect-label {
display: flex;
align-items: center;
gap: calc(dt('treeselect.padding.y') / 2);
white-space: nowrap;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
padding: dt('treeselect.padding.y') dt('treeselect.padding.x');
color: dt('treeselect.color');
}
.p-treeselect-label.p-placeholder {
color: dt('treeselect.placeholder.color');
}
.p-treeselect.p-invalid .p-treeselect-label.p-placeholder {
color: dt('treeselect.invalid.placeholder.color');
}
.p-treeselect.p-disabled .p-treeselect-label {
color: dt('treeselect.disabled.color');
}
.p-treeselect-label-empty {
overflow: hidden;
visibility: hidden;
}
.p-treeselect .p-treeselect-overlay {
min-width: 100%;
}
.p-treeselect-overlay {
position: absolute;
top: 0;
left: 0;
background: dt('treeselect.overlay.background');
color: dt('treeselect.overlay.color');
border: 1px solid dt('treeselect.overlay.border.color');
border-radius: dt('treeselect.overlay.border.radius');
box-shadow: dt('treeselect.overlay.shadow');
overflow: hidden;
}
.p-treeselect-tree-container {
overflow: auto;
}
.p-treeselect-empty-message {
padding: dt('treeselect.empty.message.padding');
background: transparent;
}
.p-treeselect-fluid {
display: flex;
}
.p-treeselect-overlay .p-tree {
padding: dt('treeselect.tree.padding');
}
.p-treeselect-overlay .p-tree-loading {
min-height: 3rem;
}
.p-treeselect-label .p-chip {
padding-block-start: calc(dt('treeselect.padding.y') / 2);
padding-block-end: calc(dt('treeselect.padding.y') / 2);
border-radius: dt('treeselect.chip.border.radius');
}
.p-treeselect-label:has(.p-chip) {
padding: calc(dt('treeselect.padding.y') / 2) calc(dt('treeselect.padding.x') / 2);
}
.p-treeselect-sm .p-treeselect-label {
font-size: dt('treeselect.sm.font.size');
padding-block: dt('treeselect.sm.padding.y');
padding-inline: dt('treeselect.sm.padding.x');
}
.p-treeselect-sm .p-treeselect-dropdown .p-icon {
font-size: dt('treeselect.sm.font.size');
width: dt('treeselect.sm.font.size');
height: dt('treeselect.sm.font.size');
}
.p-treeselect-lg .p-treeselect-label {
font-size: dt('treeselect.lg.font.size');
padding-block: dt('treeselect.lg.padding.y');
padding-inline: dt('treeselect.lg.padding.x');
}
.p-treeselect-lg .p-treeselect-dropdown .p-icon {
font-size: dt('treeselect.lg.font.size');
width: dt('treeselect.lg.font.size');
height: dt('treeselect.lg.font.size');
}
`;export{style};//# sourceMappingURL=index.mjs.map