@cas-smartdesign/design-tokens 2.0.0 → 3.0.1

package/dist/tokens.esm.js

@@ -1,2189 +0,0 @@
-export default {
-  color: {
-    base: {
-      red: {
-        50: {
-          key: "{color.base.red.50}",
-          $value: "#ffeeef",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffeeef",
-            $type: "color",
-            key: "{color.base.red.50}",
-          },
-          name: "color-base-red-50",
-          path: ["color", "base", "red", "50"],
-        },
-        100: {
-          key: "{color.base.red.100}",
-          $value: "#ffe2e5",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffe2e5",
-            $type: "color",
-            key: "{color.base.red.100}",
-          },
-          name: "color-base-red-100",
-          path: ["color", "base", "red", "100"],
-        },
-        150: {
-          key: "{color.base.red.150}",
-          $value: "#ffccd2",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffccd2",
-            $type: "color",
-            key: "{color.base.red.150}",
-          },
-          name: "color-base-red-150",
-          path: ["color", "base", "red", "150"],
-        },
-        200: {
-          key: "{color.base.red.200}",
-          $value: "#ffb7bf",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffb7bf",
-            $type: "color",
-            key: "{color.base.red.200}",
-          },
-          name: "color-base-red-200",
-          path: ["color", "base", "red", "200"],
-        },
-        300: {
-          key: "{color.base.red.300}",
-          $value: "#ff97a3",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ff97a3",
-            $type: "color",
-            key: "{color.base.red.300}",
-          },
-          name: "color-base-red-300",
-          path: ["color", "base", "red", "300"],
-        },
-        400: {
-          key: "{color.base.red.400}",
-          $value: "#f96778",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#f96778",
-            $type: "color",
-            key: "{color.base.red.400}",
-          },
-          name: "color-base-red-400",
-          path: ["color", "base", "red", "400"],
-        },
-        450: {
-          key: "{color.base.red.450}",
-          $value: "#f14558",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#f14558",
-            $type: "color",
-            key: "{color.base.red.450}",
-          },
-          name: "color-base-red-450",
-          path: ["color", "base", "red", "450"],
-        },
-        500: {
-          key: "{color.base.red.500}",
-          $value: "#ea2138",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ea2138",
-            $type: "color",
-            key: "{color.base.red.500}",
-          },
-          name: "color-base-red-500",
-          path: ["color", "base", "red", "500"],
-        },
-        600: {
-          key: "{color.base.red.600}",
-          $value: "#e2001a",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#e2001a",
-            $type: "color",
-            key: "{color.base.red.600}",
-          },
-          name: "color-base-red-600",
-          path: ["color", "base", "red", "600"],
-        },
-        700: {
-          key: "{color.base.red.700}",
-          $value: "#cc0017",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#cc0017",
-            $type: "color",
-            key: "{color.base.red.700}",
-          },
-          name: "color-base-red-700",
-          path: ["color", "base", "red", "700"],
-        },
-        800: {
-          key: "{color.base.red.800}",
-          $value: "#b50015",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#b50015",
-            $type: "color",
-            key: "{color.base.red.800}",
-          },
-          name: "color-base-red-800",
-          path: ["color", "base", "red", "800"],
-        },
-        900: {
-          key: "{color.base.red.900}",
-          $value: "#9f0012",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#9f0012",
-            $type: "color",
-            key: "{color.base.red.900}",
-          },
-          name: "color-base-red-900",
-          path: ["color", "base", "red", "900"],
-        },
-      },
-      orange: {
-        50: {
-          key: "{color.base.orange.50}",
-          $value: "#fff5ef",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#fff5ef",
-            $type: "color",
-            key: "{color.base.orange.50}",
-          },
-          name: "color-base-orange-50",
-          path: ["color", "base", "orange", "50"],
-        },
-        100: {
-          key: "{color.base.orange.100}",
-          $value: "#ffefe5",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffefe5",
-            $type: "color",
-            key: "{color.base.orange.100}",
-          },
-          name: "color-base-orange-100",
-          path: ["color", "base", "orange", "100"],
-        },
-        150: {
-          key: "{color.base.orange.150}",
-          $value: "#ffe3d1",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffe3d1",
-            $type: "color",
-            key: "{color.base.orange.150}",
-          },
-          name: "color-base-orange-150",
-          path: ["color", "base", "orange", "150"],
-        },
-        200: {
-          key: "{color.base.orange.200}",
-          $value: "#ffd7be",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffd7be",
-            $type: "color",
-            key: "{color.base.orange.200}",
-          },
-          name: "color-base-orange-200",
-          path: ["color", "base", "orange", "200"],
-        },
-        300: {
-          key: "{color.base.orange.300}",
-          $value: "#ffc19b",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffc19b",
-            $type: "color",
-            key: "{color.base.orange.300}",
-          },
-          name: "color-base-orange-300",
-          path: ["color", "base", "orange", "300"],
-        },
-        400: {
-          key: "{color.base.orange.400}",
-          $value: "#ffa670",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffa670",
-            $type: "color",
-            key: "{color.base.orange.400}",
-          },
-          name: "color-base-orange-400",
-          path: ["color", "base", "orange", "400"],
-        },
-        450: {
-          key: "{color.base.orange.450}",
-          $value: "#ff9250",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ff9250",
-            $type: "color",
-            key: "{color.base.orange.450}",
-          },
-          name: "color-base-orange-450",
-          path: ["color", "base", "orange", "450"],
-        },
-        500: {
-          key: "{color.base.orange.500}",
-          $value: "#ff7e30",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ff7e30",
-            $type: "color",
-            key: "{color.base.orange.500}",
-          },
-          name: "color-base-orange-500",
-          path: ["color", "base", "orange", "500"],
-        },
-        600: {
-          key: "{color.base.orange.600}",
-          $value: "#ff6b11",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ff6b11",
-            $type: "color",
-            key: "{color.base.orange.600}",
-          },
-          name: "color-base-orange-600",
-          path: ["color", "base", "orange", "600"],
-        },
-        700: {
-          key: "{color.base.orange.700}",
-          $value: "#e95f0c",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#e95f0c",
-            $type: "color",
-            key: "{color.base.orange.700}",
-          },
-          name: "color-base-orange-700",
-          path: ["color", "base", "orange", "700"],
-        },
-        800: {
-          key: "{color.base.orange.800}",
-          $value: "#d65404",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#d65404",
-            $type: "color",
-            key: "{color.base.orange.800}",
-          },
-          name: "color-base-orange-800",
-          path: ["color", "base", "orange", "800"],
-        },
-        900: {
-          key: "{color.base.orange.900}",
-          $value: "#bf4800",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#bf4800",
-            $type: "color",
-            key: "{color.base.orange.900}",
-          },
-          name: "color-base-orange-900",
-          path: ["color", "base", "orange", "900"],
-        },
-      },
-      yellow: {
-        50: {
-          key: "{color.base.yellow.50}",
-          $value: "#fffaeb",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#fffaeb",
-            $type: "color",
-            key: "{color.base.yellow.50}",
-          },
-          name: "color-base-yellow-50",
-          path: ["color", "base", "yellow", "50"],
-        },
-        100: {
-          key: "{color.base.yellow.100}",
-          $value: "#fff6de",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#fff6de",
-            $type: "color",
-            key: "{color.base.yellow.100}",
-          },
-          name: "color-base-yellow-100",
-          path: ["color", "base", "yellow", "100"],
-        },
-        150: {
-          key: "{color.base.yellow.150}",
-          $value: "#fff0cc",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#fff0cc",
-            $type: "color",
-            key: "{color.base.yellow.150}",
-          },
-          name: "color-base-yellow-150",
-          path: ["color", "base", "yellow", "150"],
-        },
-        200: {
-          key: "{color.base.yellow.200}",
-          $value: "#ffeab6",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffeab6",
-            $type: "color",
-            key: "{color.base.yellow.200}",
-          },
-          name: "color-base-yellow-200",
-          path: ["color", "base", "yellow", "200"],
-        },
-        300: {
-          key: "{color.base.yellow.300}",
-          $value: "#ffe39d",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffe39d",
-            $type: "color",
-            key: "{color.base.yellow.300}",
-          },
-          name: "color-base-yellow-300",
-          path: ["color", "base", "yellow", "300"],
-        },
-        400: {
-          key: "{color.base.yellow.400}",
-          $value: "#ffd97b",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffd97b",
-            $type: "color",
-            key: "{color.base.yellow.400}",
-          },
-          name: "color-base-yellow-400",
-          path: ["color", "base", "yellow", "400"],
-        },
-        450: {
-          key: "{color.base.yellow.450}",
-          $value: "#ffcf58",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffcf58",
-            $type: "color",
-            key: "{color.base.yellow.450}",
-          },
-          name: "color-base-yellow-450",
-          path: ["color", "base", "yellow", "450"],
-        },
-        500: {
-          key: "{color.base.yellow.500}",
-          $value: "#ffc434",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffc434",
-            $type: "color",
-            key: "{color.base.yellow.500}",
-          },
-          name: "color-base-yellow-500",
-          path: ["color", "base", "yellow", "500"],
-        },
-        600: {
-          key: "{color.base.yellow.600}",
-          $value: "#ffbb11",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ffbb11",
-            $type: "color",
-            key: "{color.base.yellow.600}",
-          },
-          name: "color-base-yellow-600",
-          path: ["color", "base", "yellow", "600"],
-        },
-        700: {
-          key: "{color.base.yellow.700}",
-          $value: "#e9aa0c",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#e9aa0c",
-            $type: "color",
-            key: "{color.base.yellow.700}",
-          },
-          name: "color-base-yellow-700",
-          path: ["color", "base", "yellow", "700"],
-        },
-        800: {
-          key: "{color.base.yellow.800}",
-          $value: "#d69a04",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#d69a04",
-            $type: "color",
-            key: "{color.base.yellow.800}",
-          },
-          name: "color-base-yellow-800",
-          path: ["color", "base", "yellow", "800"],
-        },
-        900: {
-          key: "{color.base.yellow.900}",
-          $value: "#bf8800",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#bf8800",
-            $type: "color",
-            key: "{color.base.yellow.900}",
-          },
-          name: "color-base-yellow-900",
-          path: ["color", "base", "yellow", "900"],
-        },
-      },
-      green: {
-        50: {
-          key: "{color.base.green.50}",
-          $value: "#f6faec",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#f6faec",
-            $type: "color",
-            key: "{color.base.green.50}",
-          },
-          name: "color-base-green-50",
-          path: ["color", "base", "green", "50"],
-        },
-        100: {
-          key: "{color.base.green.100}",
-          $value: "#f0f7df",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#f0f7df",
-            $type: "color",
-            key: "{color.base.green.100}",
-          },
-          name: "color-base-green-100",
-          path: ["color", "base", "green", "100"],
-        },
-        150: {
-          key: "{color.base.green.150}",
-          $value: "#e8f2d0",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#e8f2d0",
-            $type: "color",
-            key: "{color.base.green.150}",
-          },
-          name: "color-base-green-150",
-          path: ["color", "base", "green", "150"],
-        },
-        200: {
-          key: "{color.base.green.200}",
-          $value: "#deedbc",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#deedbc",
-            $type: "color",
-            key: "{color.base.green.200}",
-          },
-          name: "color-base-green-200",
-          path: ["color", "base", "green", "200"],
-        },
-        300: {
-          key: "{color.base.green.300}",
-          $value: "#cee49c",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#cee49c",
-            $type: "color",
-            key: "{color.base.green.300}",
-          },
-          name: "color-base-green-300",
-          path: ["color", "base", "green", "300"],
-        },
-        400: {
-          key: "{color.base.green.400}",
-          $value: "#bedb79",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#bedb79",
-            $type: "color",
-            key: "{color.base.green.400}",
-          },
-          name: "color-base-green-400",
-          path: ["color", "base", "green", "400"],
-        },
-        450: {
-          key: "{color.base.green.450}",
-          $value: "#add154",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#add154",
-            $type: "color",
-            key: "{color.base.green.450}",
-          },
-          name: "color-base-green-450",
-          path: ["color", "base", "green", "450"],
-        },
-        500: {
-          key: "{color.base.green.500}",
-          $value: "#9bc730",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#9bc730",
-            $type: "color",
-            key: "{color.base.green.500}",
-          },
-          name: "color-base-green-500",
-          path: ["color", "base", "green", "500"],
-        },
-        600: {
-          key: "{color.base.green.600}",
-          $value: "#8abd0c",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#8abd0c",
-            $type: "color",
-            key: "{color.base.green.600}",
-          },
-          name: "color-base-green-600",
-          path: ["color", "base", "green", "600"],
-        },
-        700: {
-          key: "{color.base.green.700}",
-          $value: "#7baa0b",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#7baa0b",
-            $type: "color",
-            key: "{color.base.green.700}",
-          },
-          name: "color-base-green-700",
-          path: ["color", "base", "green", "700"],
-        },
-        800: {
-          key: "{color.base.green.800}",
-          $value: "#6e970a",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#6e970a",
-            $type: "color",
-            key: "{color.base.green.800}",
-          },
-          name: "color-base-green-800",
-          path: ["color", "base", "green", "800"],
-        },
-        900: {
-          key: "{color.base.green.900}",
-          $value: "#618508",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#618508",
-            $type: "color",
-            key: "{color.base.green.900}",
-          },
-          name: "color-base-green-900",
-          path: ["color", "base", "green", "900"],
-        },
-      },
-      "dark-green": {
-        50: {
-          key: "{color.base.dark-green.50}",
-          $value: "#eaf4ec",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#eaf4ec",
-            $type: "color",
-            key: "{color.base.dark-green.50}",
-          },
-          name: "color-base-dark-green-50",
-          path: ["color", "base", "dark-green", "50"],
-        },
-        100: {
-          key: "{color.base.dark-green.100}",
-          $value: "#dff2e3",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#dff2e3",
-            $type: "color",
-            key: "{color.base.dark-green.100}",
-          },
-          name: "color-base-dark-green-100",
-          path: ["color", "base", "dark-green", "100"],
-        },
-        150: {
-          key: "{color.base.dark-green.150}",
-          $value: "#ccecd3",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ccecd3",
-            $type: "color",
-            key: "{color.base.dark-green.150}",
-          },
-          name: "color-base-dark-green-150",
-          path: ["color", "base", "dark-green", "150"],
-        },
-        200: {
-          key: "{color.base.dark-green.200}",
-          $value: "#b1dfbb",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#b1dfbb",
-            $type: "color",
-            key: "{color.base.dark-green.200}",
-          },
-          name: "color-base-dark-green-200",
-          path: ["color", "base", "dark-green", "200"],
-        },
-        300: {
-          key: "{color.base.dark-green.300}",
-          $value: "#93d3a2",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#93d3a2",
-            $type: "color",
-            key: "{color.base.dark-green.300}",
-          },
-          name: "color-base-dark-green-300",
-          path: ["color", "base", "dark-green", "300"],
-        },
-        400: {
-          key: "{color.base.dark-green.400}",
-          $value: "#72c584",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#72c584",
-            $type: "color",
-            key: "{color.base.dark-green.400}",
-          },
-          name: "color-base-dark-green-400",
-          path: ["color", "base", "dark-green", "400"],
-        },
-        450: {
-          key: "{color.base.dark-green.450}",
-          $value: "#4cb563",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#4cb563",
-            $type: "color",
-            key: "{color.base.dark-green.450}",
-          },
-          name: "color-base-dark-green-450",
-          path: ["color", "base", "dark-green", "450"],
-        },
-        500: {
-          key: "{color.base.dark-green.500}",
-          $value: "#26a642",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#26a642",
-            $type: "color",
-            key: "{color.base.dark-green.500}",
-          },
-          name: "color-base-dark-green-500",
-          path: ["color", "base", "dark-green", "500"],
-        },
-        600: {
-          key: "{color.base.dark-green.600}",
-          $value: "#009621",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#009621",
-            $type: "color",
-            key: "{color.base.dark-green.600}",
-          },
-          name: "color-base-dark-green-600",
-          path: ["color", "base", "dark-green", "600"],
-        },
-        700: {
-          key: "{color.base.dark-green.700}",
-          $value: "#00871e",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#00871e",
-            $type: "color",
-            key: "{color.base.dark-green.700}",
-          },
-          name: "color-base-dark-green-700",
-          path: ["color", "base", "dark-green", "700"],
-        },
-        800: {
-          key: "{color.base.dark-green.800}",
-          $value: "#00781a",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#00781a",
-            $type: "color",
-            key: "{color.base.dark-green.800}",
-          },
-          name: "color-base-dark-green-800",
-          path: ["color", "base", "dark-green", "800"],
-        },
-        900: {
-          key: "{color.base.dark-green.900}",
-          $value: "#006917",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#006917",
-            $type: "color",
-            key: "{color.base.dark-green.900}",
-          },
-          name: "color-base-dark-green-900",
-          path: ["color", "base", "dark-green", "900"],
-        },
-      },
-      cyan: {
-        50: {
-          key: "{color.base.cyan.50}",
-          $value: "#e3f0f5",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#e3f0f5",
-            $type: "color",
-            key: "{color.base.cyan.50}",
-          },
-          name: "color-base-cyan-50",
-          path: ["color", "base", "cyan", "50"],
-        },
-        100: {
-          key: "{color.base.cyan.100}",
-          $value: "#d5eff8",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#d5eff8",
-            $type: "color",
-            key: "{color.base.cyan.100}",
-          },
-          name: "color-base-cyan-100",
-          path: ["color", "base", "cyan", "100"],
-        },
-        150: {
-          key: "{color.base.cyan.150}",
-          $value: "#c2e8f3",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#c2e8f3",
-            $type: "color",
-            key: "{color.base.cyan.150}",
-          },
-          name: "color-base-cyan-150",
-          path: ["color", "base", "cyan", "150"],
-        },
-        200: {
-          key: "{color.base.cyan.200}",
-          $value: "#aee0ef",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#aee0ef",
-            $type: "color",
-            key: "{color.base.cyan.200}",
-          },
-          name: "color-base-cyan-200",
-          path: ["color", "base", "cyan", "200"],
-        },
-        300: {
-          key: "{color.base.cyan.300}",
-          $value: "#92d4e7",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#92d4e7",
-            $type: "color",
-            key: "{color.base.cyan.300}",
-          },
-          name: "color-base-cyan-300",
-          path: ["color", "base", "cyan", "300"],
-        },
-        400: {
-          key: "{color.base.cyan.400}",
-          $value: "#70c7e0",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#70c7e0",
-            $type: "color",
-            key: "{color.base.cyan.400}",
-          },
-          name: "color-base-cyan-400",
-          path: ["color", "base", "cyan", "400"],
-        },
-        450: {
-          key: "{color.base.cyan.450}",
-          $value: "#43b4d6",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#43b4d6",
-            $type: "color",
-            key: "{color.base.cyan.450}",
-          },
-          name: "color-base-cyan-450",
-          path: ["color", "base", "cyan", "450"],
-        },
-        500: {
-          key: "{color.base.cyan.500}",
-          $value: "#19a3cb",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#19a3cb",
-            $type: "color",
-            key: "{color.base.cyan.500}",
-          },
-          name: "color-base-cyan-500",
-          path: ["color", "base", "cyan", "500"],
-        },
-        600: {
-          key: "{color.base.cyan.600}",
-          $value: "#0099c5",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#0099c5",
-            $type: "color",
-            key: "{color.base.cyan.600}",
-          },
-          name: "color-base-cyan-600",
-          path: ["color", "base", "cyan", "600"],
-        },
-        700: {
-          key: "{color.base.cyan.700}",
-          $value: "#008ab2",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#008ab2",
-            $type: "color",
-            key: "{color.base.cyan.700}",
-          },
-          name: "color-base-cyan-700",
-          path: ["color", "base", "cyan", "700"],
-        },
-        800: {
-          key: "{color.base.cyan.800}",
-          $value: "#007a9e",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#007a9e",
-            $type: "color",
-            key: "{color.base.cyan.800}",
-          },
-          name: "color-base-cyan-800",
-          path: ["color", "base", "cyan", "800"],
-        },
-        900: {
-          key: "{color.base.cyan.900}",
-          $value: "#006b8a",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#006b8a",
-            $type: "color",
-            key: "{color.base.cyan.900}",
-          },
-          name: "color-base-cyan-900",
-          path: ["color", "base", "cyan", "900"],
-        },
-      },
-      blue: {
-        50: {
-          key: "{color.base.blue.50}",
-          $value: "#e7f1fa",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#e7f1fa",
-            $type: "color",
-            key: "{color.base.blue.50}",
-          },
-          name: "color-base-blue-50",
-          path: ["color", "base", "blue", "50"],
-        },
-        100: {
-          key: "{color.base.blue.100}",
-          $value: "#d6eeff",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#d6eeff",
-            $type: "color",
-            key: "{color.base.blue.100}",
-          },
-          name: "color-base-blue-100",
-          path: ["color", "base", "blue", "100"],
-        },
-        150: {
-          key: "{color.base.blue.150}",
-          $value: "#c7e7ff",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#c7e7ff",
-            $type: "color",
-            key: "{color.base.blue.150}",
-          },
-          name: "color-base-blue-150",
-          path: ["color", "base", "blue", "150"],
-        },
-        200: {
-          key: "{color.base.blue.200}",
-          $value: "#b1deff",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#b1deff",
-            $type: "color",
-            key: "{color.base.blue.200}",
-          },
-          name: "color-base-blue-200",
-          path: ["color", "base", "blue", "200"],
-        },
-        300: {
-          key: "{color.base.blue.300}",
-          $value: "#8ecfff",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#8ecfff",
-            $type: "color",
-            key: "{color.base.blue.300}",
-          },
-          name: "color-base-blue-300",
-          path: ["color", "base", "blue", "300"],
-        },
-        400: {
-          key: "{color.base.blue.400}",
-          $value: "#6ac0ff",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#6ac0ff",
-            $type: "color",
-            key: "{color.base.blue.400}",
-          },
-          name: "color-base-blue-400",
-          path: ["color", "base", "blue", "400"],
-        },
-        450: {
-          key: "{color.base.blue.450}",
-          $value: "#4ab2ff",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#4ab2ff",
-            $type: "color",
-            key: "{color.base.blue.450}",
-          },
-          name: "color-base-blue-450",
-          path: ["color", "base", "blue", "450"],
-        },
-        500: {
-          key: "{color.base.blue.500}",
-          $value: "#2ba4ff",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#2ba4ff",
-            $type: "color",
-            key: "{color.base.blue.500}",
-          },
-          name: "color-base-blue-500",
-          path: ["color", "base", "blue", "500"],
-        },
-        600: {
-          key: "{color.base.blue.600}",
-          $value: "#0d98ff",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#0d98ff",
-            $type: "color",
-            key: "{color.base.blue.600}",
-          },
-          name: "color-base-blue-600",
-          path: ["color", "base", "blue", "600"],
-        },
-        700: {
-          key: "{color.base.blue.700}",
-          $value: "#0c88e6",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#0c88e6",
-            $type: "color",
-            key: "{color.base.blue.700}",
-          },
-          name: "color-base-blue-700",
-          path: ["color", "base", "blue", "700"],
-        },
-        800: {
-          key: "{color.base.blue.800}",
-          $value: "#0a77ca",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#0a77ca",
-            $type: "color",
-            key: "{color.base.blue.800}",
-          },
-          name: "color-base-blue-800",
-          path: ["color", "base", "blue", "800"],
-        },
-        900: {
-          key: "{color.base.blue.900}",
-          $value: "#0968af",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#0968af",
-            $type: "color",
-            key: "{color.base.blue.900}",
-          },
-          name: "color-base-blue-900",
-          path: ["color", "base", "blue", "900"],
-        },
-      },
-      "dark-blue": {
-        50: {
-          key: "{color.base.dark-blue.50}",
-          $value: "#e1ebf6",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#e1ebf6",
-            $type: "color",
-            key: "{color.base.dark-blue.50}",
-          },
-          name: "color-base-dark-blue-50",
-          path: ["color", "base", "dark-blue", "50"],
-        },
-        100: {
-          key: "{color.base.dark-blue.100}",
-          $value: "#d3e6fa",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#d3e6fa",
-            $type: "color",
-            key: "{color.base.dark-blue.100}",
-          },
-          name: "color-base-dark-blue-100",
-          path: ["color", "base", "dark-blue", "100"],
-        },
-        150: {
-          key: "{color.base.dark-blue.150}",
-          $value: "#b9d7f5",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#b9d7f5",
-            $type: "color",
-            key: "{color.base.dark-blue.150}",
-          },
-          name: "color-base-dark-blue-150",
-          path: ["color", "base", "dark-blue", "150"],
-        },
-        200: {
-          key: "{color.base.dark-blue.200}",
-          $value: "#9bc6f2",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#9bc6f2",
-            $type: "color",
-            key: "{color.base.dark-blue.200}",
-          },
-          name: "color-base-dark-blue-200",
-          path: ["color", "base", "dark-blue", "200"],
-        },
-        300: {
-          key: "{color.base.dark-blue.300}",
-          $value: "#77afe7",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#77afe7",
-            $type: "color",
-            key: "{color.base.dark-blue.300}",
-          },
-          name: "color-base-dark-blue-300",
-          path: ["color", "base", "dark-blue", "300"],
-        },
-        400: {
-          key: "{color.base.dark-blue.400}",
-          $value: "#5198e0",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#5198e0",
-            $type: "color",
-            key: "{color.base.dark-blue.400}",
-          },
-          name: "color-base-dark-blue-400",
-          path: ["color", "base", "dark-blue", "400"],
-        },
-        450: {
-          key: "{color.base.dark-blue.450}",
-          $value: "#3a85d1",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#3a85d1",
-            $type: "color",
-            key: "{color.base.dark-blue.450}",
-          },
-          name: "color-base-dark-blue-450",
-          path: ["color", "base", "dark-blue", "450"],
-        },
-        500: {
-          key: "{color.base.dark-blue.500}",
-          $value: "#2576c7",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#2576c7",
-            $type: "color",
-            key: "{color.base.dark-blue.500}",
-          },
-          name: "color-base-dark-blue-500",
-          path: ["color", "base", "dark-blue", "500"],
-        },
-        600: {
-          key: "{color.base.dark-blue.600}",
-          $value: "#1467ba",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#1467ba",
-            $type: "color",
-            key: "{color.base.dark-blue.600}",
-          },
-          name: "color-base-dark-blue-600",
-          path: ["color", "base", "dark-blue", "600"],
-        },
-        700: {
-          key: "{color.base.dark-blue.700}",
-          $value: "#125da8",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#125da8",
-            $type: "color",
-            key: "{color.base.dark-blue.700}",
-          },
-          name: "color-base-dark-blue-700",
-          path: ["color", "base", "dark-blue", "700"],
-        },
-        800: {
-          key: "{color.base.dark-blue.800}",
-          $value: "#105295",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#105295",
-            $type: "color",
-            key: "{color.base.dark-blue.800}",
-          },
-          name: "color-base-dark-blue-800",
-          path: ["color", "base", "dark-blue", "800"],
-        },
-        900: {
-          key: "{color.base.dark-blue.900}",
-          $value: "#0e4883",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#0e4883",
-            $type: "color",
-            key: "{color.base.dark-blue.900}",
-          },
-          name: "color-base-dark-blue-900",
-          path: ["color", "base", "dark-blue", "900"],
-        },
-      },
-      pink: {
-        50: {
-          key: "{color.base.pink.50}",
-          $value: "#fce6f3",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#fce6f3",
-            $type: "color",
-            key: "{color.base.pink.50}",
-          },
-          name: "color-base-pink-50",
-          path: ["color", "base", "pink", "50"],
-        },
-        100: {
-          key: "{color.base.pink.100}",
-          $value: "#fad5eb",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#fad5eb",
-            $type: "color",
-            key: "{color.base.pink.100}",
-          },
-          name: "color-base-pink-100",
-          path: ["color", "base", "pink", "100"],
-        },
-        150: {
-          key: "{color.base.pink.150}",
-          $value: "#f7bbdd",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#f7bbdd",
-            $type: "color",
-            key: "{color.base.pink.150}",
-          },
-          name: "color-base-pink-150",
-          path: ["color", "base", "pink", "150"],
-        },
-        200: {
-          key: "{color.base.pink.200}",
-          $value: "#f2a1cf",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#f2a1cf",
-            $type: "color",
-            key: "{color.base.pink.200}",
-          },
-          name: "color-base-pink-200",
-          path: ["color", "base", "pink", "200"],
-        },
-        300: {
-          key: "{color.base.pink.300}",
-          $value: "#ec78ba",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ec78ba",
-            $type: "color",
-            key: "{color.base.pink.300}",
-          },
-          name: "color-base-pink-300",
-          path: ["color", "base", "pink", "300"],
-        },
-        400: {
-          key: "{color.base.pink.400}",
-          $value: "#e755a8",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#e755a8",
-            $type: "color",
-            key: "{color.base.pink.400}",
-          },
-          name: "color-base-pink-400",
-          path: ["color", "base", "pink", "400"],
-        },
-        450: {
-          key: "{color.base.pink.450}",
-          $value: "#d94397",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#d94397",
-            $type: "color",
-            key: "{color.base.pink.450}",
-          },
-          name: "color-base-pink-450",
-          path: ["color", "base", "pink", "450"],
-        },
-        500: {
-          key: "{color.base.pink.500}",
-          $value: "#cc2f89",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#cc2f89",
-            $type: "color",
-            key: "{color.base.pink.500}",
-          },
-          name: "color-base-pink-500",
-          path: ["color", "base", "pink", "500"],
-        },
-        600: {
-          key: "{color.base.pink.600}",
-          $value: "#c41579",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#c41579",
-            $type: "color",
-            key: "{color.base.pink.600}",
-          },
-          name: "color-base-pink-600",
-          path: ["color", "base", "pink", "600"],
-        },
-        700: {
-          key: "{color.base.pink.700}",
-          $value: "#b4136e",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#b4136e",
-            $type: "color",
-            key: "{color.base.pink.700}",
-          },
-          name: "color-base-pink-700",
-          path: ["color", "base", "pink", "700"],
-        },
-        800: {
-          key: "{color.base.pink.800}",
-          $value: "#a01163",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#a01163",
-            $type: "color",
-            key: "{color.base.pink.800}",
-          },
-          name: "color-base-pink-800",
-          path: ["color", "base", "pink", "800"],
-        },
-        900: {
-          key: "{color.base.pink.900}",
-          $value: "#8a0f55",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#8a0f55",
-            $type: "color",
-            key: "{color.base.pink.900}",
-          },
-          name: "color-base-pink-900",
-          path: ["color", "base", "pink", "900"],
-        },
-      },
-      purple: {
-        50: {
-          key: "{color.base.purple.50}",
-          $value: "#f4e2f6",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#f4e2f6",
-            $type: "color",
-            key: "{color.base.purple.50}",
-          },
-          name: "color-base-purple-50",
-          path: ["color", "base", "purple", "50"],
-        },
-        100: {
-          key: "{color.base.purple.100}",
-          $value: "#eccff0",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#eccff0",
-            $type: "color",
-            key: "{color.base.purple.100}",
-          },
-          name: "color-base-purple-100",
-          path: ["color", "base", "purple", "100"],
-        },
-        150: {
-          key: "{color.base.purple.150}",
-          $value: "#dab2e0",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#dab2e0",
-            $type: "color",
-            key: "{color.base.purple.150}",
-          },
-          name: "color-base-purple-150",
-          path: ["color", "base", "purple", "150"],
-        },
-        200: {
-          key: "{color.base.purple.200}",
-          $value: "#c792cf",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#c792cf",
-            $type: "color",
-            key: "{color.base.purple.200}",
-          },
-          name: "color-base-purple-200",
-          path: ["color", "base", "purple", "200"],
-        },
-        300: {
-          key: "{color.base.purple.300}",
-          $value: "#ab66b4",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#ab66b4",
-            $type: "color",
-            key: "{color.base.purple.300}",
-          },
-          name: "color-base-purple-300",
-          path: ["color", "base", "purple", "300"],
-        },
-        400: {
-          key: "{color.base.purple.400}",
-          $value: "#93459e",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#93459e",
-            $type: "color",
-            key: "{color.base.purple.400}",
-          },
-          name: "color-base-purple-400",
-          path: ["color", "base", "purple", "400"],
-        },
-        450: {
-          key: "{color.base.purple.450}",
-          $value: "#823591",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#823591",
-            $type: "color",
-            key: "{color.base.purple.450}",
-          },
-          name: "color-base-purple-450",
-          path: ["color", "base", "purple", "450"],
-        },
-        500: {
-          key: "{color.base.purple.500}",
-          $value: "#772386",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#772386",
-            $type: "color",
-            key: "{color.base.purple.500}",
-          },
-          name: "color-base-purple-500",
-          path: ["color", "base", "purple", "500"],
-        },
-        600: {
-          key: "{color.base.purple.600}",
-          $value: "#6c127b",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#6c127b",
-            $type: "color",
-            key: "{color.base.purple.600}",
-          },
-          name: "color-base-purple-600",
-          path: ["color", "base", "purple", "600"],
-        },
-        700: {
-          key: "{color.base.purple.700}",
-          $value: "#5e106b",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#5e106b",
-            $type: "color",
-            key: "{color.base.purple.700}",
-          },
-          name: "color-base-purple-700",
-          path: ["color", "base", "purple", "700"],
-        },
-        800: {
-          key: "{color.base.purple.800}",
-          $value: "#530d5e",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#530d5e",
-            $type: "color",
-            key: "{color.base.purple.800}",
-          },
-          name: "color-base-purple-800",
-          path: ["color", "base", "purple", "800"],
-        },
-        900: {
-          key: "{color.base.purple.900}",
-          $value: "#450b4f",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#450b4f",
-            $type: "color",
-            key: "{color.base.purple.900}",
-          },
-          name: "color-base-purple-900",
-          path: ["color", "base", "purple", "900"],
-        },
-      },
-      brown: {
-        50: {
-          key: "{color.base.brown.50}",
-          $value: "#f2eae4",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#f2eae4",
-            $type: "color",
-            key: "{color.base.brown.50}",
-          },
-          name: "color-base-brown-50",
-          path: ["color", "base", "brown", "50"],
-        },
-        100: {
-          key: "{color.base.brown.100}",
-          $value: "#eadcd2",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#eadcd2",
-            $type: "color",
-            key: "{color.base.brown.100}",
-          },
-          name: "color-base-brown-100",
-          path: ["color", "base", "brown", "100"],
-        },
-        150: {
-          key: "{color.base.brown.150}",
-          $value: "#d8c4b3",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#d8c4b3",
-            $type: "color",
-            key: "{color.base.brown.150}",
-          },
-          name: "color-base-brown-150",
-          path: ["color", "base", "brown", "150"],
-        },
-        200: {
-          key: "{color.base.brown.200}",
-          $value: "#bca38d",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#bca38d",
-            $type: "color",
-            key: "{color.base.brown.200}",
-          },
-          name: "color-base-brown-200",
-          path: ["color", "base", "brown", "200"],
-        },
-        300: {
-          key: "{color.base.brown.300}",
-          $value: "#a08165",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#a08165",
-            $type: "color",
-            key: "{color.base.brown.300}",
-          },
-          name: "color-base-brown-300",
-          path: ["color", "base", "brown", "300"],
-        },
-        400: {
-          key: "{color.base.brown.400}",
-          $value: "#8b6747",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#8b6747",
-            $type: "color",
-            key: "{color.base.brown.400}",
-          },
-          name: "color-base-brown-400",
-          path: ["color", "base", "brown", "400"],
-        },
-        450: {
-          key: "{color.base.brown.450}",
-          $value: "#755438",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#755438",
-            $type: "color",
-            key: "{color.base.brown.450}",
-          },
-          name: "color-base-brown-450",
-          path: ["color", "base", "brown", "450"],
-        },
-        500: {
-          key: "{color.base.brown.500}",
-          $value: "#65472b",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#65472b",
-            $type: "color",
-            key: "{color.base.brown.500}",
-          },
-          name: "color-base-brown-500",
-          path: ["color", "base", "brown", "500"],
-        },
-        600: {
-          key: "{color.base.brown.600}",
-          $value: "#593b20",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#593b20",
-            $type: "color",
-            key: "{color.base.brown.600}",
-          },
-          name: "color-base-brown-600",
-          path: ["color", "base", "brown", "600"],
-        },
-        700: {
-          key: "{color.base.brown.700}",
-          $value: "#4f351d",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#4f351d",
-            $type: "color",
-            key: "{color.base.brown.700}",
-          },
-          name: "color-base-brown-700",
-          path: ["color", "base", "brown", "700"],
-        },
-        800: {
-          key: "{color.base.brown.800}",
-          $value: "#462f1b",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#462f1b",
-            $type: "color",
-            key: "{color.base.brown.800}",
-          },
-          name: "color-base-brown-800",
-          path: ["color", "base", "brown", "800"],
-        },
-        900: {
-          key: "{color.base.brown.900}",
-          $value: "#3f2915",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#3f2915",
-            $type: "color",
-            key: "{color.base.brown.900}",
-          },
-          name: "color-base-brown-900",
-          path: ["color", "base", "brown", "900"],
-        },
-      },
-      grey: {
-        50: {
-          key: "{color.base.grey.50}",
-          $value: "#f9f9f9",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#f9f9f9",
-            $type: "color",
-            key: "{color.base.grey.50}",
-          },
-          name: "color-base-grey-50",
-          path: ["color", "base", "grey", "50"],
-        },
-        100: {
-          key: "{color.base.grey.100}",
-          $value: "#f3f3f3",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#f3f3f3",
-            $type: "color",
-            key: "{color.base.grey.100}",
-          },
-          name: "color-base-grey-100",
-          path: ["color", "base", "grey", "100"],
-        },
-        150: {
-          key: "{color.base.grey.150}",
-          $value: "#eeeeee",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#eeeeee",
-            $type: "color",
-            key: "{color.base.grey.150}",
-          },
-          name: "color-base-grey-150",
-          path: ["color", "base", "grey", "150"],
-        },
-        200: {
-          key: "{color.base.grey.200}",
-          $value: "#e5e5e5",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#e5e5e5",
-            $type: "color",
-            key: "{color.base.grey.200}",
-          },
-          name: "color-base-grey-200",
-          path: ["color", "base", "grey", "200"],
-        },
-        300: {
-          key: "{color.base.grey.300}",
-          $value: "#d9d9d9",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#d9d9d9",
-            $type: "color",
-            key: "{color.base.grey.300}",
-          },
-          name: "color-base-grey-300",
-          path: ["color", "base", "grey", "300"],
-        },
-        400: {
-          key: "{color.base.grey.400}",
-          $value: "#cccccc",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#cccccc",
-            $type: "color",
-            key: "{color.base.grey.400}",
-          },
-          name: "color-base-grey-400",
-          path: ["color", "base", "grey", "400"],
-        },
-        450: {
-          key: "{color.base.grey.450}",
-          $value: "#bbbbbb",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#bbbbbb",
-            $type: "color",
-            key: "{color.base.grey.450}",
-          },
-          name: "color-base-grey-450",
-          path: ["color", "base", "grey", "450"],
-        },
-        500: {
-          key: "{color.base.grey.500}",
-          $value: "#aaaaaa",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#aaaaaa",
-            $type: "color",
-            key: "{color.base.grey.500}",
-          },
-          name: "color-base-grey-500",
-          path: ["color", "base", "grey", "500"],
-        },
-        600: {
-          key: "{color.base.grey.600}",
-          $value: "#999999",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#999999",
-            $type: "color",
-            key: "{color.base.grey.600}",
-          },
-          name: "color-base-grey-600",
-          path: ["color", "base", "grey", "600"],
-        },
-        700: {
-          key: "{color.base.grey.700}",
-          $value: "#777777",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#777777",
-            $type: "color",
-            key: "{color.base.grey.700}",
-          },
-          name: "color-base-grey-700",
-          path: ["color", "base", "grey", "700"],
-        },
-        800: {
-          key: "{color.base.grey.800}",
-          $value: "#666666",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#666666",
-            $type: "color",
-            key: "{color.base.grey.800}",
-          },
-          name: "color-base-grey-800",
-          path: ["color", "base", "grey", "800"],
-        },
-        900: {
-          key: "{color.base.grey.900}",
-          $value: "#555555",
-          $type: "color",
-          isSource: true,
-          original: {
-            $value: "#555555",
-            $type: "color",
-            key: "{color.base.grey.900}",
-          },
-          name: "color-base-grey-900",
-          path: ["color", "base", "grey", "900"],
-        },
-      },
-      white: {
-        key: "{color.base.white}",
-        $value: "#ffffff",
-        $type: "color",
-        isSource: true,
-        original: {
-          $value: "#ffffff",
-          $type: "color",
-          key: "{color.base.white}",
-        },
-        name: "color-base-white",
-        path: ["color", "base", "white"],
-      },
-      black: {
-        key: "{color.base.black}",
-        $value: "#111111",
-        $type: "color",
-        isSource: true,
-        original: {
-          $value: "#111111",
-          $type: "color",
-          key: "{color.base.black}",
-        },
-        name: "color-base-black",
-        path: ["color", "base", "black"],
-      },
-    },
-    font: {
-      base: {
-        key: "{color.font.base}",
-        $value: "#111111",
-        $type: "color",
-        isSource: true,
-        original: {
-          $value: "{color.base.black}",
-          $type: "color",
-          key: "{color.font.base}",
-        },
-        name: "color-font-base",
-        path: ["color", "font", "base"],
-      },
-      secondary: {
-        key: "{color.font.secondary}",
-        $value: "#555555",
-        $type: "color",
-        isSource: true,
-        original: {
-          $value: "{color.base.grey.900}",
-          $type: "color",
-          key: "{color.font.secondary}",
-        },
-        name: "color-font-secondary",
-        path: ["color", "font", "secondary"],
-      },
-      tertiary: {
-        key: "{color.font.tertiary}",
-        $value: "#999999",
-        $type: "color",
-        isSource: true,
-        original: {
-          $value: "{color.base.grey.600}",
-          $type: "color",
-          key: "{color.font.tertiary}",
-        },
-        name: "color-font-tertiary",
-        path: ["color", "font", "tertiary"],
-      },
-      warn: {
-        key: "{color.font.warn}",
-        $value: "#555555",
-        $type: "color",
-        isSource: true,
-        original: {
-          $value: "{color.base.grey.900}",
-          $type: "color",
-          key: "{color.font.warn}",
-        },
-        name: "color-font-warn",
-        path: ["color", "font", "warn"],
-      },
-      suggest: {
-        key: "{color.font.suggest}",
-        $value: "#bf8800",
-        $type: "color",
-        isSource: true,
-        original: {
-          $value: "{color.base.yellow.900}",
-          $type: "color",
-          key: "{color.font.suggest}",
-        },
-        name: "color-font-suggest",
-        path: ["color", "font", "suggest"],
-      },
-      error: {
-        key: "{color.font.error}",
-        $value: "#cc0017",
-        $type: "color",
-        isSource: true,
-        original: {
-          $value: "{color.base.red.700}",
-          $type: "color",
-          key: "{color.font.error}",
-        },
-        name: "color-font-error",
-        path: ["color", "font", "error"],
-      },
-    },
-  },
-  font: {
-    family: {
-      base: {
-        key: "{font.family.base}",
-        $value: '"Segoe UI", Tahoma, Geneva, Verdana, sans-serif',
-        $type: "font",
-        isSource: true,
-        original: {
-          $value: '"Segoe UI", Tahoma, Geneva, Verdana, sans-serif',
-          $type: "font",
-          key: "{font.family.base}",
-        },
-        name: "font-family-base",
-        path: ["font", "family", "base"],
-      },
-    },
-  },
-  size: {
-    font: {
-      tiny: {
-        key: "{size.font.tiny}",
-        $value: "12px",
-        $type: "dimension",
-        isSource: true,
-        original: {
-          $value: "12px",
-          $type: "dimension",
-          key: "{size.font.tiny}",
-        },
-        name: "size-font-tiny",
-        path: ["size", "font", "tiny"],
-      },
-      small: {
-        key: "{size.font.small}",
-        $value: "13px",
-        $type: "dimension",
-        isSource: true,
-        original: {
-          $value: "13px",
-          $type: "dimension",
-          key: "{size.font.small}",
-        },
-        name: "size-font-small",
-        path: ["size", "font", "small"],
-      },
-      medium: {
-        key: "{size.font.medium}",
-        $value: "16px",
-        $type: "dimension",
-        isSource: true,
-        original: {
-          $value: "16px",
-          $type: "dimension",
-          key: "{size.font.medium}",
-        },
-        name: "size-font-medium",
-        path: ["size", "font", "medium"],
-      },
-      large: {
-        key: "{size.font.large}",
-        $value: "20px",
-        $type: "dimension",
-        isSource: true,
-        original: {
-          $value: "20px",
-          $type: "dimension",
-          key: "{size.font.large}",
-        },
-        name: "size-font-large",
-        path: ["size", "font", "large"],
-      },
-      xl: {
-        key: "{size.font.xl}",
-        $value: "24px",
-        $type: "dimension",
-        isSource: true,
-        original: {
-          $value: "24px",
-          $type: "dimension",
-          key: "{size.font.xl}",
-        },
-        name: "size-font-xl",
-        path: ["size", "font", "xl"],
-      },
-      xxl: {
-        key: "{size.font.xxl}",
-        $value: "32px",
-        $type: "dimension",
-        isSource: true,
-        original: {
-          $value: "32px",
-          $type: "dimension",
-          key: "{size.font.xxl}",
-        },
-        name: "size-font-xxl",
-        path: ["size", "font", "xxl"],
-      },
-      xxxl: {
-        key: "{size.font.xxxl}",
-        $value: "48px",
-        $type: "dimension",
-        isSource: true,
-        original: {
-          $value: "48px",
-          $type: "dimension",
-          key: "{size.font.xxxl}",
-        },
-        name: "size-font-xxxl",
-        path: ["size", "font", "xxxl"],
-      },
-      base: {
-        key: "{size.font.base}",
-        $value: "16px",
-        $type: "dimension",
-        isSource: true,
-        original: {
-          $value: "{size.font.medium}",
-          $type: "dimension",
-          key: "{size.font.base}",
-        },
-        name: "size-font-base",
-        path: ["size", "font", "base"],
-      },
-    },
-  },
-  time: {
-    transition: {
-      short: {
-        key: "{time.transition.short}",
-        $value: "275ms",
-        $type: "duration",
-        isSource: true,
-        original: {
-          $value: "275ms",
-          $type: "duration",
-          key: "{time.transition.short}",
-        },
-        name: "time-transition-short",
-        path: ["time", "transition", "short"],
-      },
-      base: {
-        key: "{time.transition.base}",
-        $value: "300ms",
-        $type: "duration",
-        isSource: true,
-        original: {
-          $value: "300ms",
-          $type: "duration",
-          key: "{time.transition.base}",
-        },
-        name: "time-transition-base",
-        path: ["time", "transition", "base"],
-      },
-      long: {
-        key: "{time.transition.long}",
-        $value: "600ms",
-        $type: "duration",
-        isSource: true,
-        original: {
-          $value: "600ms",
-          $type: "duration",
-          key: "{time.transition.long}",
-        },
-        name: "time-transition-long",
-        path: ["time", "transition", "long"],
-      },
-      xl: {
-        key: "{time.transition.xl}",
-        $value: "1000ms",
-        $type: "duration",
-        isSource: true,
-        original: {
-          $value: "1000ms",
-          $type: "duration",
-          key: "{time.transition.xl}",
-        },
-        name: "time-transition-xl",
-        path: ["time", "transition", "xl"],
-      },
-    },
-  },
-};