apphouse/dist/styles/getUtilityStyles.ts

Component library for React that uses observable state management and theme-able components.

import { UtilityStyles } from './defaults/themes.interface';
/**
 * @description - Get styles for utilities
 * @returns {FocusStyles}
 */
export const getUtilityStyles = (): UtilityStyles => {
  return {
    /** Don't forget, this should be applied in a p tag and there has
     * to be a set width defined */
    truncateWithEllipsis: {
      overflow: 'hidden',
      textOverflow: 'ellipsis',
      whiteSpace: 'nowrap'
    },
    fadeInView: {
      animation: `0.3s ease-in-out`
    },
    disabled: {
      opacity: 0.5,
      cursor: 'not-allowed'
    }
  };
};