@oneli8/tokens 1.0.0-beta.2 → 1.0.0-beta.4

package/src/semantic.json

@@ -496,6 +496,19 @@
         "$value": "{color.primary.840}",
         "$description": "Content on a persistent selected surface qualified by the active Primary family."
       }
+    },
+    "scrim": {
+      "pressed": {
+        "$type": "color",
+        "$value": {
+          "color": "{color.cyan.840}",
+          "alpha": 0.24
+        },
+        "$extensions": {
+          "oneli8.composite": "color-alpha"
+        },
+        "$description": "Pressed darkening laid over a controls own surface. Uses the systems cyan ink, never default black."
+      }
     }
   },
   "elevation": {
@@ -629,35 +642,229 @@
     "control": {
       "gem": {
         "primary": {
-          "start": {"$type":"color","$value":"{color.primary.480}","$description":"Gem Primary leading tonal stop in Light appearance."},
-          "mid": {"$type":"color","$value":"{color.primary.600}","$description":"Gem Primary middle tonal stop in Light appearance."},
-          "end": {"$type":"color","$value":"{color.primary.720}","$description":"Gem Primary trailing tonal stop in Light appearance."},
-          "hoverStart": {"$type":"color","$value":"{color.primary.600}","$description":"Gem Primary Hover leading tonal stop in Light appearance."},
-          "hoverMid": {"$type":"color","$value":"{color.primary.720}","$description":"Gem Primary Hover middle tonal stop in Light appearance."},
-          "hoverEnd": {"$type":"color","$value":"{color.primary.840}","$description":"Gem Primary Hover trailing tonal stop in Light appearance."},
-          "loadingStart": {"$type":"color","$value":"{color.primary.720}","$description":"Shared Button and Icon Button Gem Loading leading stop; visibly busy without implying Hover."},
-          "loadingMid": {"$type":"color","$value":"{color.primary.840}","$description":"Shared Button and Icon Button Gem Loading middle stop."},
-          "loadingEnd": {"$type":"color","$value":"{color.primary.930}","$description":"Shared Button and Icon Button Gem Loading trailing stop."},
-          "content": {"$type":"color","$value":"{color.neutral.030}","$description":"Stable foreground on the qualified Gem Primary ramp."}
+          "start": {
+            "$type": "color",
+            "$value": "{color.primary.480}",
+            "$description": "Gem Primary leading tonal stop in Light appearance."
+          },
+          "mid": {
+            "$type": "color",
+            "$value": "{color.primary.600}",
+            "$description": "Gem Primary middle tonal stop in Light appearance."
+          },
+          "end": {
+            "$type": "color",
+            "$value": "{color.primary.720}",
+            "$description": "Gem Primary trailing tonal stop in Light appearance."
+          },
+          "hoverStart": {
+            "$type": "color",
+            "$value": "{color.primary.600}",
+            "$description": "Gem Primary Hover leading tonal stop in Light appearance."
+          },
+          "hoverMid": {
+            "$type": "color",
+            "$value": "{color.primary.720}",
+            "$description": "Gem Primary Hover middle tonal stop in Light appearance."
+          },
+          "hoverEnd": {
+            "$type": "color",
+            "$value": "{color.primary.840}",
+            "$description": "Gem Primary Hover trailing tonal stop in Light appearance."
+          },
+          "loadingStart": {
+            "$type": "color",
+            "$value": "{color.primary.720}",
+            "$description": "Shared Button and Icon Button Gem Loading leading stop; visibly busy without implying Hover."
+          },
+          "loadingMid": {
+            "$type": "color",
+            "$value": "{color.primary.840}",
+            "$description": "Shared Button and Icon Button Gem Loading middle stop."
+          },
+          "loadingEnd": {
+            "$type": "color",
+            "$value": "{color.primary.930}",
+            "$description": "Shared Button and Icon Button Gem Loading trailing stop."
+          },
+          "content": {
+            "$type": "color",
+            "$value": "{color.neutral.030}",
+            "$description": "Stable foreground on the qualified Gem Primary ramp."
+          }
         },
         "secondary": {
-          "high": {"$type":"color","$value":{"color":"{color.neutral.030}","alpha":0.22},"$extensions":{"oneli8.composite":"color-alpha"},"$description":"Gem Secondary leading transparent highlight."},
-          "mid": {"$type":"color","$value":{"color":"{color.neutral.030}","alpha":0.05},"$extensions":{"oneli8.composite":"color-alpha"},"$description":"Gem Secondary quiet middle transparency."},
-          "low": {"$type":"color","$value":{"color":"{color.neutral.030}","alpha":0.12},"$extensions":{"oneli8.composite":"color-alpha"},"$description":"Gem Secondary trailing transparent tint."},
-          "hoverHigh": {"$type":"color","$value":{"color":"{color.neutral.030}","alpha":0.30},"$extensions":{"oneli8.composite":"color-alpha"},"$description":"Gem Secondary Hover leading transparent highlight."},
-          "hoverMid": {"$type":"color","$value":{"color":"{color.neutral.030}","alpha":0.09},"$extensions":{"oneli8.composite":"color-alpha"},"$description":"Gem Secondary Hover middle transparency."},
-          "hoverLow": {"$type":"color","$value":{"color":"{color.neutral.030}","alpha":0.18},"$extensions":{"oneli8.composite":"color-alpha"},"$description":"Gem Secondary Hover trailing transparent tint."},
-          "loadingHigh": {"$type":"color","$value":{"color":"{color.neutral.030}","alpha":0.39},"$extensions":{"oneli8.composite":"color-alpha"},"$description":"Shared Button and Icon Button Gem Secondary Loading highlight."},
-          "loadingMid": {"$type":"color","$value":{"color":"{color.neutral.030}","alpha":0.12},"$extensions":{"oneli8.composite":"color-alpha"},"$description":"Shared Button and Icon Button Gem Secondary Loading middle transparency."},
-          "loadingLow": {"$type":"color","$value":{"color":"{color.neutral.030}","alpha":0.24},"$extensions":{"oneli8.composite":"color-alpha"},"$description":"Shared Button and Icon Button Gem Secondary Loading trailing tint."},
-          "content": {"$type":"color","$value":"{color.neutral.030}","$description":"Approved stable near-white Gem Secondary content in Light and Dark. Text and icons share this role; qualify backing contrast separately."}
+          "high": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.22
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Gem Secondary leading transparent highlight."
+          },
+          "mid": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.05
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Gem Secondary quiet middle transparency."
+          },
+          "low": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.12
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Gem Secondary trailing transparent tint."
+          },
+          "hoverHigh": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.3
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Gem Secondary Hover leading transparent highlight."
+          },
+          "hoverMid": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.09
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Gem Secondary Hover middle transparency."
+          },
+          "hoverLow": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.18
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Gem Secondary Hover trailing transparent tint."
+          },
+          "loadingHigh": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.39
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Shared Button and Icon Button Gem Secondary Loading highlight."
+          },
+          "loadingMid": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.12
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Shared Button and Icon Button Gem Secondary Loading middle transparency."
+          },
+          "loadingLow": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.24
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Shared Button and Icon Button Gem Secondary Loading trailing tint."
+          },
+          "content": {
+            "$type": "color",
+            "$value": "{color.neutral.030}",
+            "$description": "Approved stable near-white Gem Secondary content in Light and Dark. Text and icons share this role; qualify backing contrast separately."
+          }
         },
         "rim": {
-          "default": {"$type":"color","$value":{"color":"{color.neutral.030}","alpha":0.24},"$extensions":{"oneli8.composite":"color-alpha"},"$description":"One-pixel inset Gem control rim; never an external border."},
-          "hover": {"$type":"color","$value":{"color":"{color.neutral.030}","alpha":0.36},"$extensions":{"oneli8.composite":"color-alpha"},"$description":"Raised inset Gem control rim for Hover."},
-          "specular": {"$type":"color","$value":{"color":"{color.neutral.030}","alpha":0.54},"$extensions":{"oneli8.composite":"color-alpha"},"$description":"Restrained integrated Gem control highlight."}
+          "default": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.24
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "One-pixel inset Gem control rim; never an external border."
+          },
+          "hover": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.36
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Raised inset Gem control rim for Hover."
+          },
+          "specular": {
+            "$type": "color",
+            "$value": {
+              "color": "{color.neutral.030}",
+              "alpha": 0.54
+            },
+            "$extensions": {
+              "oneli8.composite": "color-alpha"
+            },
+            "$description": "Restrained integrated Gem control highlight."
+          }
         },
