@webority/tokens 0.0.0-stage → 0.89.0

package/dist/meanings.json

@@ -0,0 +1,879 @@
+{
+    "format": "webority-meanings/1",
+    "source": {
+        "package": "@webority/tokens",
+        "version": "0.89.0"
+    },
+    "color": {
+        "bg": {
+            "description": "Page background behind the content area.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "bg-subtle": {
+            "description": "Subtle raised background for side panels and bands.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "bg-muted": {
+            "description": "Muted background for grouped areas and quiet controls.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "surface": {
+            "description": "Card and panel surface.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "surface-inverse": {
+            "description": "Inverse band on a page, such as a dark footer or an inverse toast.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "surface-inverse-raised": {
+            "description": "A card or panel one layer up on an inverse band.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "surface-inverse-elevated": {
+            "description": "A floating or highlighted surface two layers up on an inverse band.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "text": {
+            "description": "Main heading and body ink.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "text-body": {
+            "description": "Body copy on a tinted surface such as an alert body.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "text-muted": {
+            "description": "Secondary text for descriptions and muted copy.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "text-subtle": {
+            "description": "Tertiary text for hints, captions, timestamps and placeholders.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "text-inverse": {
+            "description": "Text on an inverse surface.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "link": {
+            "description": "Interactive link text.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "border": {
+            "description": "Hairline border of cards, tables and dividers.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "border-subtle": {
+            "description": "Softest border for inner dividers and list edges.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "border-strong": {
+            "description": "Stronger border for emphasised separators, chart axes and unselected control outlines.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "field-bg": {
+            "description": "Resting fill of input-like controls such as fields and selects.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "field-border": {
+            "description": "Resting border of an input-like control such as a field or select.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "field-border-hover": {
+            "description": "Hover border of an input-like control.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "field-border-focus": {
+            "description": "Border of a focused, open or active control such as an input or select.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "focus-ring": {
+            "description": "Colour of the keyboard focus ring drawn on focus-visible controls.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "scrim": {
+            "description": "Dim behind page-level backdrops such as drawers, modals and the shell.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "scrim-strong": {
+            "description": "Stronger dim behind media overlays that carry white ink.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "on-scrim": {
+            "description": "Ink on a scrim, such as the text of an overlay.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "progress-track": {
+            "description": "Unfilled track of a progress bar or meter.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "progress-label": {
+            "description": "Label text inside a progress bar fill.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "thumb": {
+            "description": "Raised thumb that marks the selected option of a segmented control.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "scrollbar": {
+            "description": "Resting thumb colour of a thin scrollbar.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "scrollbar-hover": {
+            "description": "Scrollbar thumb colour while it is hovered.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "scrollbar-active": {
+            "description": "Scrollbar thumb colour while it is dragged.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "primary": {
+            "description": "Primary fill for buttons, selected states and borders.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "primary-hover": {
+            "description": "Primary fill while a control is hovered or pressed.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "primary-soft": {
+            "description": "Soft primary tint behind selected and highlighted rows.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "primary-text": {
+            "description": "Primary as text and small glyphs on a page, passing AA contrast.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "on-primary": {
+            "description": "Text and icon colour on a solid primary fill.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "primary-wash": {
+            "description": "Faint translucent primary wash over a surface.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "primary-wash-strong": {
+            "description": "Stronger translucent primary wash over a surface.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "neutral": {
+            "description": "Quiet unbranded fill for supporting actions such as Back, Skip and Close.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "neutral-hover": {
+            "description": "Neutral fill while a control is hovered.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "neutral-pressed": {
+            "description": "Neutral fill while a control is pressed.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "neutral-soft": {
+            "description": "Soft neutral background of the neutral status pill.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "neutral-text": {
+            "description": "Text on the soft neutral background.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "on-neutral": {
+            "description": "Ink on a neutral fill.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "success": {
+            "description": "Vivid success fill for badges, dots and success buttons.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "success-pressed": {
+            "description": "Success fill while a control is pressed.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "success-soft": {
+            "description": "Soft success background of alerts and badges.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "success-border": {
+            "description": "Tinted success border of alerts and badges.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "success-text": {
+            "description": "Success colour as text on a page or a soft success tint.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "success-text-on-soft": {
+            "description": "Success text on its own soft tint, such as an alert heading.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "success-strong": {
+            "description": "Deep success fill that carries its own ink.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "on-success": {
+            "description": "Ink on a solid success fill.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "on-success-strong": {
+            "description": "Ink on a deep success fill.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "warning": {
+            "description": "Vivid warning fill for badges, dots and warning buttons.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "warning-pressed": {
+            "description": "Warning fill while a control is pressed.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "warning-soft": {
+            "description": "Soft warning background of alerts and badges.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "warning-border": {
+            "description": "Tinted warning border of alerts and badges.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "warning-text": {
+            "description": "Warning colour as text on a page or a soft warning tint.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "warning-text-on-soft": {
+            "description": "Warning text on its own soft tint, such as an alert heading.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "warning-strong": {
+            "description": "Deep warning fill that carries its own ink.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "warning-strong-hover": {
+            "description": "Deep warning fill while a control is hovered or pressed.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "on-warning": {
+            "description": "Ink on a solid warning fill.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "on-warning-strong": {
+            "description": "Ink on a deep warning fill.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "danger": {
+            "description": "Vivid danger fill for badges, dots and danger buttons.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "danger-pressed": {
+            "description": "Danger fill while a control is pressed.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "danger-soft": {
+            "description": "Soft danger background of alerts and badges.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "danger-border": {
+            "description": "Tinted danger border of alerts and badges.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "danger-text": {
+            "description": "Danger colour as text on a page or a soft danger tint.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "danger-text-on-soft": {
+            "description": "Danger text on its own soft tint, such as an alert heading.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "danger-strong": {
+            "description": "Deep danger fill that carries its own ink.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "danger-strong-hover": {
+            "description": "Deep danger fill while a control is hovered or pressed.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "on-danger": {
+            "description": "Ink on a solid danger fill.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "on-danger-strong": {
+            "description": "Ink on a deep danger fill.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "info": {
+            "description": "Vivid info fill for badges, dots and info buttons.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "info-pressed": {
+            "description": "Info fill while a control is pressed.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "info-soft": {
+            "description": "Soft info background of alerts and badges.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "info-border": {
+            "description": "Tinted info border of alerts and badges.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "info-text": {
+            "description": "Info colour as text on a page or a soft info tint.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "info-text-on-soft": {
+            "description": "Info text on its own soft tint, such as an alert heading.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "info-strong": {
+            "description": "Deep info fill that carries its own ink.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "on-info": {
+            "description": "Ink on a solid info fill.",
+            "platforms": [
+                "web",
+                "phone"
+            ]
+        },
+        "on-info-strong": {
+            "description": "Ink on a deep info fill.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-1": {
+            "description": "Colour of chart series 1, the brand primary.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-2": {
+            "description": "Colour of chart series 2 of the eight categorical series.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-3": {
+            "description": "Colour of chart series 3 of the eight categorical series.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-4": {
+            "description": "Colour of chart series 4 of the eight categorical series.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-5": {
+            "description": "Colour of chart series 5 of the eight categorical series.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-6": {
+            "description": "Colour of chart series 6 of the eight categorical series.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-7": {
+            "description": "Colour of chart series 7 of the eight categorical series.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-8": {
+            "description": "Colour of chart series 8 of the eight categorical series.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-seq-0": {
+            "description": "Faintest step of the magnitude ramp, for empty heatmap and calendar cells.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-seq-1": {
+            "description": "First step of the one-hue magnitude ramp for heatmap and calendar cells.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-seq-2": {
+            "description": "Second step of the one-hue magnitude ramp for heatmap and calendar cells.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-seq-3": {
+            "description": "Third step of the one-hue magnitude ramp for heatmap and calendar cells.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-seq-4": {
+            "description": "Fourth step of the one-hue magnitude ramp for heatmap and calendar cells.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-seq-5": {
+            "description": "Fifth step of the one-hue magnitude ramp for heatmap and calendar cells.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-seq-6": {
+            "description": "Strongest step of the one-hue magnitude ramp for heatmap and calendar cells.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-diverging-low": {
+            "description": "Colour of values below the midpoint in a diverging chart.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-diverging-mid": {
+            "description": "Neutral midpoint colour of a diverging chart.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-diverging-high": {
+            "description": "Colour of values above the midpoint in a diverging chart.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-neutral": {
+            "description": "Context series colour, such as the last period, and the folded Other slice.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-grid": {
+            "description": "Gridline colour of charts.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-axis": {
+            "description": "Axis line colour of charts.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "chart-label": {
+            "description": "Tick and legend text colour of charts.",
+            "platforms": [
+                "web"
+            ]
+        },
+        "primary-pressed": {
+            "description": "Primary fill while a control is pressed.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "on-neutral-strong": {
+            "description": "Ink on the solid grey fill of a neutral badge, banner or avatar.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "text-disabled": {
+            "description": "Text of a disabled control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "surface-pressed": {
+            "description": "Wash over a surface while it is pressed.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "surface-hover": {
+            "description": "Wash over a surface under a pointer.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "surface-selected": {
+            "description": "Wash over a selected surface such as a chosen list row.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "surface-disabled": {
+            "description": "Fill of a disabled surface.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "skeleton": {
+            "description": "Base fill of a loading placeholder.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "skeleton-highlight": {
+            "description": "Moving highlight across a loading placeholder.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "glass-fill": {
+            "description": "Translucent fill of a control sitting on a brand surface.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "glass-border": {
+            "description": "Border of a translucent control on a brand surface.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "on-glass": {
+            "description": "Ink on a translucent control on a brand surface.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "glass-badge": {
+            "description": "Badge fill on a translucent control on a brand surface.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-bg-focus": {
+            "description": "Fill of a focused input-like control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-bg-disabled": {
+            "description": "Fill of a disabled input-like control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-border-error": {
+            "description": "Border of an input-like control holding an invalid value.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-label": {
+            "description": "Label above an input-like control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-text": {
+            "description": "Value text inside an input-like control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-text-disabled": {
+            "description": "Value text inside a disabled input-like control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-placeholder": {
+            "description": "Placeholder text inside an empty input-like control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-placeholder-disabled": {
+            "description": "Placeholder text inside a disabled input-like control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-icon": {
+            "description": "Icon inside an input-like control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-icon-focus": {
+            "description": "Icon inside a focused input-like control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-icon-disabled": {
+            "description": "Icon inside a disabled input-like control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-caret": {
+            "description": "Text caret inside an input-like control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "field-message": {
+            "description": "Error message under an input-like control.",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "avatar-1": {
+            "description": "Background behind a person's initials, picked by a hash of the name (slot 1 of 8).",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "avatar-2": {
+            "description": "Background behind a person's initials, picked by a hash of the name (slot 2 of 8).",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "avatar-3": {
+            "description": "Background behind a person's initials, picked by a hash of the name (slot 3 of 8).",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "avatar-4": {
+            "description": "Background behind a person's initials, picked by a hash of the name (slot 4 of 8).",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "avatar-5": {
+            "description": "Background behind a person's initials, picked by a hash of the name (slot 5 of 8).",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "avatar-6": {
+            "description": "Background behind a person's initials, picked by a hash of the name (slot 6 of 8).",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "avatar-7": {
+            "description": "Background behind a person's initials, picked by a hash of the name (slot 7 of 8).",
+            "platforms": [
+                "phone"
+            ]
+        },
+        "avatar-8": {
+            "description": "Background behind a person's initials, picked by a hash of the name (slot 8 of 8).",
+            "platforms": [
+                "phone"
+            ]
+        }
+    }
+}