@razorpay/blade/build/lib/web/production/components/Chip/chipTokens.js

The Design System that powers Razorpay

import '../../tokens/global/index.js';
import { size } from '../../tokens/global/size.js';

var chipGroupGapTokens = {
  xsmall: {
    right: 'spacing.3',
    bottom: 'spacing.3'
  },
  small: {
    right: 'spacing.3',
    bottom: 'spacing.3'
  },
  medium: {
    right: 'spacing.3',
    bottom: 'spacing.4'
  },
  large: {
    right: 'spacing.3',
    bottom: 'spacing.4'
  }
};
var chipHeightTokens = {
  xsmall: size[24],
  small: size[28],
  medium: size[36],
  large: size[48]
};
var chipGroupLabelSizeTokens = {
  xsmall: 'small',
  small: 'medium',
  medium: 'large',
  large: 'large'
};
var chipHorizontalPaddingTokens = {
  withoutIcon: {
    left: {
      xsmall: 'spacing.4',
      small: 'spacing.4',
      medium: 'spacing.6',
      large: 'spacing.7'
    },
    right: {
      xsmall: 'spacing.4',
      small: 'spacing.4',
      medium: 'spacing.6',
      large: 'spacing.7'
    }
  },
  withIcon: {
    left: {
      xsmall: 'spacing.4',
      small: 'spacing.4',
      medium: 'spacing.5',
      large: 'spacing.6'
    },
    right: {
      xsmall: 'spacing.4',
      small: 'spacing.4',
      medium: 'spacing.6',
      large: 'spacing.7'
    }
  }
};
var chipColorTokens = {
  text: {
    unchecked: 'interactive.text.gray.subtle',
    disabled: 'interactive.text.gray.disabled',
    primary: 'interactive.text.primary.normal',
    positive: 'interactive.text.positive.normal',
    negative: 'interactive.text.negative.normal'
  },
  icon: {
    unchecked: 'interactive.icon.gray.subtle',
    disabled: 'interactive.icon.gray.disabled',
    primary: 'interactive.icon.primary.normal',
    positive: 'interactive.icon.positive.normal',
    negative: 'interactive.icon.negative.normal'
  },
  background: {
    unchecked: {
      "default": 'surface.background.gray.intense',
      hover: 'interactive.background.gray.faded',
      disabled: 'transparent'
    },
    primary: {
      "default": 'interactive.background.primary.faded',
      hover: 'interactive.background.primary.fadedHighlighted',
      disabled: 'interactive.background.primary.disabled'
    },
    positive: {
      "default": 'interactive.background.positive.faded',
      hover: 'interactive.background.positive.fadedHighlighted',
      disabled: 'interactive.background.positive.disabled'
    },
    negative: {
      "default": 'interactive.background.negative.faded',
      hover: 'interactive.background.negative.fadedHighlighted',
      disabled: 'interactive.background.negative.disabled'
    }
  },
  border: {
    unchecked: {
      "default": 'interactive.border.gray.faded',
      hover: 'interactive.border.gray.faded',
      disabled: 'interactive.border.gray.disabled'
    },
    primary: {
      "default": 'interactive.border.primary.default',
      hover: 'interactive.border.primary.default',
      disabled: 'interactive.border.primary.disabled'
    },
    positive: {
      "default": 'interactive.border.positive.default',
      hover: 'interactive.border.positive.default',
      disabled: 'interactive.border.positive.disabled'
    },
    negative: {
      "default": 'interactive.border.negative.default',
      hover: 'interactive.border.negative.default',
      disabled: 'interactive.border.negative.disabled'
    }
  }
};
var getChipInputHoverTokens = function getChipInputHoverTokens(color) {
  return {
    "default": {
      background: {
        checked: 'colors.transparent',
        unchecked: 'colors.transparent'
      },
      border: {
        checked: "colors.".concat(chipColorTokens.border[color || 'default'].hover),
        unchecked: 'colors.interactive.border.gray.faded'
      }
    }
  };
};
var chipIconSizes = {
  xsmall: 'small',
  small: 'small',
  medium: 'medium',
  large: 'large'
};
var chipTextSizes = {
  xsmall: {
    variant: 'body',
    size: 'small'
  },
  small: {
    variant: 'body',
    size: 'medium'
  },
  medium: {
    variant: 'body',
    size: 'large'
  },
  large: {
    variant: 'body',
    size: 'large'
  }
};
var chipMotionTokens = {
  duration: 'duration.xquick',
  easing: 'easing.standard'
};

export { chipColorTokens, chipGroupGapTokens, chipGroupLabelSizeTokens, chipHeightTokens, chipHorizontalPaddingTokens, chipIconSizes, chipMotionTokens, chipTextSizes, getChipInputHoverTokens };
//# sourceMappingURL=chipTokens.js.map