-        "blur": {"$type":"dimension","$value":"{dimension.scale.012}","$description":"Backdrop blur candidate for transparent Gem controls."}
+        "blur": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.012}",
+          "$description": "Backdrop blur candidate for transparent Gem controls."
+        },
+        "gradient": {
+          "start": {
+            "$type": "dimension",
+            "$value": {
+              "value": 14.639,
+              "unit": "%"
+            },
+            "$description": "Gem body gradient leading position, measured from the Figma Gem Button fill."
+          },
+          "mid": {
+            "$type": "dimension",
+            "$value": {
+              "value": 48.586,
+              "unit": "%"
+            },
+            "$description": "Gem body gradient middle position, measured from the Figma Gem Button fill."
+          },
+          "end": {
+            "$type": "dimension",
+            "$value": {
+              "value": 85.361,
+              "unit": "%"
+            },
+            "$description": "Gem body gradient trailing position, measured from the Figma Gem Button fill."
+          }
+        }
       }
     },
     "gem": {
@@ -1147,153 +1354,645 @@
         }
       },
       "blur": {
-        "environmental":{"$type":"dimension","$value":"{dimension.scale.018}","$description":"Approved candidate environmental backdrop blur."},
-        "stabilized":{"$type":"dimension","$value":"{dimension.scale.012}","$description":"Local stabilized information-plane blur."}
+        "environmental": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.018}",
+          "$description": "Approved candidate environmental backdrop blur."
+        },
+        "stabilized": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.012}",
+          "$description": "Local stabilized information-plane blur."
+        }
       },
       "opacity": {
-        "environmental":{"$type":"number","$value":0.48,"$description":"Current high-variance specimen family-tint floor."},
-        "edgeHigh":{"$type":"number","$value":0.93,"$description":"Gem edge highlight maximum."},
-        "edgeLow":{"$type":"number","$value":0.03,"$description":"Gem edge highlight minimum."},
-        "cutLight":{"$type":"number","$value":0.72,"$description":"Light directional bevel layer strength."},
-        "cutDark":{"$type":"number","$value":0.54,"$description":"Dark directional bevel layer strength."}
+        "environmental": {
+          "$type": "number",
+          "$value": 0.48,
+          "$description": "Current high-variance specimen family-tint floor."
+        },
+        "edgeHigh": {
+          "$type": "number",
+          "$value": 0.93,
+          "$description": "Gem edge highlight maximum."
+        },
+        "edgeLow": {
+          "$type": "number",
+          "$value": 0.03,
+          "$description": "Gem edge highlight minimum."
+        },
+        "cutLight": {
+          "$type": "number",
+          "$value": 0.72,
+          "$description": "Light directional bevel layer strength."
+        },
+        "cutDark": {
+          "$type": "number",
+          "$value": 0.54,
+          "$description": "Dark directional bevel layer strength."
+        }
       },
       "spacing": {
-        "slabInset":{"$type":"dimension","$value":"{dimension.scale.030}","$description":"Desktop Gem slab content inset."},
-        "clusterGap":{"$type":"dimension","$value":"{dimension.scale.024}","$description":"Desktop related Gem slab gap."},
-        "innerSeparation":{"$type":"dimension","$value":"{dimension.scale.024}","$description":"Separation before a stabilized inner tile."}
+        "slabInset": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.030}",
+          "$description": "Desktop Gem slab content inset."
+        },
+        "clusterGap": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.024}",
+          "$description": "Desktop related Gem slab gap."
+        },
+        "innerSeparation": {
+          "$type": "dimension",
+          "$value": "{dimension.scale.024}",
+          "$description": "Separation before a stabilized inner tile."
+        }
       }
     }
   },
   "spacing": {
-    "none":{"$type":"dimension","$value":"{dimension.scale.000}","$description":"Flush adjoining items with no additional separation."},
+    "none": {
+      "$type": "dimension",
+      "$value": "{dimension.scale.000}",
+      "$description": "Flush adjoining items with no additional separation."
+    },
     "inline": {
-      "minimal":{"$type":"dimension","$value":"{dimension.scale.003}","$description":"Tight icon-to-text or micro relationship."},
-      "related":{"$type":"dimension","$value":"{dimension.scale.006}","$description":"Related inline content."},
-      "standard":{"$type":"dimension","$value":"{dimension.scale.012}","$description":"Default inline separation."}
+      "minimal": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "Tight icon-to-text or micro relationship."
+      },
+      "related": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.006}",
+        "$description": "Related inline content."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Default inline separation."
+      }
     },
     "stack": {
-      "tight":{"$type":"dimension","$value":"{dimension.scale.006}","$description":"Tight vertical stack."},
-      "related":{"$type":"dimension","$value":"{dimension.scale.012}","$description":"Related stacked content."},
-      "grouped":{"$type":"dimension","$value":"{dimension.scale.018}","$description":"Grouped component stack."},
-      "separated":{"$type":"dimension","$value":"{dimension.scale.024}","$description":"Separated content groups."}
+      "tight": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.006}",
+        "$description": "Tight vertical stack."
+      },
+      "related": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Related stacked content."
+      },
+      "grouped": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Grouped component stack."
+      },
+      "separated": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Separated content groups."
+      }
     },
     "inset": {
-      "compact":{"$type":"dimension","$value":"{dimension.scale.012}","$description":"Compact component inset."},
-      "standard":{"$type":"dimension","$value":"{dimension.scale.018}","$description":"Standard component inset."},
-      "comfortable":{"$type":"dimension","$value":"{dimension.scale.024}","$description":"Comfortable component inset."},
-      "spacious":{"$type":"dimension","$value":"{dimension.scale.036}","$description":"Spacious container inset."}
+      "compact": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Compact component inset."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Standard component inset."
+      },
+      "comfortable": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Comfortable component inset."
+      },
+      "spacious": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Spacious container inset."
+      }
     },
     "layout": {
-      "margin":{"$type":"dimension","$value":"{dimension.scale.024}","$description":"Default page margin."},
-      "gutter":{"$type":"dimension","$value":"{dimension.scale.024}","$description":"Default layout gutter."},
-      "region":{"$type":"dimension","$value":"{dimension.scale.036}","$description":"Region separation."}
+      "margin": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Default page margin."
+      },
+      "gutter": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Default layout gutter."
+      },
+      "region": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Region separation."
+      }
     },
     "section": {
-      "compact":{"$type":"dimension","$value":"{dimension.scale.036}","$description":"Compact section separation."},
-      "standard":{"$type":"dimension","$value":"{dimension.scale.048}","$description":"Standard section separation."},
-      "spacious":{"$type":"dimension","$value":"{dimension.scale.072}","$description":"Spacious section separation."},
-      "expansive":{"$type":"dimension","$value":"{dimension.scale.108}","$description":"Expansive display section separation."}
+      "compact": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Compact section separation."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Standard section separation."
+      },
+      "spacious": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.072}",
+        "$description": "Spacious section separation."
+      },
+      "expansive": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.108}",
+        "$description": "Expansive display section separation."
+      }
     }
   },
   "size": {
     "control": {
-      "compact":{"$type":"dimension","$value":"{dimension.scale.036}","$description":"Dense visible control height."},
-      "standard":{"$type":"dimension","$value":"{dimension.scale.042}","$description":"General visible control height."},
-      "comfortable":{"$type":"dimension","$value":"{dimension.scale.048}","$description":"Default cross-platform control height."},
-      "large":{"$type":"dimension","$value":"{dimension.scale.060}","$description":"Prominent or accessibility-forward control height."}
+      "compact": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Dense visible control height."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.042}",
+        "$description": "General visible control height."
+      },
+      "comfortable": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Default cross-platform control height."
+      },
+      "large": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.060}",
+        "$description": "Prominent or accessibility-forward control height."
+      }
     },
     "target": {
-      "minimum":{"$type":"dimension","$value":"{dimension.scale.048}","$description":"Minimum standalone interaction target."},
-      "comfortable":{"$type":"dimension","$value":"{dimension.scale.060}","$description":"Touch-led comfortable target."},
-      "spacious":{"$type":"dimension","$value":"{dimension.scale.072}","$description":"Kiosk or generous target."}
+      "minimum": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Minimum standalone interaction target."
+      },
+      "comfortable": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.060}",
+        "$description": "Touch-led comfortable target."
+      },
+      "spacious": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.072}",
+        "$description": "Kiosk or generous target."
+      }
     },
     "icon": {
-      "micro":{"$type":"dimension","$value":"{dimension.scale.009}","$description":"Micro icon presentation for tightly bounded internal indicators."},
-      "compact":{"$type":"dimension","$value":"{dimension.scale.012}","$description":"Compact icon presentation for small internal indicators."},
-      "small":{"$type":"dimension","$value":"{dimension.scale.018}","$description":"Compact supporting icon artwork box."},
-      "standard":{"$type":"dimension","$value":"{dimension.scale.024}","$description":"Default icon artwork box."},
-      "medium":{"$type":"dimension","$value":"{dimension.scale.030}","$description":"Intermediate icon artwork box."},
-      "large":{"$type":"dimension","$value":"{dimension.scale.036}","$description":"Emphasized icon artwork box."},
-      "xlarge":{"$type":"dimension","$value":"{dimension.scale.048}","$description":"Expressive icon artwork box."},
-      "spacious":{"$type":"dimension","$value":"{dimension.scale.060}","$description":"Spacious icon artwork box."},
-      "display":{"$type":"dimension","$value":"{dimension.scale.072}","$description":"Display icon artwork box."},
-      "hero":{"$type":"dimension","$value":"{dimension.scale.096}","$description":"Hero icon artwork box."},
-      "landmark":{"$type":"dimension","$value":"{dimension.scale.108}","$description":"Largest governed icon presentation for landmarks and spatial use."}
+      "micro": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.009}",
+        "$description": "Micro icon presentation for tightly bounded internal indicators."
+      },
+      "compact": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Compact icon presentation for small internal indicators."
+      },
+      "small": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Compact supporting icon artwork box."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Default icon artwork box."
+      },
+      "medium": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.030}",
+        "$description": "Intermediate icon artwork box."
+      },
+      "large": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Emphasized icon artwork box."
+      },
+      "xlarge": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Expressive icon artwork box."
+      },
+      "spacious": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.060}",
+        "$description": "Spacious icon artwork box."
+      },
+      "display": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.072}",
+        "$description": "Display icon artwork box."
+      },
+      "hero": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.096}",
+        "$description": "Hero icon artwork box."
+      },
+      "landmark": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.108}",
+        "$description": "Largest governed icon presentation for landmarks and spatial use."
+      }
     },
     "avatar": {
-      "micro":{"$type":"dimension","$value":"{dimension.scale.018}","$description":"Micro avatar."},
-      "small":{"$type":"dimension","$value":"{dimension.scale.024}","$description":"Small avatar."},
-      "standard":{"$type":"dimension","$value":"{dimension.scale.036}","$description":"Standard avatar."},
-      "large":{"$type":"dimension","$value":"{dimension.scale.048}","$description":"Large avatar."},
-      "xlarge":{"$type":"dimension","$value":"{dimension.scale.072}","$description":"Extra-large avatar."},
-      "display":{"$type":"dimension","$value":"{dimension.scale.096}","$description":"Display avatar."}
+      "micro": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Micro avatar."
+      },
+      "small": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Small avatar."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Standard avatar."
+      },
+      "large": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Large avatar."
+      },
+      "xlarge": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.072}",
+        "$description": "Extra-large avatar."
+      },
+      "display": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.096}",
+        "$description": "Display avatar."
+      }
     },
     "indicator": {
-      "micro":{"$type":"dimension","$value":"{dimension.scale.006}","$description":"Micro indicator."},
-      "small":{"$type":"dimension","$value":"{dimension.scale.012}","$description":"Small indicator."},
-      "standard":{"$type":"dimension","$value":"{dimension.scale.018}","$description":"Standard indicator."},
-      "large":{"$type":"dimension","$value":"{dimension.scale.024}","$description":"Large indicator."}
+      "micro": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.006}",
+        "$description": "Micro indicator."
+      },
+      "small": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Small indicator."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Standard indicator."
+      },
+      "large": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Large indicator."
+      }
     },
     "loader": {
-      "small":{"$type":"dimension","$value":"{dimension.scale.018}","$description":"Small loader."},
-      "standard":{"$type":"dimension","$value":"{dimension.scale.024}","$description":"Standard loader."},
-      "large":{"$type":"dimension","$value":"{dimension.scale.036}","$description":"Large loader."},
-      "display":{"$type":"dimension","$value":"{dimension.scale.048}","$description":"Display loader."}
+      "small": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Small loader."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Standard loader."
+      },
+      "large": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Large loader."
+      },
+      "display": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Display loader."
+      }
+    }
+  },
+  "shape": {
+    "radius": {
+      "none": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.000}",
+        "$description": "Flush regions and hard edges."
+      },
+      "subtle": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "Tiny internal radius."
+      },
+      "compact": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.006}",
+        "$description": "Dense control radius."
+      },
+      "medium": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.009}",
+        "$description": "Intermediate nested radius."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Default control and small-card radius."
+      },
+      "comfortable": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.018}",
+        "$description": "Spacious card and menu radius."
+      },
+      "container": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Dialog and major-container radius."
+      },
+      "display": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.036}",
+        "$description": "Expressive surface radius."
+      },
+      "full": {
+        "$type": "dimension",
+        "$value": {
+          "value": 999,
+          "unit": "px"
+        },
+        "$extensions": {
+          "oneli8.exception": "categorical-full-radius"
+        },
+        "$description": "Fully rounded categorical shape."
+      }
+    }
+  },
+  "border": {
+    "width": {
+      "none": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.000}",
+        "$description": "No visible boundary."
+      },
+      "hairline": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1,
+          "unit": "px"
+        },
+        "$extensions": {
+          "oneli8.exception": "decorative-optical-boundary"
+        },
+        "$description": "Decorative nonessential separation."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2,
+          "unit": "px"
+        },
+        "$extensions": {
+          "oneli8.exception": "essential-optical-boundary"
+        },
+        "$description": "Standard essential boundary."
+      },
+      "strong": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "Selected or emphasized boundary."
+      }
+    }
+  },
+  "focus": {
+    "ring": {
+      "innerWidth": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "First focus band width."
+      },
+      "outerWidth": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "Second focus band width."
+      },
+      "totalWidth": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.006}",
+        "$description": "Combined focus treatment width."
+      },
+      "offset": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "Focus separation when geometry requires it."
+      }
     }
   },
