var classes = {
  simple: 'simple',
  stepItem: 'step-item',
  centered: 'item-centered',
  active: 'item-active',
  nextActive: 'next-item-active',
  prevCompleted: 'prev-item-completed',
  inactive: 'item-inactive',
  clickable: 'item-clickable',
  hovered: 'item-hovered',
  disabled: 'item-disabled',
  verticalOrientation: 'vertical-orientation',
  hasIndicator: 'item-has-indicator',
  activeItem: 'item-active',
  transparentDivider: 'transparent-divider',
  verticalLastItem: 'vertical-last-item',
  noTitle: 'no-title'
};
var tokens = {
  indicatorSize: '--plasma-step-item-indicator-size',
  activeIndicatorSize: '--plasma-step-item-active-indicator-size',
  bulletSize: '--plasma-step-item-bullet-size',
  activeBulletSize: '--plasma-step-item-active-bullet-size',
  titlePaddingTop: '--plasma-step-item-title-padding-top',
  contentPaddingTop: '--plasma-step-item-content-padding-top',
  contentPaddingRight: '--plasma-step-item-content-padding-right',
  contentSidePadding: '--plasma-step-item-content-side-padding',
  contentVerticalPadding: '--plasma-step-item-content-vertical-padding',
  verticalContentPaddingLeft: '--plasma-step-item-vertical-content-padding-left',
  titleFontFamily: '--plasma-step-item-title-font-family',
  titleFontSize: '--plasma-step-item-title-font-size',
  titleFontStyle: '--plasma-step-item-title-font-style',
  titleFontWeight: '--plasma-step-item-title-font-weight',
  titleLetterSpacing: '--plasma-step-item-title-letter-spacing',
  titleLineHeight: '--plasma-step-item-title-line-height',
  contentFontFamily: '--plasma-step-item-content-font-family',
  contentFontSize: '--plasma-step-item-content-font-size',
  contentFontStyle: '--plasma-step-item-content-font-style',
  contentFontWeight: '--plasma-step-item-content-font-weight',
  contentLetterSpacing: '--plasma-step-item-content-letter-spacing',
  contentLineHeight: '--plasma-step-item-content-line-height',
  indicatorFontFamily: '--plasma-step-item-indicator-font-family',
  indicatorFontSize: '--plasma-step-item-indicator-font-size',
  indicatorFontStyle: '--plasma-step-item-indicator-font-style',
  indicatorFontWeight: '--plasma-step-item-indicator-font-weight',
  indicatorLetterSpacing: '--plasma-step-item-indicator-letter-spacing',
  indicatorLineHeight: '--plasma-step-item-indicator-line-height',
  activeIndicatorFontFamily: '--plasma-step-item-active-indicator-font-family',
  activeIndicatorFontSize: '--plasma-step-item-active-indicator-font-size',
  activeIndicatorFontStyle: '--plasma-step-item-active-indicator-font-style',
  activeIndicatorFontWeight: '--plasma-step-item-active-indicator-font-weight',
  activeIndicatorLetterSpacing: '--plasma-step-item-active-indicator-letter-spacing',
  activeIndicatorLineHeight: '--plasma-step-item-active-indicator-line-height',
  activeTitleColor: '--plasma-step-item-active-title-color',
  activeTitleColorHover: '--plasma-step-item-active-title-color-hover',
  inactiveTitleColor: '--plasma-step-item-inactive-title-color',
  inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',
  contentColor: '--plasma-step-item-content-color',
  focusColor: '--plasma-step-item-focus-color',
  activeIndicatorBorder: '--plasma-step-item-active-indicator-border',
  activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',
  bulletActiveIndicatorBorder: '--plasma-step-item-bullet-active-indicator-border',
  bulletActiveIndicatorBorderHover: '--plasma-step-item-bullet-active-indicator-border-hover',
  loaderSpinnerColor: '--plasma-step-item-lodare-spinner-color',
  activeIndicatorColor: '--plasma-step-item-active-indicator-color',
  activeIndicatorColorHover: '--plasma-step-item-active-indicator-color-hover',
  activeIndicatorBackground: '--plasma-step-item-active-indicator-background',
  bulletActiveBackground: '--plasma-step-item-bullet-active-indicator-background',
  completedTitleColor: '--plasma-step-item-completed-title-color',
  completedTitleColorHover: '--plasma-step-item-completed-title-color-hover',
  completedIndicatorColor: '--plasma-step-item-completed-indicator-color',
  completedIndicatorColorHover: '--plasma-step-item-completed-indicator-color-hover',
  completedIndicatorBackground: '--plasma-step-item-completed-indicator-background',
  completedIndicatorBackgroundHover: '--plasma-step-item-completed-indicator-background-hover',
  completedBulletBackground: '--plasma-step-item-completed-bullet-background',
  completedBulletBackgroundHover: '--plasma-step-item-completed-bullet-background-hover',
  completedIndicatorBorder: '--plasma-step-item-completed-indicator-border',
  completedIndicatorBorderHover: '--plasma-step-item-completed-indicator-border-hover',
  completedBulletBorder: '--plasma-step-item-completed-bullet-border',
  completedBulletBorderHover: '--plasma-step-item-completed-bullet-border-hover',
  inactiveIndicatorColor: '--plasma-step-item-inactive-indicator-color',
  inactiveIndicatorColorHover: '--plasma-step-item-inactive-indicator-color-hover',
  inactiveIndicatorBackground: '--plasma-step-item-inactive-indicator-background',
  inactiveIndicatorBackgroundHover: '--plasma-step-item-inactive-indicator-background-hover',
  inactiveBulletBackgroundHover: '--plasma-step-item-inactive-bullet-background-hover',
  inactiveBulletBackground: '--plasma-step-item-inactive-bullet-background',
  inactiveBulletBorder: '--plasma-step-item-inactive-bullet-border',
  disabledOpacity: '--plasma-step-item-disabled-opacity',
  dividerThickness: '--plasma-step-item-divider-thickness',
  bulletBorderThickness: '--plasma-step-item-bullet-border-thickness',
  activeBulletBorderThickness: '--plasma-step-item-active-bullet-border-thickness',
  dividerColor: '--plasma-step-item-divider-color',
  dividerGradientColor: '--plasma-step-item-divider-gradient-color',
  dividerActiveGradientColor: '--plasma-step-item-active-divider-gradient-color',
  dividerVerticalGradientColor: '--plasma-step-item-divider-vertical-gradient-color',
  dividerActiveVerticalGradientColor: '--plasma-step-item-active-divider-vertical-gradient-color'
};

export { classes, tokens };
