@webority/tokens 0.0.0-stage → 0.90.0

package/dist/canvas/webority-phone.json

@@ -0,0 +1,763 @@
+{
+    "format": "webority-theme-tokens/2",
+    "source": {
+        "package": "@webority/tokens",
+        "version": "0.90.0",
+        "brand": null,
+        "platform": "phone",
+        "width": null
+    },
+    "modes": [
+        "light",
+        "dark"
+    ],
+    "colors": {
+        "light": {
+            "bg": "#ffffff",
+            "bg-subtle": "#f8f8fb",
+            "bg-muted": "#f1f1f5",
+            "surface": "#ffffff",
+            "surface-inverse": "#0f0f1a",
+            "text": "#252f4a",
+            "text-body": "#0f0f1a",
+            "text-muted": "#52525b",
+            "text-subtle": "#62626b",
+            "text-inverse": "#ffffff",
+            "link": "#5b5bd6",
+            "border": "#e5e5ec",
+            "border-subtle": "#efeff3",
+            "field-bg": "#f9fbfc",
+            "field-border": "#ebedf3",
+            "field-border-focus": "#bed2f9",
+            "focus-ring": "#5b5bd6",
+            "scrim": "#0f0f1a80",
+            "on-scrim": "#ffffff",
+            "thumb": "#ffffff",
+            "primary": "#5b5bd6",
+            "primary-hover": "#4f4fbf",
+            "primary-soft": "#eeeefc",
+            "primary-text": "#4f4fd3",
+            "on-primary": "#ffffff",
+            "primary-wash": "#5b5bd614",
+            "primary-wash-strong": "#5b5bd633",
+            "neutral": "#f4f4f8",
+            "neutral-hover": "#e9e9f0",
+            "neutral-text": "#52525b",
+            "on-neutral": "#0f0f1a",
+            "success": "#18864f",
+            "success-soft": "#e8faee",
+            "success-text": "#147042",
+            "on-success": "#ffffff",
+            "warning": "#f59e0b",
+            "warning-soft": "#fff8e6",
+            "warning-text": "#8f5c06",
+            "on-warning": "#0f0f1a",
+            "danger": "#e12c32",
+            "danger-soft": "#ffeaef",
+            "danger-border": "#e5484d",
+            "danger-text": "#bc1b20",
+            "on-danger": "#ffffff",
+            "info": "#1b6ef5",
+            "info-soft": "#e9f3ff",
+            "info-text": "#0958d9",
+            "on-info": "#ffffff",
+            "primary-pressed": "#4040a8",
+            "on-neutral-strong": "#ffffff",
+            "text-disabled": "#b4b4bb",
+            "surface-pressed": "#0f0f1a0f",
+            "surface-hover": "#0f0f1a0a",
+            "surface-selected": "#5b5bd61a",
+            "surface-disabled": "#f1f1f5",
+            "skeleton": "#ebedf3",
+            "skeleton-highlight": "#f5f6fa",
+            "glass-fill": "#ffffff47",
+            "glass-border": "#ffffff73",
+            "on-glass": "#0f0f1a",
+            "glass-badge": "#ffffff",
+            "field-bg-focus": "#ffffff",
+            "field-bg-disabled": "#f5f6fa",
+            "field-border-error": "#fdbfce",
+            "field-label": "#242f4a",
+            "field-text": "#252f4a",
+            "field-text-disabled": "#c4cada",
+            "field-placeholder": "#626d8b",
+            "field-placeholder-disabled": "#c4cada",
+            "field-icon": "#7a849f",
+            "field-icon-focus": "#4b5675",
+            "field-icon-disabled": "#c4cada",
+            "field-caret": "#5b8dee",
+            "field-message": "#d81736",
+            "avatar-1": "#5b5bd6",
+            "avatar-2": "#0a7979",
+            "avatar-3": "#a45a05",
+            "avatar-4": "#cd226e",
+            "avatar-5": "#2462eb",
+            "avatar-6": "#7c3aed",
+            "avatar-7": "#047c57",
+            "avatar-8": "#d42222"
+        },
+        "dark": {
+            "bg": "#0b0b12",
+            "bg-subtle": "#13131c",
+            "bg-muted": "#1c1c26",
+            "surface": "#1c1c26",
+            "surface-inverse": "#fafafa",
+            "text": "#e2e2e2",
+            "text-body": "#fafafa",
+            "text-muted": "#b4b4bb",
+            "text-subtle": "#919199",
+            "text-inverse": "#0f0f1a",
+            "link": "#9292ee",
+            "border": "#27272f",
+            "border-subtle": "#1c1c26",
+            "field-bg": "#13131c",
+            "field-border": "#27272f",
+            "field-border-focus": "#3d5fb0",
+            "focus-ring": "#7c7ce8",
+            "scrim": "#000000a6",
+            "on-scrim": "#ffffff",
+            "thumb": "#ffffff",
+            "primary": "#7c7ce8",
+            "primary-hover": "#9292ee",
+            "primary-soft": "#1f1f3d",
+            "primary-text": "#8989ea",
+            "on-primary": "#0f0f1a",
+            "primary-wash": "#7c7ce814",
+            "primary-wash-strong": "#7c7ce833",
+            "neutral": "#1f1f26",
+            "neutral-hover": "#2a2a33",
+            "neutral-text": "#b4b4bb",
+            "on-neutral": "#fafafa",
+            "success": "#30c780",
+            "success-soft": "#04b4402e",
+            "success-text": "#30c780",
+            "on-success": "#0f0f1a",
+            "warning": "#fbbf24",
+            "warning-soft": "#dfa0002e",
+            "warning-text": "#fbbf24",
+            "on-warning": "#0f0f1a",
+            "danger": "#f87171",
+            "danger-soft": "#e826462e",
+            "danger-border": "#f87171",
+            "danger-text": "#f87171",
+            "on-danger": "#0f0f1a",
+            "info": "#60a5fa",
+            "info-soft": "#056ee92e",
+            "info-text": "#60a5fa",
+            "on-info": "#0f0f1a",
+            "primary-pressed": "#a8a8f2",
+            "on-neutral-strong": "#0f0f1a",
+            "text-disabled": "#52525b",
+            "surface-pressed": "#ffffff14",
+            "surface-hover": "#ffffff0d",
+            "surface-selected": "#7c7ce82e",
+            "surface-disabled": "#1c1c26",
+            "skeleton": "#1c1c26",
+            "skeleton-highlight": "#27272f",
+            "glass-fill": "#ffffff47",
+            "glass-border": "#ffffff73",
+            "on-glass": "#0f0f1a",
+            "glass-badge": "#ffffff",
+            "field-bg-focus": "#0b0b12",
+            "field-bg-disabled": "#1c1c26",
+            "field-border-error": "#8a2f42",
+            "field-label": "#e4e6ee",
+            "field-text": "#fafafa",
+            "field-text-disabled": "#52525b",
+            "field-placeholder": "#84848d",
+            "field-placeholder-disabled": "#52525b",
+            "field-icon": "#8b8b95",
+            "field-icon-focus": "#d4d4db",
+            "field-icon-disabled": "#52525b",
+            "field-caret": "#7c9ef0",
+            "field-message": "#f87171",
+            "avatar-1": "#8b8bee",
+            "avatar-2": "#2dd4bf",
+            "avatar-3": "#fcd34d",
+            "avatar-4": "#f472b6",
+            "avatar-5": "#60a5fa",
+            "avatar-6": "#a78bfa",
+            "avatar-7": "#34d399",
+            "avatar-8": "#f87171"
+        }
+    },
+    "space": {
+        "none": 0,
+        "xxs": 2,
+        "xs": 4,
+        "sm": 8,
+        "md": 12,
+        "lg": 16,
+        "xl": 24,
+        "2xl": 32,
+        "3xl": 48,
+        "4xl": 64
+    },
+    "radius": {
+        "none": 0,
+        "sm": 6,
+        "md": 10,
+        "lg": 14,
+        "xl": 20,
+        "pill": 9999
+    },
+    "text": {
+        "xs": {
+            "size": 11,
+            "lineHeight": 1.5
+        },
+        "sm": {
+            "size": 13,
+            "lineHeight": 1.5
+        },
+        "base": {
+            "size": 15,
+            "lineHeight": 1.5
+        },
+        "lg": {
+            "size": 17,
+            "lineHeight": 1.4
+        },
+        "xl": {
+            "size": 20,
+            "lineHeight": 1.3
+        },
+        "2xl": {
+            "size": 24,
+            "lineHeight": 1.25
+        },
+        "3xl": {
+            "size": 30,
+            "lineHeight": 1.2
+        },
+        "4xl": {
+            "size": 36,
+            "lineHeight": 1.1
+        },
+        "5xl": {
+            "size": 45,
+            "lineHeight": 1.05
+        },
+        "6xl": {
+            "size": 57,
+            "lineHeight": 1
+        },
+        "7xl": {
+            "size": 64,
+            "lineHeight": 1
+        },
+        "8xl": {
+            "size": 72,
+            "lineHeight": 1
+        }
+    },
+    "typography": {
+        "fontWeight": {
+            "normal": 400,
+            "medium": 500,
+            "semibold": 600,
+            "bold": 700
+        },
+        "leading": {
+            "tight": 1.2,
+            "normal": 1.4,
+            "relaxed": 1.6
+        }
+    },
+    "fonts": {
+        "ui": {
+            "family": "System",
+            "fallback": ""
+        },
+        "display": {
+            "family": "System",
+            "fallback": ""
+        },
+        "mono": {
+            "family": "System",
+            "fallback": ""
+        }
+    },
+    "shadow": {
+        "card": {
+            "x": 0,
+            "y": 2,
+            "blur": 4,
+            "spread": 0,
+            "color": "#0000000f",
+            "elevation": 2
+        },
+        "elevated": {
+            "x": 0,
+            "y": 4,
+            "blur": 8,
+            "spread": 0,
+            "color": "#00000014",
+            "elevation": 4
+        },
+        "popover": {
+            "x": 0,
+            "y": 8,
+            "blur": 16,
+            "spread": 0,
+            "color": "#0000001a",
+            "elevation": 8
+        },
+        "modal": {
+            "x": 0,
+            "y": 12,
+            "blur": 24,
+            "spread": 0,
+            "color": "#00000024",
+            "elevation": 12
+        },
+        "drawer": {
+            "x": 0,
+            "y": 12,
+            "blur": 24,
+            "spread": 0,
+            "color": "#00000024",
+            "elevation": 12
+        }
+    },
+    "components": {
+        "field": {
+            "base": {},
+            "sizes": {
+                "sm": {
+                    "radius": "10px",
+                    "padding-x": "8px",
+                    "padding-y": "8px",
+                    "min-height": "38px",
+                    "text": "13px",
+                    "icon": "14px",
+                    "label-text": "11px",
+                    "label-gap": "4px",
+                    "message-text": "11px",
+                    "message-gap": "2px"
+                },
+                "md": {
+                    "radius": "10px",
+                    "padding-x": "12px",
+                    "padding-y": "12px",
+                    "min-height": "44px",
+                    "text": "15px",
+                    "icon": "16px",
+                    "label-text": "13px",
+                    "label-gap": "4px",
+                    "message-text": "13px",
+                    "message-gap": "2px"
+                },
+                "lg": {
+                    "radius": "10px",
+                    "padding-x": "16px",
+                    "padding-y": "16px",
+                    "min-height": "52px",
+                    "text": "17px",
+                    "icon": "18px",
+                    "label-text": "15px",
+                    "label-gap": "4px",
+                    "message-text": "15px",
+                    "message-gap": "2px"
+                }
+            }
+        },
+        "press": {
+            "base": {
+                "opacity": "0.85"
+            },
+            "sizes": {}
+        },
+        "disabled": {
+            "base": {
+                "opacity": "0.55"
+            },
+            "sizes": {}
+        },
+        "button": {
+            "base": {},
+            "sizes": {
+                "xs": {
+                    "padding-x": "8px",
+                    "padding-y": "4px",
+                    "min-height": "28px",
+                    "text": "11px",
+                    "radius": "10px",
+                    "icon": "14px",
+                    "badge-icon": "11px"
+                },
+                "sm": {
+                    "padding-x": "12px",
+                    "padding-y": "4px",
+                    "min-height": "34px",
+                    "text": "13px",
+                    "radius": "10px",
+                    "icon": "16px",
+                    "badge-icon": "16px"
+                },
+                "md": {
+                    "padding-x": "16px",
+                    "padding-y": "8px",
+                    "min-height": "44px",
+                    "text": "15px",
+                    "radius": "10px",
+                    "icon": "18px",
+                    "badge-icon": "18px"
+                },
+                "lg": {
+                    "padding-x": "24px",
+                    "padding-y": "12px",
+                    "min-height": "50px",
+                    "text": "17px",
+                    "radius": "14px",
+                    "icon": "20px",
+                    "badge-icon": "20px"
+                },
+                "xl": {
+                    "padding-x": "32px",
+                    "padding-y": "12px",
+                    "min-height": "58px",
+                    "text": "20px",
+                    "radius": "14px",
+                    "icon": "22px",
+                    "badge-icon": "22px"
+                }
+            }
+        },
+        "input": {
+            "base": {},
+            "sizes": {
+                "sm": {
+                    "multiline-min-height": "72px"
+                },
+                "md": {
+                    "multiline-min-height": "92px"
+                },
+                "lg": {
+                    "multiline-min-height": "110px"
+                }
+            }
+        },
+        "search-bar": {
+            "base": {},
+            "sizes": {
+                "sm": {
+                    "radius": "9999px"
+                },
+                "md": {
+                    "radius": "9999px"
+                },
+                "lg": {
+                    "radius": "9999px"
+                }
+            }
+        },
+        "empty-state": {
+            "base": {},
+            "sizes": {
+                "sm": {
+                    "icon": "48px",
+                    "title-text": "17px",
+                    "description-text": "13px",
+                    "padding-y": "16px",
+                    "title-gap": "12px",
+                    "description-gap": "4px"
+                },
+                "md": {
+                    "icon": "64px",
+                    "title-text": "20px",
+                    "description-text": "15px",
+                    "padding-y": "24px",
+                    "title-gap": "12px",
+                    "description-gap": "4px"
+                },
+                "lg": {
+                    "icon": "80px",
+                    "title-text": "24px",
+                    "description-text": "17px",
+                    "padding-y": "32px",
+                    "title-gap": "12px",
+                    "description-gap": "4px"
+                }
+            }
+        },
+        "list-item": {
+            "base": {},
+            "sizes": {
+                "sm": {
+                    "padding-y": "8px",
+                    "title-text": "13px",
+                    "subtitle-text": "11px",
+                    "min-height": "44px"
+                },
+                "md": {
+                    "padding-y": "12px",
+                    "title-text": "15px",
+                    "subtitle-text": "13px",
+                    "min-height": "56px"
+                },
+                "lg": {
+                    "padding-y": "16px",
+                    "title-text": "17px",
+                    "subtitle-text": "15px",
+                    "min-height": "72px"
+                }
+            }
+        },
+        "badge": {
+            "base": {
+                "border-width": "1.5px",
+                "anchor-offset": "4px"
+            },
+            "sizes": {
+                "sm": {
+                    "text": "11px",
+                    "min-width": "16px",
+                    "height": "16px",
+                    "padding-x": "4px",
+                    "dot-size": "8px"
+                },
+                "md": {
+                    "text": "13px",
+                    "min-width": "20px",
+                    "height": "20px",
+                    "padding-x": "8px",
+                    "dot-size": "10px"
+                }
+            }
+        },
+        "chip": {
+            "base": {},
+            "sizes": {
+                "sm": {
+                    "padding-x": "8px",
+                    "padding-y": "4px",
+                    "text": "11px",
+                    "min-height": "26px",
+                    "close-size": "16px",
+                    "close-text": "11px",
+                    "gap": "4px",
+                    "icon": "14px"
+                },
+                "md": {
+                    "padding-x": "12px",
+                    "padding-y": "4px",
+                    "text": "13px",
+                    "min-height": "32px",
+                    "close-size": "18px",
+                    "close-text": "13px",
+                    "gap": "8px",
+                    "icon": "16px"
+                }
+            }
+        },
+        "checkbox": {
+            "base": {
+                "label-gap": "8px"
+            },
+            "sizes": {
+                "sm": {
+                    "box-size": "16px"
+                },
+                "md": {
+                    "box-size": "20px"
+                },
+                "lg": {
+                    "box-size": "24px"
+                }
+            }
+        },
+        "radio": {
+            "base": {
+                "label-gap": "8px"
+            },
+            "sizes": {
+                "sm": {
+                    "outer": "16px",
+                    "inner": "8px"
+                },
+                "md": {
+                    "outer": "20px",
+                    "inner": "10px"
+                },
+                "lg": {
+                    "outer": "24px",
+                    "inner": "12px"
+                }
+            }
+        },
+        "switch": {
+            "base": {},
+            "sizes": {
+                "sm": {
+                    "track-width": "42px",
+                    "track-height": "26px",
+                    "thumb-size": "22px",
+                    "padding": "2px"
+                },
+                "md": {
+                    "track-width": "51px",
+                    "track-height": "31px",
+                    "thumb-size": "27px",
+                    "padding": "2px"
+                },
+                "lg": {
+                    "track-width": "60px",
+                    "track-height": "36px",
+                    "thumb-size": "32px",
+                    "padding": "2px"
+                }
+            }
+        },
+        "otp-input": {
+            "base": {},
+            "sizes": {
+                "sm": {
+                    "cell": "36px",
+                    "text": "15px",
+                    "radius": "6px",
+                    "gap": "8px"
+                },
+                "md": {
+                    "cell": "48px",
+                    "text": "20px",
+                    "radius": "10px",
+                    "gap": "8px"
+                },
+                "lg": {
+                    "cell": "56px",
+                    "text": "24px",
+                    "radius": "14px",
+                    "gap": "12px"
+                }
+            }
+        },
+        "segmented-control": {
+            "base": {
+                "track-padding": "4px",
+                "underline-height": "2px",
+                "pill-inset": "4px"
+            },
+            "sizes": {
+                "sm": {
+                    "height": "32px",
+                    "text": "13px",
+                    "padding-x": "8px",
+                    "icon": "14px"
+                },
+                "md": {
+                    "height": "40px",
+                    "text": "15px",
+                    "padding-x": "12px",
+                    "icon": "16px"
+                },
+                "lg": {
+                    "height": "48px",
+                    "text": "17px",
+                    "padding-x": "16px",
+                    "icon": "18px"
+                }
+            }
+        },
+        "tabs": {
+            "base": {
+                "icon-gap": "4px",
+                "track-padding": "4px",
+                "underline-height": "2px",
+                "pill-inset": "4px",
+                "disabled-opacity": "0.45",
+                "badge-gap": "4px"
+            },
+            "sizes": {
+                "sm": {
+                    "text": "13px",
+                    "padding-y": "8px",
+                    "padding-x": "4px",
+                    "scrollable-padding-x": "12px",
+                    "icon": "16px"
+                },
+                "md": {
+                    "text": "15px",
+                    "padding-y": "12px",
+                    "padding-x": "8px",
+                    "scrollable-padding-x": "16px",
+                    "icon": "18px"
+                },
+                "lg": {
+                    "text": "17px",
+                    "padding-y": "16px",
+                    "padding-x": "12px",
+                    "scrollable-padding-x": "24px",
+                    "icon": "20px"
+                }
+            }
+        },
+        "slider": {
+            "base": {},
+            "sizes": {
+                "sm": {
+                    "track-height": "4px",
+                    "thumb-diameter": "24px"
+                },
+                "md": {
+                    "track-height": "6px",
+                    "thumb-diameter": "28px"
+                },
+                "lg": {
+                    "track-height": "8px",
+                    "thumb-diameter": "32px"
+                }
+            }
+        },
+        "floating-action-button": {
+            "base": {
+                "edge-offset": "24px",
+                "bottom-offset": "24px",
+                "secondary-gap": "16px",
+                "stagger-ms": "50ms"
+            },
+            "sizes": {
+                "sm": {
+                    "diameter": "40px",
+                    "icon": "18px",
+                    "text": "13px",
+                    "label-padding-x": "12px"
+                },
+                "md": {
+                    "diameter": "56px",
+                    "icon": "22px",
+                    "text": "15px",
+                    "label-padding-x": "16px"
+                },
+                "lg": {
+                    "diameter": "72px",
+                    "icon": "28px",
+                    "text": "17px",
+                    "label-padding-x": "24px"
+                }
+            }
+        },
+        "dialog": {
+            "base": {
+                "icon-wrapper-size": "48px",
+                "action-button-min-height": "44px"
+            },
+            "sizes": {}
+        },
+        "toast": {
+            "base": {
+                "icon-circle-size": "28px",
+                "icon-glyph-text": "17px",
+                "tint-bar-width": "0px",
+                "action-min-height": "30px"
+            },
+            "sizes": {}
+        },
+        "banner": {
+            "base": {
+                "tint-bar-width": "0px"
+            },
+            "sizes": {}
+        }
+    }
+}