@accelint/design-toolkit
Version:
An open-source component library to serve as part of the entire ecosystem of UX for Accelint.
2 lines • 1.69 kB
JavaScript
import {tv}from'./../../lib/utils.js';const t={variant:"info"},i=tv({slots:{list:"group/chip-list flex w-content flex-wrap gap-xs",chip:["group/chip fg-primary-bold inline-flex w-content items-center justify-center rounded-full outline","size-medium:px-s size-medium:py-xs size-medium:text-body-s","size-small:px-s size-small:py-xs size-small:text-body-xs"]}}),o=tv({extend:i,slots:{chip:"gap-xxs"},variants:{variant:{advisory:{chip:"bg-advisory-muted outline-advisory-bold"},critical:{chip:"bg-critical-muted outline-critical-bold"},serious:{chip:"bg-serious-muted outline-serious-bold"},normal:{chip:"bg-normal-muted outline-normal-bold"},info:{chip:"bg-info-muted outline-info-bold"}}},defaultVariants:t}),s=tv({extend:i,slots:{chip:["cursor-pointer outline-interactive","enabled:focus-visible:outline-interactive-hover","enabled:hover:outline-interactive-hover","enabled:selected:bg-accent-primary-muted enabled:selected:outline-accent-primary-bold","enabled:selected:focus-visible:outline-interactive-hover","enabled:selected:hover:outline-interactive-hover","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled","disabled:selected:bg-interactive-disabled"]}}),n=tv({extend:i,slots:{chip:["gap-xs outline-interactive","enabled:focus-visible:outline-interactive-hover","enabled:hover:outline-interactive-hover","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled"],remove:["cursor-pointer","disabled:cursor-not-allowed"]}});export{i as BaseChipStyles,o as ChipStyles,t as ChipStylesDefaults,n as DeletableChipStyles,s as SelectableChipStyles};//# sourceMappingURL=styles.js.map
//# sourceMappingURL=styles.js.map