@equinor/eds-core-react/dist/esm/components/Button/tokens/contained_icon.js

The React implementation of the Equinor Design System

import { tokens } from '@equinor/eds-tokens';
import { primary as primary$1, secondary as secondary$1, danger as danger$1 } from './contained.js';
import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/mergeDeepRight.js';

const {
  clickbounds: {
    default__base: clicboundHeight,
    compact__standard: compactClickboundHeight
  },
  shape
} = tokens;
const contained_icon = {
  height: shape.icon_button.minHeight,
  width: shape.icon_button.minWidth,
  border: {
    width: '0px',
    radius: '50%'
  },
  spacings: {
    left: '0',
    right: '0'
  },
  clickbound: {
    width: clicboundHeight,
    offset: {
      top: `${(parseInt(clicboundHeight) - parseInt(shape.icon_button.minWidth)) / 2}px`,
      left: `${(parseInt(clicboundHeight) - parseInt(shape.icon_button.minWidth)) / 2}px`
    }
  },
  states: {
    hover: {
      border: {
        width: '0px',
        radius: '50%'
      }
    }
  },
  modes: {
    compact: {
      height: shape._modes.compact.icon_button.minHeight,
      width: shape._modes.compact.icon_button.minWidth,
      clickbound: {
        width: compactClickboundHeight,
        offset: {
          top: '0',
          left: `${(parseInt(compactClickboundHeight) - parseInt(shape._modes.compact.icon_button.minWidth)) / 2}px`
        }
      }
    }
  }
};
const primary = mergeDeepRight(primary$1, contained_icon);
const secondary = mergeDeepRight(secondary$1, contained_icon);
const danger = mergeDeepRight(danger$1, contained_icon);

export { danger, primary, secondary };