diff options
| author | opencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com> | 2026-01-30 17:58:31 +0000 |
|---|---|---|
| committer | opencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com> | 2026-01-30 17:58:31 +0000 |
| commit | fe66ca163cbb9d689cf296c4c2f7a63414c1cf45 (patch) | |
| tree | e330cc07e4ce3b68f64592f7c123cfa1ce77ef23 /packages/ui/src/components/dropdown-menu.css | |
| parent | 20619a6a26ec0cfc2707b7ed13387715e9f9cdaa (diff) | |
| download | opencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.tar.gz opencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.zip | |
chore: generate
Diffstat (limited to 'packages/ui/src/components/dropdown-menu.css')
| -rw-r--r-- | packages/ui/src/components/dropdown-menu.css | 244 |
1 files changed, 121 insertions, 123 deletions
diff --git a/packages/ui/src/components/dropdown-menu.css b/packages/ui/src/components/dropdown-menu.css index cfbfd1cf0..18266ac1a 100644 --- a/packages/ui/src/components/dropdown-menu.css +++ b/packages/ui/src/components/dropdown-menu.css @@ -1,136 +1,134 @@ [data-component="dropdown-menu-content"], [data-component="dropdown-menu-sub-content"] { - min-width: 8rem; - overflow: hidden; - border: none; - border-radius: var(--radius-md); - box-shadow: var(--shadow-xs-border); - background-clip: padding-box; - background-color: var(--surface-raised-stronger-non-alpha); - padding: 4px; - z-index: 100; - transform-origin: var(--kb-menu-content-transform-origin); - - &:focus-within, - &:focus { - outline: none; - } - - animation: dropdownMenuContentHide var(--transition-duration) - var(--transition-easing) forwards; - - @starting-style { - animation: none; - } - - &[data-expanded] { - pointer-events: auto; - animation: dropdownMenuContentShow var(--transition-duration) - var(--transition-easing) forwards; - } + min-width: 8rem; + overflow: hidden; + border: none; + border-radius: var(--radius-md); + box-shadow: var(--shadow-xs-border); + background-clip: padding-box; + background-color: var(--surface-raised-stronger-non-alpha); + padding: 4px; + z-index: 100; + transform-origin: var(--kb-menu-content-transform-origin); + + &:focus-within, + &:focus { + outline: none; + } + + animation: dropdownMenuContentHide var(--transition-duration) var(--transition-easing) forwards; + + @starting-style { + animation: none; + } + + &[data-expanded] { + pointer-events: auto; + animation: dropdownMenuContentShow var(--transition-duration) var(--transition-easing) forwards; + } } [data-component="dropdown-menu-content"], [data-component="dropdown-menu-sub-content"] { - [data-slot="dropdown-menu-item"], - [data-slot="dropdown-menu-checkbox-item"], - [data-slot="dropdown-menu-radio-item"], - [data-slot="dropdown-menu-sub-trigger"] { - position: relative; - display: flex; - align-items: center; - gap: 8px; - padding: 4px 8px; - border-radius: var(--radius-sm); - cursor: default; - outline: none; - - font-family: var(--font-family-sans); - font-size: var(--font-size-base); - font-weight: var(--font-weight-medium); - line-height: var(--line-height-large); - letter-spacing: var(--letter-spacing-normal); - color: var(--text-strong); - - transition-property: background-color, color; - transition-duration: var(--transition-duration); - transition-timing-function: var(--transition-easing); - user-select: none; - - &:hover { - background-color: var(--surface-raised-base-hover); - } - - &[data-disabled] { - color: var(--text-weak); - pointer-events: none; - } - } - - [data-slot="dropdown-menu-sub-trigger"] { - &[data-expanded] { - background: var(--surface-raised-base-hover); - outline: none; - border: none; - } - } - - [data-slot="dropdown-menu-item-indicator"] { - display: flex; - align-items: center; - justify-content: center; - width: 16px; - height: 16px; - } - - [data-slot="dropdown-menu-item-label"] { - flex: 1; - } - - [data-slot="dropdown-menu-item-description"] { - font-size: var(--font-size-x-small); - color: var(--text-weak); - } - - [data-slot="dropdown-menu-separator"] { - height: 1px; - margin: 4px -4px; - border-top-color: var(--border-weak-base); - } - - [data-slot="dropdown-menu-group-label"] { - padding: 4px 8px; - font-family: var(--font-family-sans); - font-size: var(--font-size-x-small); - font-weight: var(--font-weight-medium); - line-height: var(--line-height-large); - letter-spacing: var(--letter-spacing-normal); - color: var(--text-weak); - } - - [data-slot="dropdown-menu-arrow"] { - fill: var(--surface-raised-stronger-non-alpha); - } + [data-slot="dropdown-menu-item"], + [data-slot="dropdown-menu-checkbox-item"], + [data-slot="dropdown-menu-radio-item"], + [data-slot="dropdown-menu-sub-trigger"] { + position: relative; + display: flex; + align-items: center; + gap: 8px; + padding: 4px 8px; + border-radius: var(--radius-sm); + cursor: default; + outline: none; + + font-family: var(--font-family-sans); + font-size: var(--font-size-base); + font-weight: var(--font-weight-medium); + line-height: var(--line-height-large); + letter-spacing: var(--letter-spacing-normal); + color: var(--text-strong); + + transition-property: background-color, color; + transition-duration: var(--transition-duration); + transition-timing-function: var(--transition-easing); + user-select: none; + + &:hover { + background-color: var(--surface-raised-base-hover); + } + + &[data-disabled] { + color: var(--text-weak); + pointer-events: none; + } + } + + [data-slot="dropdown-menu-sub-trigger"] { + &[data-expanded] { + background: var(--surface-raised-base-hover); + outline: none; + border: none; + } + } + + [data-slot="dropdown-menu-item-indicator"] { + display: flex; + align-items: center; + justify-content: center; + width: 16px; + height: 16px; + } + + [data-slot="dropdown-menu-item-label"] { + flex: 1; + } + + [data-slot="dropdown-menu-item-description"] { + font-size: var(--font-size-x-small); + color: var(--text-weak); + } + + [data-slot="dropdown-menu-separator"] { + height: 1px; + margin: 4px -4px; + border-top-color: var(--border-weak-base); + } + + [data-slot="dropdown-menu-group-label"] { + padding: 4px 8px; + font-family: var(--font-family-sans); + font-size: var(--font-size-x-small); + font-weight: var(--font-weight-medium); + line-height: var(--line-height-large); + letter-spacing: var(--letter-spacing-normal); + color: var(--text-weak); + } + + [data-slot="dropdown-menu-arrow"] { + fill: var(--surface-raised-stronger-non-alpha); + } } @keyframes dropdownMenuContentShow { - from { - opacity: 0; - transform: scaleY(0.95); - } - to { - opacity: 1; - transform: scaleY(1); - } + from { + opacity: 0; + transform: scaleY(0.95); + } + to { + opacity: 1; + transform: scaleY(1); + } } @keyframes dropdownMenuContentHide { - from { - opacity: 1; - transform: scaleY(1); - } - to { - opacity: 0; - transform: scaleY(0.95); - } + from { + opacity: 1; + transform: scaleY(1); + } + to { + opacity: 0; + transform: scaleY(0.95); + } } |
