@wonderflow/react-components/dist/components/chip/chip.module.css

UI components from Wonderflow's Wanda design system

@layer components{.Chip{background-color:var(--highlight-gray-background);block-size:1.75rem;border-radius:3rem;color:var(--highlight-gray-foreground);font-size:.875rem;font-weight:600;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.Chip[data-chip-dimension=small]{block-size:1.5rem;font-size:.75rem}.Chip[data-chip-dimension=big]{block-size:2rem;font-size:1rem}.Chip[data-chip-color=cyan]{background-color:var(--highlight-cyan-background);color:var(--highlight-cyan-foreground)}.Chip[data-chip-color=green]{background-color:var(--highlight-green-background);color:var(--highlight-green-foreground)}.Chip[data-chip-color=purple]{background-color:var(--highlight-purple-background);color:var(--highlight-purple-foreground)}.Chip[data-chip-color=yellow]{background-color:var(--highlight-yellow-background);color:var(--highlight-yellow-foreground)}.Chip[data-chip-color=red]{background-color:var(--highlight-red-background);color:var(--highlight-red-foreground)}.Chip[data-chip-color=blue]{background-color:var(--highlight-blue-background);color:var(--highlight-blue-foreground)}.Chip[data-chip-color=magenta]{background-color:var(--highlight-magenta-background);color:var(--highlight-magenta-foreground)}.Chip[data-chip-color=violet]{background-color:var(--highlight-violet-background);color:var(--highlight-violet-foreground)}.Chip[data-chip-color=indigo]{background-color:var(--highlight-indigo-background);color:var(--highlight-indigo-foreground)}.Chip[data-chip-color=mint]{background-color:var(--highlight-mint-background);color:var(--highlight-mint-foreground)}.Chip[data-chip-color=dipsy]{background-color:var(--highlight-dipsy-background);color:var(--highlight-dipsy-foreground)}.Chip[data-chip-color=salmon]{background-color:var(--highlight-salmon-background);color:var(--highlight-salmon-foreground)}.Action{appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;margin-top:1px;padding:0}}