fui-fancyui

Version:
FancyUI Libary
39 lines (38 loc) • 1.5 kB
JavaScript
import { styled as t, css as i } from "styled-components";
import { getBackgroundColor as n } from "../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
import { globalElementSizes as s } from "../../../design/theme/globalSizes.js";
import { generateBorderRadiusForComponent as d } from "../../../design/designFunctions/generateBorderRadiusForComponent/generateBorderRadiusForComponent.js";
import { sizeSettings as a } from "./sizeSettings.js";
import c from "../../../design/designFunctions/arrayToCssValues/arrayToCssValues.js";
const b = t.div`
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: ${({ $sizeC: o = "md" }) => c(a[o].padding, "spacing")};
  ${({ $borderRadius: o, $sizeC: r }) => d({ borderRadius: o, sizeC: r })};
  background-color: ${({ theme: o, $layer: r = 2, $themeType: e = "primary" }) => n({ theme: o, $themeType: e, $layer: r })};
  height: ${({ $sizeC: o = "md" }) => s[o]};
`, f = t.button`
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: ${({ theme: o, $layer: r, $themeType: e = "secondary" }) => n({ theme: o, $themeType: e, $layer: r })};
  border: none;
  padding: 0;
  cursor: pointer;
`, S = i`
  svg {
    path: {
      stroke: ${({ theme: o }) => o.color.secondary[0]};
      stroke-width: 2px;
    }
  }
`;
export {
  S as SVGDesignCSS,
  f as StyledButton,
  b as StyledYearSelector
};