@synergy-design-system/components
Version:
This package provides the base of the Synergy Design System as native web components. It uses [lit](https://www.lit.dev) and parts of [shoelace](https://shoelace.style/). Synergy officially supports the latest two versions of all major browsers (as define
44 lines (36 loc) • 1.17 kB
JavaScript
import {
option_size_styles_default
} from "./chunk.QC7X32ZP.js";
// src/components/combobox/combobox.custom.styles.ts
import { css } from "lit";
var combobox_custom_styles_default = css`
.combobox:not(.combobox--disabled) .combobox__display-input {
cursor: text;
}
.listbox__options ::slotted(syn-option[hidden]),
.listbox__options ::slotted(syn-optgroup[hidden]) {
display: none;
}
.listbox__no-results {
align-items: center;
color: var(--syn-color-neutral-950);
display: flex;
font: var(--syn-body-medium-regular);
padding: var(--syn-spacing-small) var(--syn-spacing-medium) var(--syn-spacing-small) 52px;
}
.combobox--small .listbox__no-results {
font-size: var(--syn-input-font-size-small);
min-height: var(--syn-input-height-small);
padding: 0 var(--syn-spacing-small) 0 40px;
}
.combobox--large .listbox__no-results {
font-size: var(--syn-input-font-size-large);
min-height: var(--syn-input-height-large);
padding: 0 var(--syn-spacing-large) 0 68px;
}
${option_size_styles_default}
`;
export {
combobox_custom_styles_default
};
//# sourceMappingURL=chunk.IEVIYOID.js.map