@webority/tokens 0.0.0-stage → 0.89.0

package/dist/source/platform.phone.tokens.json

@@ -0,0 +1,395 @@
+{
+    "color": {
+        "bg": {
+            "$value": "{palette.phone-bg}"
+        },
+        "bg-subtle": {
+            "$value": "{palette.phone-bg-subtle}"
+        },
+        "bg-muted": {
+            "$value": "{palette.phone-bg-muted}"
+        },
+        "surface": {
+            "$value": "{palette.phone-surface}"
+        },
+        "surface-inverse": {
+            "$value": "{palette.phone-surface-inverse}"
+        },
+        "text": {
+            "$value": "{palette.phone-text}"
+        },
+        "text-body": {
+            "$value": "{palette.phone-text-body}"
+        },
+        "text-muted": {
+            "$value": "{palette.phone-text-muted}"
+        },
+        "text-subtle": {
+            "$value": "{palette.phone-text-subtle}"
+        },
+        "text-inverse": {
+            "$value": "{palette.phone-text-inverse}"
+        },
+        "link": {
+            "$value": "{palette.phone-link}"
+        },
+        "border": {
+            "$value": "{palette.phone-border}"
+        },
+        "border-subtle": {
+            "$value": "{palette.phone-border-subtle}"
+        },
+        "focus-ring": {
+            "$value": "{palette.phone-focus-ring}"
+        },
+        "scrim": {
+            "$value": "{palette.phone-scrim}"
+        },
+        "on-scrim": {
+            "$value": "{palette.phone-on-scrim}"
+        },
+        "field-bg": {
+            "$value": "{palette.phone-field-bg}"
+        },
+        "field-border": {
+            "$value": "{palette.phone-field-border}"
+        },
+        "field-border-focus": {
+            "$value": "{palette.phone-field-border-focus}"
+        },
+        "primary": {
+            "$value": "{palette.phone-primary}"
+        },
+        "primary-hover": {
+            "$value": "{palette.phone-primary-hover}"
+        },
+        "primary-soft": {
+            "$value": "{palette.phone-primary-soft}"
+        },
+        "primary-text": {
+            "$value": "{palette.phone-primary-text}"
+        },
+        "on-primary": {
+            "$value": "{palette.phone-on-primary}"
+        },
+        "success": {
+            "$value": "{palette.phone-success}"
+        },
+        "success-text": {
+            "$value": "{palette.phone-success-text}"
+        },
+        "on-success": {
+            "$value": "{palette.phone-on-success}"
+        },
+        "warning": {
+            "$value": "{palette.phone-warning}"
+        },
+        "warning-text": {
+            "$value": "{palette.phone-warning-text}"
+        },
+        "on-warning": {
+            "$value": "{palette.phone-on-warning}"
+        },
+        "danger": {
+            "$value": "{palette.phone-danger}"
+        },
+        "danger-text": {
+            "$value": "{palette.phone-danger-text}"
+        },
+        "on-danger": {
+            "$value": "{palette.phone-on-danger}"
+        },
+        "danger-border": {
+            "$value": "{palette.phone-danger-border}"
+        },
+        "info": {
+            "$value": "{palette.phone-info}"
+        },
+        "info-text": {
+            "$value": "{palette.phone-info-text}"
+        },
+        "on-info": {
+            "$value": "{palette.phone-on-info}"
+        },
+        "neutral": {
+            "$value": "{palette.phone-neutral}"
+        },
+        "neutral-hover": {
+            "$value": "{palette.phone-neutral-hover}"
+        },
+        "on-neutral": {
+            "$value": "{palette.phone-on-neutral}"
+        },
+        "thumb": {
+            "$value": "{palette.phone-thumb}"
+        }
+    },
+    "shadow": {
+        "card": {
+            "$value": {
+                "color": "{palette.phone-shadow-sm}",
+                "offsetX": {
+                    "value": 0,
+                    "unit": "px"
+                },
+                "offsetY": {
+                    "value": 2,
+                    "unit": "px"
+                },
+                "blur": {
+                    "value": 4,
+                    "unit": "px"
+                },
+                "spread": {
+                    "value": 0,
+                    "unit": "px"
+                }
+            },
+            "$extensions": {
+                "com.webority": {
+                    "elevation": 2
+                }
+            }
+        },
+        "popover": {
+            "$value": {
+                "color": "{palette.phone-shadow-lg}",
+                "offsetX": {
+                    "value": 0,
+                    "unit": "px"
+                },
+                "offsetY": {
+                    "value": 8,
+                    "unit": "px"
+                },
+                "blur": {
+                    "value": 16,
+                    "unit": "px"
+                },
+                "spread": {
+                    "value": 0,
+                    "unit": "px"
+                }
+            },
+            "$extensions": {
+                "com.webority": {
+                    "elevation": 8
+                }
+            }
+        },
+        "modal": {
+            "$value": {
+                "color": "{palette.phone-shadow-xl}",
+                "offsetX": {
+                    "value": 0,
+                    "unit": "px"
+                },
+                "offsetY": {
+                    "value": 12,
+                    "unit": "px"
+                },
+                "blur": {
+                    "value": 24,
+                    "unit": "px"
+                },
+                "spread": {
+                    "value": 0,
+                    "unit": "px"
+                }
+            },
+            "$extensions": {
+                "com.webority": {
+                    "elevation": 12
+                }
+            }
+        },
+        "drawer": {
+            "$value": {
+                "color": "{palette.phone-shadow-xl}",
+                "offsetX": {
+                    "value": 0,
+                    "unit": "px"
+                },
+                "offsetY": {
+                    "value": 12,
+                    "unit": "px"
+                },
+                "blur": {
+                    "value": 24,
+                    "unit": "px"
+                },
+                "spread": {
+                    "value": 0,
+                    "unit": "px"
+                }
+            },
+            "$extensions": {
+                "com.webority": {
+                    "elevation": 12
+                }
+            }
+        }
+    },
+    "radius": {
+        "sm": {
+            "$value": {
+                "value": 6,
+                "unit": "px"
+            }
+        },
+        "xl": {
+            "$value": {
+                "value": 20,
+                "unit": "px"
+            }
+        }
+    },
+    "text": {
+        "xs": {
+            "$value": {
+                "value": 11,
+                "unit": "px",
+                "lineHeight": 1.5
+            }
+        },
+        "sm": {
+            "$value": {
+                "value": 13,
+                "unit": "px",
+                "lineHeight": 1.5
+            }
+        },
+        "base": {
+            "$value": {
+                "value": 15,
+                "unit": "px",
+                "lineHeight": 1.5
+            }
+        },
+        "lg": {
+            "$value": {
+                "value": 17,
+                "unit": "px",
+                "lineHeight": 1.4
+            }
+        },
+        "xl": {
+            "$value": {
+                "value": 20,
+                "unit": "px",
+                "lineHeight": 1.3
+            }
+        },
+        "2xl": {
+            "$value": {
+                "value": 24,
+                "unit": "px",
+                "lineHeight": 1.25
+            }
+        },
+        "3xl": {
+            "$value": {
+                "value": 30,
+                "unit": "px",
+                "lineHeight": 1.2
+            }
+        },
+        "4xl": {
+            "$value": {
+                "value": 36,
+                "unit": "px",
+                "lineHeight": 1.1
+            }
+        },
+        "5xl": {
+            "$value": {
+                "value": 45,
+                "unit": "px",
+                "lineHeight": 1.05
+            }
+        },
+        "6xl": {
+            "$value": {
+                "value": 57,
+                "unit": "px",
+                "lineHeight": 1
+            }
+        },
+        "7xl": {
+            "$value": {
+                "value": 64,
+                "unit": "px",
+                "lineHeight": 1
+            }
+        },
+        "8xl": {
+            "$value": {
+                "value": 72,
+                "unit": "px",
+                "lineHeight": 1
+            }
+        }
+    },
+    "font": {
+        "ui": {
+            "$value": ["System"]
+        },
+        "display": {
+            "$value": ["System"]
+        },
+        "mono": {
+            "$value": ["System"]
+        }
+    },
+    "motion": {
+        "duration": {
+            "fast": {
+                "$value": {
+                    "value": 160,
+                    "unit": "ms"
+                }
+            },
+            "default": {
+                "$value": {
+                    "value": 240,
+                    "unit": "ms"
+                }
+            },
+            "slow": {
+                "$value": {
+                    "value": 360,
+                    "unit": "ms"
+                }
+            }
+        }
+    },
+    "component": {
+        "field": {
+            "sm": {
+                "radius": {
+                    "$value": "{radius.md}"
+                }
+            },
+            "md": {
+                "radius": {
+                    "$value": "{radius.md}"
+                }
+            },
+            "lg": {
+                "radius": {
+                    "$value": "{radius.md}"
+                }
+            }
+        },
+        "disabled": {
+            "opacity": {
+                "$value": 0.55
+            }
+        },
+        "press": {
+            "opacity": {
+                "$value": 0.85
+            }
+        }
+    }
+}