@primeuix/styles
Version:
251 lines (213 loc) • 8.42 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-cascadeselect {
display: inline-flex;
cursor: pointer;
position: relative;
user-select: none;
background: dt('cascadeselect.background');
border: 1px solid dt('cascadeselect.border.color');
transition:
background dt('cascadeselect.transition.duration'),
color dt('cascadeselect.transition.duration'),
border-color dt('cascadeselect.transition.duration'),
outline-color dt('cascadeselect.transition.duration'),
box-shadow dt('cascadeselect.transition.duration');
border-radius: dt('cascadeselect.border.radius');
outline-color: transparent;
box-shadow: dt('cascadeselect.shadow');
}
.p-cascadeselect:not(.p-disabled):hover {
border-color: dt('cascadeselect.hover.border.color');
}
.p-cascadeselect:not(.p-disabled).p-focus {
border-color: dt('cascadeselect.focus.border.color');
box-shadow: dt('cascadeselect.focus.ring.shadow');
outline: dt('cascadeselect.focus.ring.width') dt('cascadeselect.focus.ring.style') dt('cascadeselect.focus.ring.color');
outline-offset: dt('cascadeselect.focus.ring.offset');
}
.p-cascadeselect.p-variant-filled {
background: dt('cascadeselect.filled.background');
}
.p-cascadeselect.p-variant-filled:not(.p-disabled):hover {
background: dt('cascadeselect.filled.hover.background');
}
.p-cascadeselect.p-variant-filled.p-focus {
background: dt('cascadeselect.filled.focus.background');
}
.p-cascadeselect.p-invalid {
border-color: dt('cascadeselect.invalid.border.color');
}
.p-cascadeselect.p-disabled {
opacity: 1;
background: dt('cascadeselect.disabled.background');
}
.p-cascadeselect-dropdown {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: transparent;
color: dt('cascadeselect.dropdown.color');
width: dt('cascadeselect.dropdown.width');
border-start-end-radius: dt('border.radius.md');
border-end-end-radius: dt('border.radius.md');
}
.p-cascadeselect-clear-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
color: dt('cascadeselect.clear.icon.color');
inset-inline-end: dt('cascadeselect.dropdown.width');
}
.p-cascadeselect-label {
display: block;
white-space: nowrap;
overflow: hidden;
flex: 1 1 auto;
width: 1%;
text-overflow: ellipsis;
cursor: pointer;
padding: dt('cascadeselect.padding.y') dt('cascadeselect.padding.x');
background: transparent;
border: 0 none;
outline: 0 none;
}
.p-cascadeselect-label.p-placeholder {
color: dt('cascadeselect.placeholder.color');
}
.p-cascadeselect.p-invalid .p-cascadeselect-label.p-placeholder {
color: dt('cascadeselect.invalid.placeholder.color');
}
.p-cascadeselect.p-disabled .p-cascadeselect-label {
color: dt('cascadeselect.disabled.color');
}
.p-cascadeselect-label-empty {
overflow: hidden;
visibility: hidden;
}
.p-cascadeselect-fluid {
display: flex;
}
.p-cascadeselect-fluid .p-cascadeselect-label {
width: 1%;
}
.p-cascadeselect-overlay {
background: dt('cascadeselect.overlay.background');
color: dt('cascadeselect.overlay.color');
border: 1px solid dt('cascadeselect.overlay.border.color');
border-radius: dt('cascadeselect.overlay.border.radius');
box-shadow: dt('cascadeselect.overlay.shadow');
}
.p-cascadeselect .p-cascadeselect-overlay {
min-width: 100%;
}
.p-cascadeselect-option-list {
display: none;
min-width: 100%;
position: absolute;
z-index: 1;
}
.p-cascadeselect-list {
min-width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
padding: dt('cascadeselect.list.padding');
display: flex;
flex-direction: column;
gap: dt('cascadeselect.list.gap');
}
.p-cascadeselect-option {
cursor: pointer;
font-weight: normal;
white-space: nowrap;
border: 0 none;
color: dt('cascadeselect.option.color');
background: transparent;
border-radius: dt('cascadeselect.option.border.radius');
}
.p-cascadeselect-option-active {
overflow: visible;
}
.p-cascadeselect-option-active > .p-cascadeselect-option-content {
background: dt('cascadeselect.option.focus.background');
color: dt('cascadeselect.option.focus.color');
}
.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus > .p-cascadeselect-option-content {
background: dt('cascadeselect.option.focus.background');
color: dt('cascadeselect.option.focus.color');
}
.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus > .p-cascadeselect-option-content > .p-cascadeselect-group-icon-container > .p-cascadeselect-group-icon {
color: dt('cascadeselect.option.icon.focus.color');
}
.p-cascadeselect-option-selected > .p-cascadeselect-option-content {
background: dt('cascadeselect.option.selected.background');
color: dt('cascadeselect.option.selected.color');
}
.p-cascadeselect-option-selected.p-focus > .p-cascadeselect-option-content {
background: dt('cascadeselect.option.selected.focus.background');
color: dt('cascadeselect.option.selected.focus.color');
}
.p-cascadeselect-option-active > .p-cascadeselect-option-list {
inset-inline-start: 100%;
inset-block-start: 0;
}
.p-cascadeselect-option-content {
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
position: relative;
padding: dt('cascadeselect.option.padding');
border-radius: dt('cascadeselect.option.border.radius');
transition:
background dt('cascadeselect.transition.duration'),
color dt('cascadeselect.transition.duration'),
border-color dt('cascadeselect.transition.duration'),
box-shadow dt('cascadeselect.transition.duration'),
outline-color dt('cascadeselect.transition.duration');
}
.p-cascadeselect-group-icon {
font-size: dt('cascadeselect.option.icon.size');
width: dt('cascadeselect.option.icon.size');
height: dt('cascadeselect.option.icon.size');
color: dt('cascadeselect.option.icon.color');
}
.p-cascadeselect-group-icon:dir(rtl) {
transform: rotate(180deg);
}
.p-cascadeselect-mobile-active .p-cascadeselect-option-list {
position: static;
box-shadow: none;
border: 0 none;
padding-inline-start: dt('tieredmenu.submenu.mobile.indent');
padding-inline-end: 0;
}
.p-cascadeselect-mobile-active .p-cascadeselect-group-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-cascadeselect-mobile-active .p-cascadeselect-option-active > .p-cascadeselect-option-content .p-cascadeselect-group-icon {
transform: rotate(-90deg);
}
.p-cascadeselect-sm .p-cascadeselect-label {
font-size: dt('cascadeselect.sm.font.size');
padding-block: dt('cascadeselect.sm.padding.y');
padding-inline: dt('cascadeselect.sm.padding.x');
}
.p-cascadeselect-sm .p-cascadeselect-dropdown .p-icon {
font-size: dt('cascadeselect.sm.font.size');
width: dt('cascadeselect.sm.font.size');
height: dt('cascadeselect.sm.font.size');
}
.p-cascadeselect-lg .p-cascadeselect-label {
font-size: dt('cascadeselect.lg.font.size');
padding-block: dt('cascadeselect.lg.padding.y');
padding-inline: dt('cascadeselect.lg.padding.x');
}
.p-cascadeselect-lg .p-cascadeselect-dropdown .p-icon {
font-size: dt('cascadeselect.lg.font.size');
width: dt('cascadeselect.lg.font.size');
height: dt('cascadeselect.lg.font.size');
}
`;export{style};//# sourceMappingURL=index.mjs.map