carbon-react/lib/components/box/box.style.js

A library of reusable React components for easily building user interfaces.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),o=require("../../style/utils/box-gap.js"),t=require("../../style/utils/color.js"),s=require("./box.config.js"),l=require("../../style/themes/apply-base-theme.js");function i(e){return e&&e.__esModule?e:{default:e}}function n(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function c(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){n(e,r,o[r])}))}return e}function a(e,r){if(null==e)return{};var o,t,s=function(e,r){if(null==e)return{};var o,t,s={},l=Object.keys(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||(s[o]=e[o]);return s}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(s[o]=e[o])}return s}const u=i(e).default.div.attrs(l.default).withConfig({displayName:"box.style__StyledBox",componentId:"sc-fcf46366-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," ",";"," ",""],r.space,r.layout,r.flexbox,r.grid,(e=>{const o=r.position(e),{position:t}=o,s=a(o,["position"]);return c({position:t,zIndex:["sticky","fixed"].includes(t)?3:void 0},s)}),(({$borderRadius:r="borderRadius000"})=>{const o=r.split(" ");return e.css(["border-radius:",";"],o.map((e=>`var(--${e})`)).join(" "))}),(e=>{var{cssProps:r,bg:o,backgroundColor:s}=e,l=a(e,["cssProps","bg","backgroundColor"]);return t.default(c({color:null==r?void 0:r.color,bg:o,backgroundColor:s},l))}),(({cssProps:r})=>e.css(["opacity:",";"],null==r?void 0:r.opacity)),(({overflowWrap:r})=>r&&e.css(["overflow-wrap:",";"],r)),(({cssProps:r,size:o})=>(null==r?void 0:r.height)&&!o&&e.css(["height:",";"],null==r?void 0:r.height)),(({cssProps:r,size:o})=>(null==r?void 0:r.width)&&!o&&e.css(["width:",";"],null==r?void 0:r.width)),(({scrollVariant:r})=>r&&e.css(["scrollbar-color:"," ",";&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:",";}&::-webkit-scrollbar-thumb{background-color:",";}"],s.default[r].thumb,s.default[r].track,s.default[r].track,s.default[r].thumb)),(({boxSizing:r})=>r&&e.css(["box-sizing:",";"],r)),(({display:r,gap:t,columnGap:s,rowGap:l})=>("flex"===r||"inline-flex"===r||"grid"===r||"inline-grid"===r)&&e.css([""," "," ",""],void 0!==t&&e.css(["gap:",";"],o.default(t)),void 0!==s&&e.css(["column-gap:",";"],o.default(s)),void 0!==l&&e.css(["row-gap:",";"],o.default(l)))),(({boxShadow:r})=>r&&e.css(["box-shadow:var(--",");"],r)),(({display:r,hidden:o})=>e.css(["display:",";"],o?"none":r)));exports.default=u;