Merge pull request #370 from Sage/build/screensize

build: Update build process to consume context/screensize/mode
Sage · Sep 6, 2024 · d54f7a3 · d54f7a3
2 parents eae1ffc + c58c68d
commit d54f7a3
Show file tree

Hide file tree

Showing 36 changed files with 18,262 additions and 5,588 deletions.
diff --git a/data/tokens/$metadata.json b/data/tokens/$metadata.json
@@ -1,27 +1,33 @@
 {
   "tokenSetOrder": [
-    "origin",
+    "primitives",
     "global/borderwidth",
     "global/shadow",
     "global/radius",
     "global/size",
     "global/space",
     "global/typography",
     "modes/light",
-    "platforms/smallscreen",
-    "platforms/largescreen",
+    "modes/dark",
     "components/badge",
     "components/button",
     "components/container",
     "components/feedback",
     "components/focus",
     "components/form",
     "components/link",
+    "components/logo",
     "components/nav",
+    "components/page",
     "components/popover",
     "components/progress",
     "components/profile",
     "components/tab",
-    "components/table"
+    "components/table",
+    "screensize/small",
+    "screensize/large",
+    "context/product",
+    "context/frozenproduct",
+    "context/marketing"
   ]
 }
diff --git a/data/tokens/$themes.json b/data/tokens/$themes.json
diff --git a/data/tokens/components/badge.json b/data/tokens/components/badge.json
@@ -2,44 +2,56 @@
   "badge": {
     "color": {
       "inverse": {
-        "warning": {
+        "notification": {
           "border-default": {
-            "value": "{base.color.status.content.inverse.withDefault}",
+            "value": "{modes.color.status.content.standard.withDefault}",
             "type": "color"
           },
           "bg-default": {
-            "value": "{base.color.status.caution.inverse.default}",
+            "value": "{modes.color.status.negative.inverse.default}",
             "type": "color"
           },
           "label-default": {
-            "value": "{base.color.status.content.inverse.withDefault}",
+            "value": "{modes.color.status.content.standard.withDefault}",
             "type": "color"
           }
         }
       },
       "standard": {
-        "warning": {
+        "notification": {
           "border-default": {
-            "value": "{base.color.status.content.standard.withDefault}",
+            "value": "{modes.color.status.content.inverse.withDefault}",
             "type": "color"
           },
           "bg-default": {
-            "value": "{base.color.status.caution.standard.default}",
+            "value": "{modes.color.status.negative.standard.default}",
             "type": "color"
           },
           "label-default": {
-            "value": "{base.color.status.content.inverse.withDefault}",
+            "value": "{modes.color.status.content.inverse.withDefault}",
             "type": "color"
           }
         }
       }
     },
     "size": {
       "micro": {
-        "M": {
+        "dot": {
           "value": "{global.size.micro.M}",
           "type": "sizing",
           "description": "Micro dot badge size"
+        },
+        "numbered": {
+          "min": {
+            "value": "{global.size.macro.XXS}",
+            "type": "sizing",
+            "description": "Micro dot badge size with numbering"
+          },
+          "max": {
+            "value": "{global.size.macro.S}",
+            "type": "sizing",
+            "description": "Micro dot badge size max width"
+          }
         }
       },
       "standard": {
@@ -64,10 +76,27 @@
     },
     "space": {
       "x": {
+        "S": {
+          "value": "{global.space.micro.XS}",
+          "type": "spacing",
+          "description": "horizontal padding on micro badges with numbering"
+        },
         "M": {
           "value": "{global.space.micro.S}",
           "type": "spacing",
-          "description": "used on standard badges for left and right padding"
+          "description": "horizontal padding on typical badge"
+        }
+      },
+      "y": {
+        "S": {
+          "value": "{global.space.micro.XXS}",
+          "type": "spacing",
+          "description": "bottom padding on micro badge with number"
+        },
+        "M": {
+          "value": "{global.space.micro.XXS}",
+          "type": "spacing",
+          "description": "bottom padding on typical badge"
         }
       }
     },
@@ -77,6 +106,20 @@
         "type": "borderWidth",
         "description": "Badge"
       }
+    },
+    "typography": {
+      "responsive": {
+        "M": {
+          "value": "{global.typography.responsive.component.notification.M}",
+          "type": "typography"
+        }
+      },
+      "adaptive": {
+        "M": {
+          "value": "{global.typography.adaptive.component.notification.M}",
+          "type": "typography"
+        }
+      }
     }
   }
 }