var classes = {
  dot: 'dot',
  active: 'dot-active',
  animating: 'dot-animating',
  animateIn: 'dot-animate-in',
  animateOut: 'dot-animate-out',
  temporaryNatural: 'dot-temporary-natural',
  shrinking: 'dot-shrinking',
  availableDotsLeft: 'dot-available-dots-left',
  availableDotsRight: 'dot-available-dots-right',
  leftControlButton: 'carousel-left-control-button',
  rightControlButton: 'carousel-right-control-button'
};
var tokens = {
  paginationDotBackground: '--plasma-carousel-pagination-dot-background',
  paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background',
  controlIconButtonRadius: '--plasma-carousel-control-icon-button-radius',
  controlIconButtonColor: '--plasma-carousel-control-icon-button-color',
  controlIconButtonBackgroundColor: '--plasma-carousel-control-icon-button-background-color',
  controlIconButtonColorHover: '--plasma-carousel-control-icon-button-color-hover',
  controlIconButtonBackgroundColorHover: '--plasma-carousel-control-icon-button-background-color-hover',
  controlIconButtonColorActive: '--plasma-carousel-control-icon-button-color-active',
  controlIconButtonBackgroundColorActive: '--plasma-carousel-control-icon-button-background-color-active'
};

export { classes, tokens };
