From 18464287e02c1a4d570f803cbe2c955a8a114759 Mon Sep 17 00:00:00 2001
From: nathanyoung <1447339+nathanyoung@users.noreply.github.com>
Date: Wed, 1 May 2024 15:25:05 -0700
Subject: [PATCH] wip

---
 config.json                        |  70 +++++++++++++----
 properties/color/base.json         | 117 -----------------------------
 properties/color/brand.json        |  90 ----------------------
 properties/color/font.json         |  22 ------
 properties/size/border-radius.json |  11 ---
 properties/size/breakpoint.json    |  21 ------
 properties/size/font.json          |  49 ------------
 properties/size/spacing.json       |  70 -----------------
 8 files changed, 56 insertions(+), 394 deletions(-)
 delete mode 100644 properties/color/base.json
 delete mode 100644 properties/color/brand.json
 delete mode 100644 properties/color/font.json
 delete mode 100644 properties/size/border-radius.json
 delete mode 100644 properties/size/breakpoint.json
 delete mode 100644 properties/size/font.json
 delete mode 100644 properties/size/spacing.json

diff --git a/config.json b/config.json
index 20e589e..9848a11 100644
--- a/config.json
+++ b/config.json
@@ -1,7 +1,14 @@
 {
   "platforms": {
     "scss": {
-      "transforms": ["attribute/cti", "name/cti/custom-kebab", "time/seconds", "content/icon", "size/use-unit", "color/css"],
+      "transforms": [
+        "attribute/cti",
+        "name/cti/custom-kebab",
+        "time/seconds",
+        "content/icon",
+        "size/use-unit",
+        "color/css"
+      ],
       "buildPath": "build/scss/",
       "files": [
         {
@@ -22,7 +29,14 @@
       ]
     },
     "css": {
-      "transforms": ["attribute/cti", "name/cti/custom-kebab", "time/seconds", "content/icon", "size/use-unit", "color/css"],
+      "transforms": [
+        "attribute/cti",
+        "name/cti/custom-kebab",
+        "time/seconds",
+        "content/icon",
+        "size/use-unit",
+        "color/css"
+      ],
       "buildPath": "build/css/",
       "files": [
         {
@@ -44,22 +58,45 @@
     },
     "cssUtilities": {
       "buildPath": "build/utilities/",
-      "transforms": ["attribute/cti", "name/cti/custom-kebab", "time/seconds", "content/icon", "size/use-unit", "color/css"],
-      "files": [{
-        "destination": "utilities.css",
-        "format": "css/utility-classes"
-      }]
+      "transforms": [
+        "attribute/cti",
+        "name/cti/custom-kebab",
+        "time/seconds",
+        "content/icon",
+        "size/use-unit",
+        "color/css"
+      ],
+      "files": [
+        {
+          "destination": "utilities.css",
+          "format": "css/utility-classes"
+        }
+      ]
     },
     "sassUtilities": {
       "buildPath": "build/utilities/",
-      "transforms": ["attribute/cti", "name/cti/custom-kebab", "time/seconds", "content/icon", "size/use-unit", "color/css"],
-      "files": [{
-        "destination": "utilities.scss",
-        "format": "css/utility-classes"
-      }]
+      "transforms": [
+        "attribute/cti",
+        "name/cti/custom-kebab",
+        "time/seconds",
+        "content/icon",
+        "size/use-unit",
+        "color/css"
+      ],
+      "files": [
+        {
+          "destination": "utilities.scss",
+          "format": "css/utility-classes"
+        }
+      ]
     },
     "js": {
-      "transforms": ["attribute/cti", "name/cti/pascal", "size/use-unit", "color/css"],
+      "transforms": [
+        "attribute/cti",
+        "name/cti/pascal",
+        "size/use-unit",
+        "color/css"
+      ],
       "buildPath": "build/js/",
       "files": [
         {
@@ -80,7 +117,12 @@
       ]
     },
     "json": {
-      "transforms": ["attribute/cti", "name/cti/pascal", "size/use-unit", "color/css"],
+      "transforms": [
+        "attribute/cti",
+        "name/cti/pascal",
+        "size/use-unit",
+        "color/css"
+      ],
       "buildPath": "build/json/",
       "files": [
         {
diff --git a/properties/color/base.json b/properties/color/base.json
deleted file mode 100644
index 411c594..0000000
--- a/properties/color/base.json
+++ /dev/null
@@ -1,117 +0,0 @@
-  
-{
-  "color": {
-    "base": {
-      "red": {
-        "50" : { "value": "#FFE3E3", "attributes": {"font": "base"}},
-        "100" : { "value": "#FFB6B5", "attributes": {"font": "base"}},
-        "200" : { "value": "#F98887", "attributes": {"font": "base"}},
-        "300" : { "value": "#F45957", "attributes": {"font": "base"}},
-        "400" : { "value": "#F02A28", "attributes": {"font": "base"}},
-        "500" : { "value": "#D7110F", "attributes": {"font": "inverse"}},
-        "600" : { "value": "#A80A0B", "attributes": {"font": "inverse"}},
-        "700" : { "value": "#780506", "attributes": {"font": "inverse"}},
-        "800" : { "value": "#4B0202", "attributes": {"font": "inverse"}},
-        "900" : { "value": "#200000", "attributes": {"font": "inverse"}}
-      },
-      "orange": {
-        "50"  : { "value": "#FFFBDA", "attributes": {"font": "base"}},
-        "100"  : { "value": "#FFEAAE", "attributes": {"font": "base"}},
-        "200"  : { "value": "#FFD97D", "attributes": {"font": "base"}},
-        "300"  : { "value": "#FFC34B", "attributes": {"font": "base"}},
-        "400"  : { "value": "#FFAA1A", "attributes": {"font": "base"}},
-        "500"  : { "value": "#E68900", "attributes": {"font": "base"}},
-        "600"  : { "value": "#B37600", "attributes": {"font": "base"}},
-        "700"  : { "value": "#815D00", "attributes": {"font": "inverse"}},
-        "800"  : { "value": "#4F3D00", "attributes": {"font": "inverse"}},
-        "900"  : { "value": "#1F1600", "attributes": {"font": "inverse"}}
-      },
-      "yellow": {
-        "50"  : { "value": "#FFFADA", "attributes": {"font": "base"}},
-        "100"  : { "value": "#FFF1AD", "attributes": {"font": "base"}},
-        "200"  : { "value": "#FFE77D", "attributes": {"font": "base"}},
-        "300"  : { "value": "#FFDE4B", "attributes": {"font": "base"}},
-        "400"  : { "value": "#FFD41A", "attributes": {"font": "base"}},
-        "500"  : { "value": "#E6BB00", "attributes": {"font": "base"}},
-        "600"  : { "value": "#B39100", "attributes": {"font": "base"}},
-        "700"  : { "value": "#806800", "attributes": {"font": "inverse"}},
-        "800"  : { "value": "#4E3E00", "attributes": {"font": "inverse"}},
-        "900"  : { "value": "#1C1500", "attributes": {"font": "inverse"}}
-      },
-      "green": {
-        "50"  : { "value": "#E3FBEF", "attributes": {"font": "base"}},
-        "100"  : { "value": "#C3ECD8", "attributes": {"font": "base"}},
-        "200"  : { "value": "#A0DEBF", "attributes": {"font": "base"}},
-        "300"  : { "value": "#7BD0A5", "attributes": {"font": "base"}},
-        "400"  : { "value": "#58C38D", "attributes": {"font": "base"}},
-        "500"  : { "value": "#3EA973", "attributes": {"font": "base"}},
-        "600"  : { "value": "#2F8459", "attributes": {"font": "inverse"}},
-        "700"  : { "value": "#1F5E3F", "attributes": {"font": "inverse"}},
-        "800"  : { "value": "#0F3925", "attributes": {"font": "inverse"}},
-        "900"  : { "value": "#001509", "attributes": {"font": "inverse"}}
-      },
-      "cyan": {
-        "50" : { "value": "#D7FEFF", "attributes": {"font": "base"}},
-        "100" : { "value": "#AAF4FF", "attributes": {"font": "base"}},
-        "200" : { "value": "#7AEBFF", "attributes": {"font": "base"}},
-        "300" : { "value": "#48E2FF", "attributes": {"font": "base"}},
-        "400" : { "value": "#1ADAFF", "attributes": {"font": "base"}},
-        "500" : { "value": "#00C0E6", "attributes": {"font": "base"}},
-        "600" : { "value": "#006B82", "attributes": {"font": "inverse"}},
-        "700" : { "value": "#006B82", "attributes": {"font": "inverse"}},
-        "800" : { "value": "#004150", "attributes": {"font": "inverse"}},
-        "900" : { "value": "#00171F", "attributes": {"font": "inverse"}}
-      },
-      "blue": {
-        "50" : { "value": "#DDF6FF", "attributes": {"font": "base"}},
-        "100" : { "value": "#B0DEFF", "attributes": {"font": "base"}},
-        "200" : { "value": "#82C6FB", "attributes": {"font": "base"}},
-        "300" : { "value": "#53AFF7", "attributes": {"font": "base"}},
-        "400" : { "value": "#2598F3", "attributes": {"font": "base"}},
-        "500" : { "value": "#0C7FDA", "attributes": {"font": "base"}},
-        "600" : { "value": "#0062AA", "attributes": {"font": "inverse"}},
-        "700" : { "value": "#00467B", "attributes": {"font": "inverse"}},
-        "800" : { "value": "#002A4D", "attributes": {"font": "inverse"}},
-        "900" : { "value": "#000F1F", "attributes": {"font": "inverse"}}
-      },
-      "indigo": {
-        "50" : { "value": "#E9EEFF", "attributes": {"font": "base"}},
-        "100" : { "value": "#C4CCF0", "attributes": {"font": "base"}},
-        "200" : { "value": "#9FAAE1", "attributes": {"font": "base"}},
-        "300" : { "value": "#7A88D2", "attributes": {"font": "base"}},
-        "400" : { "value": "#5566C4", "attributes": {"font": "inverse"}},
-        "500" : { "value": "#3B4CAA", "attributes": {"font": "inverse"}},
-        "600" : { "value": "#2D3B85", "attributes": {"font": "inverse"}},
-        "700" : { "value": "#1F2A61", "attributes": {"font": "inverse"}},
-        "800" : { "value": "#11193D", "attributes": {"font": "inverse"}},
-        "900" : { "value": "#05071A", "attributes": {"font": "inverse"}}
-      },
-      "purple": {
-        "50" : { "value": "#ECE8FF", "attributes": {"font": "base"}},
-        "100" : { "value": "#C4BDF7", "attributes": {"font": "base"}},
-        "200" : { "value": "#9991EE", "attributes": {"font": "base"}},
-        "300" : { "value": "#7A65E6", "attributes": {"font": "base"}},
-        "400" : { "value": "#5F39DE", "attributes": {"font": "inverse"}},
-        "500" : { "value": "#5120C5", "attributes": {"font": "inverse"}},
-        "600" : { "value": "#471899", "attributes": {"font": "inverse"}},
-        "700" : { "value": "#39116E", "attributes": {"font": "inverse"}},
-        "800" : { "value": "#250A44", "attributes": {"font": "inverse"}},
-        "900" : { "value": "#11021B", "attributes": {"font": "inverse"}}
-      },
-      "grey": {
-        "50"  : { "value": "#F5F8F7", "attributes": {"font": "base"}},
-        "100"  : { "value": "#D5DCD7", "attributes": {"font": "base"}},
-        "200"  : { "value": "#BBC4BE", "attributes": {"font": "base"}},
-        "300"  : { "value": "#A0ADA4", "attributes": {"font": "base"}},
-        "400"  : { "value": "#86968A", "attributes": {"font": "base"}},
-        "500"  : { "value": "#6C7C70", "attributes": {"font": "base"}},
-        "600"  : { "value": "#4D524F", "attributes": {"font": "inverse"}},
-        "700"  : { "value": "#3C453E", "attributes": {"font": "inverse"}},
-        "800"  : { "value": "#2A2D2B", "attributes": {"font": "inverse"}},
-        "900"  : { "value": "#080F08", "attributes": {"font": "inverse"}}
-      },
-      "white": { "value": "#ffffff" },
-      "black": { "value": "#000000" }
-    }
-  }
-}
\ No newline at end of file
diff --git a/properties/color/brand.json b/properties/color/brand.json
deleted file mode 100644
index 8cdf912..0000000
--- a/properties/color/brand.json
+++ /dev/null
@@ -1,90 +0,0 @@
-{
-  "color": {
-    "brand": {
-      "primary": {
-        "lightest": { "value": "{color.base.green.50.value}" },
-        "lighter": { "value": "{color.base.green.100.value}" },
-        "light":   { "value": "{color.base.green.300.value}" },
-        "base":    { "value": "{color.base.green.600.value}" },
-        "dark":    { "value": "{color.base.green.700.value}" },
-        "darker":  { "value": "{color.base.green.800.value}" },
-        "darkest":  { "value": "{color.base.green.900.value}" }
-      },
-      "secondary": {
-        "lightest": { "value": "{color.base.blue.50.value}" },
-        "lighter": { "value": "{color.base.blue.100.value}" },
-        "light":   { "value": "{color.base.blue.300.value}" },
-        "base":    { "value": "{color.base.blue.500.value}" },
-        "dark":    { "value": "{color.base.blue.600.value}" },
-        "darker":  { "value": "{color.base.blue.700.value}" },
-        "darkest":  { "value": "{color.base.blue.800.value}" }
-      },
-      "tertiary": {
-        "lightest": { "value": "{color.base.purple.50.value}" },
-        "lighter": { "value": "{color.base.purple.100.value}" },
-        "light":   { "value": "{color.base.purple.300.value}" },
-        "base":    { "value": "{color.base.purple.500.value}" },
-        "dark":    { "value": "{color.base.purple.600.value}" },
-        "darker":  { "value": "{color.base.purple.700.value}" },
-        "darkest":  { "value": "{color.base.purple.800.value}" }
-      },
-      "grey": {
-        "lightest": { "value": "{color.base.grey.50.value}" },
-        "lighter": { "value": "{color.base.grey.100.value}" },
-        "light":   { "value": "{color.base.grey.300.value}" },
-        "base":    { "value": "{color.base.grey.500.value}" },
-        "dark":    { "value": "{color.base.grey.600.value}" },
-        "darker":  { "value": "{color.base.grey.700.value}" },
-        "darkest":  { "value": "{color.base.grey.800.value}" }
-      },
-      "success": {
-        "lightest": { "value": "{color.base.green.50.value}" },
-        "lighter": { "value": "{color.base.green.100.value}" },
-        "light":   { "value": "{color.base.green.300.value}" },
-        "base":    { "value": "{color.base.green.500.value}" },
-        "dark":    { "value": "{color.base.green.600.value}" },
-        "darker":  { "value": "{color.base.green.700.value}" },
-        "darkest":  { "value": "{color.base.green.800.value}" }
-      },
-      "warning": {
-        "lightest": { "value": "{color.base.orange.50.value}" },
-        "lighter": { "value": "{color.base.orange.100.value}" },
-        "light":   { "value": "{color.base.orange.300.value}" },
-        "base":    { "value": "{color.base.orange.500.value}" },
-        "dark":    { "value": "{color.base.orange.600.value}" },
-        "darker":  { "value": "{color.base.orange.700.value}" },
-        "darkest":  { "value": "{color.base.orange.800.value}" }
-      },
-      "danger": {
-        "lightest": { "value": "{color.base.red.50.value}" },
-        "lighter": { "value": "{color.base.red.100.value}" },
-        "light":   { "value": "{color.base.red.300.value}" },
-        "base":    { "value": "{color.base.red.500.value}" },
-        "dark":    { "value": "{color.base.red.600.value}" },
-        "darker":  { "value": "{color.base.red.700.value}" },
-        "darkest":  { "value": "{color.base.red.800.value}" }
-      },
-      "info": {
-        "lightest": { "value": "{color.base.blue.50.value}" },
-        "lighter": { "value": "{color.base.blue.100.value}" },
-        "light":   { "value": "{color.base.blue.300.value}" },
-        "base":    { "value": "{color.base.blue.500.value}" },
-        "dark":    { "value": "{color.base.blue.600.value}" },
-        "darker":  { "value": "{color.base.blue.700.value}" },
-        "darkest":  { "value": "{color.base.blue.800.value}" }
-      },
-      "dark": {
-        "base":    { "value": "{color.base.grey.700.value}" }
-      },
-      "light": {
-        "base":    { "value": "{color.base.grey.100.value}" }
-      },
-      "black": {
-        "base":    { "value": "{color.base.black.value}" }
-      },
-      "white": {
-        "base":    { "value": "{color.base.white.value}" }
-      }
-    }
-  }
-}
\ No newline at end of file
diff --git a/properties/color/font.json b/properties/color/font.json
deleted file mode 100644
index 680013a..0000000
--- a/properties/color/font.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "color": {
-    "font": {
-      "base": { "value": "{color.brand.dark.base.value}" },
-      "inverse": { "value": "{color.brand.light.base.value}" },
-      "primary": { "value": "{color.brand.primary.base.value}" },
-      "secondary": { "value": "{color.brand.secondary.base.value}" },
-      "tertiary": { "value": "{color.brand.tertiary.base.value}" },
-      "success": { "value": "{color.brand.success.base.value}" },
-      "warning": { "value": "{color.brand.warning.base.value}" },
-      "danger": { "value": "{color.brand.danger.base.value}" },
-      "info": { "value": "{color.brand.info.base.value}" },
-      "grey-lightest": { "value": "{color.brand.grey.lightest.value}" },
-      "grey-lighter": { "value": "{color.brand.grey.lighter.value}" },
-      "grey-light": { "value": "{color.brand.grey.light.value}" },
-      "grey": { "value": "{color.brand.grey.base.value}" },
-      "grey-dark": { "value": "{color.brand.grey.dark.value}" },
-      "grey-darker": { "value": "{color.brand.grey.darker.value}" },
-      "grey-darkest": { "value": "{color.brand.grey.darkest.value}" }
-    }
-  }
-}
diff --git a/properties/size/border-radius.json b/properties/size/border-radius.json
deleted file mode 100644
index 090af3c..0000000
--- a/properties/size/border-radius.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "size": {
-    "border-radius": {
-      "xs": { "value": "0.125", "unit": "rem" },
-      "sm": { "value": "0.25", "unit": "rem" },
-      "md": { "value": ".5", "unit": "rem" },
-      "lg": { "value": "1", "unit": "rem" },
-      "circle": { "value": "50", "unit": "%" }
-    }
-  }
-}
\ No newline at end of file
diff --git a/properties/size/breakpoint.json b/properties/size/breakpoint.json
deleted file mode 100644
index 4050557..0000000
--- a/properties/size/breakpoint.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "size": {
-    "breakpoint": {
-      "tablet": {
-        "value": "608",
-        "comment": "landscape phones, tablets and larger",
-        "unit": "px"
-      },
-      "desktop": {
-        "value": "992",
-        "comment": "landscape tablets, desktops and larger",
-        "unit": "px"
-      },
-      "hd": {
-        "value": "1280",
-        "comment": "large desktops and larger",
-        "unit": "px"
-      }
-    }
-  }
-}
diff --git a/properties/size/font.json b/properties/size/font.json
deleted file mode 100644
index fd260d3..0000000
--- a/properties/size/font.json
+++ /dev/null
@@ -1,49 +0,0 @@
-{
-  "size": {
-    "font": {
-      "xs": {
-        "value": "0.75",
-        "comment": "Small and hard to read for many people so use with caution",
-        "unit": "rem"
-      },
-      "sm": {
-        "value": "0.875",
-        "unit": "rem"
-      },
-      "md": {
-        "value": "1",
-        "comment": "For paragraph body copy",
-        "unit": "rem"
-      },
-      "lg": {
-        "value": "1.25",
-        "unit": "rem"
-      },
-      "xl": {
-        "value": "1.5",
-        "unit": "rem"
-      },
-      "2xl": {
-        "value": "2.25",
-        "unit": "rem"
-      },
-      "3xl": {
-        "value": "3",
-        "unit": "rem"
-      },
-      "4xl": {
-        "value": "5",
-        "unit": "rem"
-      },
-      "5xl": {
-        "value": "6",
-        "comment": "For Hero or Marketing titles",
-        "unit": "rem"
-      },
-      "base": {
-          "value": "{size.font.md.value}",
-          "unit": "rem"
-      }
-    }
-  }
-}
\ No newline at end of file
diff --git a/properties/size/spacing.json b/properties/size/spacing.json
deleted file mode 100644
index 0b0afb6..0000000
--- a/properties/size/spacing.json
+++ /dev/null
@@ -1,70 +0,0 @@
-{
-  "size": {
-    "spacing": {
-      "0": { "value": "0", "unit": "" },
-      "2xs": { "value": "0.25", "unit": "rem" },
-      "xs": { "value": "0.5", "unit": "rem" },
-      "sm": { "value": "0.75", "unit": "rem" },
-      "md": { "value": "1", "unit": "rem" },
-      "lg": { "value": "1.5", "unit": "rem" },
-      "xl": { "value": "2", "unit": "rem" },
-      "2xl": { "value": "2.5", "unit": "rem" },
-      "3xl": { "value": "3", "unit": "rem" },
-      "4xl": { "value": "4", "unit": "rem" },
-      "5xl": { "value": "5", "unit": "rem" },
-      "base": { "value": "{size.spacing.md.value}", "unit": "rem" },
-      "inherit": { "value": "inherit", "unit": "" }
-    },
-    "width": {
-      "sm": { "value": "1", "unit": "rem" },
-      "md": { "value": "2", "unit": "rem" },
-      "lg": { "value": "4", "unit": "rem" },
-      "xl": { "value": "8", "unit": "rem" },
-      "2xl": { "value": "12", "unit": "rem" },
-      "3xl": { "value": "16", "unit": "rem" },
-      "4xl": { "value": "32", "unit": "rem" },
-      "5xl": { "value": "64", "unit": "rem" },
-      "10": { "value": "10", "unit": "%" },
-      "15": { "value": "15", "unit": "%" },
-      "20": { "value": "20", "unit": "%" },
-      "25": { "value": "25", "unit": "%" },
-      "30": { "value": "30", "unit": "%" },
-      "33": { "value": "33", "unit": "%" },
-      "34": { "value": "34", "unit": "%" },
-      "40": { "value": "40", "unit": "%" },
-      "50": { "value": "50", "unit": "%" },
-      "60": { "value": "60", "unit": "%" },
-      "70": { "value": "70", "unit": "%" },
-      "75": { "value": "75", "unit": "%" },
-      "80": { "value": "80", "unit": "%" },
-      "90": { "value": "90", "unit": "%" },
-      "100": { "value": "100", "unit": "%" }
-      
-    },
-    "height": {
-      "sm": { "value": "1", "unit": "rem" },
-      "md": { "value": "2", "unit": "rem" },
-      "lg": { "value": "4", "unit": "rem" },
-      "xl": { "value": "8", "unit": "rem" },
-      "2xl": { "value": "12", "unit": "rem" },
-      "3xl": { "value": "16", "unit": "rem" },
-      "4xl": { "value": "32", "unit": "rem" },
-      "5xl": { "value": "64", "unit": "rem" },
-      "10": { "value": "10", "unit": "%" },
-      "15": { "value": "15", "unit": "%" },
-      "20": { "value": "20", "unit": "%" },
-      "25": { "value": "25", "unit": "%" },
-      "30": { "value": "30", "unit": "%" },
-      "33": { "value": "33", "unit": "%" },
-      "34": { "value": "34", "unit": "%" },
-      "40": { "value": "40", "unit": "%" },
-      "50": { "value": "50", "unit": "%" },
-      "60": { "value": "60", "unit": "%" },
-      "70": { "value": "70", "unit": "%" },
-      "75": { "value": "75", "unit": "%" },
-      "80": { "value": "80", "unit": "%" },
-      "90": { "value": "90", "unit": "%" },
-      "100": { "value": "100", "unit": "%" }
-    }
-  }
-}
\ No newline at end of file