@findify/mjs/lib/styleProcessor.js

Findify widgets

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _postcssCustomProperties = require("postcss-custom-properties");

var _postcssCustomProperties2 = _interopRequireDefault(_postcssCustomProperties);

var _flat = require("flat");

var _flat2 = _interopRequireDefault(_flat);

var _omitBy = require("lodash/omitBy");

var _omitBy2 = _interopRequireDefault(_omitBy);

var _isEmpty = require("lodash/isEmpty");

var _isEmpty2 = _interopRequireDefault(_isEmpty);

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

var postcss = require('postcss');

var postCssVariables = (0, _postcssCustomProperties2.default)();

exports.default = function (styles) {
  return function (data) {
    return new Promise(function (resolve, reject) {
      postCssVariables.setVariables((0, _omitBy2.default)(_flat2.default.flatten(data, {
        delimiter: '-'
      }), _isEmpty2.default));
      postcss([require('postcss-nested'), require('autoprefixer'), postCssVariables, require('postcss-calc'), require('postcss-color-function'), require('postcss-font-magician')]).process(styles).then(function (_ref) {
        var css = _ref.css;
        return resolve(css);
      }).catch(reject);
    });
  };
};