mdc-react/src/chips/constants.js

Material Components for the web implemented in React

export const numbers = {
    SELECTING_ANIMATION_MS: 150,
    DESELECTING_ANIMATION_MS: 100
};

export const chipSetCssClasses = {
    ROOT: 'mdc-evolution-chip-set',
    OVERFLOW: 'mdc-evolution-chip-set--overflow',
    CHIPS: 'mdc-evolution-chip-set__chips'
};

export const chipCssClasses = {
    ROOT: 'mdc-evolution-chip',
    FILTER: 'mdc-evolution-chip--filter',
    SELECTABLE: 'mdc-evolution-chip--selectable',
    SELECTED: 'mdc-evolution-chip--selected',
    SELECTING: 'mdc-evolution-chip--selecting',
    SELECTING_WITH_PRIMARY_ICON: 'mdc-evolution-chip--selecting-with-primary-icon',
    DESELECTING: 'mdc-evolution-chip--deselecting',
    DESELECTING_WITH_PRIMARY_ICON: 'mdc-evolution-chip--deselecting-with-primary-icon',
    OUTLINED: 'mdc-evolution-chip--outlined',
    ENTER: 'mdc-evolution-chip--enter',
    EXIT: 'mdc-evolution-chip--exit',
    HIDDEN: 'mdc-evolution-chip--hidden',
    DISABLED: 'mdc-evolution-chip--disabled',
    TOUCH: 'mdc-evolution-chip--touch',
    WITH_PRIMARY_GRAPHIC: 'mdc-evolution-chip--with-primary-graphic',
    WITH_PRIMARY_ICON: 'mdc-evolution-chip--with-primary-icon',
    WITH_TRAILING_ACTION: 'mdc-evolution-chip--with-trailing-action',
    WITH_AVATAR: 'mdc-evolution-chip--with-avatar',

    CELL: 'mdc-evolution-chip__cell',
    PRIMARY_CELL: 'mdc-evolution-chip__cell--primary',
    TRAILING_CELL: 'mdc-evolution-chip__cell--trailing',

    ACTION: 'mdc-evolution-chip__action',
    PRIMARY_ACTION: 'mdc-evolution-chip__action--primary',
    TRAILING_ACTION: 'mdc-evolution-chip__action--trailing',
    PRESENTATIONAL_ACTION: 'mdc-evolution-chip__action--presentational',
    ACTION_TOUCH: 'mdc-evolution-chip__action-touch',

    RIPPLE: 'mdc-evolution-chip__ripple',
    PRIMARY_RIPPLE: 'mdc-evolution-chip__ripple--primary',
    TRAILING_RIPPLE: 'mdc-evolution-chip__ripple--trailing',

    GRAPHIC: 'mdc-evolution-chip__graphic',
    ICON: 'mdc-evolution-chip__icon',
    PRIMARY_ICON: 'mdc-evolution-chip__icon--primary',
    TRAILING_ICON: 'mdc-evolution-chip__icon--trailing',
    TEXT_LABEL: 'mdc-evolution-chip__text-label',
    CHECKMARK: 'mdc-evolution-chip__checkmark',
    CHECKMARK_SVG: 'mdc-evolution-chip__checkmark-svg',
    CHECKMARK_PATH: 'mdc-evolution-chip__checkmark-path'
};