@baolq/styled-components/primitives/dist/styled-components-primitives.cjs.js

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress

'use strict';

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

var reactPrimitives = require('react-primitives');
var constructWithOptions = require('../constructors/constructWithOptions.ts');
var css_ts = require('../constructors/css.ts');
var withTheme_tsx = require('../hoc/withTheme.tsx');
var useTheme_ts = require('../hooks/useTheme.ts');
var _InlineStyle = require('../models/InlineStyle.ts');
var _StyledNativeComponent = require('../models/StyledNativeComponent.ts');
var ThemeProvider_tsx = require('../models/ThemeProvider.tsx');
var isStyledComponent_ts = require('../utils/isStyledComponent.ts');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var reactPrimitives__default = /*#__PURE__*/_interopDefaultLegacy(reactPrimitives);
var constructWithOptions__default = /*#__PURE__*/_interopDefaultLegacy(constructWithOptions);
var css_ts__default = /*#__PURE__*/_interopDefaultLegacy(css_ts);
var withTheme_tsx__default = /*#__PURE__*/_interopDefaultLegacy(withTheme_tsx);
var useTheme_ts__default = /*#__PURE__*/_interopDefaultLegacy(useTheme_ts);
var _InlineStyle__default = /*#__PURE__*/_interopDefaultLegacy(_InlineStyle);
var _StyledNativeComponent__default = /*#__PURE__*/_interopDefaultLegacy(_StyledNativeComponent);
var ThemeProvider_tsx__default = /*#__PURE__*/_interopDefaultLegacy(ThemeProvider_tsx);
var isStyledComponent_ts__default = /*#__PURE__*/_interopDefaultLegacy(isStyledComponent_ts);

var InlineStyle = _InlineStyle__default['default'](reactPrimitives__default['default'].StyleSheet);
var StyledNativeComponent = _StyledNativeComponent__default['default'](InlineStyle);
var styled = function (tag) { return constructWithOptions__default['default'](StyledNativeComponent, tag); };
/* React native lazy-requires each of these modules for some reason, so let's
 *  assume it's for a good reason and not eagerly load them all */
var aliases = ['Image', 'Text', 'Touchable', 'View'];
/* Define a getter for each alias which simply gets the reactNative component
 * and passes it to styled */
aliases.forEach(function (alias) {
    return Object.defineProperty(styled, alias, {
        enumerable: true,
        configurable: false,
        get: function () {
            return styled(reactPrimitives__default['default'][alias]);
        },
    });
});

Object.defineProperty(exports, 'css', {
    enumerable: true,
    get: function () {
        return css_ts__default['default'];
    }
});
Object.defineProperty(exports, 'withTheme', {
    enumerable: true,
    get: function () {
        return withTheme_tsx__default['default'];
    }
});
Object.defineProperty(exports, 'useTheme', {
    enumerable: true,
    get: function () {
        return useTheme_ts__default['default'];
    }
});
Object.defineProperty(exports, 'ThemeConsumer', {
    enumerable: true,
    get: function () {
        return ThemeProvider_tsx.ThemeConsumer;
    }
});
Object.defineProperty(exports, 'ThemeContext', {
    enumerable: true,
    get: function () {
        return ThemeProvider_tsx.ThemeContext;
    }
});
Object.defineProperty(exports, 'ThemeProvider', {
    enumerable: true,
    get: function () {
        return ThemeProvider_tsx__default['default'];
    }
});
Object.defineProperty(exports, 'isStyledComponent', {
    enumerable: true,
    get: function () {
        return isStyledComponent_ts__default['default'];
    }
});
exports['default'] = styled;
//# sourceMappingURL=styled-components-primitives.cjs.js.map