@arolariu/components
Version:
🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
114 lines (96 loc) • 2.39 kB
CSS
.positioner-GLlaSA {
z-index: 50;
}
.content-WvhVkl {
background-color: var(--ac-popover);
border: 1px solid var(--ac-border);
border-radius: var(--ac-radius-md);
color: var(--ac-popover-foreground);
max-height: var(--available-height);
min-width: 12rem;
padding: var(--ac-space-1);
transform-origin: var(--transform-origin);
transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);
overflow: hidden auto;
box-shadow: 0 16px 40px -16px #00000059;
}
.content-WvhVkl[data-ending-style], .content-WvhVkl[data-starting-style] {
opacity: 0;
transform: scale(.96);
}
.item-EeGYFT {
border-radius: var(--ac-radius-sm);
color: inherit;
cursor: default;
font-size: var(--ac-text-sm);
align-items: center;
gap: var(--ac-space-2);
min-height: var(--ac-size-default);
padding: var(--ac-space-1) var(--ac-space-2);
-webkit-user-select: none;
user-select: none;
outline: none;
width: 100%;
display: flex;
}
.item-EeGYFT[data-highlighted] {
background-color: var(--ac-accent);
color: var(--ac-accent-foreground);
}
.item-EeGYFT[data-disabled] {
opacity: .5;
pointer-events: none;
}
.subTrigger-wNjaS0 {
padding-right: var(--ac-space-3);
}
.subTrigger-wNjaS0[data-popup-open] {
background-color: var(--ac-accent);
color: var(--ac-accent-foreground);
}
.subTriggerIcon-EgeexC {
flex-shrink: 0;
width: 1rem;
height: 1rem;
margin-left: auto;
}
.indicatorItem-CYAe9M {
padding-left: calc(var(--ac-space-2) + 1.25rem);
}
.indicatorSlot-H8tRoh {
height: 1rem;
left: var(--ac-space-2);
justify-content: center;
align-items: center;
width: 1rem;
display: inline-flex;
position: absolute;
}
.indicatorIcon-CenGUD, .radioIndicatorIcon-QRYuU_ {
width: .875rem;
height: .875rem;
}
.radioIndicatorIcon-QRYuU_ {
fill: currentColor;
}
.label-Gga1Bo {
color: var(--ac-foreground);
font-size: var(--ac-text-sm);
padding: var(--ac-space-1) var(--ac-space-2);
font-weight: 600;
}
.inset-ch0bTy {
padding-left: calc(var(--ac-space-2) + 1.25rem);
}
.separator-SNyihB {
background-color: var(--ac-border);
height: 1px;
margin: var(--ac-space-1) calc(var(--ac-space-1)*-1);
}
.shortcut-Cd0FUZ {
color: var(--ac-muted-foreground);
font-size: var(--ac-text-xs);
letter-spacing: .08em;
margin-left: auto;
}
/*# sourceMappingURL=context-menu_module.css.map */