@catapult-tech/cp-design-system-form/dist/esm/css/index.js

Design system components for form layout

var _psdsFormButtonRo;

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

import { colorsBorder, layout } from '@catapult-tech/cp-design-system-core';
import { names as themeNames } from '@catapult-tech/cp-design-system-theme';
import * as vars from '../vars/index.js';
export default (_psdsFormButtonRo = {
  '.psds-form-button-row': {
    display: 'flex'
  }
}, _defineProperty(_psdsFormButtonRo, ".psds-form-button-row--align-".concat(vars.aligns.right), {
  justifyContent: 'flex-end'
}), _defineProperty(_psdsFormButtonRo, '.psds-form-button-row__button', {
  marginRight: layout.spacingLarge,
  '&:last-child': {
    marginRight: 0
  }
}), _defineProperty(_psdsFormButtonRo, '.psds-form-divider', {
  height: '1px',
  width: '100%',
  backgroundColor: colorsBorder.lowOnDark
}), _defineProperty(_psdsFormButtonRo, ".psds-form-divider.psds-theme--".concat(themeNames.light), {
  backgroundColor: colorsBorder.lowOnLight
}), _defineProperty(_psdsFormButtonRo, '.psds-form-vertical-layout', {
  width: '100%'
}), _defineProperty(_psdsFormButtonRo, '.psds-form-vertical-layout__child', {
  marginBottom: layout.spacingLarge,
  '&:last-child': {
    marginBottom: 0
  }
}), _psdsFormButtonRo);