@cupcake-ds/cc-props/cc-props.tokens.json

- [https://unpkg.com/@cupcake-ds/cc-props/](https://unpkg.com/@cupcake-ds/cc-props/) - [https://unpkg.com/@cupcake-ds/cc-props/cc-props.min.css](https://unpkg.com/@cupcake-ds/cc-props/cc-props.min.css) - [https://unpkg.com/@cupcake-ds/cc-props/normalize.m

{
  "--white": {
    "value": "#ffffff"
  },
  "--black": {
    "value": "#000000"
  },
  "--global-bg": {
    "value": "var(--white)"
  },
  "--global-layer-1": {
    "value": "var(--gray-0)"
  },
  "--global-layer-2": {
    "value": "var(--gray-1)"
  },
  "--global-layer-3": {
    "value": "var(--gray-2)"
  },
  "--global-text-color": {
    "value": "var(--gray-7)"
  },
  "--global-text-color-light": {
    "value": "var(--gray-6)"
  },
  "--global-text-color-dark": {
    "value": "var(--gray-9)"
  },
  "--global-text-color-lighter": {
    "value": "var(--gray-5)"
  },
  "--global-bg-disabled": {
    "value": "var(--gray-3)"
  },
  "--global-border-color": {
    "value": "var(--gray-4)"
  },
  "--global-border-color-dark": {
    "value": "var(--gray-5)"
  },
  "--global-border-color-light": {
    "value": "var(--gray-2)"
  },
  "--global-border": {
    "value": "1px solid var(--global-border-color)"
  },
  "--global-border-dark": {
    "value": "1px solid var(--global-border-color-dark)"
  },
  "--global-border-light": {
    "value": "1px solid var(--global-border-color-light)"
  },
  "--global-size-xs": {
    "value": "calc(var(--global-px-grid) * 2)"
  },
  "--global-size-sm": {
    "value": "calc(var(--global-px-grid) * 3)"
  },
  "--global-size-md": {
    "value": "calc(var(--global-px-grid) * 4)"
  },
  "--global-size-lg": {
    "value": "calc(var(--global-px-grid) * 5)"
  },
  "--global-size-xl": {
    "value": "calc(var(--global-px-grid) * 6)"
  },
  "--global-radius-default": {
    "value": "2px"
  },
  "Blue": {
    "value": {
      "--blue-0": "#e7f5ff",
      "--blue-1": "#d0ebff",
      "--blue-2": "#a5d8ff",
      "--blue-3": "#74c0fc",
      "--blue-4": "#4dabf7",
      "--blue-5": "#339af0",
      "--blue-6": "#228be6",
      "--blue-7": "#1c7ed6",
      "--blue-8": "#1971c2",
      "--blue-9": "#1864ab"
    }
  },
  "Cyan": {
    "value": {
      "--cyan-0": "#e3fafc",
      "--cyan-1": "#c5f6fa",
      "--cyan-2": "#99e9f2",
      "--cyan-3": "#66d9e8",
      "--cyan-4": "#3bc9db",
      "--cyan-5": "#22b8cf",
      "--cyan-6": "#15aabf",
      "--cyan-7": "#1098ad",
      "--cyan-8": "#0c8599",
      "--cyan-9": "#0b7285"
    }
  },
  "Grape": {
    "value": {
      "--grape-0": "#f8f0fc",
      "--grape-1": "#f3d9fa",
      "--grape-2": "#eebefa",
      "--grape-3": "#e599f7",
      "--grape-4": "#da77f2",
      "--grape-5": "#cc5de8",
      "--grape-6": "#be4bdb",
      "--grape-7": "#ae3ec9",
      "--grape-8": "#9c36b5",
      "--grape-9": "#862e9c"
    }
  },
  "Gray": {
    "value": {
      "--gray-0": "#f8f9fa",
      "--gray-1": "#f1f3f5",
      "--gray-2": "#e9ecef",
      "--gray-3": "#dee2e6",
      "--gray-4": "#ced4da",
      "--gray-5": "#adb5bd",
      "--gray-6": "#868e96",
      "--gray-7": "#495057",
      "--gray-8": "#343a40",
      "--gray-9": "#212529"
    }
  },
  "Green": {
    "value": {
      "--green-0": "#ebfbee",
      "--green-1": "#d3f9d8",
      "--green-2": "#b2f2bb",
      "--green-3": "#8ce99a",
      "--green-4": "#69db7c",
      "--green-5": "#51cf66",
      "--green-6": "#40c057",
      "--green-7": "#37b24d",
      "--green-8": "#2f9e44",
      "--green-9": "#2b8a3e"
    }
  },
  "Indigo": {
    "value": {
      "--indigo-0": "#edf2ff",
      "--indigo-1": "#dbe4ff",
      "--indigo-2": "#bac8ff",
      "--indigo-3": "#91a7ff",
      "--indigo-4": "#748ffc",
      "--indigo-5": "#5c7cfa",
      "--indigo-6": "#4c6ef5",
      "--indigo-7": "#4263eb",
      "--indigo-8": "#3b5bdb",
      "--indigo-9": "#364fc7"
    }
  },
  "Lime": {
    "value": {
      "--lime-0": "#f4fce3",
      "--lime-1": "#e9fac8",
      "--lime-2": "#d8f5a2",
      "--lime-3": "#c0eb75",
      "--lime-4": "#a9e34b",
      "--lime-5": "#94d82d",
      "--lime-6": "#82c91e",
      "--lime-7": "#74b816",
      "--lime-8": "#66a80f",
      "--lime-9": "#5c940d"
    }
  },
  "Orange": {
    "value": {
      "--orange-0": "#fff4e6",
      "--orange-1": "#ffe8cc",
      "--orange-2": "#ffd8a8",
      "--orange-3": "#ffc078",
      "--orange-4": "#ffa94d",
      "--orange-5": "#ff922b",
      "--orange-6": "#fd7e14",
      "--orange-7": "#f76707",
      "--orange-8": "#e8590c",
      "--orange-9": "#d9480f"
    }
  },
  "Pink": {
    "value": {
      "--pink-0": "#fff0f6",
      "--pink-1": "#ffdeeb",
      "--pink-2": "#fcc2d7",
      "--pink-3": "#faa2c1",
      "--pink-4": "#f783ac",
      "--pink-5": "#f06595",
      "--pink-6": "#e64980",
      "--pink-7": "#d6336c",
      "--pink-8": "#c2255c",
      "--pink-9": "#a61e4d"
    }
  },
  "Red": {
    "value": {
      "--red-0": "#fff5f5",
      "--red-1": "#ffe3e3",
      "--red-2": "#ffc9c9",
      "--red-3": "#ffa8a8",
      "--red-4": "#ff8787",
      "--red-5": "#ff6b6b",
      "--red-6": "#fa5252",
      "--red-7": "#f03e3e",
      "--red-8": "#e03131",
      "--red-9": "#c92a2a"
    }
  },
  "Teal": {
    "value": {
      "--teal-0": "#e6fcf5",
      "--teal-1": "#c3fae8",
      "--teal-2": "#96f2d7",
      "--teal-3": "#63e6be",
      "--teal-4": "#38d9a9",
      "--teal-5": "#20c997",
      "--teal-6": "#12b886",
      "--teal-7": "#0ca678",
      "--teal-8": "#099268",
      "--teal-9": "#087f5b"
    }
  },
  "Violet": {
    "value": {
      "--violet-0": "#f3f0ff",
      "--violet-1": "#e5dbff",
      "--violet-2": "#d0bfff",
      "--violet-3": "#b197fc",
      "--violet-4": "#9775fa",
      "--violet-5": "#845ef7",
      "--violet-6": "#7950f2",
      "--violet-7": "#7048e8",
      "--violet-8": "#6741d9",
      "--violet-9": "#5f3dc4"
    }
  },
  "Yellow": {
    "value": {
      "--yellow-0": "#fff9db",
      "--yellow-1": "#fff3bf",
      "--yellow-2": "#ffec99",
      "--yellow-3": "#ffe066",
      "--yellow-4": "#ffd43b",
      "--yellow-5": "#fcc419",
      "--yellow-6": "#fab005",
      "--yellow-7": "#f59f00",
      "--yellow-8": "#f08c00",
      "--yellow-9": "#e67700"
    }
  },
  "default": {
    "value": {
      "--gray-0": "#f8f9fa",
      "--gray-1": "#f1f3f5",
      "--gray-2": "#e9ecef",
      "--gray-3": "#dee2e6",
      "--gray-4": "#ced4da",
      "--gray-5": "#adb5bd",
      "--gray-6": "#868e96",
      "--gray-7": "#495057",
      "--gray-8": "#343a40",
      "--gray-9": "#212529",
      "--red-0": "#fff5f5",
      "--red-1": "#ffe3e3",
      "--red-2": "#ffc9c9",
      "--red-3": "#ffa8a8",
      "--red-4": "#ff8787",
      "--red-5": "#ff6b6b",
      "--red-6": "#fa5252",
      "--red-7": "#f03e3e",
      "--red-8": "#e03131",
      "--red-9": "#c92a2a",
      "--pink-0": "#fff0f6",
      "--pink-1": "#ffdeeb",
      "--pink-2": "#fcc2d7",
      "--pink-3": "#faa2c1",
      "--pink-4": "#f783ac",
      "--pink-5": "#f06595",
      "--pink-6": "#e64980",
      "--pink-7": "#d6336c",
      "--pink-8": "#c2255c",
      "--pink-9": "#a61e4d",
      "--grape-0": "#f8f0fc",
      "--grape-1": "#f3d9fa",
      "--grape-2": "#eebefa",
      "--grape-3": "#e599f7",
      "--grape-4": "#da77f2",
      "--grape-5": "#cc5de8",
      "--grape-6": "#be4bdb",
      "--grape-7": "#ae3ec9",
      "--grape-8": "#9c36b5",
      "--grape-9": "#862e9c",
      "--violet-0": "#f3f0ff",
      "--violet-1": "#e5dbff",
      "--violet-2": "#d0bfff",
      "--violet-3": "#b197fc",
      "--violet-4": "#9775fa",
      "--violet-5": "#845ef7",
      "--violet-6": "#7950f2",
      "--violet-7": "#7048e8",
      "--violet-8": "#6741d9",
      "--violet-9": "#5f3dc4",
      "--indigo-0": "#edf2ff",
      "--indigo-1": "#dbe4ff",
      "--indigo-2": "#bac8ff",
      "--indigo-3": "#91a7ff",
      "--indigo-4": "#748ffc",
      "--indigo-5": "#5c7cfa",
      "--indigo-6": "#4c6ef5",
      "--indigo-7": "#4263eb",
      "--indigo-8": "#3b5bdb",
      "--indigo-9": "#364fc7",
      "--blue-0": "#e7f5ff",
      "--blue-1": "#d0ebff",
      "--blue-2": "#a5d8ff",
      "--blue-3": "#74c0fc",
      "--blue-4": "#4dabf7",
      "--blue-5": "#339af0",
      "--blue-6": "#228be6",
      "--blue-7": "#1c7ed6",
      "--blue-8": "#1971c2",
      "--blue-9": "#1864ab",
      "--cyan-0": "#e3fafc",
      "--cyan-1": "#c5f6fa",
      "--cyan-2": "#99e9f2",
      "--cyan-3": "#66d9e8",
      "--cyan-4": "#3bc9db",
      "--cyan-5": "#22b8cf",
      "--cyan-6": "#15aabf",
      "--cyan-7": "#1098ad",
      "--cyan-8": "#0c8599",
      "--cyan-9": "#0b7285",
      "--teal-0": "#e6fcf5",
      "--teal-1": "#c3fae8",
      "--teal-2": "#96f2d7",
      "--teal-3": "#63e6be",
      "--teal-4": "#38d9a9",
      "--teal-5": "#20c997",
      "--teal-6": "#12b886",
      "--teal-7": "#0ca678",
      "--teal-8": "#099268",
      "--teal-9": "#087f5b",
      "--green-0": "#ebfbee",
      "--green-1": "#d3f9d8",
      "--green-2": "#b2f2bb",
      "--green-3": "#8ce99a",
      "--green-4": "#69db7c",
      "--green-5": "#51cf66",
      "--green-6": "#40c057",
      "--green-7": "#37b24d",
      "--green-8": "#2f9e44",
      "--green-9": "#2b8a3e",
      "--lime-0": "#f4fce3",
      "--lime-1": "#e9fac8",
      "--lime-2": "#d8f5a2",
      "--lime-3": "#c0eb75",
      "--lime-4": "#a9e34b",
      "--lime-5": "#94d82d",
      "--lime-6": "#82c91e",
      "--lime-7": "#74b816",
      "--lime-8": "#66a80f",
      "--lime-9": "#5c940d",
      "--yellow-0": "#fff9db",
      "--yellow-1": "#fff3bf",
      "--yellow-2": "#ffec99",
      "--yellow-3": "#ffe066",
      "--yellow-4": "#ffd43b",
      "--yellow-5": "#fcc419",
      "--yellow-6": "#fab005",
      "--yellow-7": "#f59f00",
      "--yellow-8": "#f08c00",
      "--yellow-9": "#e67700",
      "--orange-0": "#fff4e6",
      "--orange-1": "#ffe8cc",
      "--orange-2": "#ffd8a8",
      "--orange-3": "#ffc078",
      "--orange-4": "#ffa94d",
      "--orange-5": "#ff922b",
      "--orange-6": "#fd7e14",
      "--orange-7": "#f76707",
      "--orange-8": "#e8590c",
      "--orange-9": "#d9480f"
    }
  },
  "--primary-0": {
    "value": "var(--blue-0)"
  },
  "--primary-1": {
    "value": "var(--blue-1)"
  },
  "--primary-2": {
    "value": "var(--blue-2)"
  },
  "--primary-3": {
    "value": "var(--blue-3)"
  },
  "--primary-4": {
    "value": "var(--blue-4)"
  },
  "--primary-5": {
    "value": "var(--blue-5)"
  },
  "--primary-6": {
    "value": "var(--blue-6)"
  },
  "--primary-7": {
    "value": "var(--blue-7)"
  },
  "--primary-8": {
    "value": "var(--blue-8)"
  },
  "--primary-9": {
    "value": "var(--blue-9)"
  },
  "--primary": {
    "value": "var(--primary-8)"
  },
  "--success-0": {
    "value": "var(--green-0)"
  },
  "--success-1": {
    "value": "var(--green-1)"
  },
  "--success-2": {
    "value": "var(--green-2)"
  },
  "--success-3": {
    "value": "var(--green-3)"
  },
  "--success-4": {
    "value": "var(--green-4)"
  },
  "--success-5": {
    "value": "var(--green-5)"
  },
  "--success-6": {
    "value": "var(--green-6)"
  },
  "--success-7": {
    "value": "var(--green-7)"
  },
  "--success-8": {
    "value": "var(--green-8)"
  },
  "--success-9": {
    "value": "var(--green-9)"
  },
  "--success": {
    "value": "var(--success-8)"
  },
  "--warning-0": {
    "value": "var(--yellow-0)"
  },
  "--warning-1": {
    "value": "var(--yellow-1)"
  },
  "--warning-2": {
    "value": "var(--yellow-2)"
  },
  "--warning-3": {
    "value": "var(--yellow-3)"
  },
  "--warning-4": {
    "value": "var(--yellow-4)"
  },
  "--warning-5": {
    "value": "var(--yellow-5)"
  },
  "--warning-6": {
    "value": "var(--yellow-6)"
  },
  "--warning-7": {
    "value": "var(--yellow-7)"
  },
  "--warning-8": {
    "value": "var(--yellow-8)"
  },
  "--warning-9": {
    "value": "var(--yellow-9)"
  },
  "--warning": {
    "value": "var(--warning-8)"
  },
  "--danger-0": {
    "value": "var(--red-0)"
  },
  "--danger-1": {
    "value": "var(--red-1)"
  },
  "--danger-2": {
    "value": "var(--red-2)"
  },
  "--danger-3": {
    "value": "var(--red-3)"
  },
  "--danger-4": {
    "value": "var(--red-4)"
  },
  "--danger-5": {
    "value": "var(--red-5)"
  },
  "--danger-6": {
    "value": "var(--red-6)"
  },
  "--danger-7": {
    "value": "var(--red-7)"
  },
  "--danger-8": {
    "value": "var(--red-8)"
  },
  "--danger-9": {
    "value": "var(--red-9)"
  },
  "--danger": {
    "value": "var(--danger-8)"
  },
  "--global-px-grid": {
    "value": "8px"
  },
  "--space-0": {
    "value": 0
  },
  "--space-xxs": {
    "value": "calc(var(--global-px-grid) / 4)"
  },
  "--space-xs": {
    "value": "calc(var(--global-px-grid) / 2)"
  },
  "--space-sm": {
    "value": "var(--global-px-grid)"
  },
  "--space-md": {
    "value": "calc(var(--global-px-grid) * 2)"
  },
  "--space-lg": {
    "value": "calc(var(--global-px-grid) * 3)"
  },
  "--space-xl": {
    "value": "calc(var(--global-px-grid) * 4)"
  },
  "--z-important": {
    "value": 2147483647
  },
  "--z-modal": {
    "value": 2000
  },
  "--z-action-panel": {
    "value": 1900
  },
  "--z-overlay": {
    "value": 1800
  },
  "--z-alert": {
    "value": 1750
  },
  "--z-dropdown": {
    "value": 1700
  },
  "--z-tooltip": {
    "value": 1650
  },
  "--z-header": {
    "value": 1600
  },
  "--z-sidenav": {
    "value": 1600
  },
  "--z-footer": {
    "value": 1500
  },
  "--border-size-1": {
    "value": "1px"
  },
  "--border-size-2": {
    "value": "2px"
  },
  "--radius-0": {
    "value": "0"
  },
  "--radius-sm": {
    "value": "2px"
  },
  "--radius-md": {
    "value": "4px"
  },
  "--radius-lg": {
    "value": "8px"
  },
  "--radius-square": {
    "value": "0"
  },
  "--radius-pill": {
    "value": "200px"
  },
  "--radius-round": {
    "value": "50px"
  }
}