import { merge } from 'lodash';

import { accordionResponsiveRule } from '../../accordion/tokens/accordion.responsive';
import { alertResponsiveRule } from '../../alert/tokens/alert.responsive';
import { buttonResponsiveRule } from '../../button/tokens/button.responsive';
import { chipResponsiveRule } from '../../chip/tokens/chip.responsive';
import { containerResponsiveRule } from '../../container/tokens/container.responsive';
import { menuResponsiveRule } from '../../menu/tokens/menu.responsive';
import { statResponsiveRule } from '../../stat/tokens/stat.responsive';

export const componentsResponsiveRule = merge(
  {},
  accordionResponsiveRule,
  alertResponsiveRule,
  buttonResponsiveRule,
  chipResponsiveRule,
  containerResponsiveRule,
  menuResponsiveRule,
  statResponsiveRule,
);