@mankindui/core/dist/themes/LightTheme.js

- a react component library - you can see how @mankindui/core can be used via examples: [usage examples](https://github.com/clarklindev/mankindui-test)

const o = {
  blue: {
    100: "#99d6ff",
    200: "#5cbeff",
    300: "#0A9DFF",
    400: "#007ACC",
    500: "#00568F",
    600: "#000645"
  },
  green: {
    100: "#72afb0",
    200: "#00A949",
    300: "#008439",
    400: "#005424"
  },
  yellow: {
    100: "#E98A15",
    200: "#EA8F1F",
    300: "#CD7A13"
  },
  red: {
    100: "#D00000",
    200: "#A40000",
    300: "#5A0000"
  },
  neutral: {
    100: "#FFFFFF",
    200: "#e4e4e4",
    300: "#d0d0d0",
    400: "#939393",
    500: "#4a4b53",
    600: "#3d3d3d",
    700: "#2d2d2d",
    800: "#212121",
    900: "#1d1d1d",
    1e3: "#000000"
  },
  dev: {
    debug: "pink",
    error: "red"
  },
  status: {
    warning: "#ed6c02",
    error: "#d32f2f",
    success: "#2e7d32",
    info: "#0288d1"
  }
}, e = {
  100: "FF",
  90: "E6",
  80: "CC",
  70: "B3",
  60: "99",
  50: "80",
  40: "66",
  30: "4D",
  20: "33",
  10: "1A",
  0: "00"
}, r = {
  fontFamily: "Roboto, 'sans-serif'",
  color: "rgba(0,0,0,0.8)",
  backgroundColor: "white",
  padding: "10px",
  margin: "1rem",
  gap: "5px",
  headingColor: o.neutral[500],
  headingFontFamily: "Roboto, Arial, Helvetica, sans-serif",
  borderWidth: "1px",
  border: `1px solid ${o.neutral[500]}`,
  borderRadius: "5px",
  inputHeight: "40px",
  inputPadding: "0 10px",
  textMarginBottom: "1.5rem",
  dividerColor: o.neutral[200],
  componentIcons: o.neutral[400]
}, d = {
  name: "lightTheme",
  Section: {
    padding: "2rem",
    borderBottom: `1px solid ${r.dividerColor}`
  },
  Layout: {
    padding: "0 0 2rem"
  },
  Heading: {
    color: r.headingColor,
    lineHeight: "1.3",
    fontWeight: "400",
    fontFamily: r.headingFontFamily,
    fontSize: {
      level1: "1.383rem",
      XXXL: "1.383rem",
      level2: "1.296rem",
      XXL: "1.296rem",
      level3: "1.215rem",
      XL: "1.215rem",
      level4: "1.138rem",
      L: "1.138rem",
      level5: "1.067rem",
      M: "1.067rem",
      level6: "1rem",
      S: "1rem",
      level7: "0.937rem",
      XS: "0.937rem",
      level8: "0.878rem",
      XXS: "0.878rem",
      level9: "0.823rem",
      XXXS: "0.823rem"
    }
  },
  // Button: {
  //   intent: {
  //     primary: 'text-pink-400 bg-green-500 hover:bg-green-600',
  //     contained: {
  //       color: colors.neutral[100],
  //       background: colors.neutral[400],
  //       hover: colors.neutral[500],
  //       border: `1px solid ${colors.neutral[100]}`,
  //     },
  //     outlined: 'bg-transparent text-white border-white',
  //     text: {
  //       color: colors.neutral[500],
  //     },
  //   },
  // },
  Icon: {
    stroke: "black",
    fill: "",
    fillOpacity: 0
  },
  //it actually doesnt do anything with the keys, its for developer guide, technically Input can return a string of tailwind classes.
  Input: {
    default: [
      "box-border",
      "cursor-text",
      "outline-none",
      "w-full",
      "p-2",
      "rounded-md",
      "h-10",
      `bg-[${r.backgroundColor}]`
    ].join(" "),
    color: "text-red-500",
    inputHeight: `h-[${r.inputHeight}]`,
    border: `border-[${r.border}]`,
    borderRadius: `rounded-[${r.borderRadius}]`
  },
  Text: {
    color: r.color,
    marginBottom: r.textMarginBottom,
    lineHeight: "leading-normal	"
  },
  Accordion: {
    title: {
      color: r.headingColor
    },
    content: {
      color: r.color
    },
    componentIcons: {
      stroke: r.componentIcons,
      fill: "none"
    }
  },
  Label: {
    gap: r.gap
  },
  Divider: {
    color: r.dividerColor,
    borderColor: r.dividerColor,
    backgroundColor: r.dividerColor,
    margin: r.margin,
    border: `${r.borderWidth} solid ${r.dividerColor}`
  },
  Select: {
    padding: r.padding,
    inputHeight: r.inputHeight,
    inputPadding: r.inputPadding,
    color: r.color,
    backgroundColor: r.backgroundColor,
    border: r.border,
    borderRadius: r.borderRadius
  },
  Slider: {
    formElementBackground: "#000000"
  },
  Checkbox: {
    borderRadius: r.borderRadius,
    border: r.border,
    backgroundColor: r.backgroundColor
  },
  RadioButton: {
    borderRadius: r.borderRadius,
    border: r.border,
    backgroundColor: r.backgroundColor
  },
  Counter: {
    height: r.inputHeight,
    border: r.border,
    borderRadius: r.borderRadius,
    backgroundColor: r.backgroundColor
  },
  Codeblock: {
    borderRadius: r.borderRadius
  }
};
export {
  o as colors,
  r as global,
  d as lightTheme,
  e as transparency
};
//# sourceMappingURL=LightTheme.js.map