fui-fancyui/dist/src/components/atoms/FancyBox/FancyBox.style.js

FancyUI Libary

import { css as t, styled as m } from "styled-components";
import n from "../../../design/designFunctions/generateThemeForCard/generateThemeForCard.js";
import d from "../../../design/designFunctions/arrayToCssValues/arrayToCssValues.js";
const $ = m.div`
  border-radius: ${({ $borderRadius: r }) => d(r, "borderRadius")};
  padding: ${({ $padding: r }) => d(r, "spacing")};
  margin: ${({ $margin: r }) => d(r, "spacing")};

  box-sizing: border-box;
  ${({ $themeType: r, theme: e, $layer: a, $outlined: i, $outlinedBackgroundStrength: s, $outlinedRemoveBorder: o }) => n({ $themeType: r, theme: e, $outlined: i, $layer: a, $outlinedBackgroundStrength: s, $outlinedRemoveBorder: o })};

  ${({ $themeType: r, theme: e, $outlined: a, $outlinedBackgroundStrength: i, $outlinedRemoveBorder: s, $hoverLayer: o }) => o && t`
      transition: background-color 0.3s ease-in-out;

      @media (hover: hover) {
        &:hover {
          ${n({
  $themeType: r,
  theme: e,
  $outlined: a,
  $layer: o,
  $outlinedBackgroundStrength: i,
  $outlinedRemoveBorder: s
})};
        }
      }
    `}

  ${({ $externalStyle: r }) => r};
`;
export {
  $ as StyledFancyBox
};