@accelint/design-toolkit/dist/components/search-field/styles.js

An open-source component library to serve as part of the entire ecosystem of UX for Accelint.

import {tv}from'./../../lib/utils.js';const i={variant:"outlined"},o=tv({slots:{field:["group/search-field fg-primary-bold flex items-center gap-s rounded-round p-s outline","focus-visible-within:outline-accent-primary-bold","hover:outline-interactive-hover","pressed:outline-interactive-pressed","disabled:fg-disabled disabled:placeholder:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled"],input:["hide-cancel block w-full font-display text-body-s outline-none","placeholder:fg-primary-muted","disabled:cursor-not-allowed"],clear:["fg-info-bold cursor-pointer","focus-visible:fg-info-hover","hover:fg-info-hover","group-empty/search-field:invisible group-disabled/search-field:invisible"],loading:"motion-safe:animate-spin",search:""},variants:{variant:{filled:{field:"bg-surface-raised outline-static"},outlined:{field:"outline-interactive"}}},defaultVariants:i});export{o as SearchFieldStyles,i as SearchFieldStylesDefaults};//# sourceMappingURL=styles.js.map
//# sourceMappingURL=styles.js.map