fui-fancyui

Version:
FancyUI Libary
32 lines (30 loc) • 872 B
JavaScript
import { css as n, styled as o } from "styled-components";
import s from "../../atoms/FancyBox/FancyBox.js";
import { sizeSettings as e } from "./sizeSettings.js";
const r = o(s)`
  height: 100%;
  width: ${({ theme: i, $sizeC: t = "sm" }) => i.globalElementSizes[e[t].width]};
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
  transition: width 0.2s ease-in-out;

  ${({ $isOpen: i, $openWidth: t }) => i && n`
      width: ${t ?? "40%"} !important;
    `}
`, l = o.div`
  position: absolute;
  box-sizing: border-box;
  display: flex;
  gap: ${({ theme: i, $sizeC: t = "sm" }) => i.spacing[e[t].gapBetweenItems]};
  padding: ${({ theme: i, $sizeC: t = "sm" }) => i.spacing[e[t].paddingBottomTop]} 0;
  flex-direction: column;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
`;
export {
  l as InnerContainer,
  r as StyledSideBar
};