@weareredlight/components/lib/theme/defaultTheme.js

> TODO: description

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.defaultThemeTemplate = exports.defaultBreakPoints = exports.defaultThemeName = void 0;

var _style = require("../elements/Loading/style");

var _style2 = require("../elements/Screen/style");

var _style3 = require("../elements/Button/style");

var _style4 = require("../elements/Image/style");

var _style5 = require("../elements/Modal/style");

var _style6 = require("../elements/Text/style");

var _style7 = require("../elements/Flex/style");

var _themes;

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

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; }

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

var defaultThemeName = 'default';
exports.defaultThemeName = defaultThemeName;
var defaultBreakPoints = [550, 750, 1000, 1400];
exports.defaultBreakPoints = defaultBreakPoints;
var defaultThemeTemplate = {
  // default components
  originalComponents: {
    Loading: _style.LoadingStyle,
    Screen: _style2.ScreenStyle,
    Button: _style3.ButtonStyle,
    Image: _style4.ImageStyle,
    Modal: _style5.ModalStyle,
    Text: _style6.TextStyle,
    Flex: _style7.FlexStyle
  },
  // default themes
  themes: (_themes = {}, _defineProperty(_themes, defaultThemeName, {
    borderRadius: 4,
    text: {
      fontSize: 16,
      fontFamily: 'Inter-LightBETA',
      fontFamilyBold: 'Inter-Bold',
      fontFamilySmall: 'Inter-Medium',
      __fun: [function (_ref) {
        var themes = _ref.themes;
        return {
          color: themes["default"].colors.textColor
        };
      }]
    },
    spacing: {
      basicSpacingUnit: 2,
      __fun: [function (_ref2) {
        var themes = _ref2.themes;
        return {
          xs: themes["default"].spacing.basicSpacingUnit * 1,
          s: themes["default"].spacing.basicSpacingUnit * 2,
          m: themes["default"].spacing.basicSpacingUnit * 4,
          l: themes["default"].spacing.basicSpacingUnit * 8,
          xl: themes["default"].spacing.basicSpacingUnit * 20
        };
      }]
    },
    colors: {
      primary: '#9153E2',
      background: '#FFFFFF',
      black: '#000000',
      white: '#FFFFFF',
      lightGrey: '#F2F3F4',
      grey: '#DDDDDD',
      textColor: '#525262',
      muted: '#AFAFAF',
      placeholder: '#EDF0F3',
      red: '#FF8B8B',
      green: '#49DCB1',
      blue: '#6DCEDD',
      yellow: '#FFDF80'
    },
    helpers: {
      __fun: [function (_ref3) {
        var themes = _ref3.themes;
        var unit = themes["default"].spacing.basicSpacingUnit;
        var data = {
          p: 'padding',
          pT: 'paddingTop',
          pR: 'paddingRight',
          pB: 'paddingBottom',
          pL: 'paddingLeft',
          pV: 'paddingVertical',
          pH: 'paddingHorizontal',
          m: 'margin',
          mT: 'marginTop',
          mR: 'marginRight',
          mB: 'marginBottom',
          mL: 'marginLeft',
          mV: 'marginVertical',
          mH: 'marginHorizontal'
        };
        var obj = {};
        Object.entries(data).map(function (_ref4) {
          var _ref5 = _slicedToArray(_ref4, 2),
              key = _ref5[0],
              val = _ref5[1];

          var r = {
            xs: _defineProperty({}, val, unit * 2),
            s: _defineProperty({}, val, unit * 4),
            m: _defineProperty({}, val, unit * 8),
            l: _defineProperty({}, val, unit * 16),
            xl: _defineProperty({}, val, unit * 24)
          };
          obj[key] = r;
        });
        return obj;
      }]
    }
  }), _defineProperty(_themes, "dark", {
    __fun: [function (_ref6) {
      var themes = _ref6.themes;
      return _objectSpread(_objectSpread({}, themes["default"]), {}, {
        colors: _objectSpread(_objectSpread({}, themes["default"].colors), {}, {
          primary: themes["default"].colors.red
        })
      });
    }]
  }), _themes),
  // default mixins
  defaultMixins: {
    setBGcolorByOS: function setBGcolorByOS(_ref7) {
      var vars = _ref7.vars;
      return {
        __web: {
          backgroundColor: vars.colors.blue
        },
        __ios: {
          backgroundColor: vars.colors.red
        },
        __android: {
          backgroundColor: vars.colors.green
        }
      };
    },
    backgroundColorWithOpacity: function backgroundColorWithOpacity(_ref8, color, opacity) {
      var vars = _ref8.vars;
      return {
        backgroundColor: vars.colors[color] + parseInt(255 * opacity).toString(16).toUpperCase()
      };
    }
  }
};
exports.defaultThemeTemplate = defaultThemeTemplate;