@menseb/react-css-variables/dist/index.js

React css-variables

!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],r):"object"==typeof exports?exports.ReactCSSVariables=r(require("react"),require("prop-types")):e.ReactCSSVariables=r(e.React,e.PropTypes)}(self,(function(e,r){return(()=>{"use strict";var t={583:(e,r,t)=>{t.r(r),t.d(r,{VariablesCSS:()=>b});var n=t(473),o=t.n(n),i=t(472),a=t.n(i);function s(e){return""===e}function u(e,r){return function(e,{separator:r="",suffix:t=""}){return s(t)?`${e}`:`${e}${r}${t}`}(function(e,{prefix:r="",separator:t=""}){return s(r)?`${e}`:`${r}${t}${e}`}(e,r),r)}const f=a().shape({css:a().objectOf(a().oneOfType([a().bool,a().number,a().string])).isRequired,prefixValue:a().string,prefixVariable:a().string,separatorValue:a().string,separatorVariable:a().string,suffixValue:a().string,suffixVariable:a().string});function l(e,{suffixValue:r,prefixValue:t,separatorValue:n}){return u(e,{prefix:t,separator:n,suffix:r})}function p(e,{suffixVariable:r,prefixVariable:t,separatorVariable:n="-"}){return u(u(e,{prefix:t,separator:n,suffix:r}),{prefix:"--"})}function c({css:e,...r}){const t={};for(const[n,o]of Object.entries(e))t[p(n,r)]=l(o,r);return t}function y(){return(y=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function b({children:e,inject:r,style:t,tag:i,variables:a,...s}){const u=function(e){if(!Array.isArray(e))return c(e);let r={};for(const t of e)r={...r,...c(t)};return r}(a);return r?(0,n.cloneElement)(e,{style:{...e.props.style,...u}}):o().createElement(i,y({},s,{style:{...t,...u}}),e)}b.defaultProps={inject:!1,style:{},tag:"div"},b.propTypes={children:function(e,r,t){const{inject:o}=e;if(!o)return null;const i=e[r];return 1===n.Children.count(i)&&(0,n.isValidElement)(i)?null:new Error(`Invalid children supplied to ${t}. When using inject={true}, children should be a unique React element.`)},inject:a().bool,style:a().object,tag:a().string,variables:a().oneOfType([f,a().arrayOf(f)]).isRequired}},472:e=>{e.exports=r},473:r=>{r.exports=e}},n={};function o(e){if(n[e])return n[e].exports;var r=n[e]={exports:{}};return t[e](r,r.exports,o),r.exports}return o.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return o.d(r,{a:r}),r},o.d=(e,r)=>{for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(583)})()}));
//# sourceMappingURL=index.js.map