csd/lib/index.d.ts

css codes with design system in css in js libraries

import * as values from "./src/values";
import colors from "./src/colors";
export * from "./src/CSSRules";
export * from "./src/values";
export * from "./src/colors";
export { values };
export { colors };
declare const s: {
  pad: {
    xs: "24px";
    sm: "40px";
    md: "60px";
    lg: "80px";
    xl: "80px";
  };
  round: {
    xs: "4px";
    sm: "8px";
    md: "12px";
    lg: "20px";
    xl: "32px";
  };
  spacing: {
    24: "24px";
    40: "40px";
    60: "60px";
    80: "80px";
    4: "4px";
    8: "8px";
    10: "10px";
    12: "12px";
    16: "16px";
    20: "20px";
    28: "28px";
    30: "30px";
    32: "32px";
    50: "50px";
    70: "70px";
  };
  typo: {
    bold: string;
    textCenter: string;
    h10: "font-size: 10px; line-height: 1.2;";
    h12: "font-size: 12px; line-height: 1.3;";
    h14: "font-size: 14px; line-height: 1.4;";
    h16: "font-size: 16px; line-height: 1.3;";
    h18: "font-size: 18px; line-height: 1.3;";
    h22: "font-size: 22px; line-height: 1.2;";
    h32: "font-size: 32px; line-height: 1.1;";
    h42: "font-size: 42px; line-height: 1.1;";
  };
  zIndex: {
    dropdown: "z-index: 1000;";
    sticky: "z-index: 1020;";
    fixed: "z-index: 1030;";
    backdrop: "z-index: 1040;";
    modal: "z-index: 1050;";
    popover: "z-index: 1060;";
    tooltip: "z-index: 1070;";
  };
  values: typeof values;
  colors: import("./src/colors/types").Colors;
  black: string;
  white: string;
  red: import("./src/colors/types").ChromaticColor;
  pink: import("./src/colors/types").ChromaticColor;
  purple: import("./src/colors/types").ChromaticColor;
  deepPurple: import("./src/colors/types").ChromaticColor;
  indigo: import("./src/colors/types").ChromaticColor;
  blue: import("./src/colors/types").ChromaticColor;
  lightBlue: import("./src/colors/types").ChromaticColor;
  cyan: import("./src/colors/types").ChromaticColor;
  teal: import("./src/colors/types").ChromaticColor;
  green: import("./src/colors/types").ChromaticColor;
  lightGreen: import("./src/colors/types").ChromaticColor;
  lime: import("./src/colors/types").ChromaticColor;
  yellow: import("./src/colors/types").ChromaticColor;
  amber: import("./src/colors/types").ChromaticColor;
  orange: import("./src/colors/types").ChromaticColor;
  deepOrange: import("./src/colors/types").ChromaticColor;
  brown: import("./src/colors/types").ChromaticColor;
  grey: import("./src/colors/types").ChromaticColor;
  blueGrey: import("./src/colors/types").ChromaticColor;
  bold: string;
  textCenter: string;
  h10: "font-size: 10px; line-height: 1.2;";
  h12: "font-size: 12px; line-height: 1.3;";
  h14: "font-size: 14px; line-height: 1.4;";
  h16: "font-size: 16px; line-height: 1.3;";
  h18: "font-size: 18px; line-height: 1.3;";
  h22: "font-size: 22px; line-height: 1.2;";
  h32: "font-size: 32px; line-height: 1.1;";
  h42: "font-size: 42px; line-height: 1.1;";
  only: {
    xs: import("./src/types/CSSRules").CSSRuleCreator;
    sm: import("./src/types/CSSRules").CSSRuleCreator;
    md: import("./src/types/CSSRules").CSSRuleCreator;
    lg: import("./src/types/CSSRules").CSSRuleCreator;
    xl: import("./src/types/CSSRules").CSSRuleCreator;
  };
  over: {
    xs: import("./src/types/CSSRules").CSSRuleCreator;
    sm: import("./src/types/CSSRules").CSSRuleCreator;
    md: import("./src/types/CSSRules").CSSRuleCreator;
    lg: import("./src/types/CSSRules").CSSRuleCreator;
    xl: import("./src/types/CSSRules").CSSRuleCreator;
  };
  under: {
    xs: import("./src/types/CSSRules").CSSRuleCreator;
    sm: import("./src/types/CSSRules").CSSRuleCreator;
    md: import("./src/types/CSSRules").CSSRuleCreator;
    lg: import("./src/types/CSSRules").CSSRuleCreator;
    xl: import("./src/types/CSSRules").CSSRuleCreator;
  };
  smTo: {
    md: import("./src/types/CSSRules").CSSRuleCreator;
    lg: import("./src/types/CSSRules").CSSRuleCreator;
    xl: import("./src/types/CSSRules").CSSRuleCreator;
  };
  mdTo: {
    lg: import("./src/types/CSSRules").CSSRuleCreator;
    xl: import("./src/types/CSSRules").CSSRuleCreator;
  };
  baseButton: string;
  baseContainer: (
    options?: {
      align?: import("./src/types/CSSRules").AlignChildOption;
    } & {
      xs?: boolean;
      sm?: boolean;
      md?: boolean;
      lg?: boolean;
    }
  ) => string;
  baseSection: (
    mb?: import("./src/types/CSSRules").MarginBottomOption
  ) => string;
  fluid: string;
  noGrow: string;
  grid: string;
  grid1: string;
  grid2: string;
  grid3: string;
  grid4: string;
  grid5: string;
  grid6: string;
  grid7: string;
  grid8: string;
  grid9: string;
  grid10: string;
  grid11: string;
  grid12: string;
  absolute: string;
  mb1: string;
  mb2: string;
  mb3: string;
  mb4: string;
  mb5: string;
  mb6: string;
  mb7: string;
  mb8: string;
  flex: string;
  row: string;
  rowCenter: string;
  rowSpaceBetween: string;
  rowEnd: string;
  col: string;
  colCenter: string;
  colSpaceBetween: string;
  colEnd: string;
  relative: string;
};
export default s;