@teamsparta/stack-chip/dist/style.d.mts

stack chip

import * as _emotion_react from '@emotion/react';
import { ChipVariant, ChipSize } from './type.mjs';

declare const chipBorderColorVar = "--stack-chip-border-color";
declare const chipBackgroundColorVar = "--stack-chip-background-color";
declare const chipHoverBorderColorVar = "--stack-chip-hover-border-color";
declare const chipHoverBackgroundColorVar = "--stack-chip-hover-background-color";
declare const chipSelectedBorderColorVar = "--stack-chip-selected-border-color";
declare const chipSelectedBackgroundColorVar = "--stack-chip-selected-background-color";
declare const chipFontColorVar = "--stack-chip-font-color";
declare const chipSelectedFontColorVar = "--stack-chip-selected-font-color";
interface ChipColorVariant {
    [chipBorderColorVar]: string;
    [chipBackgroundColorVar]: string;
    [chipHoverBorderColorVar]: string;
    [chipHoverBackgroundColorVar]: string;
    [chipSelectedBorderColorVar]: string;
    [chipSelectedBackgroundColorVar]: string;
    [chipFontColorVar]: string;
    [chipSelectedFontColorVar]: string;
}
declare const chipColorVariant: Record<ChipVariant, ChipColorVariant>;
declare const chipContainerCss: _emotion_react.SerializedStyles;
declare const chipSizeCss: (sizes: Array<{
    breakpoint: number;
    size: ChipSize;
}>) => _emotion_react.SerializedStyles[];
declare const disabledStyle: _emotion_react.SerializedStyles;
declare const chipTextCss: _emotion_react.SerializedStyles;
declare const chipTextSizeCss: (sizes: Array<{
    breakpoint: number;
    size: ChipSize;
}>) => _emotion_react.SerializedStyles[];
declare const chipAddonCss: _emotion_react.SerializedStyles;
declare const chipLeftAddonCss: _emotion_react.SerializedStyles;
declare const chipRightAddonCss: _emotion_react.SerializedStyles;

export { chipAddonCss, chipColorVariant, chipContainerCss, chipLeftAddonCss, chipRightAddonCss, chipSizeCss, chipTextCss, chipTextSizeCss, disabledStyle };