@sky-mavis/tanto-widget
Version:
Tanto Widget
59 lines • 3.12 kB
JavaScript
import _styled from'@emotion/styled/base';import {jsx}from'@emotion/react/jsx-runtime';import {forwardRef}from'react';const StyledBox = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
target: "e8rlv6d0"
} : {
target: "e8rlv6d0",
label: "StyledBox"
})(({
vertical,
justify,
align,
flex,
fullWidth,
gap,
radius,
p,
pt,
pr,
pb,
pl,
px,
py,
m,
mt,
mr,
mb,
ml,
mx,
my
}) => ({
// Double selector (&&) increases specificity to avoid Emotion re-injection overrides
'&&': {
display: 'flex',
flex: flex ?? undefined,
width: fullWidth ? '100%' : undefined,
flexDirection: vertical ? 'column' : 'row',
justifyContent: justify ?? undefined,
alignItems: align ?? undefined,
gap: gap ?? undefined,
borderRadius: radius ?? undefined,
paddingTop: pt ?? py ?? p,
paddingRight: pr ?? px ?? p,
paddingBottom: pb ?? py ?? p,
paddingLeft: pl ?? px ?? p,
marginTop: mt ?? my ?? m,
marginRight: mr ?? mx ?? m,
marginBottom: mb ?? my ?? m,
marginLeft: ml ?? mx ?? m
}
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tCIiwiZmlsZSI6IkJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmNvbnN0IFN0eWxlZEJveCA9IHN0eWxlZC5kaXYoKHsgdmVydGljYWwsIGp1c3RpZnksIGFsaWduLCBmbGV4LCBmdWxsV2lkdGgsIGdhcCwgcmFkaXVzLCBwLCBwdCwgcHIsIHBiLCBwbCwgcHgsIHB5LCBtLCBtdCwgbXIsIG1iLCBtbCwgbXgsIG15LCB9KSA9PiAoe1xuICAgIC8vIERvdWJsZSBzZWxlY3RvciAoJiYpIGluY3JlYXNlcyBzcGVjaWZpY2l0eSB0byBhdm9pZCBFbW90aW9uIHJlLWluamVjdGlvbiBvdmVycmlkZXNcbiAgICAnJiYnOiB7XG4gICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgZmxleDogZmxleCA/PyB1bmRlZmluZWQsXG4gICAgICAgIHdpZHRoOiBmdWxsV2lkdGggPyAnMTAwJScgOiB1bmRlZmluZWQsXG4gICAgICAgIGZsZXhEaXJlY3Rpb246IHZlcnRpY2FsID8gJ2NvbHVtbicgOiAncm93JyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IGp1c3RpZnkgPz8gdW5kZWZpbmVkLFxuICAgICAgICBhbGlnbkl0ZW1zOiBhbGlnbiA/PyB1bmRlZmluZWQsXG4gICAgICAgIGdhcDogZ2FwID8/IHVuZGVmaW5lZCxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiByYWRpdXMgPz8gdW5kZWZpbmVkLFxuICAgICAgICBwYWRkaW5nVG9wOiBwdCA/PyBweSA/PyBwLFxuICAgICAgICBwYWRkaW5nUmlnaHQ6IHByID8/IHB4ID8/IHAsXG4gICAgICAgIHBhZGRpbmdCb3R0b206IHBiID8/IHB5ID8/IHAsXG4gICAgICAgIHBhZGRpbmdMZWZ0OiBwbCA/PyBweCA/PyBwLFxuICAgICAgICBtYXJnaW5Ub3A6IG10ID8/IG15ID8/IG0sXG4gICAgICAgIG1hcmdpblJpZ2h0OiBtciA/PyBteCA/PyBtLFxuICAgICAgICBtYXJnaW5Cb3R0b206IG1iID8/IG15ID8/IG0sXG4gICAgICAgIG1hcmdpbkxlZnQ6IG1sID8/IG14ID8/IG0sXG4gICAgfSxcbn0pKTtcbmV4cG9ydCBjb25zdCBCb3ggPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5yZXN0IH0sIHJlZikgPT4ge1xuICAgIHJldHVybiAoX2pzeChTdHlsZWRCb3gsIHsgLi4ucmVzdCwgcmVmOiByZWYsIGNoaWxkcmVuOiBjaGlsZHJlbiB9KSk7XG59KTtcbkJveC5kaXNwbGF5TmFtZSA9ICdCb3gnO1xuIl19 */");
const Box = forwardRef(({
children,
...rest
}, ref) => {
return jsx(StyledBox, {
...rest,
ref: ref,
children: children
});
});
Box.displayName = 'Box';export{Box};