feat(size tokens): add new token spec scale #71

This feature release will add a new scale for size tokens using a X00 value scale. This update also deprecates the current scale of XL named values. Changes to be committed: modified: src/size/scale.json
AlaskaAirlines · Sep 23, 2022 · c94f617 · c94f617
1 parent c7620f4
commit c94f617
Showing 1 changed file with 98 additions and 18 deletions.
diff --git a/src/size/scale.json b/src/size/scale.json
@@ -148,71 +148,151 @@
     },
     "none": {
       "value": "0",
-      "comment": "style guide value 0",
+      "comment": "0",
+      "public": true,
+      "deprecated": true,
+      "reference": "{comments.reference.comment} 0"
+    },
+    "25": {
+      "value": 0.125,
+      "comment": "2px",
+      "public": true,
+      "deprecated": false
+    },
+    "50": {
+      "value": 0.25,
+      "comment": "4px",
+      "public": true,
+      "deprecated": false
+    },
+    "100": {
+      "value": 0.5,
+      "comment": "8px",
+      "public": true,
+      "deprecated": false
+    },
+    "150": {
+      "value": 0.75,
+      "comment": "12px",
+      "public": true,
+      "deprecated": false
+    },
+    "200": {
+      "value": 1.00,
+      "comment": "16px",
+      "public": true,
+      "deprecated": false
+    },
+    "300": {
+      "value": 1.50,
+      "comment": "24px",
+      "public": true,
+      "deprecated": false
+    },
+    "400": {
+      "value": 2.00,
+      "comment": "32px",
+      "public": true,
+      "deprecated": false
+    },
+    "500": {
+      "value": 2.50,
+      "comment": "40px",
+      "public": true,
+      "deprecated": false
+    },
+    "600": {
+      "value": 3.00,
+      "comment": "48px",
+      "public": true,
+      "deprecated": false
+    },
+    "700": {
+      "value": 3.50,
+      "comment": "56px",
+      "public": true,
+      "deprecated": false
+    },
+    "800": {
+      "value": 4.00,
+      "comment": "64px",
+      "public": true,
+      "deprecated": false
+    },
+    "900": {
+      "value": 4.50,
+      "comment": "72px",
+      "public": true,
+      "deprecated": false
+    },
+    "1000": {
+      "value": 5.00,
+      "comment": "80px",
       "public": true,
       "deprecated": false
     },
     "xxxs": {
       "value": 0.125,
       "comment": "style guide value 2px",
       "public": true,
-      "deprecated": false
+      "reference": "{comments.reference.comment} auro-size-25",
+      "deprecated": true
     },
-
     "xxs": {
       "value": 0.25,
       "comment": "style guide value 4px",
       "public": true,
-      "deprecated": false
+      "reference": "{comments.reference.comment} auro-size-50",
+      "deprecated": true
     },
 
     "xs": {
       "value": 0.5,
       "comment": "style guide value 8px",
-      "public": true,
-      "deprecated": false
+      "reference": "{comments.reference.comment} auro-size-100",
+      "deprecated": true
     },
 
     "sm": {
       "value": 0.75,
       "comment": "style guide value 12px",
-      "public": true,
-      "deprecated": false
+      "reference": "{comments.reference.comment} auro-size-150",
+      "deprecated": true
     },
 
     "md": {
       "value": 1,
       "comment": "style guide value 16px",
-      "public": true,
-      "deprecated": false
+      "reference": "{comments.reference.comment} auro-size-200",
+      "deprecated": true
     },
 
     "lg": {
       "value": 1.5,
       "comment": "style guide value 24px",
-      "public": true,
-      "deprecated": false
+      "reference": "{comments.reference.comment} auro-size-300",
+      "deprecated": true
     },
 
     "xl": {
       "value": 2,
       "comment": "style guide value 32px",
-      "public": true,
-      "deprecated": false
+      "reference": "{comments.reference.comment} auro-size-400",
+      "deprecated": true
     },
 
     "xxl": {
       "value": 3,
       "comment": "style guide value 48px",
-      "public": true,
-      "deprecated": false
+      "reference": "{comments.reference.comment} auro-size-600",
+      "deprecated": true
     },
 
     "xxxl": {
       "value": 4,
       "comment": "style guide value 64px",
-      "public": true,
-      "deprecated": false
+      "reference": "{comments.reference.comment} auro-size-800",
+      "deprecated": true
     }
   }
 }