@multiplay/ui/dist/forms/checkboxField/_styles.js

UI kit for Unity and Multiplay applications

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ErrorMessage = exports.Helper = exports.Label = exports.Input = exports.InputWrapper = exports.Wrapper = undefined;

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _colours = require('../../helpers/colours');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Wrapper = exports.Wrapper = _styledComponents2.default.div.withConfig({
  displayName: '_styles__Wrapper',
  componentId: 'sc-1fbsjzo-0'
})(['width:100%;padding:18px 0 0;']);

// HELPERS
var InputWrapper = exports.InputWrapper = _styledComponents2.default.div.withConfig({
  displayName: '_styles__InputWrapper',
  componentId: 'sc-1fbsjzo-1'
})(['display:flex;align-items:center;position:relative;']);

var Input = exports.Input = _styledComponents2.default.input.withConfig({
  displayName: '_styles__Input',
  componentId: 'sc-1fbsjzo-2'
})(['padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer;&:checked + label:after{content:\'\';display:block;position:absolute;top:2px;left:9px;width:6px;height:14px;border:solid #0079bf;border-width:0 2px 2px 0;transform:rotate(45deg);}']);

var Label = exports.Label = _styledComponents2.default.label.withConfig({
  displayName: '_styles__Label',
  componentId: 'sc-1fbsjzo-3'
})(['font-size:18px;top:0;left:0;padding:0;background:none;position:relative;transition:color 200ms cubic-bezier(0.0,0,0.2,1) 0ms,transform 200ms cubic-bezier(0.0,0,0.2,1) 0ms;color:', ';color:', ';&:before{content:\'\';-webkit-appearance:none;background-color:transparent;border:2px solid ', ';border-radius:3px;padding:10px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:10px;}&.checked{&:after{content:\'\';display:block;position:absolute;top:2px;left:2px;width:20px;height:20px;background:', ';border-radius:2px;}}'], _colours.colours.stone, function (_ref) {
  var theme = _ref.theme,
      skin = _ref.skin,
      error = _ref.error,
      disabled = _ref.disabled;

  if (disabled) return skin === 'light' ? (0, _colours.lightenColour)(_colours.colours.stone, 0.15) : _colours.colours.darkGrey;
  if (error) return theme.error;
  return _colours.colours.stone;
}, _colours.colours.stone, function (_ref2) {
  var theme = _ref2.theme;
  return theme.success;
});

var Helper = exports.Helper = _styledComponents2.default.span.withConfig({
  displayName: '_styles__Helper',
  componentId: 'sc-1fbsjzo-4'
})(['width:100%;margin:8px 0 0;display:block;font-size:14px;color:', ';'], function (_ref3) {
  var disabled = _ref3.disabled,
      skin = _ref3.skin;

  if (!disabled) {
    return _colours.colours.stone;
  }
  return skin === 'light' ? (0, _colours.lightenColour)(_colours.colours.stone, 0.15) : _colours.colours.darkGrey;
});

var ErrorMessage = exports.ErrorMessage = _styledComponents2.default.span.withConfig({
  displayName: '_styles__ErrorMessage',
  componentId: 'sc-1fbsjzo-5'
})(['width:100%;margin:8px 0 0;display:block;font-size:14px;color:', ';'], function (_ref4) {
  var theme = _ref4.theme;
  return theme.error;
});