carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.94 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../style/utils/filter-styled-system-padding-props.js"),o=require("../../style/utils/filter-styled-system-margin-props.js"),n=require("../../style/utils/filter-styled-system-layout-props.js"),i=require("../../style/utils/filter-styled-system-flexbox-props.js"),l=require("../../style/utils/filter-styled-system-grid-props.js"),a=require("./box.style.js"),s=require("../../__internal__/utils/helpers/tags/tags.js");function u(e){return e&&e.__esModule?e:{default:e}}function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const d=u(r).default.forwardRef(((r,u)=>{var{"data-component":d,tabIndex:p,as:f,id:b,role:y,overflowWrap:g,scrollVariant:O,boxSizing:h,gap:j,columnGap:m,rowGap:x,className:w,children:v,bg:P,backgroundColor:S,boxShadow:q,borderRadius:_,color:k,opacity:G,height:$,width:D,hidden:I,"aria-hidden":N}=r,R=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(r,["data-component","tabIndex","as","id","role","overflowWrap","scrollVariant","boxSizing","gap","columnGap","rowGap","className","children","bg","backgroundColor","boxShadow","borderRadius","color","opacity","height","width","hidden","aria-hidden"]);let z="";"number"==typeof D?z=D<=1?`${(100*D).toFixed(0)}%`:`${D}px`:"string"==typeof D&&(z=D);let C="";"number"==typeof $?C=$<=1?`${(100*$).toFixed(0)}%`:`${$}px`:"string"==typeof $&&(C=$);const E={color:k,opacity:G,width:z,height:C};return e.jsx(a.default,(V=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){c(e,r,t[r])}))}return e}({as:f,id:b,role:y,overflowWrap:g,scrollVariant:O,boxSizing:h,gap:j,columnGap:m,rowGap:x,className:w,ref:u,bg:P,backgroundColor:S,boxShadow:q,$borderRadius:_,"aria-hidden":N,hidden:I},s.default(d,R),o.default(R),t.default(R),i.default(R),l.default(R),n.default(R)),W=null!=(W={cssProps:E,tabIndex:p,children:v})?W:{},Object.getOwnPropertyDescriptors?Object.defineProperties(V,Object.getOwnPropertyDescriptors(W)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(W)).forEach((function(e){Object.defineProperty(V,e,Object.getOwnPropertyDescriptor(W,e))})),V));var V,W}));d.displayName="Box",exports.Box=d,exports.default=d;