-  "shape":{"radius":{
-    "none":{"$type":"dimension","$value":"{dimension.scale.000}","$description":"Flush regions and hard edges."},
-    "subtle":{"$type":"dimension","$value":"{dimension.scale.003}","$description":"Tiny internal radius."},
-    "compact":{"$type":"dimension","$value":"{dimension.scale.006}","$description":"Dense control radius."},
-    "medium":{"$type":"dimension","$value":"{dimension.scale.009}","$description":"Intermediate nested radius."},
-    "standard":{"$type":"dimension","$value":"{dimension.scale.012}","$description":"Default control and small-card radius."},
-    "comfortable":{"$type":"dimension","$value":"{dimension.scale.018}","$description":"Spacious card and menu radius."},
-    "container":{"$type":"dimension","$value":"{dimension.scale.024}","$description":"Dialog and major-container radius."},
-    "display":{"$type":"dimension","$value":"{dimension.scale.036}","$description":"Expressive surface radius."},
-    "full":{"$type":"dimension","$value":{"value":999,"unit":"px"},"$extensions":{"oneli8.exception":"categorical-full-radius"},"$description":"Fully rounded categorical shape."}
-  }},
-  "border":{"width":{
-    "none":{"$type":"dimension","$value":"{dimension.scale.000}","$description":"No visible boundary."},
-    "hairline":{"$type":"dimension","$value":{"value":1,"unit":"px"},"$extensions":{"oneli8.exception":"decorative-optical-boundary"},"$description":"Decorative nonessential separation."},
-    "standard":{"$type":"dimension","$value":{"value":2,"unit":"px"},"$extensions":{"oneli8.exception":"essential-optical-boundary"},"$description":"Standard essential boundary."},
-    "strong":{"$type":"dimension","$value":"{dimension.scale.003}","$description":"Selected or emphasized boundary."}
-  }},
-  "focus":{"ring":{
-    "innerWidth":{"$type":"dimension","$value":"{dimension.scale.003}","$description":"First focus band width."},
-    "outerWidth":{"$type":"dimension","$value":"{dimension.scale.003}","$description":"Second focus band width."},
-    "totalWidth":{"$type":"dimension","$value":"{dimension.scale.006}","$description":"Combined focus treatment width."},
-    "offset":{"$type":"dimension","$value":"{dimension.scale.003}","$description":"Focus separation when geometry requires it."}
-  }},
   "typography": {
     "display": {
-      "large":{"$type":"typography","$value":{"fontFamily":"{font.family.display}","fontSize":"{font.size.066}","fontWeight":"{font.weight.bold}","letterSpacing":"{font.tracking.snug}","lineHeight":"{font.line.072}"},"$description":"Compact Display Large."},
-      "medium":{"$type":"typography","$value":{"fontFamily":"{font.family.display}","fontSize":"{font.size.051}","fontWeight":"{font.weight.bold}","letterSpacing":"{font.tracking.displaySoft}","lineHeight":"{font.line.060}"},"$description":"Compact Display Medium."},
-      "small":{"$type":"typography","$value":{"fontFamily":"{font.family.display}","fontSize":"{font.size.039}","fontWeight":"{font.weight.semibold}","letterSpacing":"{font.tracking.titleTight}","lineHeight":"{font.line.048}"},"$description":"Compact Display Small."}
+      "large": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.display}",
+          "fontSize": "{font.size.066}",
+          "fontWeight": "{font.weight.bold}",
+          "letterSpacing": "{font.tracking.snug}",
+          "lineHeight": "{font.line.072}"
+        },
+        "$description": "Compact Display Large."
+      },
+      "medium": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.display}",
+          "fontSize": "{font.size.051}",
+          "fontWeight": "{font.weight.bold}",
+          "letterSpacing": "{font.tracking.displaySoft}",
+          "lineHeight": "{font.line.060}"
+        },
+        "$description": "Compact Display Medium."
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.display}",
+          "fontSize": "{font.size.039}",
+          "fontWeight": "{font.weight.semibold}",
+          "letterSpacing": "{font.tracking.titleTight}",
+          "lineHeight": "{font.line.048}"
+        },
+        "$description": "Compact Display Small."
+      }
     },
     "title": {
-      "large":{"$type":"typography","$value":{"fontFamily":"{font.family.functional}","fontSize":"{font.size.039}","fontWeight":"{font.weight.semibold}","letterSpacing":"{font.tracking.titleSoft}","lineHeight":"{font.line.048}"},"$description":"Compact Title Large."},
-      "medium":{"$type":"typography","$value":{"fontFamily":"{font.family.functional}","fontSize":"{font.size.030}","fontWeight":"{font.weight.semibold}","letterSpacing":"{font.tracking.normal}","lineHeight":"{font.line.039}"},"$description":"Compact Title Medium."},
-      "small":{"$type":"typography","$value":{"fontFamily":"{font.family.functional}","fontSize":"{font.size.021}","fontWeight":"{font.weight.semibold}","letterSpacing":"{font.tracking.normal}","lineHeight":"{font.line.030}"},"$description":"Compact Title Small."}
+      "large": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.functional}",
+          "fontSize": "{font.size.039}",
+          "fontWeight": "{font.weight.semibold}",
+          "letterSpacing": "{font.tracking.titleSoft}",
+          "lineHeight": "{font.line.048}"
+        },
+        "$description": "Compact Title Large."
+      },
+      "medium": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.functional}",
+          "fontSize": "{font.size.030}",
+          "fontWeight": "{font.weight.semibold}",
+          "letterSpacing": "{font.tracking.normal}",
+          "lineHeight": "{font.line.039}"
+        },
+        "$description": "Compact Title Medium."
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.functional}",
+          "fontSize": "{font.size.021}",
+          "fontWeight": "{font.weight.semibold}",
+          "letterSpacing": "{font.tracking.normal}",
+          "lineHeight": "{font.line.030}"
+        },
+        "$description": "Compact Title Small."
+      }
     },
     "body": {
-      "large":{"$type":"typography","$value":{"fontFamily":"{font.family.functional}","fontSize":"{font.size.021}","fontWeight":"{font.weight.regular}","letterSpacing":"{font.tracking.normal}","lineHeight":"{font.line.030}"},"$description":"Body Large."},
-      "medium":{"$type":"typography","$value":{"fontFamily":"{font.family.functional}","fontSize":"{font.size.016}","fontWeight":"{font.weight.regular}","letterSpacing":"{font.tracking.normal}","lineHeight":"{font.line.024}"},"$description":"Default sustained-reading role."},
-      "small":{"$type":"typography","$value":{"fontFamily":"{font.family.functional}","fontSize":"{font.size.012}","fontWeight":"{font.weight.regular}","letterSpacing":"{font.tracking.open}","lineHeight":"{font.line.018}"},"$description":"Supporting text role."}
+      "large": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.functional}",
+          "fontSize": "{font.size.021}",
+          "fontWeight": "{font.weight.regular}",
+          "letterSpacing": "{font.tracking.normal}",
+          "lineHeight": "{font.line.030}"
+        },
+        "$description": "Body Large."
+      },
+      "medium": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.functional}",
+          "fontSize": "{font.size.016}",
+          "fontWeight": "{font.weight.regular}",
+          "letterSpacing": "{font.tracking.normal}",
+          "lineHeight": "{font.line.024}"
+        },
+        "$description": "Default sustained-reading role."
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family.functional}",
+          "fontSize": "{font.size.012}",
+          "fontWeight": "{font.weight.regular}",
+          "letterSpacing": "{font.tracking.open}",
+          "lineHeight": "{font.line.018}"
+        },
+        "$description": "Supporting text role."
+      }
     }
   },
   "motion": {
     "distance": {
-      "minimal":{"$type":"dimension","$value":"{dimension.scale.003}","$description":"Tiny press or emphasis travel."},
-      "short":{"$type":"dimension","$value":"{dimension.scale.006}","$description":"Compact reveal travel."},
-      "standard":{"$type":"dimension","$value":"{dimension.scale.012}","$description":"Popover or local-panel travel."},
-      "large":{"$type":"dimension","$value":"{dimension.scale.024}","$description":"Major panel travel."},
-      "expansive":{"$type":"dimension","$value":"{dimension.scale.048}","$description":"Rare route travel."}
+      "minimal": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.003}",
+        "$description": "Tiny press or emphasis travel."
+      },
+      "short": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.006}",
+        "$description": "Compact reveal travel."
+      },
+      "standard": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.012}",
+        "$description": "Popover or local-panel travel."
+      },
+      "large": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.024}",
+        "$description": "Major panel travel."
+      },
+      "expansive": {
+        "$type": "dimension",
+        "$value": "{dimension.scale.048}",
+        "$description": "Rare route travel."
+      }
     },
     "interaction": {
-      "press":{"$type":"transition","$value":{"duration":"{motion.duration.quick}","delay":"{motion.duration.instant}","timingFunction":"{motion.easing.standard}"},"$extensions":{"oneli8.maximumDistance":"{dimension.scale.003}"},"$description":"Press feedback recipe."},
-      "hover":{"$type":"transition","$value":{"duration":"{motion.duration.fast}","delay":"{motion.duration.instant}","timingFunction":"{motion.easing.standard}"},"$extensions":{"oneli8.maximumDistance":"icon-only-purposeful-motion"},"$description":"Stable-body hover recipe."},
-      "focus":{"$type":"transition","$value":{"duration":"{motion.duration.fast}","delay":"{motion.duration.instant}","timingFunction":"{motion.easing.standard}"},"$extensions":{"oneli8.maximumDistance":"{dimension.scale.000}"},"$description":"Focus appearance recipe."}
+      "press": {
+        "$type": "transition",
+        "$value": {
+          "duration": "{motion.duration.quick}",
+          "delay": "{motion.duration.instant}",
+          "timingFunction": "{motion.easing.standard}"
+        },
+        "$extensions": {
+          "oneli8.maximumDistance": "{dimension.scale.003}"
+        },
+        "$description": "Press feedback recipe."
+      },
+      "hover": {
+        "$type": "transition",
+        "$value": {
+          "duration": "{motion.duration.fast}",
+          "delay": "{motion.duration.instant}",
+          "timingFunction": "{motion.easing.standard}"
+        },
+        "$extensions": {
+          "oneli8.maximumDistance": "icon-only-purposeful-motion"
+        },
+        "$description": "Stable-body hover recipe."
+      },
+      "focus": {
+        "$type": "transition",
+        "$value": {
+          "duration": "{motion.duration.fast}",
+          "delay": "{motion.duration.instant}",
+          "timingFunction": "{motion.easing.standard}"
+        },
+        "$extensions": {
+          "oneli8.maximumDistance": "{dimension.scale.000}"
+        },
+        "$description": "Focus appearance recipe."
+      }
     },
-    "state":{"change":{"$type":"transition","$value":{"duration":"{motion.duration.standard}","delay":"{motion.duration.instant}","timingFunction":"{motion.easing.standard}"},"$extensions":{"oneli8.maximumDistance":"{dimension.scale.006}"},"$description":"Local state-change recipe."}}
+    "state": {
+      "change": {
+        "$type": "transition",
+        "$value": {
+          "duration": "{motion.duration.standard}",
+          "delay": "{motion.duration.instant}",
+          "timingFunction": "{motion.easing.standard}"
+        },
+        "$extensions": {
+          "oneli8.maximumDistance": "{dimension.scale.006}"
+        },
+        "$description": "Local state-change recipe."
+      }
+    }
   }
 }