import { positiveScale } from "./sizing-scale";

/**
 * @deprecated Please use style-dictionary/width
 */
export const width = {
  ...positiveScale,
  "1/2": "50%",
  "1/3": "33.33333%",
  "2/3": "66.66667%",
  "1/4": "25%",
  "3/4": "75%",
  "1/5": "20%",
  "2/5": "40%",
  "3/5": "60%",
  "4/5": "80%",
  "1/6": "16.66667%",
  "5/6": "83.33333%",
  auto: "auto",
  px: "1px",
  full: "100%",
  screen: "100vw",
  "max-content": "max-content",
};

/**
 * @deprecated Please use style-dictionary/width
 */
export const minWidth = {
  ...positiveScale,
  full: "100%",
};

/**
 * @deprecated Please use style-dictionary/width
 */
export const maxWidth = {
  ...positiveScale,
  xs: "20rem",
  sm: "30rem",
  md: "40rem",
  lg: "50rem",
  xl: "60rem",
  "2xl": "70rem",
  "3xl": "80rem",
  "4xl": "90rem",
  "5xl": "100rem",
  full: "100%",
  screen: "100vw",
};