@webority/tokens 0.0.0-stage → 0.90.0

package/dist/source/component.tokens.json

@@ -0,0 +1,1672 @@
+{
+    "component": {
+        "field": {
+            "sm": {
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.sm}"
+                },
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 38,
+                        "unit": "px"
+                    },
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 14,
+                        "unit": "px"
+                    },
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "label-text": {
+                    "$type": "dimension",
+                    "$value": "{text.xs}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "label-gap": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "message-text": {
+                    "$type": "dimension",
+                    "$value": "{text.xs}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "message-gap": {
+                    "$type": "dimension",
+                    "$value": "{space.xxs}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                }
+            },
+            "md": {
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.sm}"
+                },
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.md}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.md}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 44,
+                        "unit": "px"
+                    },
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.base}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 16,
+                        "unit": "px"
+                    },
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "label-text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "label-gap": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "message-text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "message-gap": {
+                    "$type": "dimension",
+                    "$value": "{space.xxs}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                }
+            },
+            "lg": {
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.sm}"
+                },
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.lg}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.lg}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 52,
+                        "unit": "px"
+                    },
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.lg}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 18,
+                        "unit": "px"
+                    },
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "label-text": {
+                    "$type": "dimension",
+                    "$value": "{text.base}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "label-gap": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "message-text": {
+                    "$type": "dimension",
+                    "$value": "{text.base}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                },
+                "message-gap": {
+                    "$type": "dimension",
+                    "$value": "{space.xxs}",
+                    "$extensions": {
+                        "com.webority": {
+                            "platforms": ["phone"]
+                        }
+                    }
+                }
+            }
+        },
+        "focus-ring": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["web"]
+                }
+            },
+            "width": {
+                "$type": "dimension",
+                "$value": "{space.xxs}"
+            },
+            "offset": {
+                "$type": "dimension",
+                "$value": "{space.xxs}"
+            },
+            "shadow": {
+                "$type": "shadow",
+                "$value": "0 0 0 2px {color.primary-soft}"
+            }
+        },
+        "press": {
+            "scale": {
+                "$type": "number",
+                "$value": 0.96,
+                "$extensions": {
+                    "com.webority": {
+                        "platforms": ["web"]
+                    }
+                }
+            },
+            "duration": {
+                "$type": "duration",
+                "$value": {
+                    "value": 80,
+                    "unit": "ms"
+                },
+                "$extensions": {
+                    "com.webority": {
+                        "platforms": ["web"]
+                    }
+                }
+            },
+            "opacity": {
+                "$type": "number",
+                "$value": 0.5
+            }
+        },
+        "thumb": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["web"]
+                }
+            },
+            "shadow": {
+                "$type": "shadow",
+                "$value": "0 2px 6px rgba(0, 0, 0, 0.1)"
+            },
+            "shadow-hover": {
+                "$type": "shadow",
+                "$value": "0 2px 12px rgba(0, 0, 0, 0.2)"
+            }
+        },
+        "card": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["web"]
+                }
+            },
+            "shadow-lifted": {
+                "$type": "shadow",
+                "$value": "none"
+            },
+            "shadow-lifted-hover": {
+                "$type": "shadow",
+                "$value": "none"
+            }
+        },
+        "table": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["web"]
+                }
+            },
+            "md": {
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{size.table-pad}"
+                }
+            }
+        },
+        "container": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["web"]
+                }
+            },
+            "md": {
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{size.container-pad}"
+                }
+            }
+        },
+        "disabled": {
+            "opacity": {
+                "$type": "number",
+                "$value": 0.5
+            }
+        },
+        "button": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "xs": {
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}"
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 28,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.xs}"
+                },
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.md}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 14,
+                        "unit": "px"
+                    }
+                },
+                "badge-icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 11,
+                        "unit": "px"
+                    }
+                }
+            },
+            "sm": {
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}"
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 34,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}"
+                },
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.md}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 16,
+                        "unit": "px"
+                    }
+                },
+                "badge-icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 16,
+                        "unit": "px"
+                    }
+                }
+            },
+            "md": {
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.lg}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}"
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 44,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.base}"
+                },
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.md}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 18,
+                        "unit": "px"
+                    }
+                },
+                "badge-icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 18,
+                        "unit": "px"
+                    }
+                }
+            },
+            "lg": {
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.xl}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 50,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.lg}"
+                },
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.lg}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 20,
+                        "unit": "px"
+                    }
+                },
+                "badge-icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 20,
+                        "unit": "px"
+                    }
+                }
+            },
+            "xl": {
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.2xl}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 58,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.xl}"
+                },
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.lg}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 22,
+                        "unit": "px"
+                    }
+                },
+                "badge-icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 22,
+                        "unit": "px"
+                    }
+                }
+            }
+        },
+        "input": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "multiline-min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 72,
+                        "unit": "px"
+                    }
+                }
+            },
+            "md": {
+                "multiline-min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 92,
+                        "unit": "px"
+                    }
+                }
+            },
+            "lg": {
+                "multiline-min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 110,
+                        "unit": "px"
+                    }
+                }
+            }
+        },
+        "search-bar": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.pill}"
+                }
+            },
+            "md": {
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.pill}"
+                }
+            },
+            "lg": {
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.pill}"
+                }
+            }
+        },
+        "empty-state": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 48,
+                        "unit": "px"
+                    }
+                },
+                "title-text": {
+                    "$type": "dimension",
+                    "$value": "{text.lg}"
+                },
+                "description-text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.lg}"
+                },
+                "title-gap": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                },
+                "description-gap": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}"
+                }
+            },
+            "md": {
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 64,
+                        "unit": "px"
+                    }
+                },
+                "title-text": {
+                    "$type": "dimension",
+                    "$value": "{text.xl}"
+                },
+                "description-text": {
+                    "$type": "dimension",
+                    "$value": "{text.base}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.xl}"
+                },
+                "title-gap": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                },
+                "description-gap": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}"
+                }
+            },
+            "lg": {
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 80,
+                        "unit": "px"
+                    }
+                },
+                "title-text": {
+                    "$type": "dimension",
+                    "$value": "{text.2xl}"
+                },
+                "description-text": {
+                    "$type": "dimension",
+                    "$value": "{text.lg}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.2xl}"
+                },
+                "title-gap": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                },
+                "description-gap": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}"
+                }
+            }
+        },
+        "list-item": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}"
+                },
+                "title-text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}"
+                },
+                "subtitle-text": {
+                    "$type": "dimension",
+                    "$value": "{text.xs}"
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 44,
+                        "unit": "px"
+                    }
+                }
+            },
+            "md": {
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                },
+                "title-text": {
+                    "$type": "dimension",
+                    "$value": "{text.base}"
+                },
+                "subtitle-text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}"
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 56,
+                        "unit": "px"
+                    }
+                }
+            },
+            "lg": {
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.lg}"
+                },
+                "title-text": {
+                    "$type": "dimension",
+                    "$value": "{text.lg}"
+                },
+                "subtitle-text": {
+                    "$type": "dimension",
+                    "$value": "{text.base}"
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 72,
+                        "unit": "px"
+                    }
+                }
+            }
+        },
+        "badge": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.xs}"
+                },
+                "min-width": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 16,
+                        "unit": "px"
+                    }
+                },
+                "height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 16,
+                        "unit": "px"
+                    }
+                },
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}"
+                },
+                "dot-size": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 8,
+                        "unit": "px"
+                    }
+                }
+            },
+            "md": {
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}"
+                },
+                "min-width": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 20,
+                        "unit": "px"
+                    }
+                },
+                "height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 20,
+                        "unit": "px"
+                    }
+                },
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}"
+                },
+                "dot-size": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 10,
+                        "unit": "px"
+                    }
+                }
+            },
+            "border-width": {
+                "$type": "dimension",
+                "$value": {
+                    "value": 1.5,
+                    "unit": "px"
+                }
+            },
+            "anchor-offset": {
+                "$type": "dimension",
+                "$value": {
+                    "value": 4,
+                    "unit": "px"
+                }
+            }
+        },
+        "chip": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}"
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.xs}"
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 26,
+                        "unit": "px"
+                    }
+                },
+                "close-size": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 16,
+                        "unit": "px"
+                    }
+                },
+                "close-text": {
+                    "$type": "dimension",
+                    "$value": "{text.xs}"
+                },
+                "gap": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 14,
+                        "unit": "px"
+                    }
+                }
+            },
+            "md": {
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}"
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}"
+                },
+                "min-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 32,
+                        "unit": "px"
+                    }
+                },
+                "close-size": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 18,
+                        "unit": "px"
+                    }
+                },
+                "close-text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}"
+                },
+                "gap": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 16,
+                        "unit": "px"
+                    }
+                }
+            }
+        },
+        "checkbox": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "box-size": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 16,
+                        "unit": "px"
+                    }
+                }
+            },
+            "md": {
+                "box-size": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 20,
+                        "unit": "px"
+                    }
+                }
+            },
+            "lg": {
+                "box-size": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 24,
+                        "unit": "px"
+                    }
+                }
+            },
+            "label-gap": {
+                "$type": "dimension",
+                "$value": "{space.sm}"
+            }
+        },
+        "radio": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "outer": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 16,
+                        "unit": "px"
+                    }
+                },
+                "inner": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 8,
+                        "unit": "px"
+                    }
+                }
+            },
+            "md": {
+                "outer": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 20,
+                        "unit": "px"
+                    }
+                },
+                "inner": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 10,
+                        "unit": "px"
+                    }
+                }
+            },
+            "lg": {
+                "outer": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 24,
+                        "unit": "px"
+                    }
+                },
+                "inner": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 12,
+                        "unit": "px"
+                    }
+                }
+            },
+            "label-gap": {
+                "$type": "dimension",
+                "$value": "{space.sm}"
+            }
+        },
+        "switch": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "track-width": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 42,
+                        "unit": "px"
+                    }
+                },
+                "track-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 26,
+                        "unit": "px"
+                    }
+                },
+                "thumb-size": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 22,
+                        "unit": "px"
+                    }
+                },
+                "padding": {
+                    "$type": "dimension",
+                    "$value": "{space.xxs}"
+                }
+            },
+            "md": {
+                "track-width": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 51,
+                        "unit": "px"
+                    }
+                },
+                "track-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 31,
+                        "unit": "px"
+                    }
+                },
+                "thumb-size": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 27,
+                        "unit": "px"
+                    }
+                },
+                "padding": {
+                    "$type": "dimension",
+                    "$value": "{space.xxs}"
+                }
+            },
+            "lg": {
+                "track-width": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 60,
+                        "unit": "px"
+                    }
+                },
+                "track-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 36,
+                        "unit": "px"
+                    }
+                },
+                "thumb-size": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 32,
+                        "unit": "px"
+                    }
+                },
+                "padding": {
+                    "$type": "dimension",
+                    "$value": "{space.xxs}"
+                }
+            }
+        },
+        "otp-input": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "cell": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 36,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.base}"
+                },
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.sm}"
+                },
+                "gap": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}"
+                }
+            },
+            "md": {
+                "cell": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 48,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.xl}"
+                },
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.md}"
+                },
+                "gap": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}"
+                }
+            },
+            "lg": {
+                "cell": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 56,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.2xl}"
+                },
+                "radius": {
+                    "$type": "dimension",
+                    "$value": "{radius.lg}"
+                },
+                "gap": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                }
+            }
+        },
+        "segmented-control": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 32,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}"
+                },
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 14,
+                        "unit": "px"
+                    }
+                }
+            },
+            "md": {
+                "height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 40,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.base}"
+                },
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 16,
+                        "unit": "px"
+                    }
+                }
+            },
+            "lg": {
+                "height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 48,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.lg}"
+                },
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.lg}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 18,
+                        "unit": "px"
+                    }
+                }
+            },
+            "track-padding": {
+                "$type": "dimension",
+                "$value": "{space.xs}"
+            },
+            "underline-height": {
+                "$type": "dimension",
+                "$value": {
+                    "value": 2,
+                    "unit": "px"
+                }
+            },
+            "pill-inset": {
+                "$type": "dimension",
+                "$value": "{space.xs}"
+            }
+        },
+        "tabs": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}"
+                },
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.xs}"
+                },
+                "scrollable-padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 16,
+                        "unit": "px"
+                    }
+                }
+            },
+            "md": {
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.base}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                },
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.sm}"
+                },
+                "scrollable-padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.lg}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 18,
+                        "unit": "px"
+                    }
+                }
+            },
+            "lg": {
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.lg}"
+                },
+                "padding-y": {
+                    "$type": "dimension",
+                    "$value": "{space.lg}"
+                },
+                "padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                },
+                "scrollable-padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.xl}"
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 20,
+                        "unit": "px"
+                    }
+                }
+            },
+            "icon-gap": {
+                "$type": "dimension",
+                "$value": "{space.xs}"
+            },
+            "track-padding": {
+                "$type": "dimension",
+                "$value": "{space.xs}"
+            },
+            "underline-height": {
+                "$type": "dimension",
+                "$value": {
+                    "value": 2,
+                    "unit": "px"
+                }
+            },
+            "pill-inset": {
+                "$type": "dimension",
+                "$value": "{space.xs}"
+            },
+            "disabled-opacity": {
+                "$type": "number",
+                "$value": 0.45
+            },
+            "badge-gap": {
+                "$type": "dimension",
+                "$value": "{space.xs}"
+            }
+        },
+        "slider": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "track-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 4,
+                        "unit": "px"
+                    }
+                },
+                "thumb-diameter": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 24,
+                        "unit": "px"
+                    }
+                }
+            },
+            "md": {
+                "track-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 6,
+                        "unit": "px"
+                    }
+                },
+                "thumb-diameter": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 28,
+                        "unit": "px"
+                    }
+                }
+            },
+            "lg": {
+                "track-height": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 8,
+                        "unit": "px"
+                    }
+                },
+                "thumb-diameter": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 32,
+                        "unit": "px"
+                    }
+                }
+            }
+        },
+        "floating-action-button": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "sm": {
+                "diameter": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 40,
+                        "unit": "px"
+                    }
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 18,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.sm}"
+                },
+                "label-padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.md}"
+                }
+            },
+            "md": {
+                "diameter": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 56,
+                        "unit": "px"
+                    }
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 22,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.base}"
+                },
+                "label-padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.lg}"
+                }
+            },
+            "lg": {
+                "diameter": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 72,
+                        "unit": "px"
+                    }
+                },
+                "icon": {
+                    "$type": "dimension",
+                    "$value": {
+                        "value": 28,
+                        "unit": "px"
+                    }
+                },
+                "text": {
+                    "$type": "dimension",
+                    "$value": "{text.lg}"
+                },
+                "label-padding-x": {
+                    "$type": "dimension",
+                    "$value": "{space.xl}"
+                }
+            },
+            "edge-offset": {
+                "$type": "dimension",
+                "$value": "{space.xl}"
+            },
+            "bottom-offset": {
+                "$type": "dimension",
+                "$value": "{space.xl}"
+            },
+            "secondary-gap": {
+                "$type": "dimension",
+                "$value": "{space.lg}"
+            },
+            "stagger-ms": {
+                "$type": "duration",
+                "$value": {
+                    "value": 50,
+                    "unit": "ms"
+                }
+            }
+        },
+        "dialog": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "icon-wrapper-size": {
+                "$type": "dimension",
+                "$value": {
+                    "value": 48,
+                    "unit": "px"
+                }
+            },
+            "action-button-min-height": {
+                "$type": "dimension",
+                "$value": {
+                    "value": 44,
+                    "unit": "px"
+                }
+            }
+        },
+        "toast": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "icon-circle-size": {
+                "$type": "dimension",
+                "$value": {
+                    "value": 28,
+                    "unit": "px"
+                }
+            },
+            "icon-glyph-text": {
+                "$type": "dimension",
+                "$value": "{text.lg}"
+            },
+            "tint-bar-width": {
+                "$type": "dimension",
+                "$value": {
+                    "value": 0,
+                    "unit": "px"
+                }
+            },
+            "action-min-height": {
+                "$type": "dimension",
+                "$value": {
+                    "value": 30,
+                    "unit": "px"
+                }
+            }
+        },
+        "banner": {
+            "$extensions": {
+                "com.webority": {
+                    "platforms": ["phone"]
+                }
+            },
+            "tint-bar-width": {
+                "$type": "dimension",
+                "$value": {
+                    "value": 0,
+                    "unit": "px"
+                }
+            }
+        }
+    }
+}