{ "source": { "storybook": "https://www.otto.de/assets-storybook/", "css": "https://www.otto.de/assets-storybook/assets/assets.components.iframe.BkrEKN7G.css", "fetched": "28.09.2026", "note": "values = resolved values per theme from the Style Dictionary tree in the Storybook preview bundle; css = the literal CSS custom property values shipped in the component CSS; references = the token each value points to." }, "themes": [ "light", "dark", "onex" ], "tokens": [ { "name": "--oc-base-breakpoint-l", "tier": "base", "category": "breakpoint", "path": [ "base", "breakpoint", "l" ], "type": "string", "public": true, "values": { "light": "48rem" }, "sources": [ "tokens/base/breakpoint/light.tokens.json" ], "css": { "light": "48rem" } }, { "name": "--oc-base-breakpoint-m", "tier": "base", "category": "breakpoint", "path": [ "base", "breakpoint", "m" ], "type": "string", "public": true, "values": { "light": "28rem" }, "sources": [ "tokens/base/breakpoint/light.tokens.json" ], "css": { "light": "28rem" } }, { "name": "--oc-base-breakpoint-s", "tier": "base", "category": "breakpoint", "path": [ "base", "breakpoint", "s" ], "type": "string", "public": true, "values": { "light": "22.5rem" }, "sources": [ "tokens/base/breakpoint/light.tokens.json" ], "css": { "light": "22.5rem" } }, { "name": "--oc-base-breakpoint-xl", "tier": "base", "category": "breakpoint", "path": [ "base", "breakpoint", "xl" ], "type": "string", "public": true, "values": { "light": "62rem" }, "sources": [ "tokens/base/breakpoint/light.tokens.json" ], "css": { "light": "62rem" } }, { "name": "--oc-base-breakpoint-xxl", "tier": "base", "category": "breakpoint", "path": [ "base", "breakpoint", "xxl" ], "type": "string", "public": true, "values": { "light": "77rem" }, "sources": [ "tokens/base/breakpoint/light.tokens.json" ], "css": { "light": "77rem" } }, { "name": "--oc-base-color-beige-70", "tier": "base", "category": "color", "path": [ "base", "color", "beige", "70" ], "type": "color", "public": true, "values": { "light": "#fff9f0" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#fff9f0" } }, { "name": "--oc-base-color-beige-80", "tier": "base", "category": "color", "path": [ "base", "color", "beige", "80" ], "type": "color", "public": true, "values": { "light": "#fff5e6" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#fff5e6" } }, { "name": "--oc-base-color-beige-90", "tier": "base", "category": "color", "path": [ "base", "color", "beige", "90" ], "type": "color", "public": true, "values": { "light": "#f5e6d7" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#f5e6d7" } }, { "name": "--oc-base-color-beige-100", "tier": "base", "category": "color", "path": [ "base", "color", "beige", "100" ], "type": "color", "public": true, "values": { "light": "#e9d4bf" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#e9d4bf" } }, { "name": "--oc-base-color-beige-110", "tier": "base", "category": "color", "path": [ "base", "color", "beige", "110" ], "type": "color", "public": true, "values": { "light": "#d8bda4" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#d8bda4" } }, { "name": "--oc-base-color-beige-140", "tier": "base", "category": "color", "path": [ "base", "color", "beige", "140" ], "type": "color", "public": true, "values": { "light": "#603117" }, "comment": "Only to be used for dark mode.", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#603117" } }, { "name": "--oc-base-color-black-100", "tier": "base", "category": "color", "path": [ "base", "color", "black", "100" ], "type": "color", "public": true, "values": { "light": "#212121" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#212121" } }, { "name": "--oc-base-color-black-lighten-5", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "5" ], "type": "color", "public": true, "values": { "light": "#2e2e2e" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#2e2e2e" } }, { "name": "--oc-base-color-black-lighten-10", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "10" ], "type": "color", "public": true, "values": { "light": "#3a3a3a" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#3a3a3a" } }, { "name": "--oc-base-color-black-lighten-15", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "15" ], "type": "color", "public": true, "values": { "light": "#474747" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#474747" } }, { "name": "--oc-base-color-black-lighten-20", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "20" ], "type": "color", "public": true, "values": { "light": "#545454" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#545454" } }, { "name": "--oc-base-color-black-lighten-25", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "25" ], "type": "color", "public": true, "values": { "light": "#616161" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#616161" } }, { "name": "--oc-base-color-black-lighten-30", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "30" ], "type": "color", "public": true, "values": { "light": "#6d6d6d" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#6d6d6d" } }, { "name": "--oc-base-color-black-lighten-45", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "45" ], "type": "color", "public": true, "values": { "light": "#949494" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#949494" } }, { "name": "--oc-base-color-black-lighten-61", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "61" ], "type": "color", "public": true, "values": { "light": "#bdbdbd" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#bdbdbd" } }, { "name": "--oc-base-color-black-lighten-67", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "67" ], "type": "color", "public": true, "values": { "light": "#cccccc" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ccc" } }, { "name": "--oc-base-color-black-lighten-71", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "71" ], "type": "color", "public": true, "values": { "light": "#d6d6d6" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#d6d6d6" } }, { "name": "--oc-base-color-black-lighten-77", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "77" ], "type": "color", "public": true, "values": { "light": "#e5e5e5" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#e5e5e5" } }, { "name": "--oc-base-color-black-lighten-81", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "81" ], "type": "color", "public": true, "values": { "light": "#f0f0f0" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#f0f0f0" } }, { "name": "--oc-base-color-black-lighten-84", "tier": "base", "category": "color", "path": [ "base", "color", "black", "lighten", "84" ], "type": "color", "public": true, "values": { "light": "#f7f7f7" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#f7f7f7" } }, { "name": "--oc-base-color-black-opacity-0", "tier": "base", "category": "color", "path": [ "base", "color", "black", "opacity", "0" ], "type": "color", "public": true, "values": { "light": "rgba(33, 33, 33, 0)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#21212100" } }, { "name": "--oc-base-color-black-opacity-3", "tier": "base", "category": "color", "path": [ "base", "color", "black", "opacity", "3" ], "type": "color", "public": true, "values": { "light": "rgba(33, 33, 33, 0.03137254901960784)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#21212108" } }, { "name": "--oc-base-color-black-opacity-5", "tier": "base", "category": "color", "path": [ "base", "color", "black", "opacity", "5" ], "type": "color", "public": true, "values": { "light": "rgba(33, 33, 33, 0.050980392156862744)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#2121210d" } }, { "name": "--oc-base-color-black-opacity-6", "tier": "base", "category": "color", "path": [ "base", "color", "black", "opacity", "6" ], "type": "color", "public": true, "values": { "light": "rgba(33, 33, 33, 0.058823529411764705)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#2121210f" } }, { "name": "--oc-base-color-black-opacity-10", "tier": "base", "category": "color", "path": [ "base", "color", "black", "opacity", "10" ], "type": "color", "public": true, "values": { "light": "rgba(33, 33, 33, 0.10196078431372549)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#2121211a" } }, { "name": "--oc-base-color-black-opacity-40", "tier": "base", "category": "color", "path": [ "base", "color", "black", "opacity", "40" ], "type": "color", "public": true, "values": { "light": "rgba(33, 33, 33, 0.4)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#21212166" } }, { "name": "--oc-base-color-black-opacity-50", "tier": "base", "category": "color", "path": [ "base", "color", "black", "opacity", "50" ], "type": "color", "public": true, "values": { "light": "rgba(33, 33, 33, 0.5019607843137255)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#21212180" } }, { "name": "--oc-base-color-black-opacity-70", "tier": "base", "category": "color", "path": [ "base", "color", "black", "opacity", "70" ], "type": "color", "public": true, "values": { "light": "rgba(33, 33, 33, 0.7019607843137254)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#212121b3" } }, { "name": "--oc-base-color-blue-70", "tier": "base", "category": "color", "path": [ "base", "color", "blue", "70" ], "type": "color", "public": true, "values": { "light": "#f0faff" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#f0faff" } }, { "name": "--oc-base-color-blue-80", "tier": "base", "category": "color", "path": [ "base", "color", "blue", "80" ], "type": "color", "public": true, "values": { "light": "#dcf0fa" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#dcf0fa" } }, { "name": "--oc-base-color-blue-90", "tier": "base", "category": "color", "path": [ "base", "color", "blue", "90" ], "type": "color", "public": true, "values": { "light": "#c5eaff" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#c5eaff" } }, { "name": "--oc-base-color-blue-100", "tier": "base", "category": "color", "path": [ "base", "color", "blue", "100" ], "type": "color", "public": true, "values": { "light": "#6ea0eb" }, "comment": "Text contrast: black-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#6ea0eb" } }, { "name": "--oc-base-color-blue-110", "tier": "base", "category": "color", "path": [ "base", "color", "blue", "110" ], "type": "color", "public": true, "values": { "light": "#266bd3" }, "comment": "Text contrast: white-100 AA, black-100 AA (large only)", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#266bd3" } }, { "name": "--oc-base-color-blue-120", "tier": "base", "category": "color", "path": [ "base", "color", "blue", "120" ], "type": "color", "public": true, "values": { "light": "#2e5aae" }, "comment": "Text contrast: white-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#2e5aae" } }, { "name": "--oc-base-color-blue-130", "tier": "base", "category": "color", "path": [ "base", "color", "blue", "130" ], "type": "color", "public": true, "values": { "light": "#1e5a78" }, "comment": "Text contrast: white-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#1e5a78" } }, { "name": "--oc-base-color-blue-140", "tier": "base", "category": "color", "path": [ "base", "color", "blue", "140" ], "type": "color", "public": true, "values": { "light": "#14374b" }, "comment": "Text contrast: white-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#14374b" } }, { "name": "--oc-base-color-corporate-color-spectrum-coral-25", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "coral", "25" ], "type": "color", "public": true, "values": { "light": "#ffe2e2" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffe2e2" } }, { "name": "--oc-base-color-corporate-color-spectrum-coral-50", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "coral", "50" ], "type": "color", "public": true, "values": { "light": "#ffafaf" }, "comment": "@deprecated, Bright Coral acc. to BXP", "deprecated": "@deprecated, Bright Coral acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffafaf" } }, { "name": "--oc-base-color-corporate-color-spectrum-coral-100", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "coral", "100" ], "type": "color", "public": true, "values": { "light": "#ff9196" }, "comment": "@deprecated, Coral acc. to BXP", "deprecated": "@deprecated, Coral acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ff9196" } }, { "name": "--oc-base-color-corporate-color-spectrum-coral-150", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "coral", "150" ], "type": "color", "public": true, "values": { "light": "#d25a5f" }, "comment": "@deprecated, Dark Coral acc. to BXP", "deprecated": "@deprecated, Dark Coral acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#d25a5f" } }, { "name": "--oc-base-color-corporate-color-spectrum-coral-200", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "coral", "200" ], "type": "color", "public": true, "values": { "light": "#bc3339" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#bc3339" } }, { "name": "--oc-base-color-corporate-color-spectrum-cozy-pink-50", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "cozy-pink", "50" ], "type": "color", "public": true, "values": { "light": "#ffd7f5" }, "comment": "@deprecated Bright Cozy Pink acc. to BXP", "deprecated": "@deprecated Bright Cozy Pink acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffd7f5" } }, { "name": "--oc-base-color-corporate-color-spectrum-cozy-pink-100", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "cozy-pink", "100" ], "type": "color", "public": true, "values": { "light": "#ffbef5" }, "comment": "@deprecated Cozy Pink acc. to BXP", "deprecated": "@deprecated Cozy Pink acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffbef5" } }, { "name": "--oc-base-color-corporate-color-spectrum-cozy-pink-150", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "cozy-pink", "150" ], "type": "color", "public": true, "values": { "light": "#f578cd" }, "comment": "@deprecated Dark Cozy Pink acc. to BXP", "deprecated": "@deprecated Dark Cozy Pink acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#f578cd" } }, { "name": "--oc-base-color-corporate-color-spectrum-deep-navy-50", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "deep-navy", "50" ], "type": "color", "public": true, "values": { "light": "#287396" }, "comment": "@deprecated Bright Deep Navy acc. to BXP", "deprecated": "@deprecated Bright Deep Navy acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#287396" } }, { "name": "--oc-base-color-corporate-color-spectrum-deep-navy-100", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "deep-navy", "100" ], "type": "color", "public": true, "values": { "light": "#1e5a78" }, "comment": "@deprecated Deep Navy acc. to BXP", "deprecated": "@deprecated Deep Navy acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#1e5a78" } }, { "name": "--oc-base-color-corporate-color-spectrum-deep-navy-150", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "deep-navy", "150" ], "type": "color", "public": true, "values": { "light": "#14374b" }, "comment": "@deprecated Dark Deep Navy acc. to BXP", "deprecated": "@deprecated Dark Deep Navy acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#14374b" } }, { "name": "--oc-base-color-corporate-color-spectrum-denim-25", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "denim", "25" ], "type": "color", "public": true, "values": { "light": "#deedff" }, "comment": "@deprecated ", "deprecated": "@deprecated ", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#deedff" } }, { "name": "--oc-base-color-corporate-color-spectrum-denim-50", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "denim", "50" ], "type": "color", "public": true, "values": { "light": "#78b4ff" }, "comment": "@deprecated Bright Denim acc. to BXP", "deprecated": "@deprecated Bright Denim acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#78b4ff" } }, { "name": "--oc-base-color-corporate-color-spectrum-denim-100", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "denim", "100" ], "type": "color", "public": true, "values": { "light": "#6ea0eb" }, "comment": "@deprecated Denim acc. to BXP", "deprecated": "@deprecated Denim acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#6ea0eb" } }, { "name": "--oc-base-color-corporate-color-spectrum-denim-125", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "denim", "125" ], "type": "color", "public": true, "values": { "light": "#4a88e6" }, "comment": "@deprecated ", "deprecated": "@deprecated ", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#4a88e6" } }, { "name": "--oc-base-color-corporate-color-spectrum-denim-150", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "denim", "150" ], "type": "color", "public": true, "values": { "light": "#374bc8" }, "comment": "@deprecated Dark Denim acc. to BXP", "deprecated": "@deprecated Dark Denim acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#374bc8" } }, { "name": "--oc-base-color-corporate-color-spectrum-natural-beige-50", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "natural-beige", "50" ], "type": "color", "public": true, "values": { "light": "#fff5e6" }, "comment": "@deprecated Bright Natural Beige acc. to BXP", "deprecated": "@deprecated Bright Natural Beige acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#fff5e6" } }, { "name": "--oc-base-color-corporate-color-spectrum-natural-beige-100", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "natural-beige", "100" ], "type": "color", "public": true, "values": { "light": "#f5e6d7" }, "comment": "@deprecated Natural Beige acc. to BXP", "deprecated": "@deprecated Natural Beige acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#f5e6d7" } }, { "name": "--oc-base-color-corporate-color-spectrum-natural-beige-150", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "natural-beige", "150" ], "type": "color", "public": true, "values": { "light": "#dcbe96" }, "comment": "@deprecated Dark Natural Beige acc. to BXP", "deprecated": "@deprecated Dark Natural Beige acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#dcbe96" } }, { "name": "--oc-base-color-corporate-color-spectrum-positive-green-25", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "positive-green", "25" ], "type": "color", "public": true, "values": { "light": "#d1ede7" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#d1ede7" } }, { "name": "--oc-base-color-corporate-color-spectrum-positive-green-50", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "positive-green", "50" ], "type": "color", "public": true, "values": { "light": "#b4e1d7" }, "comment": "@deprecated, Bright Positive Green acc. to BXP", "deprecated": "@deprecated, Bright Positive Green acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#b4e1d7" } }, { "name": "--oc-base-color-corporate-color-spectrum-positive-green-100", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "positive-green", "100" ], "type": "color", "public": true, "values": { "light": "#64c8b9" }, "comment": "@deprecated, Positive Green acc. to BXP", "deprecated": "@deprecated, Positive Green acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#64c8b9" } }, { "name": "--oc-base-color-corporate-color-spectrum-positive-green-150", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "positive-green", "150" ], "type": "color", "public": true, "values": { "light": "#00aa9b" }, "comment": "@deprecated, Dark Positive Green acc. to BXP", "deprecated": "@deprecated, Dark Positive Green acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#00aa9b" } }, { "name": "--oc-base-color-corporate-color-spectrum-positive-green-175", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "positive-green", "175" ], "type": "color", "public": true, "values": { "light": "#009b8d" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#009b8d" } }, { "name": "--oc-base-color-corporate-color-spectrum-positive-green-200", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "positive-green", "200" ], "type": "color", "public": true, "values": { "light": "#007268" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#007268" } }, { "name": "--oc-base-color-corporate-color-spectrum-sky-blue-50", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "sky-blue", "50" ], "type": "color", "public": true, "values": { "light": "#f0faff" }, "comment": "@deprecated Bright Sky Blue acc. to BXP", "deprecated": "@deprecated Bright Sky Blue acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#f0faff" } }, { "name": "--oc-base-color-corporate-color-spectrum-sky-blue-100", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "sky-blue", "100" ], "type": "color", "public": true, "values": { "light": "#dcf0fa" }, "comment": "@deprecated Sky Blue acc. to BXP", "deprecated": "@deprecated Sky Blue acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#dcf0fa" } }, { "name": "--oc-base-color-corporate-color-spectrum-sky-blue-150", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "sky-blue", "150" ], "type": "color", "public": true, "values": { "light": "#98c9f1" }, "comment": "@deprecated Dark Sky Blue acc. to BXP", "deprecated": "@deprecated Dark Sky Blue acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#98c9f1" } }, { "name": "--oc-base-color-corporate-color-spectrum-sunny-yellow-50", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "sunny-yellow", "50" ], "type": "color", "public": true, "values": { "light": "#ffffcd" }, "comment": "@deprecated Bright Sunny Yellow acc. to BXP", "deprecated": "@deprecated Bright Sunny Yellow acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffffcd" } }, { "name": "--oc-base-color-corporate-color-spectrum-sunny-yellow-100", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "sunny-yellow", "100" ], "type": "color", "public": true, "values": { "light": "#fffaaf" }, "comment": "@deprecated Sunny Yellow acc. to BXP", "deprecated": "@deprecated Sunny Yellow acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#fffaaf" } }, { "name": "--oc-base-color-corporate-color-spectrum-sunny-yellow-125", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "sunny-yellow", "125" ], "type": "color", "public": true, "values": { "light": "#ffeb91" }, "comment": "@deprecated - will be deleted 31 Dec 2024", "deprecated": "@deprecated - will be deleted 31 Dec 2024", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffeb91" } }, { "name": "--oc-base-color-corporate-color-spectrum-sunny-yellow-150", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "sunny-yellow", "150" ], "type": "color", "public": true, "values": { "light": "#ffdc73" }, "comment": "@deprecated Dark Sunny Yellow acc. to BXP", "deprecated": "@deprecated Dark Sunny Yellow acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffdc73" } }, { "name": "--oc-base-color-corporate-color-spectrum-warm-red-50", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "warm-red", "50" ], "type": "color", "public": true, "values": { "light": "#c82864" }, "comment": "@deprecated Bright Warm Red acc. to BXP", "deprecated": "@deprecated Bright Warm Red acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#c82864" } }, { "name": "--oc-base-color-corporate-color-spectrum-warm-red-100", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "warm-red", "100" ], "type": "color", "public": true, "values": { "light": "#8c2d4b" }, "comment": "@deprecated Warm Red acc. to BXP", "deprecated": "@deprecated Warm Red acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#8c2d4b" } }, { "name": "--oc-base-color-corporate-color-spectrum-warm-red-150", "tier": "base", "category": "color", "path": [ "base", "color", "corporate-color-spectrum", "warm-red", "150" ], "type": "color", "public": true, "values": { "light": "#6e1937" }, "comment": "@deprecated Dark Warm Red acc. to BXP", "deprecated": "@deprecated Dark Warm Red acc. to BXP", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#6e1937" } }, { "name": "--oc-base-color-error-red-25", "tier": "base", "category": "color", "path": [ "base", "color", "error-red", "25" ], "type": "color", "public": true, "values": { "light": "#ffe2e2" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffe2e2" } }, { "name": "--oc-base-color-error-red-50", "tier": "base", "category": "color", "path": [ "base", "color", "error-red", "50" ], "type": "color", "public": true, "values": { "light": "#f78ca1" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#f78ca1" } }, { "name": "--oc-base-color-error-red-75", "tier": "base", "category": "color", "path": [ "base", "color", "error-red", "75" ], "type": "color", "public": true, "values": { "light": "#e64b69" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#e64b69" } }, { "name": "--oc-base-color-error-red-100", "tier": "base", "category": "color", "path": [ "base", "color", "error-red", "100" ], "type": "color", "public": true, "values": { "light": "#b30023" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#b30023" } }, { "name": "--oc-base-color-gray-25", "tier": "base", "category": "color", "path": [ "base", "color", "gray", "25" ], "type": "alias", "public": true, "values": { "light": "#f0f0f0" }, "references": { "light": "var(--oc-base-color-black-lighten-81)" }, "comment": "formerly "grey"", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-lighten-81)" } }, { "name": "--oc-base-color-gray-100", "tier": "base", "category": "color", "path": [ "base", "color", "gray", "100" ], "type": "alias", "public": true, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-base-color-black-lighten-77)" }, "comment": "formerly "grey"", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-lighten-77)" } }, { "name": "--oc-base-color-gray-150", "tier": "base", "category": "color", "path": [ "base", "color", "gray", "150" ], "type": "alias", "public": true, "values": { "light": "#cccccc" }, "references": { "light": "var(--oc-base-color-black-lighten-67)" }, "comment": "formerly "grey"", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-lighten-67)" } }, { "name": "--oc-base-color-gray-200", "tier": "base", "category": "color", "path": [ "base", "color", "gray", "200" ], "type": "alias", "public": true, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-black-lighten-45)" }, "comment": "formerly "grey"", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-lighten-45)" } }, { "name": "--oc-base-color-gray-400", "tier": "base", "category": "color", "path": [ "base", "color", "gray", "400" ], "type": "alias", "public": true, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-base-color-black-lighten-30)" }, "comment": "formerly "grey"", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-lighten-30)" } }, { "name": "--oc-base-color-green-70", "tier": "base", "category": "color", "path": [ "base", "color", "green", "70" ], "type": "color", "public": true, "values": { "light": "#e7ffb5" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#e7ffb5" } }, { "name": "--oc-base-color-green-80", "tier": "base", "category": "color", "path": [ "base", "color", "green", "80" ], "type": "color", "public": true, "values": { "light": "#dbfb98" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#dbfb98" } }, { "name": "--oc-base-color-green-90", "tier": "base", "category": "color", "path": [ "base", "color", "green", "90" ], "type": "color", "public": true, "values": { "light": "#c5ef6c" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#c5ef6c" } }, { "name": "--oc-base-color-green-100", "tier": "base", "category": "color", "path": [ "base", "color", "green", "100" ], "type": "color", "public": true, "values": { "light": "#a9e034" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#a9e034" } }, { "name": "--oc-base-color-green-110", "tier": "base", "category": "color", "path": [ "base", "color", "green", "110" ], "type": "color", "public": true, "values": { "light": "#8abc20" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#8abc20" } }, { "name": "--oc-base-color-green-120", "tier": "base", "category": "color", "path": [ "base", "color", "green", "120" ], "type": "color", "public": true, "values": { "light": "#6a9807" }, "comment": "Text contrast: white-100 AA (large only), black-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#6a9807" } }, { "name": "--oc-base-color-green-130", "tier": "base", "category": "color", "path": [ "base", "color", "green", "130" ], "type": "color", "public": true, "values": { "light": "#5e8114" }, "comment": "Text contrast: white-100 AA, black-100 AA (large only)", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#5e8114" } }, { "name": "--oc-base-color-green-140", "tier": "base", "category": "color", "path": [ "base", "color", "green", "140" ], "type": "color", "public": true, "values": { "light": "#456501" }, "comment": "Text contrast: white-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#456501" } }, { "name": "--oc-base-color-hint-purple-25", "tier": "base", "category": "color", "path": [ "base", "color", "hint-purple", "25" ], "type": "color", "public": true, "values": { "light": "#eee5ff" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#eee5ff" } }, { "name": "--oc-base-color-hint-purple-50", "tier": "base", "category": "color", "path": [ "base", "color", "hint-purple", "50" ], "type": "color", "public": true, "values": { "light": "#cb96fa" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#cb96fa" } }, { "name": "--oc-base-color-hint-purple-75", "tier": "base", "category": "color", "path": [ "base", "color", "hint-purple", "75" ], "type": "color", "public": true, "values": { "light": "#a85de8" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#a85de8" } }, { "name": "--oc-base-color-hint-purple-100", "tier": "base", "category": "color", "path": [ "base", "color", "hint-purple", "100" ], "type": "color", "public": true, "values": { "light": "#7d00ea" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#7d00ea" } }, { "name": "--oc-base-color-interactive-blue-25", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "25" ], "type": "color", "public": true, "values": { "light": "#dcf2ff" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#dcf2ff" } }, { "name": "--oc-base-color-interactive-blue-50", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "50" ], "type": "color", "public": true, "values": { "light": "#47bbff" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#47bbff" } }, { "name": "--oc-base-color-interactive-blue-75", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "75" ], "type": "color", "public": true, "values": { "light": "#418ade" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#418ade" } }, { "name": "--oc-base-color-interactive-blue-100", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "100" ], "type": "color", "public": true, "values": { "light": "#2366cb" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#2366cb" } }, { "name": "--oc-base-color-interactive-blue-darken-5", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "darken", "5" ], "type": "color", "public": true, "values": { "light": "#215fbc" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#215fbc" } }, { "name": "--oc-base-color-interactive-blue-darken-10", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "darken", "10" ], "type": "color", "public": true, "values": { "light": "#1d54a7" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#1d54a7" } }, { "name": "--oc-base-color-interactive-blue-darken-15", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "darken", "15" ], "type": "color", "public": true, "values": { "light": "#1a4991" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#1a4991" } }, { "name": "--oc-base-color-interactive-blue-darken-20", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "darken", "20" ], "type": "color", "public": true, "values": { "light": "#163e7b" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#163e7b" } }, { "name": "--oc-base-color-interactive-blue-lighten-10", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "lighten", "10" ], "type": "color", "public": true, "values": { "light": "#4b86df" }, "comment": "@deprecated, derived from interactive-blue-100", "deprecated": "@deprecated, derived from interactive-blue-100", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#4b86df" } }, { "name": "--oc-base-color-interactive-blue-lighten-25", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "lighten", "25" ], "type": "color", "public": true, "values": { "light": "#53bfff" }, "comment": "@deprecated, derived from interactive-blue-lighten-45", "deprecated": "@deprecated, derived from interactive-blue-lighten-45", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#53bfff" } }, { "name": "--oc-base-color-interactive-blue-lighten-35", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "lighten", "35" ], "type": "color", "public": true, "values": { "light": "#86d2ff" }, "comment": "@deprecated, derived from interactive-blue-lighten-45", "deprecated": "@deprecated, derived from interactive-blue-lighten-45", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#86d2ff" } }, { "name": "--oc-base-color-interactive-blue-lighten-45", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "lighten", "45" ], "type": "color", "public": true, "values": { "light": "#b9e5ff" }, "comment": "@deprecated, derived from interactive-blue-50", "deprecated": "@deprecated, derived from interactive-blue-50", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#b9e5ff" } }, { "name": "--oc-base-color-interactive-blue-lighten-55", "tier": "base", "category": "color", "path": [ "base", "color", "interactive-blue", "lighten", "55" ], "type": "color", "public": true, "values": { "light": "#dcf2ff" }, "comment": "@deprecated, derived from interactive-blue-25", "deprecated": "@deprecated, derived from interactive-blue-25", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#dcf2ff" } }, { "name": "--oc-base-color-mint-70", "tier": "base", "category": "color", "path": [ "base", "color", "mint", "70" ], "type": "color", "public": true, "values": { "light": "#d1ede7" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#d1ede7" } }, { "name": "--oc-base-color-mint-80", "tier": "base", "category": "color", "path": [ "base", "color", "mint", "80" ], "type": "color", "public": true, "values": { "light": "#b4e1d7" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#b4e1d7" } }, { "name": "--oc-base-color-mint-90", "tier": "base", "category": "color", "path": [ "base", "color", "mint", "90" ], "type": "color", "public": true, "values": { "light": "#7dd4c7" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#7dd4c7" } }, { "name": "--oc-base-color-mint-100", "tier": "base", "category": "color", "path": [ "base", "color", "mint", "100" ], "type": "color", "public": true, "values": { "light": "#64c8b9" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#64c8b9" } }, { "name": "--oc-base-color-mint-110", "tier": "base", "category": "color", "path": [ "base", "color", "mint", "110" ], "type": "color", "public": true, "values": { "light": "#099f91" }, "comment": "Text contrast: white-100 AA (large only), black-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#099f91" } }, { "name": "--oc-base-color-mint-120", "tier": "base", "category": "color", "path": [ "base", "color", "mint", "120" ], "type": "color", "public": true, "values": { "light": "#028a7e" }, "comment": "Text contrast: white-100 AA (large only), black-100 AA (large only)", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#028a7e" } }, { "name": "--oc-base-color-mint-130", "tier": "base", "category": "color", "path": [ "base", "color", "mint", "130" ], "type": "color", "public": true, "values": { "light": "#006058" }, "comment": "Text contrast: white-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#006058" } }, { "name": "--oc-base-color-mint-140", "tier": "base", "category": "color", "path": [ "base", "color", "mint", "140" ], "type": "color", "public": true, "values": { "light": "#194743" }, "comment": "Text contrast: white-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#194743" } }, { "name": "--oc-base-color-orange-70", "tier": "base", "category": "color", "path": [ "base", "color", "orange", "70" ], "type": "color", "public": true, "values": { "light": "#ffe2d2" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffe2d2" } }, { "name": "--oc-base-color-orange-80", "tier": "base", "category": "color", "path": [ "base", "color", "orange", "80" ], "type": "color", "public": true, "values": { "light": "#ffc5a5" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffc5a5" } }, { "name": "--oc-base-color-orange-90", "tier": "base", "category": "color", "path": [ "base", "color", "orange", "90" ], "type": "color", "public": true, "values": { "light": "#ffb084" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffb084" } }, { "name": "--oc-base-color-orange-100", "tier": "base", "category": "color", "path": [ "base", "color", "orange", "100" ], "type": "color", "public": true, "values": { "light": "#f8a171" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#f8a171" } }, { "name": "--oc-base-color-orange-110", "tier": "base", "category": "color", "path": [ "base", "color", "orange", "110" ], "type": "color", "public": true, "values": { "light": "#eb8f5c" }, "comment": "Text contrast: black-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#eb8f5c" } }, { "name": "--oc-base-color-orange-120", "tier": "base", "category": "color", "path": [ "base", "color", "orange", "120" ], "type": "color", "public": true, "values": { "light": "#e77433" }, "comment": "Text contrast: white-100 AA (large only), black-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#e77433" } }, { "name": "--oc-base-color-orange-130", "tier": "base", "category": "color", "path": [ "base", "color", "orange", "130" ], "type": "color", "public": true, "values": { "light": "#e95d21" }, "comment": "Text contrast: white-100 AA (large only), black-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#e95d21" } }, { "name": "--oc-base-color-orange-140", "tier": "base", "category": "color", "path": [ "base", "color", "orange", "140" ], "type": "color", "public": true, "values": { "light": "#bf430d" }, "comment": "Text contrast: white-100 AA, black-100 AA (large only)", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#bf430d" } }, { "name": "--oc-base-color-otto-red-100", "tier": "base", "category": "color", "path": [ "base", "color", "otto-red", "100" ], "type": "color", "public": true, "values": { "light": "#eb001f" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#eb001f" } }, { "name": "--oc-base-color-otto-red-125", "tier": "base", "category": "color", "path": [ "base", "color", "otto-red", "125" ], "type": "color", "public": true, "values": { "light": "#dc001d" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#dc001d" } }, { "name": "--oc-base-color-otto-red-darken-3", "tier": "base", "category": "color", "path": [ "base", "color", "otto-red", "darken", "3" ], "type": "color", "public": true, "values": { "light": "#dc001d" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#dc001d" } }, { "name": "--oc-base-color-otto-red-darken-4", "tier": "base", "category": "color", "path": [ "base", "color", "otto-red", "darken", "4" ], "type": "color", "public": true, "values": { "light": "#dc001d" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#dc001d" } }, { "name": "--oc-base-color-otto-red-darken-10", "tier": "base", "category": "color", "path": [ "base", "color", "otto-red", "darken", "10" ], "type": "color", "public": true, "values": { "light": "#b80018" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#b80018" } }, { "name": "--oc-base-color-otto-red-darken-20", "tier": "base", "category": "color", "path": [ "base", "color", "otto-red", "darken", "20" ], "type": "color", "public": true, "values": { "light": "#850012" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#850012" } }, { "name": "--oc-base-color-pink-70", "tier": "base", "category": "color", "path": [ "base", "color", "pink", "70" ], "type": "color", "public": true, "values": { "light": "#ffeffb" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffeffb" } }, { "name": "--oc-base-color-pink-80", "tier": "base", "category": "color", "path": [ "base", "color", "pink", "80" ], "type": "color", "public": true, "values": { "light": "#ffd7f5" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffd7f5" } }, { "name": "--oc-base-color-pink-90", "tier": "base", "category": "color", "path": [ "base", "color", "pink", "90" ], "type": "color", "public": true, "values": { "light": "#ffbef5" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffbef5" } }, { "name": "--oc-base-color-pink-100", "tier": "base", "category": "color", "path": [ "base", "color", "pink", "100" ], "type": "color", "public": true, "values": { "light": "#e89fdd" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#e89fdd" } }, { "name": "--oc-base-color-pink-110", "tier": "base", "category": "color", "path": [ "base", "color", "pink", "110" ], "type": "color", "public": true, "values": { "light": "#b060b7" }, "comment": "Text contrast: white-100 AA (large only), black-100 AA (large only)", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#b060b7" } }, { "name": "--oc-base-color-pink-120", "tier": "base", "category": "color", "path": [ "base", "color", "pink", "120" ], "type": "color", "public": true, "values": { "light": "#93319c" }, "comment": "Text contrast: white-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#93319c" } }, { "name": "--oc-base-color-pink-130", "tier": "base", "category": "color", "path": [ "base", "color", "pink", "130" ], "type": "color", "public": true, "values": { "light": "#801489" }, "comment": "Text contrast: white-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#801489" } }, { "name": "--oc-base-color-pink-140", "tier": "base", "category": "color", "path": [ "base", "color", "pink", "140" ], "type": "color", "public": true, "values": { "light": "#63056b" }, "comment": "Text contrast: white-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#63056b" } }, { "name": "--oc-base-color-purple-70", "tier": "base", "category": "color", "path": [ "base", "color", "purple", "70" ], "type": "color", "public": true, "values": { "light": "#f4eeff" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#f4eeff" } }, { "name": "--oc-base-color-purple-80", "tier": "base", "category": "color", "path": [ "base", "color", "purple", "80" ], "type": "color", "public": true, "values": { "light": "#e5d5fe" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#e5d5fe" } }, { "name": "--oc-base-color-purple-90", "tier": "base", "category": "color", "path": [ "base", "color", "purple", "90" ], "type": "color", "public": true, "values": { "light": "#c5afe9" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#c5afe9" } }, { "name": "--oc-base-color-purple-100", "tier": "base", "category": "color", "path": [ "base", "color", "purple", "100" ], "type": "color", "public": true, "values": { "light": "#b198db" }, "comment": "Text contrast: black-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#b198db" } }, { "name": "--oc-base-color-purple-110", "tier": "base", "category": "color", "path": [ "base", "color", "purple", "110" ], "type": "color", "public": true, "values": { "light": "#9c7fcb" }, "comment": "Text contrast: white-100 AA (large only), black-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#9c7fcb" } }, { "name": "--oc-base-color-purple-120", "tier": "base", "category": "color", "path": [ "base", "color", "purple", "120" ], "type": "color", "public": true, "values": { "light": "#7e63ca" }, "comment": "Text contrast: white-100 AA, black-100 AA (large only)", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#7e63ca" } }, { "name": "--oc-base-color-purple-130", "tier": "base", "category": "color", "path": [ "base", "color", "purple", "130" ], "type": "color", "public": true, "values": { "light": "#6c49cf" }, "comment": "Text contrast: white-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#6c49cf" } }, { "name": "--oc-base-color-purple-140", "tier": "base", "category": "color", "path": [ "base", "color", "purple", "140" ], "type": "color", "public": true, "values": { "light": "#522eb7" }, "comment": "Text contrast: white-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#522eb7" } }, { "name": "--oc-base-color-service-blue-80", "tier": "base", "category": "color", "path": [ "base", "color", "service-blue", "80" ], "type": "color", "public": true, "values": { "light": "#c1daeb" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#c1daeb" } }, { "name": "--oc-base-color-service-blue-100", "tier": "base", "category": "color", "path": [ "base", "color", "service-blue", "100" ], "type": "color", "public": true, "values": { "light": "#76a6c6" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#76a6c6" } }, { "name": "--oc-base-color-service-blue-110", "tier": "base", "category": "color", "path": [ "base", "color", "service-blue", "110" ], "type": "color", "public": true, "values": { "light": "#538fb7" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#538fb7" } }, { "name": "--oc-base-color-service-blue-120", "tier": "base", "category": "color", "path": [ "base", "color", "service-blue", "120" ], "type": "color", "public": true, "values": { "light": "#3f7498" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#3f7498" } }, { "name": "--oc-base-color-service-blue-130", "tier": "base", "category": "color", "path": [ "base", "color", "service-blue", "130" ], "type": "color", "public": true, "values": { "light": "#305873" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#305873" } }, { "name": "--oc-base-color-service-blue-140", "tier": "base", "category": "color", "path": [ "base", "color", "service-blue", "140" ], "type": "color", "public": true, "values": { "light": "#213d4f" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#213d4f" } }, { "name": "--oc-base-color-success-green-25", "tier": "base", "category": "color", "path": [ "base", "color", "success-green", "25" ], "type": "color", "public": true, "values": { "light": "#d3eedd" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#d3eedd" } }, { "name": "--oc-base-color-success-green-50", "tier": "base", "category": "color", "path": [ "base", "color", "success-green", "50" ], "type": "color", "public": true, "values": { "light": "#67bd88" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#67bd88" } }, { "name": "--oc-base-color-success-green-75", "tier": "base", "category": "color", "path": [ "base", "color", "success-green", "75" ], "type": "color", "public": true, "values": { "light": "#3e935e" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#3e935e" } }, { "name": "--oc-base-color-success-green-100", "tier": "base", "category": "color", "path": [ "base", "color", "success-green", "100" ], "type": "color", "public": true, "values": { "light": "#227642" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#227642" } }, { "name": "--oc-base-color-sustainable-green-70", "tier": "base", "category": "color", "path": [ "base", "color", "sustainable-green", "70" ], "type": "color", "public": true, "values": { "light": "#e5fbe3" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#e5fbe3" } }, { "name": "--oc-base-color-sustainable-green-80", "tier": "base", "category": "color", "path": [ "base", "color", "sustainable-green", "80" ], "type": "color", "public": true, "values": { "light": "#bfecbb" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#bfecbb" } }, { "name": "--oc-base-color-sustainable-green-100", "tier": "base", "category": "color", "path": [ "base", "color", "sustainable-green", "100" ], "type": "color", "public": true, "values": { "light": "#7ea87b" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#7ea87b" } }, { "name": "--oc-base-color-sustainable-green-110", "tier": "base", "category": "color", "path": [ "base", "color", "sustainable-green", "110" ], "type": "color", "public": true, "values": { "light": "#7ea87b" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#7ea87b" } }, { "name": "--oc-base-color-sustainable-green-120", "tier": "base", "category": "color", "path": [ "base", "color", "sustainable-green", "120" ], "type": "color", "public": true, "values": { "light": "#658c62" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#658c62" } }, { "name": "--oc-base-color-sustainable-green-125", "tier": "base", "category": "color", "path": [ "base", "color", "sustainable-green", "125" ], "type": "color", "public": true, "values": { "light": "#63915f" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#63915f" } }, { "name": "--oc-base-color-sustainable-green-130", "tier": "base", "category": "color", "path": [ "base", "color", "sustainable-green", "130" ], "type": "color", "public": true, "values": { "light": "#50734d" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#50734d" } }, { "name": "--oc-base-color-sustainable-green-140", "tier": "base", "category": "color", "path": [ "base", "color", "sustainable-green", "140" ], "type": "color", "public": true, "values": { "light": "#3c5939" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#3c5939" } }, { "name": "--oc-base-color-sustainable-green-darken-10", "tier": "base", "category": "color", "path": [ "base", "color", "sustainable-green", "darken", "10" ], "type": "color", "public": true, "values": { "light": "#63915f" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#63915f" } }, { "name": "--oc-base-color-sustainable-green-darken-15", "tier": "base", "category": "color", "path": [ "base", "color", "sustainable-green", "darken", "15" ], "type": "color", "public": true, "values": { "light": "#588155" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#588155" } }, { "name": "--oc-base-color-sustainable-green-darken-20", "tier": "base", "category": "color", "path": [ "base", "color", "sustainable-green", "darken", "20" ], "type": "color", "public": true, "values": { "light": "#4e724b" }, "comment": "@deprecated", "deprecated": "@deprecated", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#4e724b" } }, { "name": "--oc-base-color-warm-red-70", "tier": "base", "category": "color", "path": [ "base", "color", "warm-red", "70" ], "type": "color", "public": true, "values": { "light": "#ffe2e2" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffe2e2" } }, { "name": "--oc-base-color-warm-red-80", "tier": "base", "category": "color", "path": [ "base", "color", "warm-red", "80" ], "type": "color", "public": true, "values": { "light": "#fec5c6" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#fec5c6" } }, { "name": "--oc-base-color-warm-red-90", "tier": "base", "category": "color", "path": [ "base", "color", "warm-red", "90" ], "type": "color", "public": true, "values": { "light": "#ff9196" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ff9196" } }, { "name": "--oc-base-color-warm-red-100", "tier": "base", "category": "color", "path": [ "base", "color", "warm-red", "100" ], "type": "color", "public": true, "values": { "light": "#e85f80" }, "comment": "Text contrast: white-100 AA (large only), black-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#e85f80" } }, { "name": "--oc-base-color-warm-red-110", "tier": "base", "category": "color", "path": [ "base", "color", "warm-red", "110" ], "type": "color", "public": true, "values": { "light": "#de3e64" }, "comment": "Text contrast: white-100 AA (large only), black-100 AA (large only)", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#de3e64" } }, { "name": "--oc-base-color-warm-red-120", "tier": "base", "category": "color", "path": [ "base", "color", "warm-red", "120" ], "type": "color", "public": true, "values": { "light": "#c82864" }, "comment": "Text contrast: white-100 AA, black-100 AA (large only)", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#c82864" } }, { "name": "--oc-base-color-warm-red-130", "tier": "base", "category": "color", "path": [ "base", "color", "warm-red", "130" ], "type": "color", "public": true, "values": { "light": "#8c2d4b" }, "comment": "Text contrast: white-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#8c2d4b" } }, { "name": "--oc-base-color-warm-red-140", "tier": "base", "category": "color", "path": [ "base", "color", "warm-red", "140" ], "type": "color", "public": true, "values": { "light": "#6e1937" }, "comment": "Text contrast: white-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#6e1937" } }, { "name": "--oc-base-color-warning-orange-25", "tier": "base", "category": "color", "path": [ "base", "color", "warning-orange", "25" ], "type": "color", "public": true, "values": { "light": "#fee3d3" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#fee3d3" } }, { "name": "--oc-base-color-warning-orange-50", "tier": "base", "category": "color", "path": [ "base", "color", "warning-orange", "50" ], "type": "color", "public": true, "values": { "light": "#ff8e5d" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ff8e5d" } }, { "name": "--oc-base-color-warning-orange-75", "tier": "base", "category": "color", "path": [ "base", "color", "warning-orange", "75" ], "type": "color", "public": true, "values": { "light": "#e35316" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#e35316" } }, { "name": "--oc-base-color-warning-orange-100", "tier": "base", "category": "color", "path": [ "base", "color", "warning-orange", "100" ], "type": "color", "public": true, "values": { "light": "#ae4518" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ae4518" } }, { "name": "--oc-base-color-white-100", "tier": "base", "category": "color", "path": [ "base", "color", "white", "100" ], "type": "color", "public": true, "values": { "light": "#ffffff" }, "comment": "White ", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#fff" } }, { "name": "--oc-base-color-white-opacity-0", "tier": "base", "category": "color", "path": [ "base", "color", "white", "opacity", "0" ], "type": "color", "public": true, "values": { "light": "rgba(255, 255, 255, 0)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#fff0" } }, { "name": "--oc-base-color-white-opacity-3", "tier": "base", "category": "color", "path": [ "base", "color", "white", "opacity", "3" ], "type": "color", "public": true, "values": { "light": "rgba(255, 255, 255, 0.03137254901960784)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffffff08" } }, { "name": "--oc-base-color-white-opacity-5", "tier": "base", "category": "color", "path": [ "base", "color", "white", "opacity", "5" ], "type": "color", "public": true, "values": { "light": "rgba(255, 255, 255, 0.050980392156862744)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffffff0d" } }, { "name": "--oc-base-color-white-opacity-10", "tier": "base", "category": "color", "path": [ "base", "color", "white", "opacity", "10" ], "type": "color", "public": true, "values": { "light": "rgba(255, 255, 255, 0.10196078431372549)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffffff1a" } }, { "name": "--oc-base-color-white-opacity-20", "tier": "base", "category": "color", "path": [ "base", "color", "white", "opacity", "20" ], "type": "color", "public": true, "values": { "light": "rgba(255, 255, 255, 0.2)" }, "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#fff3" } }, { "name": "--oc-base-color-yellow-70", "tier": "base", "category": "color", "path": [ "base", "color", "yellow", "70" ], "type": "color", "public": true, "values": { "light": "#ffffcd" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffffcd" } }, { "name": "--oc-base-color-yellow-80", "tier": "base", "category": "color", "path": [ "base", "color", "yellow", "80" ], "type": "color", "public": true, "values": { "light": "#fffaaf" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#fffaaf" } }, { "name": "--oc-base-color-yellow-90", "tier": "base", "category": "color", "path": [ "base", "color", "yellow", "90" ], "type": "color", "public": true, "values": { "light": "#ffeb91" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffeb91" } }, { "name": "--oc-base-color-yellow-100", "tier": "base", "category": "color", "path": [ "base", "color", "yellow", "100" ], "type": "color", "public": true, "values": { "light": "#ffdc73" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#ffdc73" } }, { "name": "--oc-base-color-yellow-110", "tier": "base", "category": "color", "path": [ "base", "color", "yellow", "110" ], "type": "color", "public": true, "values": { "light": "#f3c640" }, "comment": "Text contrast: black-100 AAA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#f3c640" } }, { "name": "--oc-base-color-yellow-120", "tier": "base", "category": "color", "path": [ "base", "color", "yellow", "120" ], "type": "color", "public": true, "values": { "light": "#b4890a" }, "comment": "Text contrast: white-100 AA (large only), black-100 AA", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#b4890a" } }, { "name": "--oc-base-color-yellow-130", "tier": "base", "category": "color", "path": [ "base", "color", "yellow", "130" ], "type": "color", "public": true, "values": { "light": "#9e790d" }, "comment": "Text contrast: white-100 AA (large only), black-100 AA (large only)", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#9e790d" } }, { "name": "--oc-base-color-yellow-140", "tier": "base", "category": "color", "path": [ "base", "color", "yellow", "140" ], "type": "color", "public": true, "values": { "light": "#8d6b06" }, "comment": "Text contrast: white-100 AA, black-100 AA (large only)", "sources": [ "tokens/base/color/light.tokens.json" ], "css": { "light": "#8d6b06" } }, { "name": "--oc-base-dimension-0", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "0" ], "type": "dimension", "public": true, "values": { "light": "0px" }, "comment": "@deprecated: use absolute/0", "deprecated": "@deprecated: use absolute/0", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "0px" } }, { "name": "--oc-base-dimension-2", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "2" ], "type": "dimension", "public": true, "values": { "light": "2px" }, "comment": "@deprecated: use absolute/2", "deprecated": "@deprecated: use absolute/2", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "2px" } }, { "name": "--oc-base-dimension-4", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "4" ], "type": "dimension", "public": true, "values": { "light": "4px" }, "comment": "@deprecated: use absolute/4", "deprecated": "@deprecated: use absolute/4", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "4px" } }, { "name": "--oc-base-dimension-8", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "8" ], "type": "dimension", "public": true, "values": { "light": "8px" }, "comment": "@deprecated: use absolute/8", "deprecated": "@deprecated: use absolute/8", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "8px" } }, { "name": "--oc-base-dimension-12", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "12" ], "type": "dimension", "public": true, "values": { "light": "12px" }, "comment": "@deprecated: use absolute/12", "deprecated": "@deprecated: use absolute/12", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "12px" } }, { "name": "--oc-base-dimension-16", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "16" ], "type": "dimension", "public": true, "values": { "light": "16px" }, "comment": "@deprecated: use absolute/16", "deprecated": "@deprecated: use absolute/16", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "16px" } }, { "name": "--oc-base-dimension-20", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "20" ], "type": "dimension", "public": true, "values": { "light": "20px" }, "comment": "@deprecated: use absolute/20", "deprecated": "@deprecated: use absolute/20", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "20px" } }, { "name": "--oc-base-dimension-24", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "24" ], "type": "dimension", "public": true, "values": { "light": "24px" }, "comment": "@deprecated: use absolute/24", "deprecated": "@deprecated: use absolute/24", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "24px" } }, { "name": "--oc-base-dimension-32", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "32" ], "type": "dimension", "public": true, "values": { "light": "32px" }, "comment": "@deprecated: use absolute/32", "deprecated": "@deprecated: use absolute/32", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "32px" } }, { "name": "--oc-base-dimension-40", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "40" ], "type": "dimension", "public": true, "values": { "light": "40px" }, "comment": "@deprecated: use absolute/40", "deprecated": "@deprecated: use absolute/40", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "40px" } }, { "name": "--oc-base-dimension-48", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "48" ], "type": "dimension", "public": true, "values": { "light": "48px" }, "comment": "@deprecated: use absolute/48", "deprecated": "@deprecated: use absolute/48", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "48px" } }, { "name": "--oc-base-dimension-56", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "56" ], "type": "dimension", "public": true, "values": { "light": "56px" }, "comment": "@deprecated: use absolute/56", "deprecated": "@deprecated: use absolute/56", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "56px" } }, { "name": "--oc-base-dimension-64", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "64" ], "type": "dimension", "public": true, "values": { "light": "64px" }, "comment": "@deprecated: use absolute/64", "deprecated": "@deprecated: use absolute/64", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "64px" } }, { "name": "--oc-base-dimension-72", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "72" ], "type": "dimension", "public": true, "values": { "light": "72px" }, "comment": "@deprecated: use absolute/72", "deprecated": "@deprecated: use absolute/72", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "72px" } }, { "name": "--oc-base-dimension-80", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "80" ], "type": "dimension", "public": true, "values": { "light": "80px" }, "comment": "@deprecated: use absolute/80", "deprecated": "@deprecated: use absolute/80", "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "80px" } }, { "name": "--oc-base-dimension-absolute-0", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "0" ], "type": "dimension", "public": true, "values": { "light": "0px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "0px" } }, { "name": "--oc-base-dimension-absolute-2", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "2" ], "type": "dimension", "public": true, "values": { "light": "2px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "2px" } }, { "name": "--oc-base-dimension-absolute-4", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "4" ], "type": "dimension", "public": true, "values": { "light": "4px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "4px" } }, { "name": "--oc-base-dimension-absolute-8", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "8" ], "type": "dimension", "public": true, "values": { "light": "8px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "8px" } }, { "name": "--oc-base-dimension-absolute-12", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "12" ], "type": "dimension", "public": true, "values": { "light": "12px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "12px" } }, { "name": "--oc-base-dimension-absolute-16", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "16" ], "type": "dimension", "public": true, "values": { "light": "16px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "16px" } }, { "name": "--oc-base-dimension-absolute-20", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "20" ], "type": "dimension", "public": true, "values": { "light": "20px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "20px" } }, { "name": "--oc-base-dimension-absolute-24", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "24" ], "type": "dimension", "public": true, "values": { "light": "24px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "24px" } }, { "name": "--oc-base-dimension-absolute-32", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "32" ], "type": "dimension", "public": true, "values": { "light": "32px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "32px" } }, { "name": "--oc-base-dimension-absolute-40", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "40" ], "type": "dimension", "public": true, "values": { "light": "40px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "40px" } }, { "name": "--oc-base-dimension-absolute-48", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "48" ], "type": "dimension", "public": true, "values": { "light": "48px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "48px" } }, { "name": "--oc-base-dimension-absolute-56", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "56" ], "type": "dimension", "public": true, "values": { "light": "56px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "56px" } }, { "name": "--oc-base-dimension-absolute-64", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "64" ], "type": "dimension", "public": true, "values": { "light": "64px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "64px" } }, { "name": "--oc-base-dimension-absolute-72", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "72" ], "type": "dimension", "public": true, "values": { "light": "72px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "72px" } }, { "name": "--oc-base-dimension-absolute-80", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "absolute", "80" ], "type": "dimension", "public": true, "values": { "light": "80px" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "80px" } }, { "name": "--oc-base-dimension-relative-0", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "0" ], "type": "string", "public": true, "values": { "light": "0rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "0rem" } }, { "name": "--oc-base-dimension-relative-2", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "2" ], "type": "string", "public": true, "values": { "light": "0.125rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": ".125rem" } }, { "name": "--oc-base-dimension-relative-4", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "4" ], "type": "string", "public": true, "values": { "light": "0.25rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": ".25rem" } }, { "name": "--oc-base-dimension-relative-8", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "8" ], "type": "string", "public": true, "values": { "light": "0.5rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": ".5rem" } }, { "name": "--oc-base-dimension-relative-12", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "12" ], "type": "string", "public": true, "values": { "light": "0.75rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": ".75rem" } }, { "name": "--oc-base-dimension-relative-16", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "16" ], "type": "string", "public": true, "values": { "light": "1rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "1rem" } }, { "name": "--oc-base-dimension-relative-20", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "20" ], "type": "string", "public": true, "values": { "light": "1.25rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "1.25rem" } }, { "name": "--oc-base-dimension-relative-24", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "24" ], "type": "string", "public": true, "values": { "light": "1.5rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "1.5rem" } }, { "name": "--oc-base-dimension-relative-32", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "32" ], "type": "string", "public": true, "values": { "light": "2rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "2rem" } }, { "name": "--oc-base-dimension-relative-40", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "40" ], "type": "string", "public": true, "values": { "light": "2.5rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "2.5rem" } }, { "name": "--oc-base-dimension-relative-48", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "48" ], "type": "string", "public": true, "values": { "light": "3rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "3rem" } }, { "name": "--oc-base-dimension-relative-56", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "56" ], "type": "string", "public": true, "values": { "light": "3.5rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "3.5rem" } }, { "name": "--oc-base-dimension-relative-64", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "64" ], "type": "string", "public": true, "values": { "light": "4rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "4rem" } }, { "name": "--oc-base-dimension-relative-72", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "72" ], "type": "string", "public": true, "values": { "light": "4.5rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "4.5rem" } }, { "name": "--oc-base-dimension-relative-80", "tier": "base", "category": "dimension", "path": [ "base", "dimension", "relative", "80" ], "type": "string", "public": true, "values": { "light": "5rem" }, "sources": [ "tokens/base/dimension/light.tokens.json" ], "css": { "light": "5rem" } }, { "name": "--oc-base-duration-0", "tier": "base", "category": "duration", "path": [ "base", "duration", "0" ], "type": "string", "public": true, "values": { "light": "0ms" }, "sources": [ "tokens/base/duration/light.tokens.json" ], "css": { "light": "0s" } }, { "name": "--oc-base-duration-15", "tier": "base", "category": "duration", "path": [ "base", "duration", "15" ], "type": "string", "public": true, "values": { "light": "15ms" }, "sources": [ "tokens/base/duration/light.tokens.json" ], "css": { "light": "15ms" } }, { "name": "--oc-base-duration-50", "tier": "base", "category": "duration", "path": [ "base", "duration", "50" ], "type": "string", "public": true, "values": { "light": "50ms" }, "sources": [ "tokens/base/duration/light.tokens.json" ], "css": { "light": "50ms" } }, { "name": "--oc-base-duration-125", "tier": "base", "category": "duration", "path": [ "base", "duration", "125" ], "type": "string", "public": true, "values": { "light": "125ms" }, "sources": [ "tokens/base/duration/light.tokens.json" ], "css": { "light": ".125s" } }, { "name": "--oc-base-duration-200", "tier": "base", "category": "duration", "path": [ "base", "duration", "200" ], "type": "string", "public": true, "values": { "light": "200ms" }, "sources": [ "tokens/base/duration/light.tokens.json" ], "css": { "light": ".2s" } }, { "name": "--oc-base-duration-275", "tier": "base", "category": "duration", "path": [ "base", "duration", "275" ], "type": "string", "public": true, "values": { "light": "275ms" }, "sources": [ "tokens/base/duration/light.tokens.json" ], "css": { "light": ".275s" } }, { "name": "--oc-base-duration-350", "tier": "base", "category": "duration", "path": [ "base", "duration", "350" ], "type": "string", "public": true, "values": { "light": "350ms" }, "sources": [ "tokens/base/duration/light.tokens.json" ], "css": { "light": ".35s" } }, { "name": "--oc-base-duration-425", "tier": "base", "category": "duration", "path": [ "base", "duration", "425" ], "type": "string", "public": true, "values": { "light": "425ms" }, "sources": [ "tokens/base/duration/light.tokens.json" ], "css": { "light": ".425s" } }, { "name": "--oc-base-duration-500", "tier": "base", "category": "duration", "path": [ "base", "duration", "500" ], "type": "string", "public": true, "values": { "light": "500ms" }, "sources": [ "tokens/base/duration/light.tokens.json" ], "css": { "light": ".5s" } }, { "name": "--oc-base-duration-750", "tier": "base", "category": "duration", "path": [ "base", "duration", "750" ], "type": "string", "public": true, "values": { "light": "750ms" }, "sources": [ "tokens/base/duration/light.tokens.json" ], "css": { "light": ".75s" } }, { "name": "--oc-base-duration-1000", "tier": "base", "category": "duration", "path": [ "base", "duration", "1000" ], "type": "string", "public": true, "values": { "light": "1000ms" }, "sources": [ "tokens/base/duration/light.tokens.json" ], "css": { "light": "1s" } }, { "name": "--oc-base-easing-continuous", "tier": "base", "category": "easing", "path": [ "base", "easing", "continuous" ], "type": "string", "public": true, "values": { "light": "cubic-bezier(0.8,0.35,0.6,0.85)" }, "sources": [ "tokens/base/easing/light.tokens.json" ], "css": { "light": "cubic-bezier(.8,.35,.6,.85)" } }, { "name": "--oc-base-easing-default-in", "tier": "base", "category": "easing", "path": [ "base", "easing", "default", "in" ], "type": "string", "public": true, "values": { "light": "cubic-bezier(0.8,0,1,1)" }, "sources": [ "tokens/base/easing/light.tokens.json" ], "css": { "light": "cubic-bezier(.8,0,1,1)" } }, { "name": "--oc-base-easing-default-in-out", "tier": "base", "category": "easing", "path": [ "base", "easing", "default", "in-out" ], "type": "string", "public": true, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "sources": [ "tokens/base/easing/light.tokens.json" ], "css": { "light": "cubic-bezier(.8,0,.4,1)" } }, { "name": "--oc-base-easing-default-out", "tier": "base", "category": "easing", "path": [ "base", "easing", "default", "out" ], "type": "string", "public": true, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "sources": [ "tokens/base/easing/light.tokens.json" ], "css": { "light": "cubic-bezier(0,0,.4,1)" } }, { "name": "--oc-base-easing-expressive-bounce", "tier": "base", "category": "easing", "path": [ "base", "easing", "expressive", "bounce" ], "type": "string", "public": true, "values": { "light": "cubic-bezier(0.6,0,0.2,1.3)" }, "sources": [ "tokens/base/easing/light.tokens.json" ], "css": { "light": "cubic-bezier(.6,0,.2,1.3)" } }, { "name": "--oc-base-easing-expressive-in", "tier": "base", "category": "easing", "path": [ "base", "easing", "expressive", "in" ], "type": "string", "public": true, "values": { "light": "cubic-bezier(0.6,0,0.8,0)" }, "sources": [ "tokens/base/easing/light.tokens.json" ], "css": { "light": "cubic-bezier(.6,0,.8,0)" } }, { "name": "--oc-base-easing-expressive-in-out", "tier": "base", "category": "easing", "path": [ "base", "easing", "expressive", "in-out" ], "type": "string", "public": true, "values": { "light": "cubic-bezier(0.9,0.1,0.1,0.9)" }, "sources": [ "tokens/base/easing/light.tokens.json" ], "css": { "light": "cubic-bezier(.9,.1,.1,.9)" } }, { "name": "--oc-base-easing-expressive-out", "tier": "base", "category": "easing", "path": [ "base", "easing", "expressive", "out" ], "type": "string", "public": true, "values": { "light": "cubic-bezier(0.2,1,0.4,1)" }, "sources": [ "tokens/base/easing/light.tokens.json" ], "css": { "light": "cubic-bezier(.2,1,.4,1)" } }, { "name": "--oc-base-easing-linear", "tier": "base", "category": "easing", "path": [ "base", "easing", "linear" ], "type": "string", "public": true, "values": { "light": "cubic-bezier(0,0,1,1)" }, "sources": [ "tokens/base/easing/light.tokens.json" ], "css": { "light": "cubic-bezier(0,0,1,1)" } }, { "name": "--oc-base-font-line-height-75", "tier": "base", "category": "font", "path": [ "base", "font", "line-height", "75" ], "type": "string", "public": true, "values": { "light": "0.75rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": ".75rem" } }, { "name": "--oc-base-font-line-height-100", "tier": "base", "category": "font", "path": [ "base", "font", "line-height", "100" ], "type": "string", "public": true, "values": { "light": "1rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "1rem" } }, { "name": "--oc-base-font-line-height-125", "tier": "base", "category": "font", "path": [ "base", "font", "line-height", "125" ], "type": "string", "public": true, "values": { "light": "1.25rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "1.25rem" } }, { "name": "--oc-base-font-line-height-150", "tier": "base", "category": "font", "path": [ "base", "font", "line-height", "150" ], "type": "string", "public": true, "values": { "light": "1.5rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "1.5rem" } }, { "name": "--oc-base-font-line-height-175", "tier": "base", "category": "font", "path": [ "base", "font", "line-height", "175" ], "type": "string", "public": true, "values": { "light": "1.75rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "1.75rem" } }, { "name": "--oc-base-font-line-height-200", "tier": "base", "category": "font", "path": [ "base", "font", "line-height", "200" ], "type": "string", "public": true, "values": { "light": "2rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "2rem" } }, { "name": "--oc-base-font-line-height-225", "tier": "base", "category": "font", "path": [ "base", "font", "line-height", "225" ], "type": "string", "public": true, "values": { "light": "2.25rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "2.25rem" } }, { "name": "--oc-base-font-line-height-250", "tier": "base", "category": "font", "path": [ "base", "font", "line-height", "250" ], "type": "string", "public": true, "values": { "light": "2.5rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "2.5rem" } }, { "name": "--oc-base-font-line-height-300", "tier": "base", "category": "font", "path": [ "base", "font", "line-height", "300" ], "type": "string", "public": true, "values": { "light": "3rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "3rem" } }, { "name": "--oc-base-font-line-height-350", "tier": "base", "category": "font", "path": [ "base", "font", "line-height", "350" ], "type": "string", "public": true, "values": { "light": "3.5rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "3.5rem" } }, { "name": "--oc-base-font-otto-play", "tier": "base", "category": "font", "path": [ "base", "font", "otto-play" ], "type": "string", "public": true, "values": { "light": "'OTTOPlay', serif" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "\"OTTOPlay\", serif" } }, { "name": "--oc-base-font-otto-sans", "tier": "base", "category": "font", "path": [ "base", "font", "otto-sans" ], "type": "string", "public": true, "values": { "light": "'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "\"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-base-font-size-62", "tier": "base", "category": "font", "path": [ "base", "font", "size", "62" ], "type": "string", "public": true, "values": { "light": "0.625rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": ".625rem" } }, { "name": "--oc-base-font-size-75", "tier": "base", "category": "font", "path": [ "base", "font", "size", "75" ], "type": "string", "public": true, "values": { "light": "0.75rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": ".75rem" } }, { "name": "--oc-base-font-size-87", "tier": "base", "category": "font", "path": [ "base", "font", "size", "87" ], "type": "string", "public": true, "values": { "light": "0.875rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": ".875rem" } }, { "name": "--oc-base-font-size-100", "tier": "base", "category": "font", "path": [ "base", "font", "size", "100" ], "type": "string", "public": true, "values": { "light": "1rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "1rem" } }, { "name": "--oc-base-font-size-125", "tier": "base", "category": "font", "path": [ "base", "font", "size", "125" ], "type": "string", "public": true, "values": { "light": "1.25rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "1.25rem" } }, { "name": "--oc-base-font-size-150", "tier": "base", "category": "font", "path": [ "base", "font", "size", "150" ], "type": "string", "public": true, "values": { "light": "1.5rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "1.5rem" } }, { "name": "--oc-base-font-size-175", "tier": "base", "category": "font", "path": [ "base", "font", "size", "175" ], "type": "string", "public": true, "values": { "light": "1.75rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "1.75rem" } }, { "name": "--oc-base-font-size-200", "tier": "base", "category": "font", "path": [ "base", "font", "size", "200" ], "type": "string", "public": true, "values": { "light": "2rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "2rem" } }, { "name": "--oc-base-font-size-250", "tier": "base", "category": "font", "path": [ "base", "font", "size", "250" ], "type": "string", "public": true, "values": { "light": "2.5rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "2.5rem" } }, { "name": "--oc-base-font-size-300", "tier": "base", "category": "font", "path": [ "base", "font", "size", "300" ], "type": "string", "public": true, "values": { "light": "3rem" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "3rem" } }, { "name": "--oc-base-font-weight-black", "tier": "base", "category": "font", "path": [ "base", "font", "weight", "black" ], "type": "string", "public": true, "values": { "light": "800" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "800" } }, { "name": "--oc-base-font-weight-bold", "tier": "base", "category": "font", "path": [ "base", "font", "weight", "bold" ], "type": "string", "public": true, "values": { "light": "700" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "700" } }, { "name": "--oc-base-font-weight-regular", "tier": "base", "category": "font", "path": [ "base", "font", "weight", "regular" ], "type": "string", "public": true, "values": { "light": "400" }, "sources": [ "tokens/base/font/light.tokens.json" ], "css": { "light": "400" } }, { "name": "--oc-base-repetition-1", "tier": "base", "category": "repetition", "path": [ "base", "repetition", "1" ], "type": "string", "public": true, "values": { "light": "1" }, "sources": [ "tokens/base/repetition/light.tokens.json" ], "css": { "light": "1" } }, { "name": "--oc-base-repetition-infinite", "tier": "base", "category": "repetition", "path": [ "base", "repetition", "infinite" ], "type": "string", "public": true, "values": { "light": "infinite" }, "sources": [ "tokens/base/repetition/light.tokens.json" ], "css": { "light": "infinite" } }, { "name": "--oc-base-shadow-0", "tier": "base", "category": "shadow", "path": [ "base", "shadow", "0" ], "type": "string", "public": true, "values": { "light": "unset" }, "sources": [ "tokens/base/shadow/light.tokens.json" ], "css": { "light": "unset" } }, { "name": "--oc-base-shadow-100", "tier": "base", "category": "shadow", "path": [ "base", "shadow", "100" ], "type": "string", "public": true, "values": { "light": "drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.25)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.07))" }, "sources": [ "tokens/base/shadow/light.tokens.json" ], "css": { "light": "drop-shadow(0px 1px 1px #00000040) drop-shadow(0px 1px 3px #00000012)" } }, { "name": "--oc-base-shadow-200", "tier": "base", "category": "shadow", "path": [ "base", "shadow", "200" ], "type": "string", "public": true, "values": { "light": "drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.10))" }, "sources": [ "tokens/base/shadow/light.tokens.json" ], "css": { "light": "drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 4px 6px #0000001a)" } }, { "name": "--oc-base-shadow-300", "tier": "base", "category": "shadow", "path": [ "base", "shadow", "300" ], "type": "string", "public": true, "values": { "light": "drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.30)) drop-shadow(0px 9px 10px rgba(0, 0, 0, 0.10))" }, "sources": [ "tokens/base/shadow/light.tokens.json" ], "css": { "light": "drop-shadow(0px 3px 5px #0000004d) drop-shadow(0px 9px 10px #0000001a)" } }, { "name": "--oc-component-accordion-collapse-duration", "tier": "component", "category": "accordion", "path": [ "component", "accordion", "collapse-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-transition-collapse-duration)" }, "sources": [ "tokens/component/accordion/light.tokens.json" ], "css": {} }, { "name": "--oc-component-accordion-collapse-easing", "tier": "component", "category": "accordion", "path": [ "component", "accordion", "collapse-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-collapse-easing)" }, "sources": [ "tokens/component/accordion/light.tokens.json" ], "css": {} }, { "name": "--oc-component-accordion-expand-duration", "tier": "component", "category": "accordion", "path": [ "component", "accordion", "expand-duration" ], "type": "alias", "public": false, "values": { "light": "200ms" }, "references": { "light": "var(--oc-semantic-transition-expand-duration)" }, "sources": [ "tokens/component/accordion/light.tokens.json" ], "css": {} }, { "name": "--oc-component-accordion-expand-easing", "tier": "component", "category": "accordion", "path": [ "component", "accordion", "expand-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-expand-easing)" }, "sources": [ "tokens/component/accordion/light.tokens.json" ], "css": {} }, { "name": "--oc-component-accordion-gap-y", "tier": "component", "category": "accordion", "path": [ "component", "accordion", "gap-y" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/accordion/light.tokens.json" ], "css": {} }, { "name": "--oc-component-accordion-icon-color", "tier": "component", "category": "accordion", "path": [ "component", "accordion", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/accordion/light.tokens.json" ], "css": {} }, { "name": "--oc-component-accordion-icon-size", "tier": "component", "category": "accordion", "path": [ "component", "accordion", "icon-size" ], "type": "string", "public": false, "values": { "light": "1.5rem" }, "sources": [ "tokens/component/accordion/light.tokens.json" ], "css": {} }, { "name": "--oc-component-accordion-label-color", "tier": "component", "category": "accordion", "path": [ "component", "accordion", "label-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/accordion/light.tokens.json" ], "css": {} }, { "name": "--oc-component-accordion-label-font", "tier": "component", "category": "accordion", "path": [ "component", "accordion", "label-font" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/component/accordion/light.tokens.json" ], "css": {} }, { "name": "--oc-component-accordion-spacing-bottom", "tier": "component", "category": "accordion", "path": [ "component", "accordion", "spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/accordion/light.tokens.json" ], "css": {} }, { "name": "--oc-component-action-signifier-icon-icon-color", "tier": "component", "category": "action-signifier", "path": [ "component", "action-signifier", "icon", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/action-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-action-signifier-icon-size", "tier": "component", "category": "action-signifier", "path": [ "component", "action-signifier", "icon", "size" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/component/action-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-action-signifier-inverted-icon-color", "tier": "component", "category": "action-signifier", "path": [ "component", "action-signifier", "inverted", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/action-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-action-signifier-inverted-text-color", "tier": "component", "category": "action-signifier", "path": [ "component", "action-signifier", "inverted", "text-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/action-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-action-signifier-text-font", "tier": "component", "category": "action-signifier", "path": [ "component", "action-signifier", "text", "font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/action-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-action-signifier-text-gap-x", "tier": "component", "category": "action-signifier", "path": [ "component", "action-signifier", "text", "gap-x" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/action-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-action-signifier-text-icon-size", "tier": "component", "category": "action-signifier", "path": [ "component", "action-signifier", "text", "icon-size" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-base-dimension-absolute-12)" }, "sources": [ "tokens/component/action-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-action-signifier-text-text-color", "tier": "component", "category": "action-signifier", "path": [ "component", "action-signifier", "text", "text-color" ], "type": "alias", "public": false, "values": { "light": "#2366cb" }, "references": { "light": "var(--oc-semantic-color-text-interactive)" }, "sources": [ "tokens/component/action-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-back-to-top-button-appear-duration", "tier": "component", "category": "back-to-top-button", "path": [ "component", "back-to-top-button", "appear-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-transition-appear-duration)" }, "sources": [ "tokens/component/back-to-top-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-back-to-top-button-appear-easing", "tier": "component", "category": "back-to-top-button", "path": [ "component", "back-to-top-button", "appear-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-appear-easing)" }, "sources": [ "tokens/component/back-to-top-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-back-to-top-button-disappear-duration", "tier": "component", "category": "back-to-top-button", "path": [ "component", "back-to-top-button", "disappear-duration" ], "type": "alias", "public": false, "values": { "light": "50ms" }, "references": { "light": "var(--oc-semantic-transition-disappear-duration)" }, "sources": [ "tokens/component/back-to-top-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-back-to-top-button-disappear-easing", "tier": "component", "category": "back-to-top-button", "path": [ "component", "back-to-top-button", "disappear-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,1,1)" }, "references": { "light": "var(--oc-semantic-transition-disappear-easing)" }, "sources": [ "tokens/component/back-to-top-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-back-to-top-button-outer-spacing-x", "tier": "component", "category": "back-to-top-button", "path": [ "component", "back-to-top-button", "outer-spacing-x" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/back-to-top-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-back-to-top-button-outer-spacing-y", "tier": "component", "category": "back-to-top-button", "path": [ "component", "back-to-top-button", "outer-spacing-y" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/back-to-top-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-50-height", "tier": "component", "category": "badge", "path": [ "component", "badge", "50", "height" ], "type": "string", "public": false, "values": { "light": "0.5rem" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-50-width", "tier": "component", "category": "badge", "path": [ "component", "badge", "50", "width" ], "type": "string", "public": false, "values": { "light": "0.5rem" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-100-border-radius", "tier": "component", "category": "badge", "path": [ "component", "badge", "100", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-100-font", "tier": "component", "category": "badge", "path": [ "component", "badge", "100", "font" ], "type": "alias", "public": false, "values": { "light": "700 0.625rem/0.75rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-10)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-100-height", "tier": "component", "category": "badge", "path": [ "component", "badge", "100", "height" ], "type": "string", "public": false, "values": { "light": "1rem" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-100-icon-size", "tier": "component", "category": "badge", "path": [ "component", "badge", "100", "icon-size" ], "type": "string", "public": false, "values": { "light": "0.75rem" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-100-icon-spacing", "tier": "component", "category": "badge", "path": [ "component", "badge", "100", "icon-spacing" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-100-min-width", "tier": "component", "category": "badge", "path": [ "component", "badge", "100", "min-width" ], "type": "string", "public": false, "values": { "light": "1rem" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-100-text-color", "tier": "component", "category": "badge", "path": [ "component", "badge", "100", "text-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-100-text-spacing-x", "tier": "component", "category": "badge", "path": [ "component", "badge", "100", "text-spacing-x" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-border-color", "tier": "component", "category": "badge", "path": [ "component", "badge", "border-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-border-width", "tier": "component", "category": "badge", "path": [ "component", "badge", "border-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-error-background-color", "tier": "component", "category": "badge", "path": [ "component", "badge", "error", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e64b69" }, "references": { "light": "var(--oc-semantic-color-stroke-error)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-error-background-color-text", "tier": "component", "category": "badge", "path": [ "component", "badge", "error", "background-color-text" ], "type": "alias", "public": false, "values": { "light": "#b30023" }, "references": { "light": "var(--oc-semantic-color-text-error)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-hint-background-color", "tier": "component", "category": "badge", "path": [ "component", "badge", "hint", "background-color" ], "type": "alias", "public": false, "values": { "light": "#418ade" }, "references": { "light": "var(--oc-semantic-color-stroke-hint)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-hint-background-color-text", "tier": "component", "category": "badge", "path": [ "component", "badge", "hint", "background-color-text" ], "type": "alias", "public": false, "values": { "light": "#2366cb" }, "references": { "light": "var(--oc-semantic-color-text-hint)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-info-background-color", "tier": "component", "category": "badge", "path": [ "component", "badge", "info", "background-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-info)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-info-background-color-text", "tier": "component", "category": "badge", "path": [ "component", "badge", "info", "background-color-text" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-info)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-primary-background-color", "tier": "component", "category": "badge", "path": [ "component", "badge", "primary", "background-color" ], "type": "alias", "public": false, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-semantic-color-background-primary)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-primary-background-color-text", "tier": "component", "category": "badge", "path": [ "component", "badge", "primary", "background-color-text" ], "type": "alias", "public": false, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-semantic-color-background-primary)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-secondary-background-color", "tier": "component", "category": "badge", "path": [ "component", "badge", "secondary", "background-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-stroke-info)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-secondary-background-color-text", "tier": "component", "category": "badge", "path": [ "component", "badge", "secondary", "background-color-text" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-stroke-info)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-success-background-color", "tier": "component", "category": "badge", "path": [ "component", "badge", "success", "background-color" ], "type": "alias", "public": false, "values": { "light": "#3e935e" }, "references": { "light": "var(--oc-semantic-color-stroke-success)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-success-background-color-text", "tier": "component", "category": "badge", "path": [ "component", "badge", "success", "background-color-text" ], "type": "alias", "public": false, "values": { "light": "#227642" }, "references": { "light": "var(--oc-semantic-color-text-success)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-warning-background-color", "tier": "component", "category": "badge", "path": [ "component", "badge", "warning", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e35316" }, "references": { "light": "var(--oc-semantic-color-stroke-warning)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-badge-warning-background-color-text", "tier": "component", "category": "badge", "path": [ "component", "badge", "warning", "background-color-text" ], "type": "alias", "public": false, "values": { "light": "#ae4518" }, "references": { "light": "var(--oc-semantic-color-text-warning)" }, "sources": [ "tokens/component/badge/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-100-gap-x", "tier": "component", "category": "banner", "path": [ "component", "banner", "100", "gap-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-100-gap-y", "tier": "component", "category": "banner", "path": [ "component", "banner", "100", "gap-y" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-100-icon-size", "tier": "component", "category": "banner", "path": [ "component", "banner", "100", "icon-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-100-spacing", "tier": "component", "category": "banner", "path": [ "component", "banner", "100", "spacing" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-100-text-spacing-bottom", "tier": "component", "category": "banner", "path": [ "component", "banner", "100", "text-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "0px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-0)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-200-gap-x", "tier": "component", "category": "banner", "path": [ "component", "banner", "200", "gap-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-200-gap-y", "tier": "component", "category": "banner", "path": [ "component", "banner", "200", "gap-y" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-200-headline-font", "tier": "component", "category": "banner", "path": [ "component", "banner", "200", "headline-font" ], "type": "alias", "public": false, "values": { "light": "700 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-100)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-200-icon-size", "tier": "component", "category": "banner", "path": [ "component", "banner", "200", "icon-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-200-spacing", "tier": "component", "category": "banner", "path": [ "component", "banner", "200", "spacing" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-200-text-spacing-bottom", "tier": "component", "category": "banner", "path": [ "component", "banner", "200", "text-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-300-gap-x", "tier": "component", "category": "banner", "path": [ "component", "banner", "300", "gap-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-300-gap-y", "tier": "component", "category": "banner", "path": [ "component", "banner", "300", "gap-y" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-300-headline-font", "tier": "component", "category": "banner", "path": [ "component", "banner", "300", "headline-font" ], "type": "alias", "public": false, "values": { "light": "700 1.25rem/1.75rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-200)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-300-icon-size", "tier": "component", "category": "banner", "path": [ "component", "banner", "300", "icon-size" ], "type": "alias", "public": false, "values": { "light": "64px" }, "references": { "light": "var(--oc-base-dimension-absolute-64)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-300-spacing", "tier": "component", "category": "banner", "path": [ "component", "banner", "300", "spacing" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-300-text-spacing-bottom", "tier": "component", "category": "banner", "path": [ "component", "banner", "300", "text-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-border-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "border-color" ], "type": "alias", "public": false, "values": { "light": "rgba(33, 33, 33, 0.10196078431372549)" }, "references": { "light": "var(--oc-semantic-color-stroke-divider)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-border-radius", "tier": "component", "category": "banner", "path": [ "component", "banner", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.125rem" }, "references": { "light": "var(--oc-semantic-border-radius-25)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-border-width", "tier": "component", "category": "banner", "path": [ "component", "banner", "border-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-copy-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "copy-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-copy-font", "tier": "component", "category": "banner", "path": [ "component", "banner", "copy-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-error-background-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "error", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffe2e2" }, "references": { "light": "var(--oc-semantic-color-background-soft-error)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-error-headline-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "error", "headline-color" ], "type": "alias", "public": false, "values": { "light": "#b30023" }, "references": { "light": "var(--oc-semantic-color-text-error)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-error-icon-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "error", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#b30023" }, "references": { "light": "var(--oc-semantic-color-text-error)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-hint-background-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "hint", "background-color" ], "type": "alias", "public": false, "values": { "light": "#dcf2ff" }, "references": { "light": "var(--oc-semantic-color-background-soft-hint)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-hint-headline-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "hint", "headline-color" ], "type": "alias", "public": false, "values": { "light": "#2366cb" }, "references": { "light": "var(--oc-semantic-color-text-hint)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-hint-icon-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "hint", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#2366cb" }, "references": { "light": "var(--oc-semantic-color-text-hint)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-info-background-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "info", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-semantic-color-background-soft-info)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-info-headline-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "info", "headline-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-info)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-info-icon-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "info", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-info)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-link-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "link-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-success-background-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "success", "background-color" ], "type": "alias", "public": false, "values": { "light": "#d3eedd" }, "references": { "light": "var(--oc-semantic-color-background-soft-success)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-success-headline-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "success", "headline-color" ], "type": "alias", "public": false, "values": { "light": "#227642" }, "references": { "light": "var(--oc-semantic-color-text-success)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-success-icon-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "success", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#227642" }, "references": { "light": "var(--oc-semantic-color-text-success)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-warning-background-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "warning", "background-color" ], "type": "alias", "public": false, "values": { "light": "#fee3d3" }, "references": { "light": "var(--oc-semantic-color-background-soft-warning)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-warning-headline-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "warning", "headline-color" ], "type": "alias", "public": false, "values": { "light": "#ae4518" }, "references": { "light": "var(--oc-semantic-color-text-warning)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-banner-warning-icon-color", "tier": "component", "category": "banner", "path": [ "component", "banner", "warning", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#ae4518" }, "references": { "light": "var(--oc-semantic-color-text-warning)" }, "sources": [ "tokens/component/banner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-block-background-color", "tier": "component", "category": "block", "path": [ "component", "block", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "comment": "@deprecated: Use background-color-default", "deprecated": "@deprecated: Use background-color-default", "sources": [ "tokens/component/block/light.tokens.json" ], "css": {} }, { "name": "--oc-component-block-background-color-default", "tier": "component", "category": "block", "path": [ "component", "block", "background-color-default" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/block/light.tokens.json" ], "css": {} }, { "name": "--oc-component-block-border-radius", "tier": "component", "category": "block", "path": [ "component", "block", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0rem" }, "references": { "light": "var(--oc-semantic-border-radius-0)" }, "sources": [ "tokens/component/block/light.tokens.json" ], "css": {} }, { "name": "--oc-component-block-default-spacing-x", "tier": "component", "category": "block", "path": [ "component", "block", "default-spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/block/light.tokens.json" ], "css": {} }, { "name": "--oc-component-block-default-spacing-y", "tier": "component", "category": "block", "path": [ "component", "block", "default-spacing-y" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/block/light.tokens.json" ], "css": {} }, { "name": "--oc-component-block-stacked-border-color", "tier": "component", "category": "block", "path": [ "component", "block", "stacked", "border-color" ], "type": "alias", "public": false, "values": { "light": "rgba(33, 33, 33, 0.10196078431372549)" }, "references": { "light": "var(--oc-semantic-color-stroke-divider)" }, "sources": [ "tokens/component/block/light.tokens.json" ], "css": {} }, { "name": "--oc-component-block-stacked-border-radius", "tier": "component", "category": "block", "path": [ "component", "block", "stacked", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.125rem" }, "references": { "light": "var(--oc-semantic-border-radius-25)" }, "sources": [ "tokens/component/block/light.tokens.json" ], "css": {} }, { "name": "--oc-component-block-stacked-default-spacing-x", "tier": "component", "category": "block", "path": [ "component", "block", "stacked", "default-spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/block/light.tokens.json" ], "css": {} }, { "name": "--oc-component-block-stacked-default-spacing-y", "tier": "component", "category": "block", "path": [ "component", "block", "stacked", "default-spacing-y" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/block/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-50-border-radius", "tier": "component", "category": "button", "path": [ "component", "button", "50", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem", "onex": "0.75rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)", "onex": "var(--oc-semantic-border-radius-150)" }, "themeable": true, "sources": [ "tokens/component/button/light.tokens.json", "tokens/component/button/onex.tokens.json" ], "css": { "light": "var(--oc-semantic-border-radius-100)", "onex": "var(--oc-semantic-border-radius-150)" } }, { "name": "--oc-component-button-50-default-spacing-x", "tier": "component", "category": "button", "path": [ "component", "button", "50", "default-spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-50-disabled-font", "tier": "component", "category": "button", "path": [ "component", "button", "50", "disabled-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "comment": "@deprecated: use /font", "deprecated": "@deprecated: use /font", "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-50-font", "tier": "component", "category": "button", "path": [ "component", "button", "50", "font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-50-icon-size", "tier": "component", "category": "button", "path": [ "component", "button", "50", "icon-size" ], "type": "alias", "public": false, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-base-dimension-relative-12)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-50-icon-spacing-x", "tier": "component", "category": "button", "path": [ "component", "button", "50", "icon-spacing-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-50-keep-padding-icon-hidden", "tier": "component", "category": "button", "path": [ "component", "button", "50", "keep-padding-icon-hidden" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-50-primary-font", "tier": "component", "category": "button", "path": [ "component", "button", "50", "primary-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "comment": "@deprecated: use /font", "deprecated": "@deprecated: use /font", "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-50-primary-font-weight", "tier": "component", "category": "button", "path": [ "component", "button", "50", "primary-font-weight" ], "type": "alias", "public": false, "values": { "light": "700" }, "references": { "light": "var(--oc-base-font-weight-bold)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-50-secondary-font", "tier": "component", "category": "button", "path": [ "component", "button", "50", "secondary-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "comment": "@deprecated: use /font", "deprecated": "@deprecated: use /font", "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-50-spacing-y", "tier": "component", "category": "button", "path": [ "component", "button", "50", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-50-tertiary-font", "tier": "component", "category": "button", "path": [ "component", "button", "50", "tertiary-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "comment": "@deprecated: use /font", "deprecated": "@deprecated: use /font", "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-100-border-radius", "tier": "component", "category": "button", "path": [ "component", "button", "100", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem", "onex": "1rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)", "onex": "var(--oc-semantic-border-radius-200)" }, "themeable": true, "sources": [ "tokens/component/button/light.tokens.json", "tokens/component/button/onex.tokens.json" ], "css": { "light": "var(--oc-semantic-border-radius-100)", "onex": "var(--oc-semantic-border-radius-200)" } }, { "name": "--oc-component-button-100-default-spacing-x", "tier": "component", "category": "button", "path": [ "component", "button", "100", "default-spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-100-disabled-font", "tier": "component", "category": "button", "path": [ "component", "button", "100", "disabled-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "comment": "@deprecated: use /font", "deprecated": "@deprecated: use /font", "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-100-font", "tier": "component", "category": "button", "path": [ "component", "button", "100", "font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "comment": "@deprecated: use /font", "deprecated": "@deprecated: use /font", "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-100-icon-size", "tier": "component", "category": "button", "path": [ "component", "button", "100", "icon-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-100-icon-spacing-x", "tier": "component", "category": "button", "path": [ "component", "button", "100", "icon-spacing-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-100-keep-padding-icon-hidden", "tier": "component", "category": "button", "path": [ "component", "button", "100", "keep-padding-icon-hidden" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-100-primary-font", "tier": "component", "category": "button", "path": [ "component", "button", "100", "primary-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "comment": "@deprecated: use /font", "deprecated": "@deprecated: use /font", "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-100-primary-font-weight", "tier": "component", "category": "button", "path": [ "component", "button", "100", "primary-font-weight" ], "type": "alias", "public": false, "values": { "light": "700" }, "references": { "light": "var(--oc-base-font-weight-bold)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-100-secondary-font", "tier": "component", "category": "button", "path": [ "component", "button", "100", "secondary-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "comment": "@deprecated: use /font", "deprecated": "@deprecated: use /font", "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-100-spacing-y", "tier": "component", "category": "button", "path": [ "component", "button", "100", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-100-tertiary-font", "tier": "component", "category": "button", "path": [ "component", "button", "100", "tertiary-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "comment": "@deprecated: use /font", "deprecated": "@deprecated: use /font", "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-disabled-background-color", "tier": "component", "category": "button", "path": [ "component", "button", "disabled", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-semantic-color-background-disabled)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-disabled-icon-color", "tier": "component", "category": "button", "path": [ "component", "button", "disabled", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-semantic-color-text-disabled)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-disabled-text-color", "tier": "component", "category": "button", "path": [ "component", "button", "disabled", "text-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-semantic-color-text-disabled)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-primary-background-color", "tier": "component", "category": "button", "path": [ "component", "button", "primary", "background-color" ], "type": "alias", "public": false, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-semantic-color-background-primary)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-primary-background-color-active", "tier": "component", "category": "button", "path": [ "component", "button", "primary", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#850012" }, "references": { "light": "var(--oc-base-color-otto-red-darken-20)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-primary-background-color-hover", "tier": "component", "category": "button", "path": [ "component", "button", "primary", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#b80018" }, "references": { "light": "var(--oc-base-color-otto-red-darken-10)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-primary-icon-color", "tier": "component", "category": "button", "path": [ "component", "button", "primary", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-base-color-white-100)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-primary-text-color", "tier": "component", "category": "button", "path": [ "component", "button", "primary", "text-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-base-color-white-100)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-secondary-background-color", "tier": "component", "category": "button", "path": [ "component", "button", "secondary", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5", "dark": "#545454" }, "references": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-20)" }, "themeable": true, "sources": [ "tokens/component/button/dark.tokens.json", "tokens/component/button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-20)" } }, { "name": "--oc-component-button-secondary-background-color-active", "tier": "component", "category": "button", "path": [ "component", "button", "secondary", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#cccccc", "dark": "#6d6d6d" }, "references": { "light": "var(--oc-base-color-black-lighten-67)", "dark": "var(--oc-base-color-black-lighten-30)" }, "themeable": true, "sources": [ "tokens/component/button/dark.tokens.json", "tokens/component/button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-lighten-67)", "dark": "var(--oc-base-color-black-lighten-30)" } }, { "name": "--oc-component-button-secondary-background-color-hover", "tier": "component", "category": "button", "path": [ "component", "button", "secondary", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#d6d6d6", "dark": "#616161" }, "references": { "light": "var(--oc-base-color-black-lighten-71)", "dark": "var(--oc-base-color-black-lighten-25)" }, "themeable": true, "sources": [ "tokens/component/button/dark.tokens.json", "tokens/component/button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-lighten-71)", "dark": "var(--oc-base-color-black-lighten-25)" } }, { "name": "--oc-component-button-secondary-icon-color", "tier": "component", "category": "button", "path": [ "component", "button", "secondary", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-secondary-text-color", "tier": "component", "category": "button", "path": [ "component", "button", "secondary", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-secondary-over-color-background-color", "tier": "component", "category": "button", "path": [ "component", "button", "secondary-over-color", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-secondary-over-color-background-color-active", "tier": "component", "category": "button", "path": [ "component", "button", "secondary-over-color", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#cccccc", "dark": "#474747" }, "references": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-15)" }, "themeable": true, "sources": [ "tokens/component/button/dark.tokens.json", "tokens/component/button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-15)" } }, { "name": "--oc-component-button-secondary-over-color-background-color-hover", "tier": "component", "category": "button", "path": [ "component", "button", "secondary-over-color", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5", "dark": "#3a3a3a" }, "references": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-10)" }, "themeable": true, "sources": [ "tokens/component/button/dark.tokens.json", "tokens/component/button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-10)" } }, { "name": "--oc-component-button-secondary-over-color-icon-color", "tier": "component", "category": "button", "path": [ "component", "button", "secondary-over-color", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-secondary-over-color-text-color", "tier": "component", "category": "button", "path": [ "component", "button", "secondary-over-color", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-spinner-delay", "tier": "component", "category": "button", "path": [ "component", "button", "spinner-delay" ], "type": "alias", "public": false, "values": { "light": "275ms" }, "references": { "light": "var(--oc-semantic-duration-medium-50)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-success-background-color", "tier": "component", "category": "button", "path": [ "component", "button", "success", "background-color" ], "type": "alias", "public": false, "values": { "light": "#d3eedd" }, "references": { "light": "var(--oc-semantic-color-background-success)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-success-background-color-active", "tier": "component", "category": "button", "path": [ "component", "button", "success", "background-color-active" ], "type": "color", "public": false, "values": { "light": "#89d2a4", "dark": "#268247" }, "themeable": true, "sources": [ "tokens/component/button/dark.tokens.json", "tokens/component/button/light.tokens.json" ], "css": { "light": "#89d2a4", "dark": "#268247" } }, { "name": "--oc-component-button-success-background-color-hover", "tier": "component", "category": "button", "path": [ "component", "button", "success", "background-color-hover" ], "type": "color", "public": false, "values": { "light": "#aee0c1", "dark": "#1b5a32" }, "themeable": true, "sources": [ "tokens/component/button/dark.tokens.json", "tokens/component/button/light.tokens.json" ], "css": { "light": "#aee0c1", "dark": "#1b5a32" } }, { "name": "--oc-component-button-success-icon-color", "tier": "component", "category": "button", "path": [ "component", "button", "success", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#227642" }, "references": { "light": "var(--oc-semantic-color-text-success)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-success-text-color", "tier": "component", "category": "button", "path": [ "component", "button", "success", "text-color" ], "type": "alias", "public": false, "values": { "light": "#227642" }, "references": { "light": "var(--oc-semantic-color-text-success)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-tertiary-background-color", "tier": "component", "category": "button", "path": [ "component", "button", "tertiary", "background-color" ], "type": "alias", "public": false, "values": { "light": "rgba(33, 33, 33, 0)", "dark": "rgba(255, 255, 255, 0)" }, "references": { "light": "var(--oc-base-color-black-opacity-0)", "dark": "var(--oc-base-color-white-opacity-0)" }, "themeable": true, "sources": [ "tokens/component/button/dark.tokens.json", "tokens/component/button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-opacity-0)", "dark": "var(--oc-base-color-white-opacity-0)" } }, { "name": "--oc-component-button-tertiary-background-color-active", "tier": "component", "category": "button", "path": [ "component", "button", "tertiary", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "rgba(33, 33, 33, 0.10196078431372549)", "dark": "rgba(255, 255, 255, 0.10196078431372549)" }, "references": { "light": "var(--oc-base-color-black-opacity-10)", "dark": "var(--oc-base-color-white-opacity-10)" }, "themeable": true, "sources": [ "tokens/component/button/dark.tokens.json", "tokens/component/button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-opacity-10)", "dark": "var(--oc-base-color-white-opacity-10)" } }, { "name": "--oc-component-button-tertiary-background-color-hover", "tier": "component", "category": "button", "path": [ "component", "button", "tertiary", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "rgba(33, 33, 33, 0.050980392156862744)", "dark": "rgba(255, 255, 255, 0.050980392156862744)" }, "references": { "light": "var(--oc-base-color-black-opacity-5)", "dark": "var(--oc-base-color-white-opacity-5)" }, "themeable": true, "sources": [ "tokens/component/button/dark.tokens.json", "tokens/component/button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-opacity-5)", "dark": "var(--oc-base-color-white-opacity-5)" } }, { "name": "--oc-component-button-tertiary-icon-color", "tier": "component", "category": "button", "path": [ "component", "button", "tertiary", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#2366cb" }, "references": { "light": "var(--oc-semantic-color-text-interactive)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-tertiary-text-color", "tier": "component", "category": "button", "path": [ "component", "button", "tertiary", "text-color" ], "type": "alias", "public": false, "values": { "light": "#2366cb" }, "references": { "light": "var(--oc-semantic-color-text-interactive)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-transition-resize-duration", "tier": "component", "category": "button", "path": [ "component", "button", "transition-resize-duration" ], "type": "alias", "public": false, "values": { "light": "200ms" }, "references": { "light": "var(--oc-semantic-transition-expand-duration)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-button-transition-resize-easing", "tier": "component", "category": "button", "path": [ "component", "button", "transition-resize-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-expand-easing)" }, "sources": [ "tokens/component/button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-card-50-border-radius", "tier": "component", "category": "card", "path": [ "component", "card", "50", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)" }, "sources": [ "tokens/component/card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-card-100-border-radius", "tier": "component", "category": "card", "path": [ "component", "card", "100", "border-radius" ], "type": "alias", "public": false, "values": { "light": "1rem" }, "references": { "light": "var(--oc-semantic-border-radius-200)" }, "sources": [ "tokens/component/card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-card-background-color-default", "tier": "component", "category": "card", "path": [ "component", "card", "background-color-default" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-card-default-background-color", "tier": "component", "category": "card", "path": [ "component", "card", "default-background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "comment": "@deprecated: Use background-color-default", "deprecated": "@deprecated: Use background-color-default", "sources": [ "tokens/component/card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-card-inverted-text-color", "tier": "component", "category": "card", "path": [ "component", "card", "inverted", "text-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-card-overlay-active", "tier": "component", "category": "card", "path": [ "component", "card", "overlay-active" ], "type": "alias", "public": false, "values": { "light": "rgba(0, 0, 0, 0.09019607843137255)" }, "references": { "light": "var(--oc-semantic-color-overlay-active)" }, "sources": [ "tokens/component/card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-card-overlay-hover", "tier": "component", "category": "card", "path": [ "component", "card", "overlay-hover" ], "type": "alias", "public": false, "values": { "light": "rgba(0, 0, 0, 0.03137254901960784)" }, "references": { "light": "var(--oc-semantic-color-overlay-hover)" }, "sources": [ "tokens/component/card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-card-text-color", "tier": "component", "category": "card", "path": [ "component", "card", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-carousel-gap-y", "tier": "component", "category": "carousel", "path": [ "component", "carousel", "gap-y" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/carousel/light.tokens.json" ], "css": {} }, { "name": "--oc-component-carousel-hide-button-duration", "tier": "component", "category": "carousel", "path": [ "component", "carousel", "hide-button-duration" ], "type": "alias", "public": false, "values": { "light": "50ms" }, "references": { "light": "var(--oc-semantic-transition-disappear-duration)" }, "sources": [ "tokens/component/carousel/light.tokens.json" ], "css": {} }, { "name": "--oc-component-carousel-hide-button-easing", "tier": "component", "category": "carousel", "path": [ "component", "carousel", "hide-button-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,1,1)" }, "references": { "light": "var(--oc-semantic-transition-disappear-easing)" }, "sources": [ "tokens/component/carousel/light.tokens.json" ], "css": {} }, { "name": "--oc-component-carousel-show-button-duration", "tier": "component", "category": "carousel", "path": [ "component", "carousel", "show-button-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-transition-appear-duration)" }, "sources": [ "tokens/component/carousel/light.tokens.json" ], "css": {} }, { "name": "--oc-component-carousel-show-button-easing", "tier": "component", "category": "carousel", "path": [ "component", "carousel", "show-button-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-appear-easing)" }, "sources": [ "tokens/component/carousel/light.tokens.json" ], "css": {} }, { "name": "--oc-component-carousel-stage-gap-x", "tier": "component", "category": "carousel", "path": [ "component", "carousel", "stage-gap-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-cinema-gap)" }, "sources": [ "tokens/component/carousel/light.tokens.json" ], "css": {} }, { "name": "--oc-component-carousel-stage-spacing-x", "tier": "component", "category": "carousel", "path": [ "component", "carousel", "stage-spacing-x" ], "type": "alias", "public": false, "values": { "light": "0px" }, "references": { "light": "var(--oc-base-dimension-absolute-0)" }, "sources": [ "tokens/component/carousel/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chat-bubble-background-color", "tier": "component", "category": "chat-bubble", "path": [ "component", "chat-bubble", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/chat-bubble/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chat-bubble-border-radius", "tier": "component", "category": "chat-bubble", "path": [ "component", "chat-bubble", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)" }, "sources": [ "tokens/component/chat-bubble/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chat-bubble-datetime-color", "tier": "component", "category": "chat-bubble", "path": [ "component", "chat-bubble", "datetime-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/chat-bubble/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chat-bubble-datetime-font", "tier": "component", "category": "chat-bubble", "path": [ "component", "chat-bubble", "datetime-font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/component/chat-bubble/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chat-bubble-gap-y", "tier": "component", "category": "chat-bubble", "path": [ "component", "chat-bubble", "gap-y" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/chat-bubble/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chat-bubble-sender-color", "tier": "component", "category": "chat-bubble", "path": [ "component", "chat-bubble", "sender-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/chat-bubble/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chat-bubble-sender-font", "tier": "component", "category": "chat-bubble", "path": [ "component", "chat-bubble", "sender-font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/component/chat-bubble/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chat-bubble-sender-font-weight", "tier": "component", "category": "chat-bubble", "path": [ "component", "chat-bubble", "sender-font-weight" ], "type": "alias", "public": false, "values": { "light": "700" }, "references": { "light": "var(--oc-base-font-weight-bold)" }, "sources": [ "tokens/component/chat-bubble/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chat-bubble-spacing-x", "tier": "component", "category": "chat-bubble", "path": [ "component", "chat-bubble", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/chat-bubble/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chat-bubble-spacing-y", "tier": "component", "category": "chat-bubble", "path": [ "component", "chat-bubble", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/chat-bubble/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chat-bubble-text-color", "tier": "component", "category": "chat-bubble", "path": [ "component", "chat-bubble", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/chat-bubble/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chat-bubble-text-font", "tier": "component", "category": "chat-bubble", "path": [ "component", "chat-bubble", "text-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/chat-bubble/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-100-border-radius", "tier": "component", "category": "chip", "path": [ "component", "chip", "100", "border-radius" ], "type": "dimension", "public": false, "values": { "light": "16px" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-100-font", "tier": "component", "category": "chip", "path": [ "component", "chip", "100", "font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-100-gap-x", "tier": "component", "category": "chip", "path": [ "component", "chip", "100", "gap-x" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-base-dimension-absolute-4)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-100-icon-size", "tier": "component", "category": "chip", "path": [ "component", "chip", "100", "icon-size" ], "type": "alias", "public": false, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-base-dimension-relative-12)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-100-image-size", "tier": "component", "category": "chip", "path": [ "component", "chip", "100", "image-size" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-100-min-height", "tier": "component", "category": "chip", "path": [ "component", "chip", "100", "min-height" ], "type": "alias", "public": false, "values": { "light": "2rem" }, "references": { "light": "var(--oc-base-dimension-relative-32)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-100-min-width", "tier": "component", "category": "chip", "path": [ "component", "chip", "100", "min-width" ], "type": "alias", "public": false, "values": { "light": "2rem" }, "references": { "light": "var(--oc-base-dimension-relative-32)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-100-spacing-x", "tier": "component", "category": "chip", "path": [ "component", "chip", "100", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-100-spacing-y", "tier": "component", "category": "chip", "path": [ "component", "chip", "100", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-200-border-radius", "tier": "component", "category": "chip", "path": [ "component", "chip", "200", "border-radius" ], "type": "dimension", "public": false, "values": { "light": "24px" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-200-font", "tier": "component", "category": "chip", "path": [ "component", "chip", "200", "font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-200-gap-x", "tier": "component", "category": "chip", "path": [ "component", "chip", "200", "gap-x" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-200-icon-size", "tier": "component", "category": "chip", "path": [ "component", "chip", "200", "icon-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-200-image-size", "tier": "component", "category": "chip", "path": [ "component", "chip", "200", "image-size" ], "type": "alias", "public": false, "values": { "light": "40px" }, "references": { "light": "var(--oc-base-dimension-absolute-40)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-200-min-height", "tier": "component", "category": "chip", "path": [ "component", "chip", "200", "min-height" ], "type": "alias", "public": false, "values": { "light": "3rem" }, "references": { "light": "var(--oc-base-dimension-relative-48)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-200-min-width", "tier": "component", "category": "chip", "path": [ "component", "chip", "200", "min-width" ], "type": "alias", "public": false, "values": { "light": "3rem" }, "references": { "light": "var(--oc-base-dimension-relative-48)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-200-spacing-x", "tier": "component", "category": "chip", "path": [ "component", "chip", "200", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-200-spacing-y", "tier": "component", "category": "chip", "path": [ "component", "chip", "200", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-200-text-spacing-x", "tier": "component", "category": "chip", "path": [ "component", "chip", "200", "text-spacing-x" ], "type": "alias", "public": false, "values": { "light": "4px", "dark": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)", "dark": "var(--oc-semantic-spacing-25)" }, "themeable": true, "sources": [ "tokens/component/chip/dark.tokens.json", "tokens/component/chip/light.tokens.json" ], "css": { "light": "var(--oc-semantic-spacing-absolute-25)", "dark": "var(--oc-semantic-spacing-25)" } }, { "name": "--oc-component-chip-checked-background-color", "tier": "component", "category": "chip", "path": [ "component", "chip", "checked", "background-color" ], "type": "alias", "public": false, "values": { "light": "#b9e5ff", "dark": "#1a4991" }, "references": { "light": "var(--oc-base-color-interactive-blue-lighten-45)", "dark": "var(--oc-base-color-interactive-blue-darken-15)" }, "comment": "@deprecated: Not needed for outlined chips", "deprecated": "@deprecated: Not needed for outlined chips", "themeable": true, "sources": [ "tokens/component/chip/dark.tokens.json", "tokens/component/chip/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-lighten-45)", "dark": "var(--oc-base-color-interactive-blue-darken-15)" } }, { "name": "--oc-component-chip-checked-background-color-active", "tier": "component", "category": "chip", "path": [ "component", "chip", "checked", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#53bfff", "dark": "#215fbc" }, "references": { "light": "var(--oc-base-color-interactive-blue-lighten-25)", "dark": "var(--oc-base-color-interactive-blue-darken-5)" }, "comment": "@deprecated: Not needed for outlined chips", "deprecated": "@deprecated: Not needed for outlined chips", "themeable": true, "sources": [ "tokens/component/chip/dark.tokens.json", "tokens/component/chip/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-lighten-25)", "dark": "var(--oc-base-color-interactive-blue-darken-5)" } }, { "name": "--oc-component-chip-checked-background-color-hover", "tier": "component", "category": "chip", "path": [ "component", "chip", "checked", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#86d2ff", "dark": "#1d54a7" }, "references": { "light": "var(--oc-base-color-interactive-blue-lighten-35)", "dark": "var(--oc-base-color-interactive-blue-darken-10)" }, "comment": "@deprecated: Not needed for outlined chips", "deprecated": "@deprecated: Not needed for outlined chips", "themeable": true, "sources": [ "tokens/component/chip/dark.tokens.json", "tokens/component/chip/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-lighten-35)", "dark": "var(--oc-base-color-interactive-blue-darken-10)" } }, { "name": "--oc-component-chip-checked-border-color", "tier": "component", "category": "chip", "path": [ "component", "chip", "checked", "border-color" ], "type": "alias", "public": false, "values": { "light": "#212121", "dark": "#ffffff" }, "references": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" }, "themeable": true, "sources": [ "tokens/component/chip/dark.tokens.json", "tokens/component/chip/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" } }, { "name": "--oc-component-chip-checked-border-width", "tier": "component", "category": "chip", "path": [ "component", "chip", "checked", "border-width" ], "type": "alias", "public": false, "values": { "light": "1.5px" }, "references": { "light": "var(--oc-semantic-border-width-150)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-checked-font-weight", "tier": "component", "category": "chip", "path": [ "component", "chip", "checked", "font-weight" ], "type": "alias", "public": false, "values": { "light": "700" }, "references": { "light": "var(--oc-base-font-weight-bold)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-default-background-color", "tier": "component", "category": "chip", "path": [ "component", "chip", "default", "background-color" ], "type": "alias", "public": false, "values": { "light": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-stacked)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-default-background-color-active", "tier": "component", "category": "chip", "path": [ "component", "chip", "default", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#bdbdbd", "dark": "#545454" }, "references": { "light": "var(--oc-base-color-black-lighten-61)", "dark": "var(--oc-base-color-black-lighten-20)" }, "themeable": true, "sources": [ "tokens/component/chip/dark.tokens.json", "tokens/component/chip/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-lighten-61)", "dark": "var(--oc-base-color-black-lighten-20)" } }, { "name": "--oc-component-chip-default-background-color-hover", "tier": "component", "category": "chip", "path": [ "component", "chip", "default", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#d6d6d6", "dark": "#474747" }, "references": { "light": "var(--oc-base-color-black-lighten-71)", "dark": "var(--oc-base-color-black-lighten-15)" }, "themeable": true, "sources": [ "tokens/component/chip/dark.tokens.json", "tokens/component/chip/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-lighten-71)", "dark": "var(--oc-base-color-black-lighten-15)" } }, { "name": "--oc-component-chip-disabled-background-color", "tier": "component", "category": "chip", "path": [ "component", "chip", "disabled", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-semantic-color-background-disabled)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-disabled-checked-border-color", "tier": "component", "category": "chip", "path": [ "component", "chip", "disabled", "checked-border-color" ], "type": "alias", "public": false, "values": { "light": "#cccccc" }, "references": { "light": "var(--oc-semantic-color-stroke-disabled)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-disabled-icon-color", "tier": "component", "category": "chip", "path": [ "component", "chip", "disabled", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-semantic-color-text-disabled)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-disabled-text-color", "tier": "component", "category": "chip", "path": [ "component", "chip", "disabled", "text-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-semantic-color-text-disabled)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-icon-color", "tier": "component", "category": "chip", "path": [ "component", "chip", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-image-spacing-left", "tier": "component", "category": "chip", "path": [ "component", "chip", "image-spacing-left" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-over-color-background-color", "tier": "component", "category": "chip", "path": [ "component", "chip", "over-color", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-over-color-background-color-active", "tier": "component", "category": "chip", "path": [ "component", "chip", "over-color", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#cccccc", "dark": "#474747" }, "references": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-15)" }, "themeable": true, "sources": [ "tokens/component/chip/dark.tokens.json", "tokens/component/chip/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-15)" } }, { "name": "--oc-component-chip-over-color-background-color-hover", "tier": "component", "category": "chip", "path": [ "component", "chip", "over-color", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5", "dark": "#3a3a3a" }, "references": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-10)" }, "themeable": true, "sources": [ "tokens/component/chip/dark.tokens.json", "tokens/component/chip/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-10)" } }, { "name": "--oc-component-chip-text-color", "tier": "component", "category": "chip", "path": [ "component", "chip", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-transition-duration", "tier": "component", "category": "chip", "path": [ "component", "chip", "transition-duration" ], "type": "alias", "public": false, "values": { "light": "200ms" }, "references": { "light": "var(--oc-semantic-transition-expand-duration)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-chip-transition-easing", "tier": "component", "category": "chip", "path": [ "component", "chip", "transition-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-expand-easing)" }, "sources": [ "tokens/component/chip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-cinema-cut-item-visible-percentage", "tier": "component", "category": "cinema", "path": [ "component", "cinema", "cut-item-visible-percentage" ], "type": "string", "public": false, "values": { "light": "0.5" }, "sources": [ "tokens/component/cinema/light.tokens.json" ], "css": {} }, { "name": "--oc-component-cinema-gap-y", "tier": "component", "category": "cinema", "path": [ "component", "cinema", "gap-y" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/cinema/light.tokens.json" ], "css": {} }, { "name": "--oc-component-cinema-hide-button-duration", "tier": "component", "category": "cinema", "path": [ "component", "cinema", "hide-button-duration" ], "type": "alias", "public": false, "values": { "light": "50ms" }, "references": { "light": "var(--oc-semantic-transition-disappear-duration)" }, "sources": [ "tokens/component/cinema/light.tokens.json" ], "css": {} }, { "name": "--oc-component-cinema-hide-button-easing", "tier": "component", "category": "cinema", "path": [ "component", "cinema", "hide-button-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,1,1)" }, "references": { "light": "var(--oc-semantic-transition-disappear-easing)" }, "sources": [ "tokens/component/cinema/light.tokens.json" ], "css": {} }, { "name": "--oc-component-cinema-show-button-duration", "tier": "component", "category": "cinema", "path": [ "component", "cinema", "show-button-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-transition-appear-duration)" }, "sources": [ "tokens/component/cinema/light.tokens.json" ], "css": {} }, { "name": "--oc-component-cinema-show-button-easing", "tier": "component", "category": "cinema", "path": [ "component", "cinema", "show-button-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-appear-easing)" }, "sources": [ "tokens/component/cinema/light.tokens.json" ], "css": {} }, { "name": "--oc-component-cinema-stage-gap-x", "tier": "component", "category": "cinema", "path": [ "component", "cinema", "stage-gap-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-cinema-gap)" }, "sources": [ "tokens/component/cinema/light.tokens.json" ], "css": {} }, { "name": "--oc-component-cinema-stage-spacing-x", "tier": "component", "category": "cinema", "path": [ "component", "cinema", "stage-spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-content-layout-outer)" }, "sources": [ "tokens/component/cinema/light.tokens.json" ], "css": {} }, { "name": "--oc-component-divider-border-color", "tier": "component", "category": "divider", "path": [ "component", "divider", "border-color" ], "type": "alias", "public": false, "values": { "light": "rgba(33, 33, 33, 0.10196078431372549)" }, "references": { "light": "var(--oc-semantic-color-stroke-divider)" }, "sources": [ "tokens/component/divider/light.tokens.json" ], "css": {} }, { "name": "--oc-component-divider-border-width", "tier": "component", "category": "divider", "path": [ "component", "divider", "border-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/divider/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-background-color", "tier": "component", "category": "expander", "path": [ "component", "expander", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-collapse-duration", "tier": "component", "category": "expander", "path": [ "component", "expander", "collapse-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-transition-collapse-duration)" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-collapse-easing", "tier": "component", "category": "expander", "path": [ "component", "expander", "collapse-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-collapse-easing)" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-default-cutoff-height", "tier": "component", "category": "expander", "path": [ "component", "expander", "default-cutoff-height" ], "type": "string", "public": false, "values": { "light": "9.375rem" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-expand-duration", "tier": "component", "category": "expander", "path": [ "component", "expander", "expand-duration" ], "type": "alias", "public": false, "values": { "light": "200ms" }, "references": { "light": "var(--oc-semantic-transition-expand-duration)" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-expand-easing", "tier": "component", "category": "expander", "path": [ "component", "expander", "expand-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-expand-easing)" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-fade-color", "tier": "component", "category": "expander", "path": [ "component", "expander", "fade-color" ], "type": "string", "public": false, "values": { "light": "linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.75) 50%, #FFF 100%)", "dark": "linear-gradient(180deg, rgba(46,46,46, 0.00) 0%, rgba(46,46,46, 0.75) 50%, #2e2e2e 100%)" }, "themeable": true, "sources": [ "tokens/component/expander/dark.tokens.json", "tokens/component/expander/light.tokens.json" ], "css": { "light": "linear-gradient(180deg, #fff0 0%, #ffffffbf 50%, #fff 100%)", "dark": "linear-gradient(180deg, #2e2e2e00 0%, #2e2e2ebf 50%, #2e2e2e 100%)" } }, { "name": "--oc-component-expander-fade-height", "tier": "component", "category": "expander", "path": [ "component", "expander", "fade-height" ], "type": "string", "public": false, "values": { "light": "6.25rem" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-fade-stop-0", "tier": "component", "category": "expander", "path": [ "component", "expander", "fade-stop-0" ], "type": "color", "public": false, "values": { "light": "rgba(255, 255, 255, 0)", "dark": "rgba(46, 46, 46, 0)" }, "themeable": true, "sources": [ "tokens/component/expander/dark.tokens.json", "tokens/component/expander/light.tokens.json" ], "css": { "light": "#fff0", "dark": "#2e2e2e00" } }, { "name": "--oc-component-expander-fade-stop-100", "tier": "component", "category": "expander", "path": [ "component", "expander", "fade-stop-100" ], "type": "color", "public": false, "values": { "light": "#ffffff", "dark": "#2e2e2e" }, "themeable": true, "sources": [ "tokens/component/expander/dark.tokens.json", "tokens/component/expander/light.tokens.json" ], "css": { "light": "#fff", "dark": "#2e2e2e" } }, { "name": "--oc-component-expander-fade-stop-50", "tier": "component", "category": "expander", "path": [ "component", "expander", "fade-stop-50" ], "type": "color", "public": false, "values": { "light": "rgba(255, 255, 255, 0.7490196078431373)", "dark": "rgba(46, 46, 46, 0.7490196078431373)" }, "themeable": true, "sources": [ "tokens/component/expander/dark.tokens.json", "tokens/component/expander/light.tokens.json" ], "css": { "light": "#ffffffbf", "dark": "#2e2e2ebf" } }, { "name": "--oc-component-expander-font", "tier": "component", "category": "expander", "path": [ "component", "expander", "font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-gap-x", "tier": "component", "category": "expander", "path": [ "component", "expander", "gap-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-primary-icon-color", "tier": "component", "category": "expander", "path": [ "component", "expander", "primary", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#2366cb" }, "references": { "light": "var(--oc-semantic-color-text-interactive)" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-primary-text-color", "tier": "component", "category": "expander", "path": [ "component", "expander", "primary", "text-color" ], "type": "alias", "public": false, "values": { "light": "#2366cb" }, "references": { "light": "var(--oc-semantic-color-text-interactive)" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-secondary-icon-color", "tier": "component", "category": "expander", "path": [ "component", "expander", "secondary", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-expander-secondary-text-color", "tier": "component", "category": "expander", "path": [ "component", "expander", "secondary", "text-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/expander/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-action-bar-background-color", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "action-bar", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-action-bar-conditional-border-top-color", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "action-bar", "conditional-border-top-color" ], "type": "alias", "public": false, "values": { "light": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-frame)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-action-bar-conditional-border-top-width", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "action-bar", "conditional-border-top-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-action-bar-conditional-shadow", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "action-bar", "conditional-shadow" ], "type": "alias", "public": false, "values": { "light": "drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.25)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.07))" }, "references": { "light": "var(--oc-base-shadow-100)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-action-bar-spacing-bottom", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "action-bar", "spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-action-bar-spacing-top", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "action-bar", "spacing-top" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-action-bar-spacing-x", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "action-bar", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-background-color", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "background-color" ], "type": "alias", "public": false, "values": { "light": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-frame)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-content-background-color", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "content", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-footer-link-divider", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "footer", "link-divider" ], "type": "string", "public": false, "values": { "light": "・" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-footer-link-divider-color", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "footer", "link-divider-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-footer-link-font", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "footer", "link-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-footer-link-gap", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "footer", "link-gap" ], "type": "alias", "public": false, "values": { "light": "0px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-0)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-footer-small-print-color", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "footer", "small-print-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-footer-small-print-font", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "footer", "small-print-font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-footer-spacing-bottom", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "footer", "spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-footer-spacing-top", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "footer", "spacing-top" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-footer-spacing-x", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "footer", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-header-background-color", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "header", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-header-close-button-spacing-right", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "header", "close-button-spacing-right" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-header-close-button-spacing-top", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "header", "close-button-spacing-top" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-header-conditional-border-bottom-color", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "header", "conditional-border-bottom-color" ], "type": "alias", "public": false, "values": { "light": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-frame)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-header-conditional-border-bottom-width", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "header", "conditional-border-bottom-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-header-conditional-shadow", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "header", "conditional-shadow" ], "type": "alias", "public": false, "values": { "light": "drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.25)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.07))" }, "references": { "light": "var(--oc-base-shadow-100)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-header-gap-y", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "header", "gap-y" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-header-spacing-x", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "header", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-header-title-color", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "header", "title-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-header-title-font", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "header", "title-font" ], "type": "alias", "public": false, "values": { "light": "700 1.25rem/1.75rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-200)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-focused-dialog-header-title-spacing-top", "tier": "component", "category": "focused-dialog", "path": [ "component", "focused-dialog", "header", "title-spacing-top" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/focused-dialog/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-background-color", "tier": "component", "category": "form", "path": [ "component", "form", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-background-color-checked", "tier": "component", "category": "form", "path": [ "component", "form", "background-color-checked" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-background-inverted)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-border-width", "tier": "component", "category": "form", "path": [ "component", "form", "border-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-border-width-active", "tier": "component", "category": "form", "path": [ "component", "form", "border-width-active" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-border-width-200)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-border-width-hover", "tier": "component", "category": "form", "path": [ "component", "form", "border-width-hover" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-border-width-200)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-50-border-radius", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "50", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-border-radius-50)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-50-container-size", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "50", "container-size" ], "type": "string", "public": false, "values": { "light": "1.25rem" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-50-gap-x", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "50", "gap-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-50-hitbox-size", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "50", "hitbox-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-50-icon-size", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "50", "icon-size" ], "type": "alias", "public": false, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-base-dimension-relative-12)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-50-label-font", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "50", "label-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-100-border-radius", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "100", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-border-radius-50)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-100-container-size", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "100", "container-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-100-gap-x", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "100", "gap-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-100-hitbox-size", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "100", "hitbox-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-100-icon-size", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "100", "icon-size" ], "type": "alias", "public": false, "values": { "light": "1rem", "dark": "16px" }, "references": { "light": "var(--oc-base-dimension-relative-16)", "dark": "var(--oc-base-dimension-absolute-16)" }, "themeable": true, "sources": [ "tokens/component/form/dark.tokens.json", "tokens/component/form/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-16)", "dark": "var(--oc-base-dimension-absolute-16)" } }, { "name": "--oc-component-form-checkbox-100-label-font", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "100", "label-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-icon-scale-duration", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "icon-scale-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-component-back-to-top-button-appear-duration)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-checkbox-icon-scale-easing", "tier": "component", "category": "form", "path": [ "component", "form", "checkbox", "icon-scale-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.6,0,0.2,1.3)" }, "references": { "light": "var(--oc-base-easing-expressive-bounce)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-default-border-color", "tier": "component", "category": "form", "path": [ "component", "form", "default", "border-color" ], "type": "alias", "public": false, "values": { "light": "#949494", "dark": "#6d6d6d" }, "references": { "light": "var(--oc-base-color-gray-200)", "dark": "var(--oc-base-color-gray-400)" }, "themeable": true, "sources": [ "tokens/component/form/dark.tokens.json", "tokens/component/form/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-200)", "dark": "var(--oc-base-color-gray-400)" } }, { "name": "--oc-component-form-default-border-color-active", "tier": "component", "category": "form", "path": [ "component", "form", "default", "border-color-active" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-base-color-black-lighten-30)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-default-border-color-focus", "tier": "component", "category": "form", "path": [ "component", "form", "default", "border-color-focus" ], "type": "alias", "public": false, "values": { "light": "#212121", "dark": "#cccccc" }, "references": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-gray-150)" }, "themeable": true, "sources": [ "tokens/component/form/dark.tokens.json", "tokens/component/form/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-gray-150)" } }, { "name": "--oc-component-form-default-hint-color", "tier": "component", "category": "form", "path": [ "component", "form", "default", "hint-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-default-icon-color", "tier": "component", "category": "form", "path": [ "component", "form", "default", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "comment": "@deprecated: As soon as inverted checked style is executed", "deprecated": "@deprecated: As soon as inverted checked style is executed", "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-default-icon-color-checked", "tier": "component", "category": "form", "path": [ "component", "form", "default", "icon-color-checked" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-default-label-color", "tier": "component", "category": "form", "path": [ "component", "form", "default", "label-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-disabled-background-color", "tier": "component", "category": "form", "path": [ "component", "form", "disabled", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-semantic-color-background-disabled)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-disabled-background-color-checked", "tier": "component", "category": "form", "path": [ "component", "form", "disabled", "background-color-checked" ], "type": "alias", "public": false, "values": { "light": "#cccccc" }, "references": { "light": "var(--oc-semantic-color-stroke-disabled)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-disabled-border-color", "tier": "component", "category": "form", "path": [ "component", "form", "disabled", "border-color" ], "type": "alias", "public": false, "values": { "light": "#cccccc" }, "references": { "light": "var(--oc-semantic-color-stroke-disabled)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-disabled-hint-color", "tier": "component", "category": "form", "path": [ "component", "form", "disabled", "hint-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-semantic-color-text-disabled)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-disabled-icon-color", "tier": "component", "category": "form", "path": [ "component", "form", "disabled", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-semantic-color-text-disabled)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-disabled-icon-color-checked", "tier": "component", "category": "form", "path": [ "component", "form", "disabled", "icon-color-checked" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-semantic-color-background-disabled)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-disabled-input-color", "tier": "component", "category": "form", "path": [ "component", "form", "disabled", "input-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-semantic-color-text-disabled)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-disabled-label-color", "tier": "component", "category": "form", "path": [ "component", "form", "disabled", "label-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-semantic-color-text-disabled)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-error-background-color-checked", "tier": "component", "category": "form", "path": [ "component", "form", "error", "background-color-checked" ], "type": "alias", "public": false, "values": { "light": "#b30023" }, "references": { "light": "var(--oc-semantic-color-text-error)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-error-border-color", "tier": "component", "category": "form", "path": [ "component", "form", "error", "border-color" ], "type": "alias", "public": false, "values": { "light": "#e64b69" }, "references": { "light": "var(--oc-semantic-color-stroke-error)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-error-hint-color", "tier": "component", "category": "form", "path": [ "component", "form", "error", "hint-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-error-icon-color", "tier": "component", "category": "form", "path": [ "component", "form", "error", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#b30023" }, "references": { "light": "var(--oc-semantic-color-text-error)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-error-label-color", "tier": "component", "category": "form", "path": [ "component", "form", "error", "label-color" ], "type": "alias", "public": false, "values": { "light": "#b30023" }, "references": { "light": "var(--oc-semantic-color-text-error)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-error-validation-message-color", "tier": "component", "category": "form", "path": [ "component", "form", "error", "validation-message-color" ], "type": "alias", "public": false, "values": { "light": "#b30023" }, "references": { "light": "var(--oc-semantic-color-text-error)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-field-border-radius", "tier": "component", "category": "form", "path": [ "component", "form", "field", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-field-floating-label-font", "tier": "component", "category": "form", "path": [ "component", "form", "field", "floating-label-font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-field-floating-label-inner-spacing-x", "tier": "component", "category": "form", "path": [ "component", "form", "field", "floating-label-inner-spacing-x" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-base-dimension-absolute-4)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-field-floating-label-spacing-left", "tier": "component", "category": "form", "path": [ "component", "form", "field", "floating-label-spacing-left" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-base-dimension-absolute-8)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-field-focus-outline-radius", "tier": "component", "category": "form", "path": [ "component", "form", "field", "focus-outline-radius" ], "type": "alias", "public": false, "values": { "light": "calc(0.5rem + 2px)" }, "references": { "light": "var(--oc-semantic-focus-outline-radius-100)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-field-input-color", "tier": "component", "category": "form", "path": [ "component", "form", "field", "input-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-field-input-font", "tier": "component", "category": "form", "path": [ "component", "form", "field", "input-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-field-label-border-radius", "tier": "component", "category": "form", "path": [ "component", "form", "field", "label-border-radius" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-border-radius-50)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-field-placeholder-color", "tier": "component", "category": "form", "path": [ "component", "form", "field", "placeholder-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-field-placeholder-font", "tier": "component", "category": "form", "path": [ "component", "form", "field", "placeholder-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-field-spacing-x", "tier": "component", "category": "form", "path": [ "component", "form", "field", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-field-spacing-y", "tier": "component", "category": "form", "path": [ "component", "form", "field", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-group-gap-x", "tier": "component", "category": "form", "path": [ "component", "form", "group", "gap-x" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-form-checkbox-radio-button-horizontal)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-group-gap-y", "tier": "component", "category": "form", "path": [ "component", "form", "group", "gap-y" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-form-checkbox-radio-button-vertical)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-hint-font", "tier": "component", "category": "form", "path": [ "component", "form", "hint-font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-hint-gap-y", "tier": "component", "category": "form", "path": [ "component", "form", "hint-gap-y" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-base-dimension-absolute-4)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-label-font", "tier": "component", "category": "form", "path": [ "component", "form", "label-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-label-motion-duration", "tier": "component", "category": "form", "path": [ "component", "form", "label-motion-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-duration-short-100)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-label-motion-easing", "tier": "component", "category": "form", "path": [ "component", "form", "label-motion-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "references": { "light": "var(--oc-base-easing-default-in-out)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-radio-button-50-container-size", "tier": "component", "category": "form", "path": [ "component", "form", "radio-button", "50", "container-size" ], "type": "string", "public": false, "values": { "light": "1.25rem" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-radio-button-50-gap-x", "tier": "component", "category": "form", "path": [ "component", "form", "radio-button", "50", "gap-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-radio-button-50-hitbox-size", "tier": "component", "category": "form", "path": [ "component", "form", "radio-button", "50", "hitbox-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-radio-button-50-icon-size", "tier": "component", "category": "form", "path": [ "component", "form", "radio-button", "50", "icon-size" ], "type": "string", "public": false, "values": { "light": "0.625rem" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-radio-button-50-label-font", "tier": "component", "category": "form", "path": [ "component", "form", "radio-button", "50", "label-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-radio-button-100-container-size", "tier": "component", "category": "form", "path": [ "component", "form", "radio-button", "100", "container-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-radio-button-100-gap-x", "tier": "component", "category": "form", "path": [ "component", "form", "radio-button", "100", "gap-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-radio-button-100-hitbox-size", "tier": "component", "category": "form", "path": [ "component", "form", "radio-button", "100", "hitbox-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-radio-button-100-icon-size", "tier": "component", "category": "form", "path": [ "component", "form", "radio-button", "100", "icon-size" ], "type": "string", "public": false, "values": { "light": "0.625rem" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-radio-button-100-label-font", "tier": "component", "category": "form", "path": [ "component", "form", "radio-button", "100", "label-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-radio-button-icon-scale-duration", "tier": "component", "category": "form", "path": [ "component", "form", "radio-button", "icon-scale-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-component-back-to-top-button-appear-duration)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-radio-button-icon-scale-easing", "tier": "component", "category": "form", "path": [ "component", "form", "radio-button", "icon-scale-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.6,0,0.2,1.3)" }, "references": { "light": "var(--oc-base-easing-expressive-bounce)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-state-icon-gap-x", "tier": "component", "category": "form", "path": [ "component", "form", "state-icon-gap-x" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-success-border-color", "tier": "component", "category": "form", "path": [ "component", "form", "success", "border-color" ], "type": "alias", "public": false, "values": { "light": "#3e935e" }, "references": { "light": "var(--oc-semantic-color-stroke-success)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-success-hint-color", "tier": "component", "category": "form", "path": [ "component", "form", "success", "hint-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-success-icon-color", "tier": "component", "category": "form", "path": [ "component", "form", "success", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#227642" }, "references": { "light": "var(--oc-semantic-color-text-success)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-success-label-color", "tier": "component", "category": "form", "path": [ "component", "form", "success", "label-color" ], "type": "alias", "public": false, "values": { "light": "#227642" }, "references": { "light": "var(--oc-semantic-color-text-success)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-validation-message-font", "tier": "component", "category": "form", "path": [ "component", "form", "validation-message-font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-warning-border-color", "tier": "component", "category": "form", "path": [ "component", "form", "warning", "border-color" ], "type": "alias", "public": false, "values": { "light": "#e35316" }, "references": { "light": "var(--oc-semantic-color-stroke-warning)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-warning-hint-color", "tier": "component", "category": "form", "path": [ "component", "form", "warning", "hint-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-warning-icon-color", "tier": "component", "category": "form", "path": [ "component", "form", "warning", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#ae4518" }, "references": { "light": "var(--oc-semantic-color-text-warning)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-form-warning-label-color", "tier": "component", "category": "form", "path": [ "component", "form", "warning", "label-color" ], "type": "alias", "public": false, "values": { "light": "#ae4518" }, "references": { "light": "var(--oc-semantic-color-text-warning)" }, "sources": [ "tokens/component/form/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-25-background-size", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "25", "background-size" ], "type": "alias", "public": false, "values": { "light": "1rem" }, "references": { "light": "var(--oc-base-dimension-relative-16)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-25-border-radius", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "25", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)" }, "comment": "from main", "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-25-hitbox-size", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "25", "hitbox-size" ], "type": "string", "public": false, "values": { "light": "calc(1rem + 2* 4px)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-25-icon-size", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "25", "icon-size" ], "type": "alias", "public": false, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-base-dimension-relative-12)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-50-background-size", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "50", "background-size" ], "type": "alias", "public": false, "values": { "light": "2rem" }, "references": { "light": "var(--oc-base-dimension-relative-32)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-50-border-radius", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "50", "border-radius" ], "type": "alias", "public": false, "values": { "light": "1rem", "onex": "0.75rem" }, "references": { "light": "var(--oc-semantic-border-radius-200)", "onex": "var(--oc-semantic-border-radius-150)" }, "themeable": true, "sources": [ "tokens/component/icon-button/light.tokens.json", "tokens/component/icon-button/onex.tokens.json" ], "css": { "light": "var(--oc-semantic-border-radius-200)", "onex": "var(--oc-semantic-border-radius-150)" } }, { "name": "--oc-component-icon-button-50-hitbox-size", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "50", "hitbox-size" ], "type": "string", "public": false, "values": { "light": "calc(2rem + 2* 8px)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-50-icon-size", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "50", "icon-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-75-background-size", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "75", "background-size" ], "type": "alias", "public": false, "values": { "light": "2.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-40)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-75-border-radius", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "75", "border-radius" ], "type": "alias", "public": false, "values": { "light": "1.25rem" }, "references": { "light": "var(--oc-semantic-border-radius-250)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-75-icon-size", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "75", "icon-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-100-background-size", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "100", "background-size" ], "type": "alias", "public": false, "values": { "light": "3rem" }, "references": { "light": "var(--oc-base-dimension-relative-48)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-100-border-radius", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "100", "border-radius" ], "type": "alias", "public": false, "values": { "light": "1.5rem", "onex": "1rem" }, "references": { "light": "var(--oc-semantic-border-radius-300)", "onex": "var(--oc-semantic-border-radius-200)" }, "themeable": true, "sources": [ "tokens/component/icon-button/light.tokens.json", "tokens/component/icon-button/onex.tokens.json" ], "css": { "light": "var(--oc-semantic-border-radius-300)", "onex": "var(--oc-semantic-border-radius-200)" } }, { "name": "--oc-component-icon-button-100-icon-size", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "100", "icon-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-disabled-background-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "disabled", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-semantic-color-background-disabled)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-disabled-icon-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "disabled", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-semantic-color-text-disabled)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-elevation-level-100-background-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "elevation-level", "100", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff", "dark": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-canvas)", "dark": "var(--oc-semantic-color-background-stacked)" }, "themeable": true, "sources": [ "tokens/component/icon-button/dark.tokens.json", "tokens/component/icon-button/light.tokens.json" ], "css": { "light": "var(--oc-semantic-color-background-canvas)", "dark": "var(--oc-semantic-color-background-stacked)" } }, { "name": "--oc-component-icon-button-elevation-level-100-background-color-active", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "elevation-level", "100", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#cccccc", "dark": "#545454" }, "references": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-20)" }, "themeable": true, "sources": [ "tokens/component/icon-button/dark.tokens.json", "tokens/component/icon-button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-20)" } }, { "name": "--oc-component-icon-button-elevation-level-100-background-color-hover", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "elevation-level", "100", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5", "dark": "#474747" }, "references": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-15)" }, "themeable": true, "sources": [ "tokens/component/icon-button/dark.tokens.json", "tokens/component/icon-button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-15)" } }, { "name": "--oc-component-icon-button-elevation-level-100-shadow", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "elevation-level", "100", "shadow" ], "type": "alias", "public": false, "values": { "light": "drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.25)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.07))" }, "references": { "light": "var(--oc-base-shadow-100)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-elevation-level-200-background-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "elevation-level", "200", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-above)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-elevation-level-200-background-color-active", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "elevation-level", "200", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#cccccc", "dark": "#616161" }, "references": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-25)" }, "themeable": true, "sources": [ "tokens/component/icon-button/dark.tokens.json", "tokens/component/icon-button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-25)" } }, { "name": "--oc-component-icon-button-elevation-level-200-background-color-hover", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "elevation-level", "200", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5", "dark": "#545454" }, "references": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-20)" }, "themeable": true, "sources": [ "tokens/component/icon-button/dark.tokens.json", "tokens/component/icon-button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-20)" } }, { "name": "--oc-component-icon-button-elevation-level-200-shadow", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "elevation-level", "200", "shadow" ], "type": "alias", "public": false, "values": { "light": "drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.10))" }, "references": { "light": "var(--oc-semantic-shadow-above)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-elevation-level-300-background-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "elevation-level", "300", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-sticky)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-elevation-level-300-background-color-active", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "elevation-level", "300", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#cccccc", "dark": "#6d6d6d" }, "references": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-30)" }, "themeable": true, "sources": [ "tokens/component/icon-button/dark.tokens.json", "tokens/component/icon-button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-30)" } }, { "name": "--oc-component-icon-button-elevation-level-300-background-color-hover", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "elevation-level", "300", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5", "dark": "#616161" }, "references": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-25)" }, "themeable": true, "sources": [ "tokens/component/icon-button/dark.tokens.json", "tokens/component/icon-button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-25)" } }, { "name": "--oc-component-icon-button-elevation-level-300-shadow", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "elevation-level", "300", "shadow" ], "type": "alias", "public": false, "values": { "light": "drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.30)) drop-shadow(0px 9px 10px rgba(0, 0, 0, 0.10))" }, "references": { "light": "var(--oc-semantic-shadow-sticky)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-inverted-background-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "inverted", "background-color" ], "type": "color", "public": false, "values": { "light": "rgba(255, 255, 255, 0)", "dark": "rgba(0, 0, 0, 0)" }, "themeable": true, "sources": [ "tokens/component/icon-button/dark.tokens.json", "tokens/component/icon-button/light.tokens.json" ], "css": { "light": "#fff0", "dark": "#0000" } }, { "name": "--oc-component-icon-button-inverted-background-color-active", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "inverted", "background-color-active" ], "type": "color", "public": false, "values": { "light": "rgba(255, 255, 255, 0.10196078431372549)", "dark": "rgba(0, 0, 0, 0.10196078431372549)" }, "themeable": true, "sources": [ "tokens/component/icon-button/dark.tokens.json", "tokens/component/icon-button/light.tokens.json" ], "css": { "light": "#ffffff1a", "dark": "#0000001a" } }, { "name": "--oc-component-icon-button-inverted-background-color-hover", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "inverted", "background-color-hover" ], "type": "color", "public": false, "values": { "light": "rgba(255, 255, 255, 0.03137254901960784)", "dark": "rgba(0, 0, 0, 0.03137254901960784)" }, "themeable": true, "sources": [ "tokens/component/icon-button/dark.tokens.json", "tokens/component/icon-button/light.tokens.json" ], "css": { "light": "#ffffff08", "dark": "#00000008" } }, { "name": "--oc-component-icon-button-inverted-icon-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "inverted", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-primary-background-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "primary", "background-color" ], "type": "alias", "public": false, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-component-button-primary-background-color)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-primary-background-color-active", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "primary", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#850012" }, "references": { "light": "var(--oc-component-button-primary-background-color-active)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-primary-background-color-hover", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "primary", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#b80018" }, "references": { "light": "var(--oc-component-button-primary-background-color-hover)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-primary-icon-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "primary", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-component-button-primary-icon-color)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-secondary-background-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "secondary", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-component-button-secondary-background-color)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-secondary-background-color-active", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "secondary", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#cccccc" }, "references": { "light": "var(--oc-component-button-secondary-background-color-active)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-secondary-background-color-hover", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "secondary", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#d6d6d6" }, "references": { "light": "var(--oc-component-button-secondary-background-color-hover)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-secondary-icon-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "secondary", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-component-button-secondary-icon-color)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-secondary-over-color-background-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "secondary-over-color", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-secondary-over-color-background-color-active", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "secondary-over-color", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#cccccc", "dark": "#474747" }, "references": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-15)" }, "themeable": true, "sources": [ "tokens/component/icon-button/dark.tokens.json", "tokens/component/icon-button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-15)" } }, { "name": "--oc-component-icon-button-secondary-over-color-background-color-hover", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "secondary-over-color", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5", "dark": "#3a3a3a" }, "references": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-10)" }, "themeable": true, "sources": [ "tokens/component/icon-button/dark.tokens.json", "tokens/component/icon-button/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-10)" } }, { "name": "--oc-component-icon-button-secondary-over-color-elevated-shadow", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "secondary-over-color", "elevated", "shadow" ], "type": "alias", "public": false, "values": { "light": "drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.10))" }, "references": { "light": "var(--oc-base-shadow-200)" }, "comment": "@deprecated: Was only there for icon-button-v1 elevated boolean property", "deprecated": "@deprecated: Was only there for icon-button-v1 elevated boolean property", "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-secondary-over-color-icon-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "secondary-over-color", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-spinner-delay", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "spinner-delay" ], "type": "alias", "public": false, "values": { "light": "275ms" }, "references": { "light": "var(--oc-semantic-duration-medium-50)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-success-background-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "success", "background-color" ], "type": "alias", "public": false, "values": { "light": "#d3eedd" }, "references": { "light": "var(--oc-component-button-success-background-color)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-success-background-color-active", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "success", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#89d2a4" }, "references": { "light": "var(--oc-component-button-success-background-color-active)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-success-background-color-hover", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "success", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#aee0c1" }, "references": { "light": "var(--oc-component-button-success-background-color-hover)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-success-icon-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "success", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#227642" }, "references": { "light": "var(--oc-component-button-success-icon-color)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-tertiary-icon-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "tertiary", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#2366cb" }, "references": { "light": "var(--oc-component-button-tertiary-icon-color)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-transparent-background-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "transparent", "background-color" ], "type": "alias", "public": false, "values": { "light": "rgba(0, 0, 0, 0)" }, "references": { "light": "var(--oc-semantic-color-overlay-default)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-transparent-background-color-active", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "transparent", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "rgba(0, 0, 0, 0.09019607843137255)" }, "references": { "light": "var(--oc-semantic-color-overlay-active)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-transparent-background-color-hover", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "transparent", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "rgba(0, 0, 0, 0.03137254901960784)" }, "references": { "light": "var(--oc-semantic-color-overlay-hover)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-button-transparent-icon-color", "tier": "component", "category": "icon-button", "path": [ "component", "icon-button", "transparent", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/icon-button/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-50-default-size", "tier": "component", "category": "icon", "path": [ "component", "icon", "50", "default-size" ], "type": "alias", "public": false, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-base-dimension-relative-12)" }, "sources": [ "tokens/component/icon/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-100-default-size", "tier": "component", "category": "icon", "path": [ "component", "icon", "100", "default-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/icon/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-color-transition-duration", "tier": "component", "category": "icon", "path": [ "component", "icon", "color-transition-duration" ], "type": "alias", "public": false, "values": { "light": "50ms" }, "references": { "light": "var(--oc-semantic-duration-short-50)" }, "sources": [ "tokens/component/icon/light.tokens.json" ], "css": {} }, { "name": "--oc-component-icon-color-transition-easing", "tier": "component", "category": "icon", "path": [ "component", "icon", "color-transition-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "references": { "light": "var(--oc-base-easing-default-in-out)" }, "sources": [ "tokens/component/icon/light.tokens.json" ], "css": {} }, { "name": "--oc-component-image-ambient-contain-default-background-color", "tier": "component", "category": "image", "path": [ "component", "image", "ambient-contain-default-background-color" ], "type": "alias", "public": false, "values": { "light": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-stacked)" }, "sources": [ "tokens/component/image/light.tokens.json" ], "css": {} }, { "name": "--oc-component-image-ambient-default-background-color", "tier": "component", "category": "image", "path": [ "component", "image", "ambient-default-background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-base-color-white-100)" }, "sources": [ "tokens/component/image/light.tokens.json" ], "css": {} }, { "name": "--oc-component-image-backdrop-preset", "tier": "component", "category": "image", "path": [ "component", "image", "backdrop-preset" ], "type": "string", "public": false, "values": { "light": "blurred-backdrop" }, "sources": [ "tokens/component/image/light.tokens.json" ], "css": {} }, { "name": "--oc-component-image-cutout-default-background-color", "tier": "component", "category": "image", "path": [ "component", "image", "cutout-default-background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-base-color-white-100)" }, "sources": [ "tokens/component/image/light.tokens.json" ], "css": {} }, { "name": "--oc-component-image-default-border-radius", "tier": "component", "category": "image", "path": [ "component", "image", "default-border-radius" ], "type": "alias", "public": false, "values": { "light": "0rem" }, "references": { "light": "var(--oc-semantic-border-radius-0)" }, "sources": [ "tokens/component/image/light.tokens.json" ], "css": {} }, { "name": "--oc-component-image-default-cutout-spacing", "tier": "component", "category": "image", "path": [ "component", "image", "default-cutout-spacing" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/component/image/light.tokens.json" ], "css": {} }, { "name": "--oc-component-image-min-inner-radius", "tier": "component", "category": "image", "path": [ "component", "image", "min-inner-radius" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/component/image/light.tokens.json" ], "css": {} }, { "name": "--oc-component-image-missing-background-color", "tier": "component", "category": "image", "path": [ "component", "image", "missing-background-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-semantic-color-background-disabled)" }, "sources": [ "tokens/component/image/light.tokens.json" ], "css": {} }, { "name": "--oc-component-image-missing-icon-color", "tier": "component", "category": "image", "path": [ "component", "image", "missing-icon-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-semantic-color-text-disabled)" }, "sources": [ "tokens/component/image/light.tokens.json" ], "css": {} }, { "name": "--oc-component-image-missing-icon-max-size", "tier": "component", "category": "image", "path": [ "component", "image", "missing-icon-max-size" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/component/image/light.tokens.json" ], "css": {} }, { "name": "--oc-component-interactive-overlay-active-transition-duration", "tier": "component", "category": "interactive-overlay", "path": [ "component", "interactive-overlay", "active-transition-duration" ], "type": "alias", "public": false, "values": { "light": "15ms" }, "references": { "light": "var(--oc-semantic-duration-instant)" }, "comment": "@apply-reduced-motion", "sources": [ "tokens/component/interactive-overlay/light.tokens.json" ], "css": {} }, { "name": "--oc-component-interactive-overlay-active-transition-easing", "tier": "component", "category": "interactive-overlay", "path": [ "component", "interactive-overlay", "active-transition-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,1,1)" }, "references": { "light": "var(--oc-base-easing-linear)" }, "sources": [ "tokens/component/interactive-overlay/light.tokens.json" ], "css": {} }, { "name": "--oc-component-interactive-overlay-background-color-active", "tier": "component", "category": "interactive-overlay", "path": [ "component", "interactive-overlay", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "rgba(0, 0, 0, 0.09019607843137255)" }, "references": { "light": "var(--oc-semantic-color-overlay-active)" }, "sources": [ "tokens/component/interactive-overlay/light.tokens.json" ], "css": {} }, { "name": "--oc-component-interactive-overlay-background-color-hover", "tier": "component", "category": "interactive-overlay", "path": [ "component", "interactive-overlay", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "rgba(0, 0, 0, 0.03137254901960784)" }, "references": { "light": "var(--oc-semantic-color-overlay-hover)" }, "sources": [ "tokens/component/interactive-overlay/light.tokens.json" ], "css": {} }, { "name": "--oc-component-interactive-overlay-default-border-radius", "tier": "component", "category": "interactive-overlay", "path": [ "component", "interactive-overlay", "default-border-radius" ], "type": "alias", "public": false, "values": { "light": "0rem" }, "references": { "light": "var(--oc-semantic-border-radius-0)" }, "sources": [ "tokens/component/interactive-overlay/light.tokens.json" ], "css": {} }, { "name": "--oc-component-interactive-overlay-default-offset", "tier": "component", "category": "interactive-overlay", "path": [ "component", "interactive-overlay", "default-offset" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/component/interactive-overlay/light.tokens.json" ], "css": {} }, { "name": "--oc-component-interactive-overlay-default-scale", "tier": "component", "category": "interactive-overlay", "path": [ "component", "interactive-overlay", "default-scale" ], "type": "dimension", "public": false, "values": { "light": "0.009999999776482582px" }, "sources": [ "tokens/component/interactive-overlay/light.tokens.json" ], "css": {} }, { "name": "--oc-component-interactive-overlay-hover-transition-duration", "tier": "component", "category": "interactive-overlay", "path": [ "component", "interactive-overlay", "hover-transition-duration" ], "type": "alias", "public": false, "values": { "light": "50ms" }, "references": { "light": "var(--oc-semantic-duration-short-50)" }, "comment": "@apply-reduced-motion", "sources": [ "tokens/component/interactive-overlay/light.tokens.json" ], "css": {} }, { "name": "--oc-component-interactive-overlay-hover-transition-easing", "tier": "component", "category": "interactive-overlay", "path": [ "component", "interactive-overlay", "hover-transition-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "references": { "light": "var(--oc-base-easing-default-out)" }, "sources": [ "tokens/component/interactive-overlay/light.tokens.json" ], "css": {} }, { "name": "--oc-component-interactive-overlay-inverted-background-color-active", "tier": "component", "category": "interactive-overlay", "path": [ "component", "interactive-overlay", "inverted-background-color-active" ], "type": "alias", "public": false, "values": { "light": "rgba(255, 255, 255, 0.12156862745098039)" }, "references": { "light": "var(--oc-semantic-color-overlay-active-inverted)" }, "sources": [ "tokens/component/interactive-overlay/light.tokens.json" ], "css": {} }, { "name": "--oc-component-interactive-overlay-inverted-background-color-hover", "tier": "component", "category": "interactive-overlay", "path": [ "component", "interactive-overlay", "inverted-background-color-hover" ], "type": "alias", "public": false, "values": { "light": "rgba(255, 255, 255, 0.0784313725490196)" }, "references": { "light": "var(--oc-semantic-color-overlay-hover-inverted)" }, "sources": [ "tokens/component/interactive-overlay/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-100-font", "tier": "component", "category": "link", "path": [ "component", "link", "100-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-125-font", "tier": "component", "category": "link", "path": [ "component", "link", "125-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-50-font", "tier": "component", "category": "link", "path": [ "component", "link", "50-font" ], "type": "alias", "public": false, "values": { "light": "400 0.625rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-50)" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-75-font", "tier": "component", "category": "link", "path": [ "component", "link", "75-font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-gap-x", "tier": "component", "category": "link", "path": [ "component", "link", "gap-x" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-inverted-bold-font-weight", "tier": "component", "category": "link", "path": [ "component", "link", "inverted", "bold", "font-weight" ], "type": "alias", "public": false, "values": { "light": "700" }, "references": { "light": "var(--oc-base-font-weight-bold)" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-inverted-opacity-active", "tier": "component", "category": "link", "path": [ "component", "link", "inverted", "opacity-active" ], "type": "string", "public": false, "values": { "light": "0.65" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-inverted-opacity-hover", "tier": "component", "category": "link", "path": [ "component", "link", "inverted", "opacity-hover" ], "type": "string", "public": false, "values": { "light": "0.75" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-inverted-text-color", "tier": "component", "category": "link", "path": [ "component", "link", "inverted", "text-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-inverted-text-decoration", "tier": "component", "category": "link", "path": [ "component", "link", "inverted", "text-decoration" ], "type": "string", "public": false, "values": { "light": "underline" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-over-color-bold-font-weight", "tier": "component", "category": "link", "path": [ "component", "link", "over-color", "bold", "font-weight" ], "type": "alias", "public": false, "values": { "light": "700" }, "references": { "light": "var(--oc-base-font-weight-bold)" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-over-color-opacity-active", "tier": "component", "category": "link", "path": [ "component", "link", "over-color", "opacity-active" ], "type": "string", "public": false, "values": { "light": "0.65" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-over-color-opacity-hover", "tier": "component", "category": "link", "path": [ "component", "link", "over-color", "opacity-hover" ], "type": "string", "public": false, "values": { "light": "0.75" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-over-color-text-color", "tier": "component", "category": "link", "path": [ "component", "link", "over-color", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-over-color-text-decoration", "tier": "component", "category": "link", "path": [ "component", "link", "over-color", "text-decoration" ], "type": "string", "public": false, "values": { "light": "underline" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-primary-text-color", "tier": "component", "category": "link", "path": [ "component", "link", "primary", "text-color" ], "type": "alias", "public": false, "values": { "light": "#2366cb" }, "references": { "light": "var(--oc-semantic-color-text-interactive)" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-primary-text-color-active", "tier": "component", "category": "link", "path": [ "component", "link", "primary", "text-color-active" ], "type": "color", "public": false, "values": { "light": "#143b75", "dark": "#b7e4ff" }, "themeable": true, "sources": [ "tokens/component/link/dark.tokens.json", "tokens/component/link/light.tokens.json" ], "css": { "light": "#143b75", "dark": "#b7e4ff" } }, { "name": "--oc-component-link-primary-text-color-hover", "tier": "component", "category": "link", "path": [ "component", "link", "primary", "text-color-hover" ], "type": "color", "public": false, "values": { "light": "#1c50a0", "dark": "#84d1ff" }, "themeable": true, "sources": [ "tokens/component/link/dark.tokens.json", "tokens/component/link/light.tokens.json" ], "css": { "light": "#1c50a0", "dark": "#84d1ff" } }, { "name": "--oc-component-link-primary-text-decoration", "tier": "component", "category": "link", "path": [ "component", "link", "primary", "text-decoration" ], "type": "string", "public": false, "values": { "light": "none" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-primary-text-decoration-hover", "tier": "component", "category": "link", "path": [ "component", "link", "primary", "text-decoration-hover" ], "type": "string", "public": false, "values": { "light": "underline" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-sale-text-color", "tier": "component", "category": "link", "path": [ "component", "link", "sale", "text-color" ], "type": "alias", "public": false, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-semantic-color-text-sale)" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-sale-text-color-active", "tier": "component", "category": "link", "path": [ "component", "link", "sale", "text-color-active" ], "type": "color", "public": false, "values": { "light": "#75000f", "dark": "#ff425b" }, "themeable": true, "sources": [ "tokens/component/link/dark.tokens.json", "tokens/component/link/light.tokens.json" ], "css": { "light": "#75000f", "dark": "#ff425b" } }, { "name": "--oc-component-link-sale-text-color-hover", "tier": "component", "category": "link", "path": [ "component", "link", "sale", "text-color-hover" ], "type": "color", "public": false, "values": { "light": "#a80016", "dark": "#ff0f2e" }, "themeable": true, "sources": [ "tokens/component/link/dark.tokens.json", "tokens/component/link/light.tokens.json" ], "css": { "light": "#a80016", "dark": "#ff0f2e" } }, { "name": "--oc-component-link-sale-text-decoration", "tier": "component", "category": "link", "path": [ "component", "link", "sale", "text-decoration" ], "type": "string", "public": false, "values": { "light": "none" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-sale-text-decoration-hover", "tier": "component", "category": "link", "path": [ "component", "link", "sale", "text-decoration-hover" ], "type": "string", "public": false, "values": { "light": "underline" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-secondary-text-color", "tier": "component", "category": "link", "path": [ "component", "link", "secondary", "text-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-secondary-text-color-active", "tier": "component", "category": "link", "path": [ "component", "link", "secondary", "text-color-active" ], "type": "color", "public": false, "values": { "light": "#3a3a3a", "dark": "#ffffff" }, "themeable": true, "sources": [ "tokens/component/link/dark.tokens.json", "tokens/component/link/light.tokens.json" ], "css": { "light": "#3a3a3a", "dark": "#fff" } }, { "name": "--oc-component-link-secondary-text-color-hover", "tier": "component", "category": "link", "path": [ "component", "link", "secondary", "text-color-hover" ], "type": "color", "public": false, "values": { "light": "#545454", "dark": "#e5e5e5" }, "themeable": true, "sources": [ "tokens/component/link/dark.tokens.json", "tokens/component/link/light.tokens.json" ], "css": { "light": "#545454", "dark": "#e5e5e5" } }, { "name": "--oc-component-link-secondary-text-decoration", "tier": "component", "category": "link", "path": [ "component", "link", "secondary", "text-decoration" ], "type": "string", "public": false, "values": { "light": "none" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-link-secondary-text-decoration-hover", "tier": "component", "category": "link", "path": [ "component", "link", "secondary", "text-decoration-hover" ], "type": "string", "public": false, "values": { "light": "underline" }, "sources": [ "tokens/component/link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-list-item-spacing-bottom", "tier": "component", "category": "list", "path": [ "component", "list", "item-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/list/light.tokens.json" ], "css": {} }, { "name": "--oc-component-list-last-item-spacing-bottom", "tier": "component", "category": "list", "path": [ "component", "list", "last-item-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "0px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-0)" }, "sources": [ "tokens/component/list/light.tokens.json" ], "css": {} }, { "name": "--oc-component-list-nested-last-item-spacing-bottom", "tier": "component", "category": "list", "path": [ "component", "list", "nested-last-item-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/list/light.tokens.json" ], "css": {} }, { "name": "--oc-component-logo-paypal-color", "tier": "component", "category": "logo", "path": [ "component", "logo", "paypal-color" ], "type": "color", "public": false, "values": { "light": "#000000", "dark": "#ffffff" }, "themeable": true, "sources": [ "tokens/component/logo/dark.tokens.json", "tokens/component/logo/light.tokens.json" ], "css": { "light": "#000", "dark": "#fff" } }, { "name": "--oc-component-media-object-card-25-copy-font", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "copy-font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-25-gap-x", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "gap-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-25-headline-font", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "headline-font" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-25-icon-size", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "icon-size" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-25-icon-spacing-left", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "icon-spacing-left" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-25-icon-spacing-y", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "icon-spacing-y" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-25-image-border-radius", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "image-border-radius" ], "type": "alias", "public": false, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-semantic-border-radius-150)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-25-image-spacing-left", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "image-spacing-left" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-25-image-spacing-y", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "image-spacing-y" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-25-image-width", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "image-width" ], "type": "alias", "public": false, "values": { "light": "40px" }, "references": { "light": "var(--oc-base-dimension-absolute-40)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-25-min-height", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "min-height" ], "type": "dimension", "public": false, "values": { "light": "48px" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-25-spacing-right", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "spacing-right" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-25-text-spacing-left", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "25", "text-spacing-left" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-copy-font", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "copy-font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-gap-x", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "gap-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-headline-font", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "headline-font" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-icon-size", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "icon-size" ], "type": "alias", "public": false, "values": { "light": "32px" }, "references": { "light": "var(--oc-base-dimension-absolute-32)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-icon-spacing-left", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "icon-spacing-left" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-icon-spacing-y", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "icon-spacing-y" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-image-border-radius", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "image-border-radius" ], "type": "alias", "public": false, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-semantic-border-radius-150)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-image-spacing-left", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "image-spacing-left" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-image-spacing-y", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "image-spacing-y" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-image-width", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "image-width" ], "type": "alias", "public": false, "values": { "light": "56px" }, "references": { "light": "var(--oc-base-dimension-absolute-56)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-min-height", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "min-height" ], "type": "dimension", "public": false, "values": { "light": "64px" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-spacing-right", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "spacing-right" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-50-text-spacing-left", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "50", "text-spacing-left" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-copy-font", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "copy-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-gap-x", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "gap-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-headline-font", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "headline-font" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-icon-size", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "icon-size" ], "type": "alias", "public": false, "values": { "light": "40px" }, "references": { "light": "var(--oc-base-dimension-absolute-40)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-icon-spacing-left", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "icon-spacing-left" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-icon-spacing-y", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "icon-spacing-y" ], "type": "string", "public": false, "values": { "light": "1.25rem" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-image-border-radius", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "image-border-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-image-spacing-left", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "image-spacing-left" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-50)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-image-spacing-y", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "image-spacing-y" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-50)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-image-width", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "image-width" ], "type": "alias", "public": false, "values": { "light": "64px" }, "references": { "light": "var(--oc-base-dimension-absolute-64)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-min-height", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "min-height" ], "type": "dimension", "public": false, "values": { "light": "80px" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-spacing-right", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "spacing-right" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-75-text-spacing-left", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "75", "text-spacing-left" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-copy-font", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "copy-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-gap-x", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "gap-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-icon-spacing-left", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "icon-spacing-left" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-image-border-radius", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "image-border-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-image-spacing-left", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "image-spacing-left" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-50)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-image-spacing-y", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "image-spacing-y" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-50)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-l-xl-headline-font", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "l-xl", "headline-font" ], "type": "alias", "public": false, "values": { "light": "700 1.25rem/1.75rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-200)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-l-xl-icon-size", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "l-xl", "icon-size" ], "type": "alias", "public": false, "values": { "light": "48px" }, "references": { "light": "var(--oc-base-dimension-absolute-48)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-l-xl-icon-spacing-y", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "l-xl", "icon-spacing-y" ], "type": "string", "public": false, "values": { "light": "1rem" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-l-xl-image-width", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "l-xl", "image-width" ], "type": "alias", "public": false, "values": { "light": "64px" }, "references": { "light": "var(--oc-base-dimension-absolute-64)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-l-xl-min-height", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "l-xl", "min-height" ], "type": "dimension", "public": false, "values": { "light": "80px" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-s-m-headline-font", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "s-m", "headline-font" ], "type": "alias", "public": false, "values": { "light": "700 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-s-m-icon-size", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "s-m", "icon-size" ], "type": "alias", "public": false, "values": { "light": "64px" }, "references": { "light": "var(--oc-base-dimension-absolute-64)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-s-m-icon-spacing-y", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "s-m", "icon-spacing-y" ], "type": "string", "public": false, "values": { "light": "1.25rem" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-s-m-image-width", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "s-m", "image-width" ], "type": "dimension", "public": false, "values": { "light": "88px" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-s-m-min-height", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "s-m", "min-height" ], "type": "dimension", "public": false, "values": { "light": "104px" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-spacing-right", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "spacing-right" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-100-text-spacing-left", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "100", "text-spacing-left" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-border-radius", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "border-radius" ], "type": "alias", "public": false, "values": { "light": "1rem" }, "references": { "light": "var(--oc-semantic-border-radius-200)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-cutout-image-spacing", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "cutout-image-spacing" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-default-background-color", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "default", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-component-card-background-color-default)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-default-icon-color", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "default", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-default-text-color", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "default", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-inverted-background-color", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "inverted", "background-color" ], "type": "alias", "public": false, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-semantic-color-background-sale)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-inverted-icon-color", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "inverted", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-inverted-text-color", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "inverted", "text-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-single-line-gap-x", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "single-line-gap-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-media-object-card-spacing-y-min", "tier": "component", "category": "media-object-card", "path": [ "component", "media-object-card", "spacing-y-min" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/media-object-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-50-border-radius", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "50", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.125rem" }, "references": { "light": "var(--oc-semantic-border-radius-25)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-50-container-background-color", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "50", "container-background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-above)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-50-container-border-radius", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "50", "container-border-radius" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-border-radius-50)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-50-container-position-bottom", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "50", "container-position-bottom" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-50-container-spacing", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "50", "container-spacing" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-50-gap-x", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "50", "gap-x" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-50-size-default", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "50", "size-default" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-base-dimension-absolute-4)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-50-size-small", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "50", "size-small" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-base-dimension-absolute-2)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-50-width-selected", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "50", "width-selected" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-base-dimension-absolute-12)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-100-border-radius", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "100", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-border-radius-50)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-100-gap-x", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "100", "gap-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-100-size-default", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "100", "size-default" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-base-dimension-absolute-8)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-100-size-small", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "100", "size-small" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-base-dimension-absolute-4)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-100-width-selected", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "100", "width-selected" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-active", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "active" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d", "dark": "#cccccc" }, "references": { "light": "var(--oc-base-color-black-lighten-30)", "dark": "var(--oc-base-color-gray-150)" }, "themeable": true, "sources": [ "tokens/component/pagination-dot/dark.tokens.json", "tokens/component/pagination-dot/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-lighten-30)", "dark": "var(--oc-base-color-gray-150)" } }, { "name": "--oc-component-pagination-dot-default", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "default" ], "type": "alias", "public": false, "values": { "light": "#cccccc", "dark": "#6d6d6d" }, "references": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-30)" }, "themeable": true, "sources": [ "tokens/component/pagination-dot/dark.tokens.json", "tokens/component/pagination-dot/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-30)" } }, { "name": "--oc-component-pagination-dot-hover", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "hover" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-black-lighten-45)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-selected", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "selected" ], "type": "alias", "public": false, "values": { "light": "#212121", "dark": "#ffffff" }, "references": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" }, "themeable": true, "sources": [ "tokens/component/pagination-dot/dark.tokens.json", "tokens/component/pagination-dot/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" } }, { "name": "--oc-component-pagination-dot-selected-play", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "selected-play" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-gray-200)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-transition-all-duration", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "transition-all-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-transition-appear-duration)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-pagination-dot-transition-all-easing", "tier": "component", "category": "pagination-dot", "path": [ "component", "pagination-dot", "transition-all-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-appear-easing)" }, "sources": [ "tokens/component/pagination-dot/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-50-spacing-x", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "50", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-50-spacing-y", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "50", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-100-gap-y", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "100", "gap-y" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-100-spacing", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "100", "spacing" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-background-color", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-border-radius", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-cutout-size", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "cutout-size" ], "type": "string", "public": false, "values": { "light": "20px" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-divider-area-height", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "divider-area-height" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-divider-area-width", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "divider-area-width" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-base-dimension-absolute-12)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-divider-color", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "divider-color" ], "type": "alias", "public": false, "values": { "light": "rgba(33, 33, 33, 0.10196078431372549)" }, "references": { "light": "var(--oc-semantic-color-stroke-divider)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-divider-style", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "divider-style" ], "type": "string", "public": false, "values": { "light": "dashed" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-divider-width", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "divider-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-shadow", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "shadow" ], "type": "alias", "public": false, "values": { "light": "drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.25)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.07))" }, "references": { "light": "var(--oc-base-shadow-100)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-transition-resize-duration", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "transition-resize-duration" ], "type": "alias", "public": false, "values": { "light": "200ms" }, "references": { "light": "var(--oc-semantic-transition-expand-duration)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-paper-card-transition-resize-easing", "tier": "component", "category": "paper-card", "path": [ "component", "paper-card", "transition-resize-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-expand-easing)" }, "sources": [ "tokens/component/paper-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-popover-context-offset", "tier": "component", "category": "popover", "path": [ "component", "popover", "context-offset" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/popover/light.tokens.json" ], "css": {} }, { "name": "--oc-component-popover-default-arrow-height", "tier": "component", "category": "popover", "path": [ "component", "popover", "default-arrow-height" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-base-dimension-absolute-8)" }, "sources": [ "tokens/component/popover/light.tokens.json" ], "css": {} }, { "name": "--oc-component-popover-default-background-color", "tier": "component", "category": "popover", "path": [ "component", "popover", "default-background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-above)" }, "sources": [ "tokens/component/popover/light.tokens.json" ], "css": {} }, { "name": "--oc-component-popover-default-border-radius", "tier": "component", "category": "popover", "path": [ "component", "popover", "default-border-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)" }, "sources": [ "tokens/component/popover/light.tokens.json" ], "css": {} }, { "name": "--oc-component-popover-default-max-width", "tier": "component", "category": "popover", "path": [ "component", "popover", "default-max-width" ], "type": "string", "public": false, "values": { "light": "432px" }, "sources": [ "tokens/component/popover/light.tokens.json" ], "css": {} }, { "name": "--oc-component-popover-frame-spacing", "tier": "component", "category": "popover", "path": [ "component", "popover", "frame-spacing" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/popover/light.tokens.json" ], "css": {} }, { "name": "--oc-component-popover-hide-duration", "tier": "component", "category": "popover", "path": [ "component", "popover", "hide-duration" ], "type": "alias", "public": false, "values": { "light": "50ms" }, "references": { "light": "var(--oc-semantic-transition-disappear-duration)" }, "sources": [ "tokens/component/popover/light.tokens.json" ], "css": {} }, { "name": "--oc-component-popover-hide-easing", "tier": "component", "category": "popover", "path": [ "component", "popover", "hide-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,1,1)" }, "references": { "light": "var(--oc-semantic-transition-disappear-easing)" }, "sources": [ "tokens/component/popover/light.tokens.json" ], "css": {} }, { "name": "--oc-component-popover-shadow", "tier": "component", "category": "popover", "path": [ "component", "popover", "shadow" ], "type": "alias", "public": false, "values": { "light": "drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.10))" }, "references": { "light": "var(--oc-semantic-shadow-above)" }, "sources": [ "tokens/component/popover/light.tokens.json" ], "css": {} }, { "name": "--oc-component-popover-show-duration", "tier": "component", "category": "popover", "path": [ "component", "popover", "show-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-transition-appear-duration)" }, "sources": [ "tokens/component/popover/light.tokens.json" ], "css": {} }, { "name": "--oc-component-popover-show-easing", "tier": "component", "category": "popover", "path": [ "component", "popover", "show-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-appear-easing)" }, "sources": [ "tokens/component/popover/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-50-border-radius", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "50", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.125rem" }, "references": { "light": "var(--oc-semantic-border-radius-25)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-50-height", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "50", "height" ], "type": "alias", "public": false, "values": { "light": "4px", "dark": "0.25rem" }, "references": { "light": "var(--oc-base-dimension-absolute-4)", "dark": "var(--oc-base-dimension-relative-4)" }, "themeable": true, "sources": [ "tokens/component/progress-bar/dark.tokens.json", "tokens/component/progress-bar/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-4)", "dark": "var(--oc-base-dimension-relative-4)" } }, { "name": "--oc-component-progress-bar-100-border-radius", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "100", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-border-radius-50)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-100-height", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "100", "height" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-base-dimension-absolute-8)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-default-gap-x", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "default", "gap-x" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-error-active-indicator-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "error", "active-indicator-color" ], "type": "alias", "public": false, "values": { "light": "#e64b69" }, "references": { "light": "var(--oc-semantic-color-stroke-error)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-error-stop-indicator-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "error", "stop-indicator-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-gray-200)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-hint-active-indicator-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "hint", "active-indicator-color" ], "type": "alias", "public": false, "values": { "light": "#418ade" }, "references": { "light": "var(--oc-semantic-color-stroke-hint)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-hint-stop-indicator-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "hint", "stop-indicator-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-gray-200)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-primary-active-indicator-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "primary", "active-indicator-color" ], "type": "alias", "public": false, "values": { "light": "#212121", "dark": "#ffffff" }, "references": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" }, "themeable": true, "sources": [ "tokens/component/progress-bar/dark.tokens.json", "tokens/component/progress-bar/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" } }, { "name": "--oc-component-progress-bar-primary-stop-indicator-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "primary", "stop-indicator-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-gray-200)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-secondary-active-indicator-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "secondary", "active-indicator-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-gray-200)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-secondary-stop-indicator-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "secondary", "stop-indicator-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-gray-200)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-show-active-indicator-duration", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "show-active-indicator-duration" ], "type": "alias", "public": false, "values": { "light": "500ms" }, "references": { "light": "var(--oc-semantic-duration-long-50)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-show-active-indicator-easing", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "show-active-indicator-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-expand-easing)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-stepped-50-gap-x", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "stepped", "50", "gap-x" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-stepped-100-gap-x", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "stepped", "100", "gap-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-stop-indicator-50-border-radius", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "stop-indicator", "50", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.125rem" }, "references": { "light": "var(--oc-semantic-border-radius-25)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-stop-indicator-50-size", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "stop-indicator", "50", "size" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-base-dimension-absolute-2)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-stop-indicator-100-border-radius", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "stop-indicator", "100", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-border-radius-50)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-stop-indicator-100-size", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "stop-indicator", "100", "size" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-base-dimension-absolute-4)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-success-active-indicator-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "success", "active-indicator-color" ], "type": "alias", "public": false, "values": { "light": "#3e935e" }, "references": { "light": "var(--oc-semantic-color-stroke-success)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-success-stop-indicator-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "success", "stop-indicator-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-gray-200)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-track-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "track-color" ], "type": "alias", "public": false, "values": { "light": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-stacked)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-track-color-over-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "track-color-over-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-warning-active-indicator-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "warning", "active-indicator-color" ], "type": "alias", "public": false, "values": { "light": "#e35316" }, "references": { "light": "var(--oc-semantic-color-stroke-warning)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-warning-border-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "warning", "border-color" ], "type": "alias", "public": false, "values": { "light": "#e35316" }, "references": { "light": "var(--oc-semantic-color-stroke-warning)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-progress-bar-warning-stop-indicator-color", "tier": "component", "category": "progress-bar", "path": [ "component", "progress-bar", "warning", "stop-indicator-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-gray-200)" }, "sources": [ "tokens/component/progress-bar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-footer-spacing-top", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "footer-spacing-top" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-50)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-gap-headline-copy", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "gap-headline-copy" ], "type": "alias", "public": false, "values": { "light": "0px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-0)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-gap-logo", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "gap-logo" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-header-spacing-bottom", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "header-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-50)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-image-radius", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "image-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-image-spacing", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "image-spacing" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-50)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-inverted-text-color", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "inverted", "text-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-l-xl-first-headline-font", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "l-xl", "first-headline-font" ], "type": "alias", "public": false, "values": { "light": "700 1.25rem/1.75rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-200)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-l-xl-header-height", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "l-xl", "header-height" ], "type": "string", "public": false, "values": { "light": "4.75rem" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-l-xl-interactive-scale", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "l-xl", "interactive-scale" ], "type": "string", "public": false, "values": { "light": "0.005" }, "comment": "(Can't properly set 0.005 in Figma, but in Web Syntax.)", "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-l-xl-logo-max-width", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "l-xl", "logo-max-width" ], "type": "string", "public": false, "values": { "light": "348px" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-l-xl-second-headline-font", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "l-xl", "second-headline-font" ], "type": "alias", "public": false, "values": { "light": "700 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-100)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-logo-default-background-color", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "logo-default-background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-base-color-white-100)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-logo-height", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "logo-height" ], "type": "alias", "public": false, "values": { "light": "48px" }, "references": { "light": "var(--oc-base-dimension-absolute-48)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-logo-indent", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "logo-indent" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-logo-radius", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "logo-radius" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-border-radius-50)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-overline-font", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "overline-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-s-m-first-headline-font", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "s-m", "first-headline-font" ], "type": "alias", "public": false, "values": { "light": "700 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-100)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-s-m-header-height", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "s-m", "header-height" ], "type": "string", "public": false, "values": { "light": "4.5rem" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-s-m-second-headline-font", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "s-m", "second-headline-font" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-spacing-x", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-spacing-y", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-tag-container-spacing-x", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "tag-container-spacing-x" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-50)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-tag-container-spacing-y", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "tag-container-spacing-y" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-50)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-text-color", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-promo-card-text-font", "tier": "component", "category": "promo-card", "path": [ "component", "promo-card", "text-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/promo-card/light.tokens.json" ], "css": {} }, { "name": "--oc-component-row-background-border-radius", "tier": "component", "category": "row", "path": [ "component", "row", "background-border-radius" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-base-dimension-8)" }, "sources": [ "tokens/component/row/light.tokens.json" ], "css": {} }, { "name": "--oc-component-row-background-color", "tier": "component", "category": "row", "path": [ "component", "row", "background-color" ], "type": "alias", "public": false, "values": { "light": "rgba(255, 255, 255, 0)", "dark": "rgba(33, 33, 33, 0)" }, "references": { "light": "var(--oc-base-color-white-opacity-0)", "dark": "var(--oc-base-color-black-opacity-0)" }, "themeable": true, "sources": [ "tokens/component/row/dark.tokens.json", "tokens/component/row/light.tokens.json" ], "css": { "light": "var(--oc-base-color-white-opacity-0)", "dark": "var(--oc-base-color-black-opacity-0)" } }, { "name": "--oc-component-row-background-color-active", "tier": "component", "category": "row", "path": [ "component", "row", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "rgba(0, 0, 0, 0.09019607843137255)" }, "references": { "light": "var(--oc-semantic-color-overlay-active)" }, "sources": [ "tokens/component/row/light.tokens.json" ], "css": {} }, { "name": "--oc-component-row-background-color-hover", "tier": "component", "category": "row", "path": [ "component", "row", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "rgba(0, 0, 0, 0.03137254901960784)" }, "references": { "light": "var(--oc-semantic-color-overlay-hover)" }, "sources": [ "tokens/component/row/light.tokens.json" ], "css": {} }, { "name": "--oc-component-row-background-color-selected", "tier": "component", "category": "row", "path": [ "component", "row", "background-color-selected" ], "type": "alias", "public": false, "values": { "light": "#dcf2ff", "dark": "#1a4991" }, "references": { "light": "var(--oc-base-color-interactive-blue-lighten-55)", "dark": "var(--oc-base-color-interactive-blue-darken-15)" }, "comment": "@deprecated: May be deleted, when simplified selected state was executed", "deprecated": "@deprecated: May be deleted, when simplified selected state was executed", "themeable": true, "sources": [ "tokens/component/row/dark.tokens.json", "tokens/component/row/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-lighten-55)", "dark": "var(--oc-base-color-interactive-blue-darken-15)" } }, { "name": "--oc-component-row-background-color-selected-active", "tier": "component", "category": "row", "path": [ "component", "row", "background-color-selected-active" ], "type": "alias", "public": false, "values": { "light": "#86d2ff", "dark": "#215fbc" }, "references": { "light": "var(--oc-base-color-interactive-blue-lighten-35)", "dark": "var(--oc-base-color-interactive-blue-darken-5)" }, "comment": "@deprecated: May be deleted, when simplified selected state was executed", "deprecated": "@deprecated: May be deleted, when simplified selected state was executed", "themeable": true, "sources": [ "tokens/component/row/dark.tokens.json", "tokens/component/row/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-lighten-35)", "dark": "var(--oc-base-color-interactive-blue-darken-5)" } }, { "name": "--oc-component-row-background-color-selected-hover", "tier": "component", "category": "row", "path": [ "component", "row", "background-color-selected-hover" ], "type": "alias", "public": false, "values": { "light": "#b9e5ff", "dark": "#1d54a7" }, "references": { "light": "var(--oc-base-color-interactive-blue-lighten-45)", "dark": "var(--oc-base-color-interactive-blue-darken-10)" }, "comment": "@deprecated: May be deleted, when simplified selected state was executed", "deprecated": "@deprecated: May be deleted, when simplified selected state was executed", "themeable": true, "sources": [ "tokens/component/row/dark.tokens.json", "tokens/component/row/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-lighten-45)", "dark": "var(--oc-base-color-interactive-blue-darken-10)" } }, { "name": "--oc-component-row-background-offset-x", "tier": "component", "category": "row", "path": [ "component", "row", "background-offset-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/row/light.tokens.json" ], "css": {} }, { "name": "--oc-component-row-border-color", "tier": "component", "category": "row", "path": [ "component", "row", "border-color" ], "type": "alias", "public": false, "values": { "light": "rgba(33, 33, 33, 0.10196078431372549)" }, "references": { "light": "var(--oc-semantic-color-stroke-divider)" }, "sources": [ "tokens/component/row/light.tokens.json" ], "css": {} }, { "name": "--oc-component-row-border-width", "tier": "component", "category": "row", "path": [ "component", "row", "border-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/row/light.tokens.json" ], "css": {} }, { "name": "--oc-component-row-gap-x", "tier": "component", "category": "row", "path": [ "component", "row", "gap-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/row/light.tokens.json" ], "css": {} }, { "name": "--oc-component-row-icon-color", "tier": "component", "category": "row", "path": [ "component", "row", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/row/light.tokens.json" ], "css": {} }, { "name": "--oc-component-row-selected-font-weight", "tier": "component", "category": "row", "path": [ "component", "row", "selected-font-weight" ], "type": "alias", "public": false, "values": { "light": "700" }, "references": { "light": "var(--oc-base-font-weight-bold)" }, "sources": [ "tokens/component/row/light.tokens.json" ], "css": {} }, { "name": "--oc-component-row-spacing-y", "tier": "component", "category": "row", "path": [ "component", "row", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/row/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-background-color", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "background-color" ], "type": "alias", "public": false, "values": { "light": "#f0f0f0", "dark": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-stacked)", "dark": "var(--oc-semantic-color-background-frame)" }, "themeable": true, "sources": [ "tokens/component/search-field/dark.tokens.json", "tokens/component/search-field/light.tokens.json" ], "css": { "light": "var(--oc-semantic-color-background-stacked)", "dark": "var(--oc-semantic-color-background-frame)" } }, { "name": "--oc-component-search-field-background-color-focused", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "background-color-focused" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-background-color-over-color", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "background-color-over-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-border-color-focused", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "border-color-focused" ], "type": "alias", "public": false, "values": { "light": "#212121", "dark": "#cccccc" }, "references": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-gray-150)" }, "themeable": true, "sources": [ "tokens/component/search-field/dark.tokens.json", "tokens/component/search-field/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-gray-150)" } }, { "name": "--oc-component-search-field-border-color-hover", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "border-color-hover" ], "type": "alias", "public": false, "values": { "light": "#949494", "dark": "#6d6d6d" }, "references": { "light": "var(--oc-base-color-gray-200)", "dark": "var(--oc-base-color-gray-400)" }, "themeable": true, "sources": [ "tokens/component/search-field/dark.tokens.json", "tokens/component/search-field/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-200)", "dark": "var(--oc-base-color-gray-400)" } }, { "name": "--oc-component-search-field-border-radius", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "border-radius" ], "type": "alias", "public": false, "values": { "light": "1.5rem", "onex": "1.25rem" }, "references": { "light": "var(--oc-semantic-border-radius-300)", "onex": "var(--oc-semantic-border-radius-250)" }, "themeable": true, "sources": [ "tokens/component/search-field/light.tokens.json", "tokens/component/search-field/onex.tokens.json" ], "css": { "light": "var(--oc-semantic-border-radius-300)", "onex": "var(--oc-semantic-border-radius-250)" } }, { "name": "--oc-component-search-field-border-width", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "border-width" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-border-width-200)" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-gap-x", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "gap-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-icon-color", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-icon-spacing", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "icon-spacing" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-input-color", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "input-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-input-font", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "input-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-placeholder-color", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "placeholder-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-placeholder-font", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "placeholder-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-spacing-left", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "spacing-left" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-spacing-right", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "spacing-right" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-search-field-spacing-y", "tier": "component", "category": "search-field", "path": [ "component", "search-field", "spacing-y" ], "type": "string", "public": false, "values": { "light": "12px" }, "sources": [ "tokens/component/search-field/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-border-width", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "border-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-component-form-border-width)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-default-background-color", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "default", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-component-form-background-color)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-default-background-color-checked", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "default", "background-color-checked" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-component-form-background-color-checked)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-default-border-color", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "default", "border-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-component-form-default-border-color)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-default-icon-color", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "default", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-component-form-default-icon-color-checked)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-disabled-background-color", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "disabled", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-component-form-disabled-background-color)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-disabled-background-color-checked", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "disabled", "background-color-checked" ], "type": "alias", "public": false, "values": { "light": "#cccccc" }, "references": { "light": "var(--oc-component-form-disabled-background-color-checked)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-disabled-border-color", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "disabled", "border-color" ], "type": "alias", "public": false, "values": { "light": "#cccccc" }, "references": { "light": "var(--oc-component-form-disabled-border-color)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-disabled-icon-color", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "disabled", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-component-form-disabled-icon-color-checked)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-multiple-border-radius", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "multiple", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-component-form-checkbox-100-border-radius)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-multiple-container-size", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "multiple", "container-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-component-form-checkbox-100-container-size)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-multiple-icon-size", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "multiple", "icon-size" ], "type": "alias", "public": false, "values": { "light": "1rem" }, "references": { "light": "var(--oc-component-form-checkbox-100-icon-size)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-single-container-size", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "single", "container-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-component-form-radio-button-100-container-size)" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-signifier-single-icon-size", "tier": "component", "category": "selection-signifier", "path": [ "component", "selection-signifier", "single", "icon-size" ], "type": "string", "public": false, "values": { "light": "0.625rem" }, "sources": [ "tokens/component/selection-signifier/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-background-color", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-border-color", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "border-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-gray-200)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-border-color-selected", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "border-color-selected" ], "type": "alias", "public": false, "values": { "light": "#212121", "dark": "#ffffff" }, "references": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" }, "themeable": true, "sources": [ "tokens/component/selection-tile/dark.tokens.json", "tokens/component/selection-tile/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" } }, { "name": "--oc-component-selection-tile-border-width", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "border-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-border-width-selected", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "border-width-selected" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-border-width-200)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-disabled-border-color", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "disabled", "border-color" ], "type": "alias", "public": false, "values": { "light": "#cccccc" }, "references": { "light": "var(--oc-semantic-color-stroke-disabled)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-disabled-border-width", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "disabled", "border-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-disabled-overlay", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "disabled", "overlay" ], "type": "alias", "public": false, "values": { "light": "rgba(214, 214, 214, 0.6392156862745098)" }, "references": { "light": "var(--oc-semantic-color-overlay-disabled)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-inner-border-color-selected", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "inner-border-color-selected" ], "type": "alias", "public": false, "values": { "light": "#ffffff", "dark": "#2e2e2e" }, "references": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-5)" }, "themeable": true, "sources": [ "tokens/component/selection-tile/dark.tokens.json", "tokens/component/selection-tile/light.tokens.json" ], "css": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-5)" } }, { "name": "--oc-component-selection-tile-inner-border-width-active", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "inner-border-width-active" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-inner-border-width-hover", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "inner-border-width-hover" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-inner-border-width-selected", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "inner-border-width-selected" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-round-hitbox-size", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "round", "hitbox-size" ], "type": "string", "public": false, "values": { "light": "calc(1.5rem + 8px)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-round-size", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "round", "size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-roundrect-border-radius", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "roundrect", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-semantic-border-radius-100)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-strike-through-color", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "strike-through-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-gray-200)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-strike-through-outline-color", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "strike-through-outline-color" ], "type": "color", "public": false, "values": { "light": "rgba(255, 255, 255, 0.9019607843137255)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-strike-through-outline-width", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "strike-through-outline-width" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-border-width-200)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-strike-through-spacing", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "strike-through-spacing" ], "type": "string", "public": false, "values": { "light": "0.5rem" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-strike-through-width", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "strike-through-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-text-color", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-text-font", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "text-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-text-spacing-x", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "text-spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-selection-tile-text-spacing-y", "tier": "component", "category": "selection-tile", "path": [ "component", "selection-tile", "text-spacing-y" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/selection-tile/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-action-bar-background-color", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "action-bar", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff", "dark": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-canvas)", "dark": "var(--oc-semantic-color-background-stacked)" }, "themeable": true, "sources": [ "tokens/component/sheet/dark.tokens.json", "tokens/component/sheet/light.tokens.json" ], "css": { "light": "var(--oc-semantic-color-background-canvas)", "dark": "var(--oc-semantic-color-background-stacked)" } }, { "name": "--oc-component-sheet-action-bar-centered-spacing-bottom", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "action-bar", "centered-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-base-dimension-absolute-16)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-action-bar-conditional-border-top-color", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "action-bar", "conditional-border-top-color" ], "type": "alias", "public": false, "values": { "light": "#f0f0f0", "dark": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-frame)", "dark": "var(--oc-semantic-color-background-stacked)" }, "themeable": true, "sources": [ "tokens/component/sheet/dark.tokens.json", "tokens/component/sheet/light.tokens.json" ], "css": { "light": "var(--oc-semantic-color-background-frame)", "dark": "var(--oc-semantic-color-background-stacked)" } }, { "name": "--oc-component-sheet-action-bar-conditional-border-top-width", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "action-bar", "conditional-border-top-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-action-bar-spacing-bottom", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "action-bar", "spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "32px" }, "references": { "light": "var(--oc-base-dimension-absolute-32)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-action-bar-spacing-top", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "action-bar", "spacing-top" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-action-bar-spacing-x", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "action-bar", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-content-layout-outer)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-adaptive-viewport-width", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "adaptive-viewport-width" ], "type": "string", "public": false, "values": { "light": "30rem" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-border-radius", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "border-radius" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-semantic-border-radius-300)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-bottom-max-height-percentage", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "bottom-max-height-percentage" ], "type": "string", "public": false, "values": { "light": "95" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-centered-max-height-percentage", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "centered-max-height-percentage" ], "type": "string", "public": false, "values": { "light": "95" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-centered-max-width-default", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "centered-max-width-default" ], "type": "alias", "public": false, "values": { "light": "48rem" }, "references": { "light": "var(--oc-base-breakpoint-l)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-centered-width-percentage", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "centered-width-percentage" ], "type": "string", "public": false, "values": { "light": "90" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-conditional-border-transition-duration", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "conditional-border-transition-duration" ], "type": "alias", "public": false, "values": { "light": "50ms" }, "references": { "light": "var(--oc-semantic-transition-disappear-duration)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-conditional-border-transition-easing", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "conditional-border-transition-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,1,1)" }, "references": { "light": "var(--oc-semantic-transition-disappear-easing)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-content-content-spacing-bottom", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "content", "content-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-content-content-spacing-top", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "content", "content-spacing-top" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-content-default-background-color", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "content", "default-background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-drag-indicator-border-radius", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "drag-indicator", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.125rem" }, "references": { "light": "var(--oc-semantic-border-radius-25)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-drag-indicator-color", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "drag-indicator", "color" ], "type": "alias", "public": false, "values": { "light": "rgba(33, 33, 33, 0.4)", "dark": "rgba(255, 255, 255, 0.4)" }, "references": { "light": "var(--oc-base-color-black-opacity-40)" }, "themeable": true, "sources": [ "tokens/component/sheet/dark.tokens.json", "tokens/component/sheet/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-opacity-40)", "dark": "#fff6" } }, { "name": "--oc-component-sheet-drag-indicator-height", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "drag-indicator", "height" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-base-dimension-absolute-4)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-drag-indicator-spacing-top", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "drag-indicator", "spacing-top" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-drag-indicator-width", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "drag-indicator", "width" ], "type": "alias", "public": false, "values": { "light": "48px" }, "references": { "light": "var(--oc-base-dimension-absolute-48)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-header-back-button-spacing-left", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "back-button-spacing-left" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-header-background-color", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff", "dark": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-canvas)", "dark": "var(--oc-semantic-color-background-stacked)" }, "themeable": true, "sources": [ "tokens/component/sheet/dark.tokens.json", "tokens/component/sheet/light.tokens.json" ], "css": { "light": "var(--oc-semantic-color-background-canvas)", "dark": "var(--oc-semantic-color-background-stacked)" } }, { "name": "--oc-component-sheet-header-button-spacing-top", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "button-spacing-top" ], "type": "string", "public": false, "values": { "light": "1.25rem" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-header-button-spacing-top-hide-header", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "button-spacing-top-hide-header" ], "type": "string", "public": false, "values": { "light": "1.25rem" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-header-close-button-spacing-right", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "close-button-spacing-right" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-header-conditional-border-bottom-color", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "conditional-border-bottom-color" ], "type": "alias", "public": false, "values": { "light": "#f0f0f0", "dark": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-frame)", "dark": "var(--oc-semantic-color-background-stacked)" }, "themeable": true, "sources": [ "tokens/component/sheet/dark.tokens.json", "tokens/component/sheet/light.tokens.json" ], "css": { "light": "var(--oc-semantic-color-background-frame)", "dark": "var(--oc-semantic-color-background-stacked)" } }, { "name": "--oc-component-sheet-header-conditional-border-bottom-width", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "conditional-border-bottom-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-header-gap-x", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "gap-x" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-header-title-color", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "title-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-header-title-font", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "title-font" ], "type": "alias", "public": false, "values": { "light": "700 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-100)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-header-title-spacing-bottom", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "title-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-header-title-spacing-left", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "title-spacing-left" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-header-title-spacing-top", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "header", "title-spacing-top" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-hide-duration", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "hide-duration" ], "type": "alias", "public": false, "values": { "light": "200ms" }, "references": { "light": "var(--oc-semantic-transition-exit-duration)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-hide-easing", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "hide-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.6,0,0.8,0)" }, "references": { "light": "var(--oc-semantic-transition-exit-easing)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-scrim-color", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "scrim-color" ], "type": "alias", "public": false, "values": { "light": "rgba(33, 33, 33, 0.6509803921568628)" }, "references": { "light": "var(--oc-semantic-color-overlay-scrim)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-show-duration", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "show-duration" ], "type": "alias", "public": false, "values": { "light": "425ms" }, "references": { "light": "var(--oc-semantic-transition-enter-duration)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-show-easing", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "show-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.2,1,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-enter-easing)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-sheet-side-width", "tier": "component", "category": "sheet", "path": [ "component", "sheet", "side-width" ], "type": "alias", "public": false, "values": { "light": "28rem" }, "references": { "light": "var(--oc-base-breakpoint-m)" }, "sources": [ "tokens/component/sheet/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-background-color", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "background-color" ], "type": "alias", "public": false, "values": { "light": "#f0f0f0" }, "references": { "light": "var(--oc-semantic-color-background-frame)" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-dialog-header-m-xl-logo-height", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "dialog", "header", "m-xl-logo-height" ], "type": "alias", "public": false, "values": { "light": "2rem" }, "references": { "light": "var(--oc-base-dimension-relative-32)" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-dialog-header-m-xl-logo-spacing-bottom", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "dialog", "header", "m-xl-logo-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-dialog-header-m-xl-logo-spacing-top", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "dialog", "header", "m-xl-logo-spacing-top" ], "type": "alias", "public": false, "values": { "light": "32px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-200)" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-dialog-header-s-logo-height", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "dialog", "header", "s-logo-height" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-dialog-header-s-logo-spacing-bottom", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "dialog", "header", "s-logo-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-dialog-header-s-logo-spacing-top", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "dialog", "header", "s-logo-spacing-top" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-dialog-header-spacing-bottom", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "dialog", "header", "spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-dialog-header-spacing-top", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "dialog", "header", "spacing-top" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-dialog-max-width", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "dialog", "max-width" ], "type": "dimension", "public": false, "values": { "light": "600px" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-main-content-max-width", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "main", "content-max-width" ], "type": "string", "public": false, "values": { "light": "72rem" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-main-content-min-width", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "main", "content-min-width" ], "type": "string", "public": false, "values": { "light": "20rem" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-main-gap-y", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "main", "gap-y" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-base-dimension-absolute-4)" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-siteframe-main-info-wrapper-width", "tier": "component", "category": "siteframe", "path": [ "component", "siteframe", "main", "info-wrapper-width" ], "type": "dimension", "public": false, "values": { "light": "192px" }, "sources": [ "tokens/component/siteframe/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skeleton-background-color", "tier": "component", "category": "skeleton", "path": [ "component", "skeleton", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5", "dark": "#545454" }, "references": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-20)" }, "themeable": true, "sources": [ "tokens/component/skeleton/dark.tokens.json", "tokens/component/skeleton/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-20)" } }, { "name": "--oc-component-skeleton-content-animation-duration", "tier": "component", "category": "skeleton", "path": [ "component", "skeleton", "content-animation-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-duration-short-100)" }, "sources": [ "tokens/component/skeleton/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skeleton-content-animation-easing", "tier": "component", "category": "skeleton", "path": [ "component", "skeleton", "content-animation-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,1,1)" }, "references": { "light": "var(--oc-base-easing-linear)" }, "sources": [ "tokens/component/skeleton/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skeleton-cursor", "tier": "component", "category": "skeleton", "path": [ "component", "skeleton", "cursor" ], "type": "string", "public": false, "values": { "light": "progress" }, "sources": [ "tokens/component/skeleton/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skeleton-wave-animation-duration", "tier": "component", "category": "skeleton", "path": [ "component", "skeleton", "wave-animation-duration" ], "type": "alias", "public": false, "values": { "light": "350ms" }, "references": { "light": "var(--oc-semantic-duration-medium-100)" }, "sources": [ "tokens/component/skeleton/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skeleton-wave-animation-easing", "tier": "component", "category": "skeleton", "path": [ "component", "skeleton", "wave-animation-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,1,1)" }, "references": { "light": "var(--oc-base-easing-linear)" }, "sources": [ "tokens/component/skeleton/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skeleton-wave-animation-pause", "tier": "component", "category": "skeleton", "path": [ "component", "skeleton", "wave-animation-pause" ], "type": "alias", "public": false, "values": { "light": "500ms" }, "references": { "light": "var(--oc-semantic-duration-long-50)" }, "sources": [ "tokens/component/skeleton/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skeleton-wave-color", "tier": "component", "category": "skeleton", "path": [ "component", "skeleton", "wave-color" ], "type": "string", "public": false, "values": { "light": "linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%)", "dark": "linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0) 100%)" }, "themeable": true, "sources": [ "tokens/component/skeleton/dark.tokens.json", "tokens/component/skeleton/light.tokens.json" ], "css": { "light": "linear-gradient(90deg, #fff0 0%, #ffffff80 50%, #fff0 100%)", "dark": "linear-gradient(90deg, #0000 0%, #00000040 50%, #0000 100%)" } }, { "name": "--oc-component-skeleton-wave-stop-0", "tier": "component", "category": "skeleton", "path": [ "component", "skeleton", "wave-stop-0" ], "type": "color", "public": false, "values": { "light": "rgba(255, 255, 255, 0)", "dark": "rgba(0, 0, 0, 0)" }, "themeable": true, "sources": [ "tokens/component/skeleton/dark.tokens.json", "tokens/component/skeleton/light.tokens.json" ], "css": { "light": "#fff0", "dark": "#0000" } }, { "name": "--oc-component-skeleton-wave-stop-100", "tier": "component", "category": "skeleton", "path": [ "component", "skeleton", "wave-stop-100" ], "type": "color", "public": false, "values": { "light": "rgba(255, 255, 255, 0)", "dark": "rgba(0, 0, 0, 0)" }, "themeable": true, "sources": [ "tokens/component/skeleton/dark.tokens.json", "tokens/component/skeleton/light.tokens.json" ], "css": { "light": "#fff0", "dark": "#0000" } }, { "name": "--oc-component-skeleton-wave-stop-50", "tier": "component", "category": "skeleton", "path": [ "component", "skeleton", "wave-stop-50" ], "type": "color", "public": false, "values": { "light": "rgba(254, 254, 254, 0.5019607843137255)", "dark": "rgba(0, 0, 0, 0.25098039215686274)" }, "themeable": true, "sources": [ "tokens/component/skeleton/dark.tokens.json", "tokens/component/skeleton/light.tokens.json" ], "css": { "light": "#fefefe80", "dark": "#00000040" } }, { "name": "--oc-component-skeleton-wave-width", "tier": "component", "category": "skeleton", "path": [ "component", "skeleton", "wave-width" ], "type": "string", "public": false, "values": { "light": "152px" }, "sources": [ "tokens/component/skeleton/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skip-link-appear-duration", "tier": "component", "category": "skip-link", "path": [ "component", "skip-link", "appear-duration" ], "type": "alias", "public": false, "values": { "light": "50ms", "dark": "125ms" }, "references": { "light": "var(--oc-semantic-transition-disappear-duration)", "dark": "var(--oc-semantic-transition-appear-duration)" }, "themeable": true, "sources": [ "tokens/component/skip-link/dark.tokens.json", "tokens/component/skip-link/light.tokens.json" ], "css": { "light": "var(--oc-semantic-transition-disappear-duration)", "dark": "var(--oc-semantic-transition-appear-duration)" } }, { "name": "--oc-component-skip-link-appear-easing", "tier": "component", "category": "skip-link", "path": [ "component", "skip-link", "appear-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-appear-easing)" }, "sources": [ "tokens/component/skip-link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skip-link-background-color", "tier": "component", "category": "skip-link", "path": [ "component", "skip-link", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-above)" }, "sources": [ "tokens/component/skip-link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skip-link-border-radius", "tier": "component", "category": "skip-link", "path": [ "component", "skip-link", "border-radius" ], "type": "alias", "public": false, "values": { "light": "1rem", "onex": "1.25rem" }, "references": { "light": "var(--oc-semantic-border-radius-200)", "onex": "var(--oc-semantic-border-radius-250)" }, "themeable": true, "sources": [ "tokens/component/skip-link/light.tokens.json", "tokens/component/skip-link/onex.tokens.json" ], "css": { "light": "var(--oc-semantic-border-radius-200)", "onex": "var(--oc-semantic-border-radius-250)" } }, { "name": "--oc-component-skip-link-disappear-duration", "tier": "component", "category": "skip-link", "path": [ "component", "skip-link", "disappear-duration" ], "type": "alias", "public": false, "values": { "light": "50ms" }, "references": { "light": "var(--oc-semantic-transition-disappear-duration)" }, "sources": [ "tokens/component/skip-link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skip-link-disappear-easing", "tier": "component", "category": "skip-link", "path": [ "component", "skip-link", "disappear-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,1,1)" }, "references": { "light": "var(--oc-semantic-transition-disappear-easing)" }, "sources": [ "tokens/component/skip-link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skip-link-gap", "tier": "component", "category": "skip-link", "path": [ "component", "skip-link", "gap" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/skip-link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skip-link-position-x", "tier": "component", "category": "skip-link", "path": [ "component", "skip-link", "position-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/skip-link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skip-link-position-y", "tier": "component", "category": "skip-link", "path": [ "component", "skip-link", "position-y" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/skip-link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skip-link-shadow", "tier": "component", "category": "skip-link", "path": [ "component", "skip-link", "shadow" ], "type": "alias", "public": false, "values": { "light": "drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.10))" }, "references": { "light": "var(--oc-semantic-shadow-above)" }, "sources": [ "tokens/component/skip-link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-skip-link-spacing", "tier": "component", "category": "skip-link", "path": [ "component", "skip-link", "spacing" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/skip-link/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-appear-duration", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "appear-duration" ], "type": "alias", "public": false, "values": { "light": "425ms" }, "references": { "light": "var(--oc-semantic-transition-enter-duration)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-appear-easing", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "appear-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.2,1,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-enter-easing)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-auto-dismiss-duration", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "auto-dismiss-duration" ], "type": "string", "public": false, "values": { "light": "5s" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-background-color", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "background-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-background-inverted)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-border-radius", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-border-radius-50)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-copy-color", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "copy-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-copy-font", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "copy-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-disappear-duration", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "disappear-duration" ], "type": "alias", "public": false, "values": { "light": "200ms" }, "references": { "light": "var(--oc-semantic-transition-exit-duration)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-disappear-easing", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "disappear-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.6,0,0.8,0)" }, "references": { "light": "var(--oc-semantic-transition-exit-easing)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-gap-x", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "gap-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-outer-spacing-bottom", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "outer-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-outer-spacing-x", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "outer-spacing-x" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-shadow", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "shadow" ], "type": "alias", "public": false, "values": { "light": "drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.30)) drop-shadow(0px 9px 10px rgba(0, 0, 0, 0.10))" }, "references": { "light": "var(--oc-semantic-shadow-sticky)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-spacing-left", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "spacing-left" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-spacing-right", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "spacing-right" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-spacing-y", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-text-action-gap-y", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "text-action-gap-y" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-text-action-min-gap-x", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "text-action-min-gap-x" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-150)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-snackbar-text-action-spacing-y", "tier": "component", "category": "snackbar", "path": [ "component", "snackbar", "text-action-spacing-y" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/snackbar/light.tokens.json" ], "css": {} }, { "name": "--oc-component-spinner-50-size", "tier": "component", "category": "spinner", "path": [ "component", "spinner", "50", "size" ], "type": "alias", "public": false, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-base-dimension-relative-12)" }, "sources": [ "tokens/component/spinner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-spinner-50-stroke-width", "tier": "component", "category": "spinner", "path": [ "component", "spinner", "50", "stroke-width" ], "type": "alias", "public": false, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/component/spinner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-spinner-100-size", "tier": "component", "category": "spinner", "path": [ "component", "spinner", "100", "size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/spinner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-spinner-100-stroke-width", "tier": "component", "category": "spinner", "path": [ "component", "spinner", "100", "stroke-width" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-border-width-200)" }, "sources": [ "tokens/component/spinner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-spinner-200-size", "tier": "component", "category": "spinner", "path": [ "component", "spinner", "200", "size" ], "type": "alias", "public": false, "values": { "light": "3rem" }, "references": { "light": "var(--oc-base-dimension-relative-48)" }, "sources": [ "tokens/component/spinner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-spinner-200-stroke-width", "tier": "component", "category": "spinner", "path": [ "component", "spinner", "200", "stroke-width" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-border-width-400)" }, "sources": [ "tokens/component/spinner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-spinner-animation-duration", "tier": "component", "category": "spinner", "path": [ "component", "spinner", "animation-duration" ], "type": "alias", "public": false, "values": { "light": "1000ms" }, "references": { "light": "var(--oc-semantic-animation-loop-duration)" }, "sources": [ "tokens/component/spinner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-spinner-animation-easing", "tier": "component", "category": "spinner", "path": [ "component", "spinner", "animation-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0.35,0.6,0.85)" }, "references": { "light": "var(--oc-semantic-animation-loop-easing)" }, "sources": [ "tokens/component/spinner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-spinner-animation-repetition", "tier": "component", "category": "spinner", "path": [ "component", "spinner", "animation-repetition" ], "type": "alias", "public": false, "values": { "light": "infinite" }, "references": { "light": "var(--oc-semantic-animation-loop-repetition)" }, "sources": [ "tokens/component/spinner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-spinner-default-fill-color", "tier": "component", "category": "spinner", "path": [ "component", "spinner", "default", "fill-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d", "dark": "#e5e5e5" }, "references": { "light": "var(--oc-base-color-gray-400)", "dark": "var(--oc-base-color-gray-100)" }, "themeable": true, "sources": [ "tokens/component/spinner/dark.tokens.json", "tokens/component/spinner/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-400)", "dark": "var(--oc-base-color-gray-100)" } }, { "name": "--oc-component-spinner-inverted-fill-color", "tier": "component", "category": "spinner", "path": [ "component", "spinner", "inverted", "fill-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff", "dark": "#212121" }, "references": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-100)" }, "themeable": true, "sources": [ "tokens/component/spinner/dark.tokens.json", "tokens/component/spinner/light.tokens.json" ], "css": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-100)" } }, { "name": "--oc-component-spinner-track-opacity", "tier": "component", "category": "spinner", "path": [ "component", "spinner", "track-opacity" ], "type": "string", "public": false, "values": { "light": "0.25" }, "sources": [ "tokens/component/spinner/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-50-gap-x", "tier": "component", "category": "switch", "path": [ "component", "switch", "50", "gap-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-50-handle-size", "tier": "component", "category": "switch", "path": [ "component", "switch", "50", "handle-size" ], "type": "alias", "public": false, "values": { "light": "1rem" }, "references": { "light": "var(--oc-base-dimension-relative-16)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-50-height", "tier": "component", "category": "switch", "path": [ "component", "switch", "50", "height" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-50-icon-size", "tier": "component", "category": "switch", "path": [ "component", "switch", "50", "icon-size" ], "type": "alias", "public": false, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-base-dimension-relative-12)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-50-label-font", "tier": "component", "category": "switch", "path": [ "component", "switch", "50", "label-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-50-width", "tier": "component", "category": "switch", "path": [ "component", "switch", "50", "width" ], "type": "string", "public": false, "values": { "light": "2.25rem" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-100-gap-x", "tier": "component", "category": "switch", "path": [ "component", "switch", "100", "gap-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-100-handle-size", "tier": "component", "category": "switch", "path": [ "component", "switch", "100", "handle-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-100-height", "tier": "component", "category": "switch", "path": [ "component", "switch", "100", "height" ], "type": "alias", "public": false, "values": { "light": "2rem" }, "references": { "light": "var(--oc-base-dimension-relative-32)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-100-icon-size", "tier": "component", "category": "switch", "path": [ "component", "switch", "100", "icon-size" ], "type": "alias", "public": false, "values": { "light": "1rem" }, "references": { "light": "var(--oc-base-dimension-relative-16)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-100-label-font", "tier": "component", "category": "switch", "path": [ "component", "switch", "100", "label-font" ], "type": "alias", "public": false, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-125)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-100-width", "tier": "component", "category": "switch", "path": [ "component", "switch", "100", "width" ], "type": "alias", "public": false, "values": { "light": "3rem" }, "references": { "light": "var(--oc-base-dimension-relative-48)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-checked-background-color", "tier": "component", "category": "switch", "path": [ "component", "switch", "checked", "background-color" ], "type": "alias", "public": false, "values": { "light": "#3e935e" }, "references": { "light": "var(--oc-semantic-color-stroke-success)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-checked-background-color-active", "tier": "component", "category": "switch", "path": [ "component", "switch", "checked", "background-color-active" ], "type": "color", "public": false, "values": { "light": "#235235", "dark": "#7ac797" }, "themeable": true, "sources": [ "tokens/component/switch/dark.tokens.json", "tokens/component/switch/light.tokens.json" ], "css": { "light": "#235235", "dark": "#7ac797" } }, { "name": "--oc-component-switch-checked-background-color-hover", "tier": "component", "category": "switch", "path": [ "component", "switch", "checked", "background-color-hover" ], "type": "color", "public": false, "values": { "light": "#32764c", "dark": "#56b87b" }, "themeable": true, "sources": [ "tokens/component/switch/dark.tokens.json", "tokens/component/switch/light.tokens.json" ], "css": { "light": "#32764c", "dark": "#56b87b" } }, { "name": "--oc-component-switch-checked-handle-color", "tier": "component", "category": "switch", "path": [ "component", "switch", "checked", "handle-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-base-color-white-100)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-checked-icon-color", "tier": "component", "category": "switch", "path": [ "component", "switch", "checked", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#227642", "dark": "#227642" }, "references": { "light": "var(--oc-semantic-color-text-success)", "dark": "var(--oc-base-color-success-green-100)" }, "themeable": true, "sources": [ "tokens/component/switch/dark.tokens.json", "tokens/component/switch/light.tokens.json" ], "css": { "light": "var(--oc-semantic-color-text-success)", "dark": "var(--oc-base-color-success-green-100)" } }, { "name": "--oc-component-switch-checked-label-color", "tier": "component", "category": "switch", "path": [ "component", "switch", "checked", "label-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-default-background-color", "tier": "component", "category": "switch", "path": [ "component", "switch", "default", "background-color" ], "type": "alias", "public": false, "values": { "light": "#949494", "dark": "#545454" }, "references": { "light": "var(--oc-base-color-gray-200)", "dark": "var(--oc-base-color-black-lighten-20)" }, "themeable": true, "sources": [ "tokens/component/switch/dark.tokens.json", "tokens/component/switch/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-200)", "dark": "var(--oc-base-color-black-lighten-20)" } }, { "name": "--oc-component-switch-default-background-color-active", "tier": "component", "category": "switch", "path": [ "component", "switch", "default", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#545454", "dark": "#949494" }, "references": { "light": "var(--oc-base-color-black-lighten-20)", "dark": "var(--oc-base-color-gray-200)" }, "themeable": true, "sources": [ "tokens/component/switch/dark.tokens.json", "tokens/component/switch/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-lighten-20)", "dark": "var(--oc-base-color-gray-200)" } }, { "name": "--oc-component-switch-default-background-color-hover", "tier": "component", "category": "switch", "path": [ "component", "switch", "default", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-base-color-gray-400)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-default-handle-color", "tier": "component", "category": "switch", "path": [ "component", "switch", "default", "handle-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-base-color-white-100)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-default-label-color", "tier": "component", "category": "switch", "path": [ "component", "switch", "default", "label-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-disabled-background-color", "tier": "component", "category": "switch", "path": [ "component", "switch", "disabled", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-semantic-color-background-disabled)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-disabled-handle-color", "tier": "component", "category": "switch", "path": [ "component", "switch", "disabled", "handle-color" ], "type": "alias", "public": false, "values": { "light": "#cccccc" }, "references": { "light": "var(--oc-semantic-color-stroke-disabled)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-disabled-icon-color", "tier": "component", "category": "switch", "path": [ "component", "switch", "disabled", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-semantic-color-background-disabled)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-disabled-label-color", "tier": "component", "category": "switch", "path": [ "component", "switch", "disabled", "label-color" ], "type": "alias", "public": false, "values": { "light": "#949494" }, "references": { "light": "var(--oc-semantic-color-text-disabled)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-transition-duration", "tier": "component", "category": "switch", "path": [ "component", "switch", "transition-duration" ], "type": "alias", "public": false, "values": { "light": "275ms" }, "references": { "light": "var(--oc-semantic-duration-medium-50)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-switch-transition-easing", "tier": "component", "category": "switch", "path": [ "component", "switch", "transition-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.9,0.1,0.1,0.9)" }, "references": { "light": "var(--oc-base-easing-expressive-in-out)" }, "sources": [ "tokens/component/switch/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-bar-background-color", "tier": "component", "category": "tab", "path": [ "component", "tab", "bar", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-bar-fade-stop-1", "tier": "component", "category": "tab", "path": [ "component", "tab", "bar", "fade-stop-1" ], "type": "string", "public": false, "values": { "light": "rgba(255, 255, 255, 1)", "dark": "rgba(46, 46, 46, 1)" }, "themeable": true, "sources": [ "tokens/component/tab/dark.tokens.json", "tokens/component/tab/light.tokens.json" ], "css": { "light": "#fff", "dark": "#2e2e2e" } }, { "name": "--oc-component-tab-bar-fade-stop-2", "tier": "component", "category": "tab", "path": [ "component", "tab", "bar", "fade-stop-2" ], "type": "string", "public": false, "values": { "light": "rgba(255, 255, 255, 0.8)", "dark": "rgba(46, 46, 46, 0.8)" }, "themeable": true, "sources": [ "tokens/component/tab/dark.tokens.json", "tokens/component/tab/light.tokens.json" ], "css": { "light": "#fffc", "dark": "#2e2e2ecc" } }, { "name": "--oc-component-tab-bar-fade-width", "tier": "component", "category": "tab", "path": [ "component", "tab", "bar", "fade-width" ], "type": "string", "public": false, "values": { "light": "96px" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-bar-gap-x", "tier": "component", "category": "tab", "path": [ "component", "tab", "bar", "gap-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-bar-spacing-x", "tier": "component", "category": "tab", "path": [ "component", "tab", "bar", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-bar-transition-duration", "tier": "component", "category": "tab", "path": [ "component", "tab", "bar", "transition-duration" ], "type": "alias", "public": false, "values": { "light": "200ms" }, "references": { "light": "var(--oc-base-duration-200)" }, "comment": "@apply-reduced-motion", "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-bar-transition-easing", "tier": "component", "category": "tab", "path": [ "component", "tab", "bar", "transition-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "references": { "light": "var(--oc-base-easing-default-out)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-item-font", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-item-gap-x", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "gap-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-item-gap-y", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "gap-y" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-item-icon-color", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-item-icon-size", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "icon-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-item-max-width", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "max-width" ], "type": "string", "public": false, "values": { "light": "208px" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-item-min-width", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "min-width" ], "type": "alias", "public": false, "values": { "light": "48px" }, "references": { "light": "var(--oc-base-dimension-absolute-48)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-item-selected-indicator-color", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "selected", "indicator-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-item-selected-indicator-width", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "selected", "indicator-width" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-border-width-200)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-item-spacing-x", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-item-spacing-y", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tab-item-text-color", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/tab/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-25-font", "tier": "component", "category": "tag", "path": [ "component", "tag", "25", "font" ], "type": "alias", "public": false, "values": { "light": "700 0.625rem/0.75rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-10)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-25-gap-x", "tier": "component", "category": "tag", "path": [ "component", "tag", "25", "gap-x" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-25-icon-size", "tier": "component", "category": "tag", "path": [ "component", "tag", "25", "icon-size" ], "type": "alias", "public": false, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-base-dimension-relative-12)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-25-spacing-x", "tier": "component", "category": "tag", "path": [ "component", "tag", "25", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-25-spacing-y", "tier": "component", "category": "tag", "path": [ "component", "tag", "25", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-50-font", "tier": "component", "category": "tag", "path": [ "component", "tag", "50", "font" ], "type": "alias", "public": false, "values": { "light": "700 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-25)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-50-gap-x", "tier": "component", "category": "tag", "path": [ "component", "tag", "50", "gap-x" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-50-icon-size", "tier": "component", "category": "tag", "path": [ "component", "tag", "50", "icon-size" ], "type": "alias", "public": false, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-base-dimension-relative-12)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-50-spacing-x", "tier": "component", "category": "tag", "path": [ "component", "tag", "50", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-50-spacing-y", "tier": "component", "category": "tag", "path": [ "component", "tag", "50", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-100-font", "tier": "component", "category": "tag", "path": [ "component", "tag", "100", "font" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-100-gap-x", "tier": "component", "category": "tag", "path": [ "component", "tag", "100", "gap-x" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-100-icon-size", "tier": "component", "category": "tag", "path": [ "component", "tag", "100", "icon-size" ], "type": "alias", "public": false, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-base-dimension-relative-12)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-100-spacing-x", "tier": "component", "category": "tag", "path": [ "component", "tag", "100", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-100-spacing-y", "tier": "component", "category": "tag", "path": [ "component", "tag", "100", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-border-radius", "tier": "component", "category": "tag", "path": [ "component", "tag", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.125rem" }, "references": { "light": "var(--oc-semantic-border-radius-25)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-error-background-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "error", "background-color" ], "type": "alias", "public": false, "values": { "light": "#f78ca1" }, "references": { "light": "var(--oc-semantic-color-background-emphasized-error)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-error-text-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "error", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-hint-background-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "hint", "background-color" ], "type": "alias", "public": false, "values": { "light": "#47bbff" }, "references": { "light": "var(--oc-semantic-color-background-emphasized-hint)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-hint-text-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "hint", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-hitbox-min-height", "tier": "component", "category": "tag", "path": [ "component", "tag", "hitbox-min-height" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-info-primary-background-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "info-primary", "background-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-info)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-info-primary-text-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "info-primary", "text-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-info-secondary-background-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "info-secondary", "background-color" ], "type": "alias", "public": false, "values": { "light": "#e5e5e5" }, "references": { "light": "var(--oc-semantic-color-background-soft-info)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-info-secondary-text-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "info-secondary", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-info)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-sale-background-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "sale", "background-color" ], "type": "alias", "public": false, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-semantic-color-background-sale)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-sale-text-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "sale", "text-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-base-color-white-100)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-service-background-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "service", "background-color" ], "type": "alias", "public": false, "values": { "light": "#76a6c6", "dark": "#3f7498" }, "references": { "light": "var(--oc-base-color-service-blue-100)", "dark": "var(--oc-base-color-service-blue-120)" }, "themeable": true, "sources": [ "tokens/component/tag/dark.tokens.json", "tokens/component/tag/light.tokens.json" ], "css": { "light": "var(--oc-base-color-service-blue-100)", "dark": "var(--oc-base-color-service-blue-120)" } }, { "name": "--oc-component-tag-service-text-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "service", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-sold-out-background-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "sold-out", "background-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-base-color-gray-400)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-sold-out-text-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "sold-out", "text-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-base-color-white-100)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-success-background-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "success", "background-color" ], "type": "alias", "public": false, "values": { "light": "#67bd88" }, "references": { "light": "var(--oc-semantic-color-background-emphasized-success)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-success-text-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "success", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-warning-background-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "warning", "background-color" ], "type": "alias", "public": false, "values": { "light": "#ff8e5d" }, "references": { "light": "var(--oc-semantic-color-background-emphasized-warning)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tag-warning-text-color", "tier": "component", "category": "tag", "path": [ "component", "tag", "warning", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/component/tag/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-action-spacing-bottom", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "action-spacing-bottom" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-arrow-height", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "arrow-height" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-base-dimension-absolute-8)" }, "comment": "@deprecated, as moved to popover/arrow/100", "deprecated": "@deprecated, as moved to popover/arrow/100", "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-arrow-width", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "arrow-width" ], "type": "alias", "public": false, "values": { "light": "16px" }, "references": { "light": "var(--oc-base-dimension-absolute-16)" }, "comment": "@deprecated, as moved to popover/arrow/100", "deprecated": "@deprecated, as moved to popover/arrow/100", "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-background-color", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "background-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-background-inverted)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-border-radius", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.125rem" }, "references": { "light": "var(--oc-semantic-border-radius-25)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-close-button-spacing", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "close-button-spacing" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-context-spacing", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "context-spacing" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-copy-color", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "copy-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-copy-font", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "copy-font" ], "type": "alias", "public": false, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-100)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-frame-spacing", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "frame-spacing" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-gap-x", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "gap-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-gap-y", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "gap-y" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-headline-color", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "headline-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-headline-font", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "headline-font" ], "type": "alias", "public": false, "values": { "light": "700 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-100)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-hide-duration", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "hide-duration" ], "type": "alias", "public": false, "values": { "light": "50ms" }, "references": { "light": "var(--oc-semantic-transition-disappear-duration)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-hide-easing", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "hide-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,1,1)" }, "references": { "light": "var(--oc-semantic-transition-disappear-easing)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-icon-color", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-icon-size", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "icon-size" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-link-color", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "link-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-max-width", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "max-width" ], "type": "string", "public": false, "values": { "light": "432px" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-shadow", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "shadow" ], "type": "alias", "public": false, "values": { "light": "drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.10))" }, "references": { "light": "var(--oc-semantic-shadow-above)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-show-duration", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "show-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-transition-appear-duration)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-show-easing", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "show-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-appear-easing)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-toggletip-text-spacing", "tier": "component", "category": "toggletip", "path": [ "component", "toggletip", "text-spacing" ], "type": "alias", "public": false, "values": { "light": "12px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-75)" }, "sources": [ "tokens/component/toggletip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-arrow-height", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "arrow-height" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-base-dimension-absolute-4)" }, "comment": "@deprecated, as moved to popover/arrow/100", "deprecated": "@deprecated, as moved to popover/arrow/100", "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-arrow-width", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "arrow-width" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-base-dimension-absolute-8)" }, "comment": "@deprecated, as moved to popover/arrow/100", "deprecated": "@deprecated, as moved to popover/arrow/100", "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-background-color", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "background-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-background-inverted)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-border-radius", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "border-radius" ], "type": "alias", "public": false, "values": { "light": "0.125rem" }, "references": { "light": "var(--oc-semantic-border-radius-25)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-context-spacing", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "context-spacing" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-copy-color", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "copy-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-copy-font", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "copy-font" ], "type": "alias", "public": false, "values": { "light": "400 0.625rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-50)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-frame-spacing", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "frame-spacing" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-hide-delay", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "hide-delay" ], "type": "alias", "public": false, "values": { "light": "200ms" }, "references": { "light": "var(--oc-semantic-duration-short-150)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-hide-duration", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "hide-duration" ], "type": "alias", "public": false, "values": { "light": "50ms" }, "references": { "light": "var(--oc-semantic-transition-disappear-duration)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-hide-easing", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "hide-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0.8,0,1,1)" }, "references": { "light": "var(--oc-semantic-transition-disappear-easing)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-long-press-delay", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "long-press-delay" ], "type": "string", "public": false, "values": { "light": "500ms" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-max-width", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "max-width" ], "type": "string", "public": false, "values": { "light": "344px" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-shadow", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "shadow" ], "type": "alias", "public": false, "values": { "light": "drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.10))" }, "references": { "light": "var(--oc-semantic-shadow-above)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-show-delay", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "show-delay" ], "type": "alias", "public": false, "values": { "light": "500ms" }, "references": { "light": "var(--oc-semantic-duration-long-50)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-show-duration", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "show-duration" ], "type": "alias", "public": false, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-transition-appear-duration)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-show-easing", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "show-easing" ], "type": "alias", "public": false, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "references": { "light": "var(--oc-semantic-transition-appear-easing)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-spacing-x", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "spacing-x" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-component-tooltip-spacing-y", "tier": "component", "category": "tooltip", "path": [ "component", "tooltip", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/component/tooltip/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-energy-label-100-height", "tier": "feature-component", "category": "energy-label", "path": [ "feature-component", "energy-label", "100", "height" ], "type": "string", "public": false, "values": { "light": "1.25rem" }, "sources": [ "tokens/feature-component/energy-label/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-energy-label-200-height", "tier": "feature-component", "category": "energy-label", "path": [ "feature-component", "energy-label", "200", "height" ], "type": "string", "public": false, "values": { "light": "2.25rem" }, "sources": [ "tokens/feature-component/energy-label/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-energy-label-hitbox-min-height", "tier": "feature-component", "category": "energy-label", "path": [ "feature-component", "energy-label", "hitbox-min-height" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/feature-component/energy-label/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-placeholder-background-color", "tier": "feature-component", "category": "placeholder", "path": [ "feature-component", "placeholder", "background-color" ], "type": "color", "public": false, "values": { "light": "#30d9ba" }, "sources": [ "tokens/feature-component/placeholder/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-placeholder-background-opacity", "tier": "feature-component", "category": "placeholder", "path": [ "feature-component", "placeholder", "background-opacity" ], "type": "dimension", "public": false, "values": { "light": 50 }, "sources": [ "tokens/feature-component/placeholder/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-placeholder-text-color", "tier": "feature-component", "category": "placeholder", "path": [ "feature-component", "placeholder", "text-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-text-inverted)" }, "sources": [ "tokens/feature-component/placeholder/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-campaign-font", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "campaign", "font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-campaign-font-weight", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "campaign", "font-weight" ], "type": "alias", "public": false, "values": { "light": "700" }, "references": { "light": "var(--oc-base-font-weight-bold)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-campaign-spacing-bottom-100", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "campaign", "spacing-bottom-100" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-campaign-spacing-bottom-200", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "campaign", "spacing-bottom-200" ], "type": "alias", "public": false, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-semantic-spacing-relative-25)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-campaign-text-color", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "campaign", "text-color" ], "type": "alias", "public": false, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-semantic-color-text-sale)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-discounted-price-font", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "discounted-price", "font" ], "type": "alias", "public": false, "values": { "light": "400 0.625rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-50)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-discounted-price-text-color", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "discounted-price", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-discounted-price-text-decoration", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "discounted-price", "text-decoration" ], "type": "string", "public": false, "values": { "light": "line-through" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-retail-price-100-font-euro-sign", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "retail-price", "100", "font-euro-sign" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-retail-price-100-font-from", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "retail-price", "100", "font-from" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-retail-price-100-font-retail-price", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "retail-price", "100", "font-retail-price" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-retail-price-200-font-euro-sign", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "retail-price", "200", "font-euro-sign" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-retail-price-200-font-from", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "retail-price", "200", "font-from" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-retail-price-200-font-retail-price", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "retail-price", "200", "font-retail-price" ], "type": "alias", "public": false, "values": { "light": "700 1.5rem/2rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-300)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-retail-price-text-color-default", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "retail-price", "text-color-default" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-retail-price-text-color-discounted", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "retail-price", "text-color-discounted" ], "type": "alias", "public": false, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-semantic-color-text-sale)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-tag-gap", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "tag", "gap" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-tag-spacing-bottom-100", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "tag", "spacing-bottom-100" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-tag-spacing-bottom-200", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "tag", "spacing-bottom-200" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-tag-spacing-top-100", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "tag", "spacing-top-100" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-tag-spacing-top-200", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "tag", "spacing-top-200" ], "type": "alias", "public": false, "values": { "light": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-50)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-unit-norm-price-font", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "unit-norm-price", "font" ], "type": "alias", "public": false, "values": { "light": "400 0.625rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-50)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-unit-norm-price-text-color", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "unit-norm-price", "text-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-uvp-font", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "uvp", "font" ], "type": "alias", "public": false, "values": { "light": "400 0.625rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-50)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-uvp-spacing-right", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "uvp", "spacing-right" ], "type": "alias", "public": false, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-price-information-uvp-text-color", "tier": "feature-component", "category": "price-information", "path": [ "feature-component", "price-information", "uvp", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/feature-component/price-information/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-campaign-text-color", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "campaign", "text-color" ], "type": "alias", "public": false, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-semantic-color-text-sale)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-old-price-text-color", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "old-price", "text-color" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-retail-price-text-color-default", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "retail-price", "text-color-default" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-retail-price-text-color-discounted", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "retail-price", "text-color-discounted" ], "type": "alias", "public": false, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-semantic-color-text-sale)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-size-100-campaign-font", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "size-100", "campaign-font" ], "type": "alias", "public": false, "values": { "light": "700 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-25)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-size-100-from-font", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "size-100", "from-font" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-size-100-old-price-font", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "size-100", "old-price-font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-size-100-retail-price-font", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "size-100", "retail-price-font" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-size-100-unit-font", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "size-100", "unit-font" ], "type": "alias", "public": false, "values": { "light": "400 0.625rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-50)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-size-200-campaign-font", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "size-200", "campaign-font" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-size-200-from-font", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "size-200", "from-font" ], "type": "alias", "public": false, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-50)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-size-200-old-price-font", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "size-200", "old-price-font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-size-200-retail-price-font", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "size-200", "retail-price-font" ], "type": "alias", "public": false, "values": { "light": "700 1.5rem/2rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-headline-300)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-size-200-unit-font", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "size-200", "unit-font" ], "type": "alias", "public": false, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-semantic-font-copy-75)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-pricing-item-unit-price-text-color", "tier": "feature-component", "category": "pricing-item", "path": [ "feature-component", "pricing-item", "unit-price", "text-color" ], "type": "alias", "public": false, "values": { "light": "#6d6d6d" }, "references": { "light": "var(--oc-semantic-color-text-secondary)" }, "sources": [ "tokens/feature-component/pricing-item/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-sponsored-declaration-link-min-height", "tier": "feature-component", "category": "sponsored-declaration", "path": [ "feature-component", "sponsored-declaration", "link-min-height" ], "type": "alias", "public": false, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/feature-component/sponsored-declaration/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-sponsored-declaration-spacing-y", "tier": "feature-component", "category": "sponsored-declaration", "path": [ "feature-component", "sponsored-declaration", "spacing-y" ], "type": "alias", "public": false, "values": { "light": "4px", "dark": "8px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)", "dark": "var(--oc-semantic-spacing-absolute-50)" }, "themeable": true, "sources": [ "tokens/feature-component/sponsored-declaration/dark.tokens.json", "tokens/feature-component/sponsored-declaration/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-sustainability-badge-background-color", "tier": "feature-component", "category": "sustainability-badge", "path": [ "feature-component", "sustainability-badge", "background-color" ], "type": "alias", "public": false, "values": { "light": "#658c62" }, "references": { "light": "var(--oc-semantic-color-stroke-sustainable)" }, "sources": [ "tokens/feature-component/sustainability-badge/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-sustainability-badge-background-color-active", "tier": "feature-component", "category": "sustainability-badge", "path": [ "feature-component", "sustainability-badge", "background-color-active" ], "type": "alias", "public": false, "values": { "light": "#4e724b" }, "references": { "light": "var(--oc-base-color-sustainable-green-darken-20)" }, "sources": [ "tokens/feature-component/sustainability-badge/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-sustainability-badge-background-color-hover", "tier": "feature-component", "category": "sustainability-badge", "path": [ "feature-component", "sustainability-badge", "background-color-hover" ], "type": "alias", "public": false, "values": { "light": "#588155" }, "references": { "light": "var(--oc-base-color-sustainable-green-darken-15)" }, "sources": [ "tokens/feature-component/sustainability-badge/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-sustainability-badge-background-size", "tier": "feature-component", "category": "sustainability-badge", "path": [ "feature-component", "sustainability-badge", "background-size" ], "type": "alias", "public": false, "values": { "light": "2rem" }, "references": { "light": "var(--oc-base-dimension-relative-32)" }, "sources": [ "tokens/feature-component/sustainability-badge/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-sustainability-badge-icon-color", "tier": "feature-component", "category": "sustainability-badge", "path": [ "feature-component", "sustainability-badge", "icon-color" ], "type": "alias", "public": false, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-base-color-white-100)" }, "sources": [ "tokens/feature-component/sustainability-badge/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-sustainability-badge-icon-size", "tier": "feature-component", "category": "sustainability-badge", "path": [ "feature-component", "sustainability-badge", "icon-size" ], "type": "alias", "public": false, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/feature-component/sustainability-badge/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-wishlist-save-button-heart-active-color-black-friday", "tier": "feature-component", "category": "wishlist-save-button", "path": [ "feature-component", "wishlist-save-button", "heart-active-color-black-friday" ], "type": "alias", "public": false, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "sources": [ "tokens/feature-component/wishlist-save-button/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-wishlist-save-button-heart-active-color-default", "tier": "feature-component", "category": "wishlist-save-button", "path": [ "feature-component", "wishlist-save-button", "heart-active-color-default" ], "type": "alias", "public": false, "values": { "light": "#eb001f" }, "references": { "light": "var(--oc-semantic-color-text-brand)" }, "sources": [ "tokens/feature-component/wishlist-save-button/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-wishlist-save-button-heart-active-color-pride", "tier": "feature-component", "category": "wishlist-save-button", "path": [ "feature-component", "wishlist-save-button", "heart-active-color-pride" ], "type": "string", "public": false, "values": { "light": "linear-gradient(to right top, #7e3906 0, #7e3906 10%, #ff889e 10%, #ff889e 23%, #8d0083 23%, #8d0083 37%, #198504 37%, #198504 48.5%, #334982 48.5%, #334982 63%, #ffd229 63%, #ffd229 76%, #ee9201 76%, #ee9201 90%, #d52b1e 90%, #d52b1e 100%)", "dark": "linear-gradient(to right top, #7e3906 0, #7e3906 10%, #ff889e 10%, #ff889e 23%, #8d0083 23%, #8d0083 37%, #198504 37%, #198504 48.5%, #334982 48.5%, #334982 63%, #ffd229 63%, #ffd229 76%, #ee9201 76%, #ee9201 90%, #d52b1e 90%, #d52b1e 100%)ing value" }, "themeable": true, "sources": [ "tokens/feature-component/wishlist-save-button/dark.tokens.json", "tokens/feature-component/wishlist-save-button/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-wishlist-save-button-icon-button-transparent-background-color", "tier": "feature-component", "category": "wishlist-save-button", "path": [ "feature-component", "wishlist-save-button", "icon-button-transparent", "background-color" ], "type": "color", "public": false, "values": { "light": "rgba(255, 255, 255, 0)" }, "sources": [ "tokens/feature-component/wishlist-save-button/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-component-wishlist-save-button-icon-button-transparent-background-icon-color", "tier": "feature-component", "category": "wishlist-save-button", "path": [ "feature-component", "wishlist-save-button", "icon-button-transparent", "background-icon-color" ], "type": "color", "public": false, "values": { "light": "rgba(255, 255, 255, 0.8)" }, "sources": [ "tokens/feature-component/wishlist-save-button/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-background-ai", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "background", "ai" ], "type": "alias", "public": false, "values": { "light": "#f4eeff", "dark": "#381e84" }, "references": { "light": "var(--oc-base-color-purple-70)" }, "themeable": true, "sources": [ "tokens/feature-semantic/color/dark.tokens.json", "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-background-emphasized-ai", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "background", "emphasized", "ai" ], "type": "alias", "public": false, "values": { "light": "#c5afe9", "dark": "#522eb7" }, "references": { "light": "var(--oc-base-color-purple-90)", "dark": "var(--oc-base-color-purple-140)" }, "themeable": true, "sources": [ "tokens/feature-semantic/color/dark.tokens.json", "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-gold-0", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "gold", "0" ], "type": "color", "public": false, "values": { "light": "#aa5b00" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-gold-17", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "gold", "17" ], "type": "color", "public": false, "values": { "light": "#994700" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-gold-54", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "gold", "54" ], "type": "color", "public": false, "values": { "light": "#ffe284" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-gold-70", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "gold", "70" ], "type": "color", "public": false, "values": { "light": "#ffe284" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-gold-95", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "gold", "95" ], "type": "color", "public": false, "values": { "light": "#994700" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-gold-gradient", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "gold", "gradient" ], "type": "string", "public": false, "values": { "light": "linear-gradient(to right top, #aa5b00 0, #994700 17%, #ffe284 54%, #ffe284 70%, #994700 95%)" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-0", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "0" ], "type": "color", "public": false, "values": { "light": "#7e3906" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-10", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "10" ], "type": "color", "public": false, "values": { "light": "#7e3906" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-23", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "23" ], "type": "color", "public": false, "values": { "light": "#ff889e" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-37", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "37" ], "type": "color", "public": false, "values": { "light": "#8d0083" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-49", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "49" ], "type": "color", "public": false, "values": { "light": "#198504" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-63", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "63" ], "type": "color", "public": false, "values": { "light": "#334982" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-76", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "76" ], "type": "color", "public": false, "values": { "light": "#ffd229" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-90", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "90" ], "type": "color", "public": false, "values": { "light": "#ee9201" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-100", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "100" ], "type": "color", "public": false, "values": { "light": "#d52b1e" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-10_2", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "10_2" ], "type": "color", "public": false, "values": { "light": "#ff889e" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-23_2", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "23_2" ], "type": "color", "public": false, "values": { "light": "#8d0083" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-37_2", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "37_2" ], "type": "color", "public": false, "values": { "light": "#198504" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-49_2", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "49_2" ], "type": "color", "public": false, "values": { "light": "#334982" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-63_2", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "63_2" ], "type": "color", "public": false, "values": { "light": "#ffd229" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-76_2", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "76_2" ], "type": "color", "public": false, "values": { "light": "#ee9201" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-90_2", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "90_2" ], "type": "color", "public": false, "values": { "light": "#d52b1e" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-multicolor-gradient", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "multicolor", "gradient" ], "type": "string", "public": false, "values": { "light": "linear-gradient(to right top, #7e3906 0, #7e3906 10%, #ff889e 10%, #ff889e 23%, #8d0083 23%, #8d0083 37%, #198504 37%, #198504 48.5%, #334982 48.5%, #334982 63%, #ffd229 63%, #ffd229 76%, #ee9201 76%, #ee9201 90%, #d52b1e 90%, #d52b1e 100%)" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-silver-17", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "silver", "17" ], "type": "color", "public": false, "values": { "light": "#888a87" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-silver-54", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "silver", "54" ], "type": "color", "public": false, "values": { "light": "#e9ebe7" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-silver-70", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "silver", "70" ], "type": "color", "public": false, "values": { "light": "#e9ebe7" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-silver-95", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "silver", "95" ], "type": "color", "public": false, "values": { "light": "#888a87" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-product-silver-gradient", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "product", "silver", "gradient" ], "type": "string", "public": false, "values": { "light": "linear-gradient(to right top, #888a87 17%, #e9ebe7 54%, #e9ebe7 70%, #888a87 95%)" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-stroke-ai", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "stroke", "ai" ], "type": "alias", "public": false, "values": { "light": "#7e63ca" }, "references": { "light": "var(--oc-base-color-purple-120)" }, "sources": [ "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-feature-semantic-color-text-ai", "tier": "feature-semantic", "category": "color", "path": [ "feature-semantic", "color", "text", "ai" ], "type": "alias", "public": false, "values": { "light": "#522eb7", "dark": "#e5d5fe" }, "references": { "light": "var(--oc-base-color-purple-140)", "dark": "var(--oc-base-color-purple-80)" }, "themeable": true, "sources": [ "tokens/feature-semantic/color/dark.tokens.json", "tokens/feature-semantic/color/light.tokens.json" ], "css": {} }, { "name": "--oc-semantic-animation-loop-duration", "tier": "semantic", "category": "animation", "path": [ "semantic", "animation", "loop", "duration" ], "type": "alias", "public": true, "values": { "light": "1000ms" }, "references": { "light": "var(--oc-semantic-duration-long-150)" }, "comment": "@reduced-motion:1500ms", "sources": [ "tokens/semantic/animation/light.tokens.json" ], "css": { "light": "var(--oc-semantic-duration-long-150)" } }, { "name": "--oc-semantic-animation-loop-easing", "tier": "semantic", "category": "animation", "path": [ "semantic", "animation", "loop", "easing" ], "type": "alias", "public": true, "values": { "light": "cubic-bezier(0.8,0.35,0.6,0.85)" }, "references": { "light": "var(--oc-base-easing-continuous)" }, "sources": [ "tokens/semantic/animation/light.tokens.json" ], "css": { "light": "var(--oc-base-easing-continuous)" } }, { "name": "--oc-semantic-animation-loop-repetition", "tier": "semantic", "category": "animation", "path": [ "semantic", "animation", "loop", "repetition" ], "type": "alias", "public": true, "values": { "light": "infinite" }, "references": { "light": "var(--oc-base-repetition-infinite)" }, "sources": [ "tokens/semantic/animation/light.tokens.json" ], "css": { "light": "var(--oc-base-repetition-infinite)" } }, { "name": "--oc-semantic-border-radius-0", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "radius", "0" ], "type": "alias", "public": true, "values": { "light": "0rem" }, "references": { "light": "var(--oc-base-dimension-relative-0)" }, "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-0)" } }, { "name": "--oc-semantic-border-radius-25", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "radius", "25" ], "type": "alias", "public": true, "values": { "light": "0.125rem" }, "references": { "light": "var(--oc-base-dimension-relative-2)" }, "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-2)" } }, { "name": "--oc-semantic-border-radius-50", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "radius", "50" ], "type": "alias", "public": true, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-base-dimension-relative-4)" }, "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-4)" } }, { "name": "--oc-semantic-border-radius-100", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "radius", "100" ], "type": "alias", "public": true, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-8)" }, "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-8)" } }, { "name": "--oc-semantic-border-radius-150", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "radius", "150" ], "type": "alias", "public": true, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-base-dimension-relative-12)" }, "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-12)" } }, { "name": "--oc-semantic-border-radius-200", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "radius", "200" ], "type": "alias", "public": true, "values": { "light": "1rem" }, "references": { "light": "var(--oc-base-dimension-relative-16)" }, "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-16)" } }, { "name": "--oc-semantic-border-radius-250", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "radius", "250" ], "type": "alias", "public": true, "values": { "light": "1.25rem" }, "references": { "light": "var(--oc-base-dimension-relative-20)" }, "comment": "from main", "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-20)" } }, { "name": "--oc-semantic-border-radius-300", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "radius", "300" ], "type": "alias", "public": true, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-24)" } }, { "name": "--oc-semantic-border-width-0", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "width", "0" ], "type": "dimension", "public": true, "values": { "light": "0px" }, "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "0px" } }, { "name": "--oc-semantic-border-width-100", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "width", "100" ], "type": "dimension", "public": true, "values": { "light": "1px" }, "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "1px" } }, { "name": "--oc-semantic-border-width-150", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "width", "150" ], "type": "dimension", "public": true, "values": { "light": "1.5px" }, "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "1.5px" } }, { "name": "--oc-semantic-border-width-200", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "width", "200" ], "type": "dimension", "public": true, "values": { "light": "2px" }, "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "2px" } }, { "name": "--oc-semantic-border-width-400", "tier": "semantic", "category": "border", "path": [ "semantic", "border", "width", "400" ], "type": "dimension", "public": true, "values": { "light": "4px" }, "sources": [ "tokens/semantic/border/light.tokens.json" ], "css": { "light": "4px" } }, { "name": "--oc-semantic-checked-outline-inline-color", "tier": "semantic", "category": "checked-outline", "path": [ "semantic", "checked-outline", "inline-color" ], "type": "alias", "public": true, "values": { "light": "#ffffff" }, "references": { "light": "var(--oc-semantic-color-background-canvas)" }, "sources": [ "tokens/semantic/checked-outline/light.tokens.json" ], "css": { "light": "var(--oc-semantic-color-background-canvas)" } }, { "name": "--oc-semantic-checked-outline-outline-color", "tier": "semantic", "category": "checked-outline", "path": [ "semantic", "checked-outline", "outline-color" ], "type": "alias", "public": true, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-background-inverted)" }, "sources": [ "tokens/semantic/checked-outline/light.tokens.json" ], "css": { "light": "var(--oc-semantic-color-background-inverted)" } }, { "name": "--oc-semantic-checked-outline-width-inline-100", "tier": "semantic", "category": "checked-outline", "path": [ "semantic", "checked-outline", "width", "inline", "100" ], "type": "alias", "public": true, "values": { "light": "1px" }, "references": { "light": "var(--oc-semantic-border-width-100)" }, "sources": [ "tokens/semantic/checked-outline/light.tokens.json" ], "css": { "light": "var(--oc-semantic-border-width-100)" } }, { "name": "--oc-semantic-checked-outline-width-outline-100", "tier": "semantic", "category": "checked-outline", "path": [ "semantic", "checked-outline", "width", "outline", "100" ], "type": "alias", "public": true, "values": { "light": "1.5px" }, "references": { "light": "var(--oc-semantic-border-width-150)" }, "sources": [ "tokens/semantic/checked-outline/light.tokens.json" ], "css": { "light": "var(--oc-semantic-border-width-150)" } }, { "name": "--oc-semantic-checked-outline-width-outline-200", "tier": "semantic", "category": "checked-outline", "path": [ "semantic", "checked-outline", "width", "outline", "200" ], "type": "alias", "public": true, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-border-width-200)" }, "sources": [ "tokens/semantic/checked-outline/light.tokens.json" ], "css": { "light": "var(--oc-semantic-border-width-200)" } }, { "name": "--oc-semantic-color-above-background", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "above-background" ], "type": "alias", "public": true, "values": { "light": "#ffffff", "dark": "#474747" }, "references": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-15)" }, "comment": "@deprecated: use background-above", "deprecated": "@deprecated: use background-above", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-15)" } }, { "name": "--oc-semantic-color-background-above", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "above" ], "type": "alias", "public": true, "values": { "light": "#ffffff", "dark": "#474747" }, "references": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-15)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-15)" } }, { "name": "--oc-semantic-color-background-block-beige", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "block", "beige" ], "type": "alias", "public": true, "values": { "light": "#f5e6d7", "dark": "#603117" }, "references": { "light": "var(--oc-base-color-beige-90)", "dark": "var(--oc-base-color-beige-140)" }, "comment": "@deprecated: Use semantic/background-soft instead", "deprecated": "@deprecated: Use semantic/background-soft instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-beige-90)", "dark": "var(--oc-base-color-beige-140)" } }, { "name": "--oc-semantic-color-background-block-blue", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "block", "blue" ], "type": "alias", "public": true, "values": { "light": "#c5eaff", "dark": "#14374b" }, "references": { "light": "var(--oc-base-color-blue-90)", "dark": "var(--oc-base-color-blue-140)" }, "comment": "@deprecated: Use semantic/background-soft instead", "deprecated": "@deprecated: Use semantic/background-soft instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-blue-90)", "dark": "var(--oc-base-color-blue-140)" } }, { "name": "--oc-semantic-color-background-block-green", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "block", "green" ], "type": "alias", "public": true, "values": { "light": "#dbfb98", "dark": "#456501" }, "references": { "light": "var(--oc-base-color-green-80)", "dark": "var(--oc-base-color-green-140)" }, "comment": "@deprecated: Use semantic/background-soft instead", "deprecated": "@deprecated: Use semantic/background-soft instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-green-80)", "dark": "var(--oc-base-color-green-140)" } }, { "name": "--oc-semantic-color-background-block-mint", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "block", "mint" ], "type": "alias", "public": true, "values": { "light": "#b4e1d7", "dark": "#194743" }, "references": { "light": "var(--oc-base-color-mint-80)", "dark": "var(--oc-base-color-mint-140)" }, "comment": "@deprecated: Use semantic/background-soft instead", "deprecated": "@deprecated: Use semantic/background-soft instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-mint-80)", "dark": "var(--oc-base-color-mint-140)" } }, { "name": "--oc-semantic-color-background-block-orange", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "block", "orange" ], "type": "alias", "public": true, "values": { "light": "#ffc5a5", "dark": "#bf430d" }, "references": { "light": "var(--oc-base-color-orange-80)", "dark": "var(--oc-base-color-orange-140)" }, "comment": "@deprecated: Use semantic/background-soft instead", "deprecated": "@deprecated: Use semantic/background-soft instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-orange-80)", "dark": "var(--oc-base-color-orange-140)" } }, { "name": "--oc-semantic-color-background-block-pink", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "block", "pink" ], "type": "alias", "public": true, "values": { "light": "#ffd7f5", "dark": "#63056b" }, "references": { "light": "var(--oc-base-color-pink-80)", "dark": "var(--oc-base-color-pink-140)" }, "comment": "@deprecated: Use semantic/background-soft instead", "deprecated": "@deprecated: Use semantic/background-soft instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-pink-80)", "dark": "var(--oc-base-color-pink-140)" } }, { "name": "--oc-semantic-color-background-block-purple", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "block", "purple" ], "type": "alias", "public": true, "values": { "light": "#e5d5fe", "dark": "#522eb7" }, "references": { "light": "var(--oc-base-color-purple-80)", "dark": "var(--oc-base-color-purple-140)" }, "comment": "@deprecated: Use semantic/background-soft instead", "deprecated": "@deprecated: Use semantic/background-soft instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-purple-80)", "dark": "var(--oc-base-color-purple-140)" } }, { "name": "--oc-semantic-color-background-block-warm-red", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "block", "warm-red" ], "type": "alias", "public": true, "values": { "light": "#fec5c6", "dark": "#6e1937" }, "references": { "light": "var(--oc-base-color-warm-red-80)", "dark": "var(--oc-base-color-warm-red-140)" }, "comment": "@deprecated: Use semantic/background-soft instead", "deprecated": "@deprecated: Use semantic/background-soft instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warm-red-80)", "dark": "var(--oc-base-color-warm-red-140)" } }, { "name": "--oc-semantic-color-background-block-yellow", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "block", "yellow" ], "type": "alias", "public": true, "values": { "light": "#fffaaf", "dark": "#8d6b06" }, "references": { "light": "var(--oc-base-color-yellow-80)", "dark": "var(--oc-base-color-yellow-140)" }, "comment": "@deprecated: Use semantic/background-soft instead", "deprecated": "@deprecated: Use semantic/background-soft instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-yellow-80)", "dark": "var(--oc-base-color-yellow-140)" } }, { "name": "--oc-semantic-color-background-brand", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "brand" ], "type": "alias", "public": true, "values": { "light": "#eb001f" }, "references": { "light": "var(--oc-base-color-otto-red-100)" }, "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-otto-red-100)" } }, { "name": "--oc-semantic-color-background-canvas", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "canvas" ], "type": "alias", "public": true, "values": { "light": "#ffffff", "dark": "#2e2e2e" }, "references": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-5)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-5)" } }, { "name": "--oc-semantic-color-background-card-blue", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "card", "blue" ], "type": "alias", "public": true, "values": { "light": "#1e5a78", "dark": "#6ea0eb" }, "references": { "light": "var(--oc-base-color-blue-130)", "dark": "var(--oc-base-color-blue-100)" }, "comment": "@deprecated: Use semantic/background-strong instead", "deprecated": "@deprecated: Use semantic/background-strong instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-blue-130)", "dark": "var(--oc-base-color-blue-100)" } }, { "name": "--oc-semantic-color-background-card-green", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "card", "green" ], "type": "alias", "public": true, "values": { "light": "#5e8114", "dark": "#a9e034" }, "references": { "light": "var(--oc-base-color-green-130)", "dark": "var(--oc-base-color-green-100)" }, "comment": "@deprecated: Use semantic/background-strong instead", "deprecated": "@deprecated: Use semantic/background-strong instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-green-130)", "dark": "var(--oc-base-color-green-100)" } }, { "name": "--oc-semantic-color-background-card-mint", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "card", "mint" ], "type": "alias", "public": true, "values": { "light": "#006058", "dark": "#64c8b9" }, "references": { "light": "var(--oc-base-color-mint-130)", "dark": "var(--oc-base-color-mint-100)" }, "comment": "@deprecated: Use semantic/background-strong instead", "deprecated": "@deprecated: Use semantic/background-strong instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-mint-130)", "dark": "var(--oc-base-color-mint-100)" } }, { "name": "--oc-semantic-color-background-card-orange", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "card", "orange" ], "type": "alias", "public": true, "values": { "light": "#bf430d", "dark": "#f8a171" }, "references": { "light": "var(--oc-base-color-orange-140)", "dark": "var(--oc-base-color-orange-100)" }, "comment": "@deprecated: Use semantic/background-strong instead", "deprecated": "@deprecated: Use semantic/background-strong instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-orange-140)", "dark": "var(--oc-base-color-orange-100)" } }, { "name": "--oc-semantic-color-background-card-pink", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "card", "pink" ], "type": "alias", "public": true, "values": { "light": "#801489", "dark": "#e89fdd" }, "references": { "light": "var(--oc-base-color-pink-130)", "dark": "var(--oc-base-color-pink-100)" }, "comment": "@deprecated: Use semantic/background-strong instead", "deprecated": "@deprecated: Use semantic/background-strong instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-pink-130)", "dark": "var(--oc-base-color-pink-100)" } }, { "name": "--oc-semantic-color-background-card-purple", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "card", "purple" ], "type": "alias", "public": true, "values": { "light": "#6c49cf", "dark": "#b198db" }, "references": { "light": "var(--oc-base-color-purple-130)", "dark": "var(--oc-base-color-purple-100)" }, "comment": "@deprecated: Use semantic/background-strong instead", "deprecated": "@deprecated: Use semantic/background-strong instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-purple-130)", "dark": "var(--oc-base-color-purple-100)" } }, { "name": "--oc-semantic-color-background-card-warm-red", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "card", "warm-red" ], "type": "alias", "public": true, "values": { "light": "#8c2d4b", "dark": "#e85f80" }, "references": { "light": "var(--oc-base-color-warm-red-130)", "dark": "var(--oc-base-color-warm-red-100)" }, "comment": "@deprecated: Use semantic/background-strong instead", "deprecated": "@deprecated: Use semantic/background-strong instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warm-red-130)", "dark": "var(--oc-base-color-warm-red-100)" } }, { "name": "--oc-semantic-color-background-card-yellow", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "card", "yellow" ], "type": "alias", "public": true, "values": { "light": "#8d6b06", "dark": "#ffdc73" }, "references": { "light": "var(--oc-base-color-yellow-140)", "dark": "var(--oc-base-color-yellow-100)" }, "comment": "@deprecated: Use semantic/background-strong instead", "deprecated": "@deprecated: Use semantic/background-strong instead", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-yellow-140)", "dark": "var(--oc-base-color-yellow-100)" } }, { "name": "--oc-semantic-color-background-disabled", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "disabled" ], "type": "alias", "public": true, "values": { "light": "#e5e5e5", "dark": "#474747" }, "references": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-15)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-15)" } }, { "name": "--oc-semantic-color-background-emphasized-error", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "emphasized", "error" ], "type": "alias", "public": true, "values": { "light": "#f78ca1", "dark": "#b30023" }, "references": { "light": "var(--oc-base-color-error-red-50)", "dark": "var(--oc-base-color-error-red-100)" }, "comment": "Use for alternative/graphical/emphasized backgrounds. Contrast >4.5:1 on black100.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-error-red-50)", "dark": "var(--oc-base-color-error-red-100)" } }, { "name": "--oc-semantic-color-background-emphasized-hint", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "emphasized", "hint" ], "type": "alias", "public": true, "values": { "light": "#47bbff", "dark": "#2366cb" }, "references": { "light": "var(--oc-base-color-interactive-blue-50)", "dark": "var(--oc-base-color-interactive-blue-100)" }, "comment": "Use for alternative/graphical/emphasized backgrounds. Contrast >4.5:1 on black100.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-50)", "dark": "var(--oc-base-color-interactive-blue-100)" } }, { "name": "--oc-semantic-color-background-emphasized-info", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "emphasized", "info" ], "type": "alias", "public": true, "values": { "light": "#cccccc", "dark": "#545454" }, "references": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-20)" }, "comment": "Use for alternative/graphical/emphasized backgrounds. Contrast >4.5:1 on black100.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-20)" } }, { "name": "--oc-semantic-color-background-emphasized-success", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "emphasized", "success" ], "type": "alias", "public": true, "values": { "light": "#67bd88", "dark": "#227642" }, "references": { "light": "var(--oc-base-color-success-green-50)", "dark": "var(--oc-base-color-success-green-100)" }, "comment": "Use for alternative/graphical/emphasized backgrounds. Contrast >4.5:1 on black100.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-success-green-50)", "dark": "var(--oc-base-color-success-green-100)" } }, { "name": "--oc-semantic-color-background-emphasized-sustainable", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "emphasized", "sustainable" ], "type": "alias", "public": true, "values": { "light": "#7ea87b", "dark": "#50734d" }, "references": { "light": "var(--oc-base-color-sustainable-green-110)", "dark": "var(--oc-base-color-sustainable-green-130)" }, "comment": "Use for alternative/graphical/emphasized backgrounds. Contrast >4.5:1 on black100.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-sustainable-green-110)", "dark": "var(--oc-base-color-sustainable-green-130)" } }, { "name": "--oc-semantic-color-background-emphasized-warning", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "emphasized", "warning" ], "type": "alias", "public": true, "values": { "light": "#ff8e5d", "dark": "#ae4518" }, "references": { "light": "var(--oc-base-color-warning-orange-50)", "dark": "var(--oc-base-color-warning-orange-100)" }, "comment": "HINT: Do not use for text, as contrast not given. Use for alternative, graphical or emphasized backgrounds. Contrast >4.5:1 on black100.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warning-orange-50)", "dark": "var(--oc-base-color-warning-orange-100)" } }, { "name": "--oc-semantic-color-background-error", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "error" ], "type": "alias", "public": true, "values": { "light": "#ffe2e2", "dark": "#570011" }, "references": { "light": "var(--oc-base-color-error-red-25)" }, "comment": "@deprecated. Contrast ~1:1 on frame-background.", "deprecated": "@deprecated. Contrast ~1:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-error-red-25)", "dark": "#570011" } }, { "name": "--oc-semantic-color-background-frame", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "frame" ], "type": "alias", "public": true, "values": { "light": "#f0f0f0", "dark": "#212121" }, "references": { "light": "var(--oc-base-color-gray-25)", "dark": "var(--oc-base-color-black-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-25)", "dark": "var(--oc-base-color-black-100)" } }, { "name": "--oc-semantic-color-background-hint", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "hint" ], "type": "alias", "public": true, "values": { "light": "#dcf2ff", "dark": "#0e2850" }, "references": { "light": "var(--oc-base-color-interactive-blue-25)" }, "comment": "@deprecated. Contrast ~1:1 on frame-background.", "deprecated": "@deprecated. Contrast ~1:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-25)", "dark": "#0e2850" } }, { "name": "--oc-semantic-color-background-info", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "info" ], "type": "alias", "public": true, "values": { "light": "#e5e5e5", "dark": "#3a3a3a" }, "references": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-10)" }, "comment": "@deprecated. Contrast ~1:1 on frame-background.", "deprecated": "@deprecated. Contrast ~1:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-10)" } }, { "name": "--oc-semantic-color-background-inverted", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "inverted" ], "type": "alias", "public": true, "values": { "light": "#212121", "dark": "#ffffff" }, "references": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" } }, { "name": "--oc-semantic-color-background-primary", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "primary" ], "type": "alias", "public": true, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-base-color-otto-red-125)" }, "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-otto-red-125)" } }, { "name": "--oc-semantic-color-background-sale", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "sale" ], "type": "alias", "public": true, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-base-color-otto-red-125)" }, "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-otto-red-125)" } }, { "name": "--oc-semantic-color-background-soft-beige", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "beige" ], "type": "alias", "public": true, "values": { "light": "#f5e6d7", "dark": "#603117" }, "references": { "light": "var(--oc-base-color-beige-90)", "dark": "var(--oc-base-color-beige-140)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-beige-90)", "dark": "var(--oc-base-color-beige-140)" } }, { "name": "--oc-semantic-color-background-soft-blue", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "blue" ], "type": "alias", "public": true, "values": { "light": "#c5eaff", "dark": "#14374b" }, "references": { "light": "var(--oc-base-color-blue-90)", "dark": "var(--oc-base-color-blue-140)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-blue-90)", "dark": "var(--oc-base-color-blue-140)" } }, { "name": "--oc-semantic-color-background-soft-error", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "error" ], "type": "alias", "public": true, "values": { "light": "#ffe2e2", "dark": "#570011" }, "references": { "light": "var(--oc-base-color-error-red-25)" }, "comment": "Contrast ~1:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-error-red-25)", "dark": "#570011" } }, { "name": "--oc-semantic-color-background-soft-green", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "green" ], "type": "alias", "public": true, "values": { "light": "#dbfb98", "dark": "#456501" }, "references": { "light": "var(--oc-base-color-green-80)", "dark": "var(--oc-base-color-green-140)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-green-80)", "dark": "var(--oc-base-color-green-140)" } }, { "name": "--oc-semantic-color-background-soft-hint", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "hint" ], "type": "alias", "public": true, "values": { "light": "#dcf2ff", "dark": "#0e2850" }, "references": { "light": "var(--oc-base-color-interactive-blue-25)" }, "comment": "Contrast ~1:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-25)", "dark": "#0e2850" } }, { "name": "--oc-semantic-color-background-soft-info", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "info" ], "type": "alias", "public": true, "values": { "light": "#e5e5e5", "dark": "#3a3a3a" }, "references": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-10)" }, "comment": "Contrast ~1:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-10)" } }, { "name": "--oc-semantic-color-background-soft-mint", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "mint" ], "type": "alias", "public": true, "values": { "light": "#b4e1d7", "dark": "#194743" }, "references": { "light": "var(--oc-base-color-mint-80)", "dark": "var(--oc-base-color-mint-140)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-mint-80)", "dark": "var(--oc-base-color-mint-140)" } }, { "name": "--oc-semantic-color-background-soft-orange", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "orange" ], "type": "alias", "public": true, "values": { "light": "#ffc5a5", "dark": "#bf430d" }, "references": { "light": "var(--oc-base-color-orange-80)", "dark": "var(--oc-base-color-orange-140)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-orange-80)", "dark": "var(--oc-base-color-orange-140)" } }, { "name": "--oc-semantic-color-background-soft-pink", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "pink" ], "type": "alias", "public": true, "values": { "light": "#ffd7f5", "dark": "#63056b" }, "references": { "light": "var(--oc-base-color-pink-80)", "dark": "var(--oc-base-color-pink-140)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-pink-80)", "dark": "var(--oc-base-color-pink-140)" } }, { "name": "--oc-semantic-color-background-soft-purple", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "purple" ], "type": "alias", "public": true, "values": { "light": "#e5d5fe", "dark": "#522eb7" }, "references": { "light": "var(--oc-base-color-purple-80)", "dark": "var(--oc-base-color-purple-140)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-purple-80)", "dark": "var(--oc-base-color-purple-140)" } }, { "name": "--oc-semantic-color-background-soft-success", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "success" ], "type": "alias", "public": true, "values": { "light": "#d3eedd", "dark": "#0f331c" }, "references": { "light": "var(--oc-base-color-success-green-25)" }, "comment": "Contrast ~1:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-success-green-25)", "dark": "#0f331c" } }, { "name": "--oc-semantic-color-background-soft-sustainable", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "sustainable" ], "type": "alias", "public": true, "values": { "light": "#e5fbe3", "dark": "#1f2f1e" }, "references": { "light": "var(--oc-base-color-sustainable-green-70)" }, "comment": "Contrast ~1:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-sustainable-green-70)", "dark": "#1f2f1e" } }, { "name": "--oc-semantic-color-background-soft-warm-red", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "warm-red" ], "type": "alias", "public": true, "values": { "light": "#fec5c6", "dark": "#6e1937" }, "references": { "light": "var(--oc-base-color-warm-red-80)", "dark": "var(--oc-base-color-warm-red-140)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warm-red-80)", "dark": "var(--oc-base-color-warm-red-140)" } }, { "name": "--oc-semantic-color-background-soft-warning", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "warning" ], "type": "alias", "public": true, "values": { "light": "#fee3d3", "dark": "#4a1d0a" }, "references": { "light": "var(--oc-base-color-warning-orange-25)" }, "comment": "Contrast ~1:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warning-orange-25)", "dark": "#4a1d0a" } }, { "name": "--oc-semantic-color-background-soft-yellow", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "soft", "yellow" ], "type": "alias", "public": true, "values": { "light": "#fffaaf", "dark": "#8d6b06" }, "references": { "light": "var(--oc-base-color-yellow-80)", "dark": "var(--oc-base-color-yellow-140)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-yellow-80)", "dark": "var(--oc-base-color-yellow-140)" } }, { "name": "--oc-semantic-color-background-stacked", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "stacked" ], "type": "alias", "public": true, "values": { "light": "#f0f0f0", "dark": "#3a3a3a" }, "references": { "light": "var(--oc-base-color-gray-25)", "dark": "var(--oc-base-color-black-lighten-10)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-25)", "dark": "var(--oc-base-color-black-lighten-10)" } }, { "name": "--oc-semantic-color-background-sticky", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "sticky" ], "type": "alias", "public": true, "values": { "light": "#ffffff", "dark": "#545454" }, "references": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-20)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-20)" } }, { "name": "--oc-semantic-color-background-strong-blue", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "blue" ], "type": "alias", "public": true, "values": { "light": "#1e5a78", "dark": "#6ea0eb" }, "references": { "light": "var(--oc-base-color-blue-130)", "dark": "var(--oc-base-color-blue-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-blue-130)", "dark": "var(--oc-base-color-blue-100)" } }, { "name": "--oc-semantic-color-background-strong-error", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "error" ], "type": "alias", "public": true, "values": { "light": "#b30023", "dark": "#f78ca1" }, "references": { "light": "var(--oc-base-color-error-red-100)", "dark": "var(--oc-base-color-error-red-50)" }, "comment": "Use for inverted background color. Contrast >4.5:1 on text-inverted.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-error-red-100)", "dark": "var(--oc-base-color-error-red-50)" } }, { "name": "--oc-semantic-color-background-strong-green", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "green" ], "type": "alias", "public": true, "values": { "light": "#5e8114", "dark": "#a9e034" }, "references": { "light": "var(--oc-base-color-green-130)", "dark": "var(--oc-base-color-green-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-green-130)", "dark": "var(--oc-base-color-green-100)" } }, { "name": "--oc-semantic-color-background-strong-hint", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "hint" ], "type": "alias", "public": true, "values": { "light": "#2366cb", "dark": "#47bbff" }, "references": { "light": "var(--oc-base-color-interactive-blue-100)", "dark": "var(--oc-base-color-interactive-blue-50)" }, "comment": "Use for inverted background color. Contrast >4.5:1 on text-inverted.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-100)", "dark": "var(--oc-base-color-interactive-blue-50)" } }, { "name": "--oc-semantic-color-background-strong-info", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "info" ], "type": "alias", "public": true, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "comment": "Use for inverted background color. Contrast >4.5:1 on text-inverted.", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-semantic-color-text-default)" } }, { "name": "--oc-semantic-color-background-strong-mint", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "mint" ], "type": "alias", "public": true, "values": { "light": "#006058", "dark": "#64c8b9" }, "references": { "light": "var(--oc-base-color-mint-130)", "dark": "var(--oc-base-color-mint-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-mint-130)", "dark": "var(--oc-base-color-mint-100)" } }, { "name": "--oc-semantic-color-background-strong-orange", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "orange" ], "type": "alias", "public": true, "values": { "light": "#bf430d", "dark": "#f8a171" }, "references": { "light": "var(--oc-base-color-orange-140)", "dark": "var(--oc-base-color-orange-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-orange-140)", "dark": "var(--oc-base-color-orange-100)" } }, { "name": "--oc-semantic-color-background-strong-pink", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "pink" ], "type": "alias", "public": true, "values": { "light": "#801489", "dark": "#e89fdd" }, "references": { "light": "var(--oc-base-color-pink-130)", "dark": "var(--oc-base-color-pink-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-pink-130)", "dark": "var(--oc-base-color-pink-100)" } }, { "name": "--oc-semantic-color-background-strong-purple", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "purple" ], "type": "alias", "public": true, "values": { "light": "#6c49cf", "dark": "#b198db" }, "references": { "light": "var(--oc-base-color-purple-130)", "dark": "var(--oc-base-color-purple-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-purple-130)", "dark": "var(--oc-base-color-purple-100)" } }, { "name": "--oc-semantic-color-background-strong-success", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "success" ], "type": "alias", "public": true, "values": { "light": "#227642", "dark": "#67bd88" }, "references": { "light": "var(--oc-base-color-success-green-100)", "dark": "var(--oc-base-color-success-green-50)" }, "comment": "Use for inverted background color. Contrast >4.5:1 on text-inverted.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-success-green-100)", "dark": "var(--oc-base-color-success-green-50)" } }, { "name": "--oc-semantic-color-background-strong-sustainable", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "sustainable" ], "type": "alias", "public": true, "values": { "light": "#50734d", "dark": "#7ea87b" }, "references": { "light": "var(--oc-base-color-sustainable-green-130)", "dark": "var(--oc-base-color-sustainable-green-110)" }, "comment": "Use for inverted background color. Contrast >4.5:1 on text-inverted.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-sustainable-green-130)", "dark": "var(--oc-base-color-sustainable-green-110)" } }, { "name": "--oc-semantic-color-background-strong-warm-red", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "warm-red" ], "type": "alias", "public": true, "values": { "light": "#8c2d4b", "dark": "#e85f80" }, "references": { "light": "var(--oc-base-color-warm-red-130)", "dark": "var(--oc-base-color-warm-red-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warm-red-130)", "dark": "var(--oc-base-color-warm-red-100)" } }, { "name": "--oc-semantic-color-background-strong-warning", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "warning" ], "type": "alias", "public": true, "values": { "light": "#ae4518", "dark": "#ff8e5d" }, "references": { "light": "var(--oc-base-color-warning-orange-100)", "dark": "var(--oc-base-color-warning-orange-50)" }, "comment": "Use for inverted background color. Contrast >4.5:1 on text-inverted.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warning-orange-100)", "dark": "var(--oc-base-color-warning-orange-50)" } }, { "name": "--oc-semantic-color-background-strong-yellow", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "strong", "yellow" ], "type": "alias", "public": true, "values": { "light": "#8d6b06", "dark": "#ffdc73" }, "references": { "light": "var(--oc-base-color-yellow-140)", "dark": "var(--oc-base-color-yellow-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-yellow-140)", "dark": "var(--oc-base-color-yellow-100)" } }, { "name": "--oc-semantic-color-background-success", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "success" ], "type": "alias", "public": true, "values": { "light": "#d3eedd", "dark": "#0f331c" }, "references": { "light": "var(--oc-base-color-success-green-25)" }, "comment": "@deprecated. Contrast ~1:1 on frame-background.", "deprecated": "@deprecated. Contrast ~1:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-success-green-25)", "dark": "#0f331c" } }, { "name": "--oc-semantic-color-background-sustainable", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "sustainable" ], "type": "alias", "public": true, "values": { "light": "#e5fbe3", "dark": "#1f2f1e" }, "references": { "light": "var(--oc-base-color-sustainable-green-70)" }, "comment": "@deprecated. Contrast ~1:1 on frame-background.", "deprecated": "@deprecated. Contrast ~1:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-sustainable-green-70)", "dark": "#1f2f1e" } }, { "name": "--oc-semantic-color-background-warning", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "background", "warning" ], "type": "alias", "public": true, "values": { "light": "#fee3d3", "dark": "#4a1d0a" }, "references": { "light": "var(--oc-base-color-warning-orange-25)" }, "comment": "@deprecated. Contrast ~1:1 on frame-background.", "deprecated": "@deprecated. Contrast ~1:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warning-orange-25)", "dark": "#4a1d0a" } }, { "name": "--oc-semantic-color-brand", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "brand" ], "type": "alias", "public": true, "values": { "light": "#eb001f" }, "references": { "light": "var(--oc-base-color-otto-red-100)" }, "comment": "@deprecated: use background-brand or text-brand", "deprecated": "@deprecated: use background-brand or text-brand", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-otto-red-100)" } }, { "name": "--oc-semantic-color-canvas-background", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "canvas-background" ], "type": "alias", "public": true, "values": { "light": "#ffffff", "dark": "#2e2e2e" }, "references": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-5)" }, "comment": "@deprecated: use background-canvas", "deprecated": "@deprecated: use background-canvas", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-5)" } }, { "name": "--oc-semantic-color-disabled-background", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "disabled", "background" ], "type": "alias", "public": true, "values": { "light": "#e5e5e5", "dark": "#474747" }, "references": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-15)" }, "comment": "@deprecated: use background-disabled", "deprecated": "@deprecated: use background-disabled", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-100)", "dark": "var(--oc-base-color-black-lighten-15)" } }, { "name": "--oc-semantic-color-disabled-border", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "disabled", "border" ], "type": "alias", "public": true, "values": { "light": "#cccccc", "dark": "#6d6d6d" }, "references": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-30)" }, "comment": "@deprecated: use stroke-disabled", "deprecated": "@deprecated: use stroke-disabled", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-30)" } }, { "name": "--oc-semantic-color-disabled-overlay", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "disabled", "overlay" ], "type": "color", "public": true, "values": { "light": "rgba(214, 214, 214, 0.6392156862745098)", "dark": "rgba(92, 92, 92, 0.6392156862745098)" }, "comment": "@deprecated: use overlay-disabled #D6D6D6 is grey/lighten/71 64% explanation: on white it appears as grey100 (disabled background) and on black100 it appears as grey200 (disabled text)", "deprecated": "@deprecated: use overlay-disabled #D6D6D6 is grey/lighten/71 64% explanation: on white it appears as grey100 (disabled background) and on black100 it appears as grey200 (disabled text)", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "#d6d6d6a3", "dark": "#5c5c5ca3" } }, { "name": "--oc-semantic-color-disabled-text", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "disabled", "text" ], "type": "alias", "public": true, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-gray-200)" }, "comment": "@deprecated: use text-disabled", "deprecated": "@deprecated: use text-disabled", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-200)" } }, { "name": "--oc-semantic-color-divider", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "divider" ], "type": "alias", "public": true, "values": { "light": "rgba(33, 33, 33, 0.10196078431372549)", "dark": "rgba(255, 255, 255, 0.2)" }, "references": { "light": "var(--oc-base-color-black-opacity-10)", "dark": "var(--oc-base-color-white-opacity-20)" }, "comment": "@deprecated: use stroke-divider", "deprecated": "@deprecated: use stroke-divider", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-opacity-10)", "dark": "var(--oc-base-color-white-opacity-20)" } }, { "name": "--oc-semantic-color-error-25", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "error", "25" ], "type": "alias", "public": true, "values": { "light": "#ffe2e2", "dark": "#570011" }, "references": { "light": "var(--oc-base-color-error-red-25)" }, "comment": "@deprecated: use background-error.", "deprecated": "@deprecated: use background-error.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-error-red-25)", "dark": "#570011" } }, { "name": "--oc-semantic-color-error-50", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "error", "50" ], "type": "alias", "public": true, "values": { "light": "#f78ca1", "dark": "#b30023" }, "references": { "light": "var(--oc-base-color-error-red-50)", "dark": "var(--oc-base-color-error-red-100)" }, "comment": "@deprecated: use background-emphasized-error.", "deprecated": "@deprecated: use background-emphasized-error.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-error-red-50)", "dark": "var(--oc-base-color-error-red-100)" } }, { "name": "--oc-semantic-color-error-75", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "error", "75" ], "type": "alias", "public": true, "values": { "light": "#e64b69" }, "references": { "light": "var(--oc-base-color-error-red-75)" }, "comment": "@deprecated: use stroke-error. ", "deprecated": "@deprecated: use stroke-error. ", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-error-red-75)" } }, { "name": "--oc-semantic-color-error-100", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "error", "100" ], "type": "alias", "public": true, "values": { "light": "#b30023", "dark": "#f78ca1" }, "references": { "light": "var(--oc-base-color-error-red-100)", "dark": "var(--oc-base-color-error-red-50)" }, "comment": "@deprecated: use text-error.", "deprecated": "@deprecated: use text-error.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-error-red-100)", "dark": "var(--oc-base-color-error-red-50)" } }, { "name": "--oc-semantic-color-frame-background", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "frame-background" ], "type": "alias", "public": true, "values": { "light": "#f0f0f0", "dark": "#212121" }, "references": { "light": "var(--oc-base-color-gray-25)", "dark": "var(--oc-base-color-black-100)" }, "comment": "@deprecated: use background-frame", "deprecated": "@deprecated: use background-frame", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-25)", "dark": "var(--oc-base-color-black-100)" } }, { "name": "--oc-semantic-color-hint-25", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "hint", "25" ], "type": "alias", "public": true, "values": { "light": "#dcf2ff", "dark": "#0e2850" }, "references": { "light": "var(--oc-base-color-interactive-blue-25)" }, "comment": "@deprecated: use background-hint.", "deprecated": "@deprecated: use background-hint.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-25)", "dark": "#0e2850" } }, { "name": "--oc-semantic-color-hint-50", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "hint", "50" ], "type": "alias", "public": true, "values": { "light": "#47bbff", "dark": "#2366cb" }, "references": { "light": "var(--oc-base-color-interactive-blue-50)", "dark": "var(--oc-base-color-interactive-blue-100)" }, "comment": "@deprecated: use background-emphasized-hint.", "deprecated": "@deprecated: use background-emphasized-hint.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-50)", "dark": "var(--oc-base-color-interactive-blue-100)" } }, { "name": "--oc-semantic-color-hint-75", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "hint", "75" ], "type": "alias", "public": true, "values": { "light": "#418ade" }, "references": { "light": "var(--oc-base-color-interactive-blue-75)" }, "comment": "@deprecated: use stroke-hint.", "deprecated": "@deprecated: use stroke-hint.", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-75)" } }, { "name": "--oc-semantic-color-hint-100", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "hint", "100" ], "type": "alias", "public": true, "values": { "light": "#2366cb", "dark": "#47bbff" }, "references": { "light": "var(--oc-base-color-interactive-blue-100)", "dark": "var(--oc-base-color-interactive-blue-50)" }, "comment": "@deprecated: use text-hint.", "deprecated": "@deprecated: use text-hint.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-100)", "dark": "var(--oc-base-color-interactive-blue-50)" } }, { "name": "--oc-semantic-color-inverted-background", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "inverted-background" ], "type": "alias", "public": true, "values": { "light": "#212121", "dark": "#ffffff" }, "references": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" }, "comment": "@deprecated: use background-inverted", "deprecated": "@deprecated: use background-inverted", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" } }, { "name": "--oc-semantic-color-overlay-active", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "overlay", "active" ], "type": "color", "public": true, "values": { "light": "rgba(0, 0, 0, 0.09019607843137255)", "dark": "rgba(255, 255, 255, 0.12156862745098039)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "#00000017", "dark": "#ffffff1f" } }, { "name": "--oc-semantic-color-overlay-active-inverted", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "overlay", "active-inverted" ], "type": "color", "public": true, "values": { "light": "rgba(255, 255, 255, 0.12156862745098039)", "dark": "rgba(0, 0, 0, 0.09019607843137255)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "#ffffff1f", "dark": "#00000017" } }, { "name": "--oc-semantic-color-overlay-default", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "overlay", "default" ], "type": "color", "public": true, "values": { "light": "rgba(0, 0, 0, 0)", "dark": "rgba(255, 255, 255, 0)" }, "comment": "@deprecated: useless", "deprecated": "@deprecated: useless", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "#0000", "dark": "#fff0" } }, { "name": "--oc-semantic-color-overlay-disabled", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "overlay", "disabled" ], "type": "color", "public": true, "values": { "light": "rgba(214, 214, 214, 0.6392156862745098)", "dark": "rgba(92, 92, 92, 0.6392156862745098)" }, "comment": "#D6D6D6 is grey/lighten/71 64% explanation: on white it appears as grey100 (disabled background) and on black100 it appears as grey200 (disabled text)", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "#d6d6d6a3", "dark": "#5c5c5ca3" } }, { "name": "--oc-semantic-color-overlay-hover", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "overlay", "hover" ], "type": "color", "public": true, "values": { "light": "rgba(0, 0, 0, 0.03137254901960784)", "dark": "rgba(255, 255, 255, 0.0784313725490196)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "#00000008", "dark": "#ffffff14" } }, { "name": "--oc-semantic-color-overlay-hover-inverted", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "overlay", "hover-inverted" ], "type": "color", "public": true, "values": { "light": "rgba(255, 255, 255, 0.0784313725490196)", "dark": "rgba(0, 0, 0, 0.03137254901960784)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "#ffffff14", "dark": "#00000008" } }, { "name": "--oc-semantic-color-overlay-scrim", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "overlay", "scrim" ], "type": "color", "public": true, "values": { "light": "rgba(33, 33, 33, 0.6509803921568628)" }, "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "#212121a6" } }, { "name": "--oc-semantic-color-overlay-stacked", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "overlay", "stacked" ], "type": "alias", "public": true, "values": { "light": "rgba(33, 33, 33, 0.058823529411764705)", "dark": "rgba(255, 255, 255, 0.10196078431372549)" }, "references": { "light": "var(--oc-base-color-black-opacity-6)", "dark": "var(--oc-base-color-white-opacity-10)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-opacity-6)", "dark": "var(--oc-base-color-white-opacity-10)" } }, { "name": "--oc-semantic-color-primary-background", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "primary-background" ], "type": "alias", "public": true, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-base-color-otto-red-125)" }, "comment": "@deprecated: use background-primary", "deprecated": "@deprecated: use background-primary", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-otto-red-125)" } }, { "name": "--oc-semantic-color-sale-background", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "sale-background" ], "type": "alias", "public": true, "values": { "light": "#dc001d" }, "references": { "light": "var(--oc-base-color-otto-red-125)" }, "comment": "@deprecated: use background-sale", "deprecated": "@deprecated: use background-sale", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-otto-red-125)" } }, { "name": "--oc-semantic-color-scrim", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "scrim" ], "type": "color", "public": true, "values": { "light": "rgba(33, 33, 33, 0.6509803921568628)" }, "comment": "@deprecated: use overlay-scrim", "deprecated": "@deprecated: use overlay-scrim", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "#212121a6" } }, { "name": "--oc-semantic-color-stacked-background", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "stacked-background" ], "type": "alias", "public": true, "values": { "light": "#f0f0f0", "dark": "#3a3a3a" }, "references": { "light": "var(--oc-base-color-gray-25)", "dark": "var(--oc-base-color-black-lighten-10)" }, "comment": "@deprecated: use background-stacked", "deprecated": "@deprecated: use background-stacked", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-25)", "dark": "var(--oc-base-color-black-lighten-10)" } }, { "name": "--oc-semantic-color-sticky-background", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "sticky-background" ], "type": "alias", "public": true, "values": { "light": "#ffffff", "dark": "#545454" }, "references": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-20)" }, "comment": "@deprecated: use background-sticky", "deprecated": "@deprecated: use background-sticky", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-lighten-20)" } }, { "name": "--oc-semantic-color-stroke-disabled", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "stroke", "disabled" ], "type": "alias", "public": true, "values": { "light": "#cccccc", "dark": "#6d6d6d" }, "references": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-30)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-150)", "dark": "var(--oc-base-color-black-lighten-30)" } }, { "name": "--oc-semantic-color-stroke-divider", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "stroke", "divider" ], "type": "alias", "public": true, "values": { "light": "rgba(33, 33, 33, 0.10196078431372549)", "dark": "rgba(255, 255, 255, 0.2)" }, "references": { "light": "var(--oc-base-color-black-opacity-10)", "dark": "var(--oc-base-color-white-opacity-20)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-opacity-10)", "dark": "var(--oc-base-color-white-opacity-20)" } }, { "name": "--oc-semantic-color-stroke-error", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "stroke", "error" ], "type": "alias", "public": true, "values": { "light": "#e64b69" }, "references": { "light": "var(--oc-base-color-error-red-75)" }, "comment": "Use for graphical foreground and borders. Contrast >3:1 on frame-background.", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-error-red-75)" } }, { "name": "--oc-semantic-color-stroke-hint", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "stroke", "hint" ], "type": "alias", "public": true, "values": { "light": "#418ade" }, "references": { "light": "var(--oc-base-color-interactive-blue-75)" }, "comment": "Use for graphical foreground and borders. Contrast >3:1 on frame-background.", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-75)" } }, { "name": "--oc-semantic-color-stroke-info", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "stroke", "info" ], "type": "alias", "public": true, "values": { "light": "#6d6d6d", "dark": "#949494" }, "references": { "light": "var(--oc-base-color-gray-400)", "dark": "var(--oc-base-color-gray-200)" }, "comment": "Use for graphical foreground and borders. Contrast >3:1 on frame-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-400)", "dark": "var(--oc-base-color-gray-200)" } }, { "name": "--oc-semantic-color-stroke-success", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "stroke", "success" ], "type": "alias", "public": true, "values": { "light": "#3e935e" }, "references": { "light": "var(--oc-base-color-success-green-75)" }, "comment": "Use for graphical foreground and borders. Contrast >3:1 on frame-background.", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-success-green-75)" } }, { "name": "--oc-semantic-color-stroke-sustainable", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "stroke", "sustainable" ], "type": "alias", "public": true, "values": { "light": "#658c62" }, "references": { "light": "var(--oc-base-color-sustainable-green-120)" }, "comment": "Use for graphical foreground and borders. Contrast >3:1 on frame-background.", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-sustainable-green-120)" } }, { "name": "--oc-semantic-color-stroke-warning", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "stroke", "warning" ], "type": "alias", "public": true, "values": { "light": "#e35316" }, "references": { "light": "var(--oc-base-color-warning-orange-75)" }, "comment": "Use for graphical foreground and borders. Contrast >3:1 on frame-background.", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warning-orange-75)" } }, { "name": "--oc-semantic-color-success-25", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "success", "25" ], "type": "alias", "public": true, "values": { "light": "#d3eedd", "dark": "#0f331c" }, "references": { "light": "var(--oc-base-color-success-green-25)" }, "comment": "@deprecated: use background-success.", "deprecated": "@deprecated: use background-success.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-success-green-25)", "dark": "#0f331c" } }, { "name": "--oc-semantic-color-success-50", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "success", "50" ], "type": "alias", "public": true, "values": { "light": "#67bd88", "dark": "#227642" }, "references": { "light": "var(--oc-base-color-success-green-50)", "dark": "var(--oc-base-color-success-green-100)" }, "comment": "@deprecated: use background-emphasized-success.", "deprecated": "@deprecated: use background-emphasized-success.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-success-green-50)", "dark": "var(--oc-base-color-success-green-100)" } }, { "name": "--oc-semantic-color-success-75", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "success", "75" ], "type": "alias", "public": true, "values": { "light": "#3e935e" }, "references": { "light": "var(--oc-base-color-success-green-75)" }, "comment": "@deprecated: use stroke-success.", "deprecated": "@deprecated: use stroke-success.", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-success-green-75)" } }, { "name": "--oc-semantic-color-success-100", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "success", "100" ], "type": "alias", "public": true, "values": { "light": "#227642", "dark": "#67bd88" }, "references": { "light": "var(--oc-base-color-success-green-100)", "dark": "var(--oc-base-color-success-green-50)" }, "comment": "@deprecated: use text-success.", "deprecated": "@deprecated: use text-success.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-success-green-100)", "dark": "var(--oc-base-color-success-green-50)" } }, { "name": "--oc-semantic-color-sustainable-25", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "sustainable", "25" ], "type": "alias", "public": true, "values": { "light": "#e5fbe3", "dark": "#1f2f1e" }, "references": { "light": "var(--oc-base-color-sustainable-green-70)" }, "comment": "@deprecated: use background-sustainable.", "deprecated": "@deprecated: use background-sustainable.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-sustainable-green-70)", "dark": "#1f2f1e" } }, { "name": "--oc-semantic-color-sustainable-50", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "sustainable", "50" ], "type": "alias", "public": true, "values": { "light": "#7ea87b", "dark": "#50734d" }, "references": { "light": "var(--oc-base-color-sustainable-green-110)", "dark": "var(--oc-base-color-sustainable-green-130)" }, "comment": "@deprecated: use background-emphasized-sustainable.", "deprecated": "@deprecated: use background-emphasized-sustainable.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-sustainable-green-110)", "dark": "var(--oc-base-color-sustainable-green-130)" } }, { "name": "--oc-semantic-color-sustainable-75", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "sustainable", "75" ], "type": "alias", "public": true, "values": { "light": "#658c62" }, "references": { "light": "var(--oc-base-color-sustainable-green-120)" }, "comment": "@deprecated: use stroke-sustainable.", "deprecated": "@deprecated: use stroke-sustainable.", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-sustainable-green-120)" } }, { "name": "--oc-semantic-color-sustainable-100", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "sustainable", "100" ], "type": "alias", "public": true, "values": { "light": "#50734d", "dark": "#7ea87b" }, "references": { "light": "var(--oc-base-color-sustainable-green-130)", "dark": "var(--oc-base-color-sustainable-green-110)" }, "comment": "@deprecated: use text-sustainable.", "deprecated": "@deprecated: use text-sustainable.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-sustainable-green-130)", "dark": "var(--oc-base-color-sustainable-green-110)" } }, { "name": "--oc-semantic-color-text-brand", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "brand" ], "type": "alias", "public": true, "values": { "light": "#eb001f", "dark": "#ffffff" }, "references": { "light": "var(--oc-base-color-otto-red-100)" }, "comment": "only use for large font (min. headline-300)", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-otto-red-100)", "dark": "#fff" } }, { "name": "--oc-semantic-color-text-default", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "default" ], "type": "alias", "public": true, "values": { "light": "#212121", "dark": "#ffffff" }, "references": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-black-100)", "dark": "var(--oc-base-color-white-100)" } }, { "name": "--oc-semantic-color-text-disabled", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "disabled" ], "type": "alias", "public": true, "values": { "light": "#949494" }, "references": { "light": "var(--oc-base-color-gray-200)" }, "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-200)" } }, { "name": "--oc-semantic-color-text-error", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "error" ], "type": "alias", "public": true, "values": { "light": "#b30023", "dark": "#f78ca1" }, "references": { "light": "var(--oc-base-color-error-red-100)", "dark": "var(--oc-base-color-error-red-50)" }, "comment": "Use for text color, icon color. Contrast >4.5:1 on frame-background and error-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-error-red-100)", "dark": "var(--oc-base-color-error-red-50)" } }, { "name": "--oc-semantic-color-text-hint", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "hint" ], "type": "alias", "public": true, "values": { "light": "#2366cb", "dark": "#47bbff" }, "references": { "light": "var(--oc-base-color-interactive-blue-100)", "dark": "var(--oc-base-color-interactive-blue-50)" }, "comment": "Use for text color, icon color. Contrast >4.5:1 on frame-background and hint-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-100)", "dark": "var(--oc-base-color-interactive-blue-50)" } }, { "name": "--oc-semantic-color-text-info", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "info" ], "type": "alias", "public": true, "values": { "light": "#212121" }, "references": { "light": "var(--oc-semantic-color-text-default)" }, "comment": "Use for text color, icon color. Contrast >4.5:1 on frame-background and info-background.", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-semantic-color-text-default)" } }, { "name": "--oc-semantic-color-text-interactive", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "interactive" ], "type": "alias", "public": true, "values": { "light": "#2366cb", "dark": "#53bfff" }, "references": { "light": "var(--oc-base-color-interactive-blue-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-100)", "dark": "#53bfff" } }, { "name": "--oc-semantic-color-text-inverted", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "inverted" ], "type": "alias", "public": true, "values": { "light": "#ffffff", "dark": "#212121" }, "references": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-100)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-white-100)", "dark": "var(--oc-base-color-black-100)" } }, { "name": "--oc-semantic-color-text-sale", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "sale" ], "type": "alias", "public": true, "values": { "light": "#dc001d", "dark": "#ff435c" }, "references": { "light": "var(--oc-base-color-otto-red-125)" }, "comment": "Use with caution on grey25. Accessibility cannot be guaranteed.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-otto-red-125)", "dark": "#ff435c" } }, { "name": "--oc-semantic-color-text-secondary", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "secondary" ], "type": "alias", "public": true, "values": { "light": "#6d6d6d", "dark": "#cccccc" }, "references": { "light": "var(--oc-base-color-gray-400)", "dark": "var(--oc-base-color-gray-150)" }, "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-gray-400)", "dark": "var(--oc-base-color-gray-150)" } }, { "name": "--oc-semantic-color-text-success", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "success" ], "type": "alias", "public": true, "values": { "light": "#227642", "dark": "#67bd88" }, "references": { "light": "var(--oc-base-color-success-green-100)", "dark": "var(--oc-base-color-success-green-50)" }, "comment": "Use for text color, icon color. Contrast >4.5:1 on frame-background and success-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-success-green-100)", "dark": "var(--oc-base-color-success-green-50)" } }, { "name": "--oc-semantic-color-text-sustainable", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "sustainable" ], "type": "alias", "public": true, "values": { "light": "#50734d", "dark": "#7ea87b" }, "references": { "light": "var(--oc-base-color-sustainable-green-130)", "dark": "var(--oc-base-color-sustainable-green-110)" }, "comment": "Use for text color, icon color. Contrast >4.5:1 on frame-background and sustainable-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-sustainable-green-130)", "dark": "var(--oc-base-color-sustainable-green-110)" } }, { "name": "--oc-semantic-color-text-warning", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "text", "warning" ], "type": "alias", "public": true, "values": { "light": "#ae4518", "dark": "#ff8e5d" }, "references": { "light": "var(--oc-base-color-warning-orange-100)", "dark": "var(--oc-base-color-warning-orange-50)" }, "comment": "Use for text color, icon color. Contrast >4.5:1 on frame-background and warning-background.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warning-orange-100)", "dark": "var(--oc-base-color-warning-orange-50)" } }, { "name": "--oc-semantic-color-warning-25", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "warning", "25" ], "type": "alias", "public": true, "values": { "light": "#fee3d3", "dark": "#4a1d0a" }, "references": { "light": "var(--oc-base-color-warning-orange-25)" }, "comment": "@deprecated: use background-warning.", "deprecated": "@deprecated: use background-warning.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warning-orange-25)", "dark": "#4a1d0a" } }, { "name": "--oc-semantic-color-warning-50", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "warning", "50" ], "type": "alias", "public": true, "values": { "light": "#ff8e5d", "dark": "#ae4518" }, "references": { "light": "var(--oc-base-color-warning-orange-50)", "dark": "var(--oc-base-color-warning-orange-100)" }, "comment": "@deprecated: use background-emphasized-warning.", "deprecated": "@deprecated: use background-emphasized-warning.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warning-orange-50)", "dark": "var(--oc-base-color-warning-orange-100)" } }, { "name": "--oc-semantic-color-warning-75", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "warning", "75" ], "type": "alias", "public": true, "values": { "light": "#e35316" }, "references": { "light": "var(--oc-base-color-warning-orange-75)" }, "comment": "@deprecated: use stroke-warning. ", "deprecated": "@deprecated: use stroke-warning. ", "sources": [ "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warning-orange-75)" } }, { "name": "--oc-semantic-color-warning-100", "tier": "semantic", "category": "color", "path": [ "semantic", "color", "warning", "100" ], "type": "alias", "public": true, "values": { "light": "#ae4518", "dark": "#ff8e5d" }, "references": { "light": "var(--oc-base-color-warning-orange-100)", "dark": "var(--oc-base-color-warning-orange-50)" }, "comment": "@deprecated: use text-warning.", "deprecated": "@deprecated: use text-warning.", "themeable": true, "sources": [ "tokens/semantic/color/dark.tokens.json", "tokens/semantic/color/light.tokens.json" ], "css": { "light": "var(--oc-base-color-warning-orange-100)", "dark": "var(--oc-base-color-warning-orange-50)" } }, { "name": "--oc-semantic-duration-instant", "tier": "semantic", "category": "duration", "path": [ "semantic", "duration", "instant" ], "type": "alias", "public": true, "values": { "light": "15ms" }, "references": { "light": "var(--oc-base-duration-15)" }, "sources": [ "tokens/semantic/duration/light.tokens.json" ], "css": { "light": "var(--oc-base-duration-15)" } }, { "name": "--oc-semantic-duration-long-100", "tier": "semantic", "category": "duration", "path": [ "semantic", "duration", "long-100" ], "type": "alias", "public": true, "values": { "light": "750ms" }, "references": { "light": "var(--oc-base-duration-750)" }, "sources": [ "tokens/semantic/duration/light.tokens.json" ], "css": { "light": "var(--oc-base-duration-750)" } }, { "name": "--oc-semantic-duration-long-150", "tier": "semantic", "category": "duration", "path": [ "semantic", "duration", "long-150" ], "type": "alias", "public": true, "values": { "light": "1000ms" }, "references": { "light": "var(--oc-base-duration-1000)" }, "sources": [ "tokens/semantic/duration/light.tokens.json" ], "css": { "light": "var(--oc-base-duration-1000)" } }, { "name": "--oc-semantic-duration-long-50", "tier": "semantic", "category": "duration", "path": [ "semantic", "duration", "long-50" ], "type": "alias", "public": true, "values": { "light": "500ms" }, "references": { "light": "var(--oc-base-duration-500)" }, "sources": [ "tokens/semantic/duration/light.tokens.json" ], "css": { "light": "var(--oc-base-duration-500)" } }, { "name": "--oc-semantic-duration-medium-100", "tier": "semantic", "category": "duration", "path": [ "semantic", "duration", "medium-100" ], "type": "alias", "public": true, "values": { "light": "350ms" }, "references": { "light": "var(--oc-base-duration-350)" }, "sources": [ "tokens/semantic/duration/light.tokens.json" ], "css": { "light": "var(--oc-base-duration-350)" } }, { "name": "--oc-semantic-duration-medium-150", "tier": "semantic", "category": "duration", "path": [ "semantic", "duration", "medium-150" ], "type": "alias", "public": true, "values": { "light": "425ms" }, "references": { "light": "var(--oc-base-duration-425)" }, "sources": [ "tokens/semantic/duration/light.tokens.json" ], "css": { "light": "var(--oc-base-duration-425)" } }, { "name": "--oc-semantic-duration-medium-50", "tier": "semantic", "category": "duration", "path": [ "semantic", "duration", "medium-50" ], "type": "alias", "public": true, "values": { "light": "275ms" }, "references": { "light": "var(--oc-base-duration-275)" }, "sources": [ "tokens/semantic/duration/light.tokens.json" ], "css": { "light": "var(--oc-base-duration-275)" } }, { "name": "--oc-semantic-duration-reduced-motion", "tier": "semantic", "category": "duration", "path": [ "semantic", "duration", "reduced-motion" ], "type": "alias", "public": true, "values": { "light": "0ms" }, "references": { "light": "var(--oc-base-duration-0)" }, "sources": [ "tokens/semantic/duration/light.tokens.json" ], "css": { "light": "var(--oc-base-duration-0)" } }, { "name": "--oc-semantic-duration-short-100", "tier": "semantic", "category": "duration", "path": [ "semantic", "duration", "short-100" ], "type": "alias", "public": true, "values": { "light": "125ms" }, "references": { "light": "var(--oc-base-duration-125)" }, "sources": [ "tokens/semantic/duration/light.tokens.json" ], "css": { "light": "var(--oc-base-duration-125)" } }, { "name": "--oc-semantic-duration-short-150", "tier": "semantic", "category": "duration", "path": [ "semantic", "duration", "short-150" ], "type": "alias", "public": true, "values": { "light": "200ms" }, "references": { "light": "var(--oc-base-duration-200)" }, "sources": [ "tokens/semantic/duration/light.tokens.json" ], "css": { "light": "var(--oc-base-duration-200)" } }, { "name": "--oc-semantic-duration-short-50", "tier": "semantic", "category": "duration", "path": [ "semantic", "duration", "short-50" ], "type": "alias", "public": true, "values": { "light": "50ms" }, "references": { "light": "var(--oc-base-duration-50)" }, "sources": [ "tokens/semantic/duration/light.tokens.json" ], "css": { "light": "var(--oc-base-duration-50)" } }, { "name": "--oc-semantic-focus-outline-color", "tier": "semantic", "category": "focus-outline", "path": [ "semantic", "focus-outline", "color" ], "type": "alias", "public": true, "values": { "light": "#418ade", "dark": "#53bfff" }, "references": { "light": "var(--oc-base-color-interactive-blue-75)" }, "themeable": true, "sources": [ "tokens/semantic/focus-outline/dark.tokens.json", "tokens/semantic/focus-outline/light.tokens.json" ], "css": { "light": "var(--oc-base-color-interactive-blue-75)", "dark": "#53bfff" } }, { "name": "--oc-semantic-focus-outline-offset", "tier": "semantic", "category": "focus-outline", "path": [ "semantic", "focus-outline", "offset" ], "type": "alias", "public": true, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-12)" }, "sources": [ "tokens/semantic/focus-outline/light.tokens.json" ], "css": { "light": "var(--oc-semantic-spacing-absolute-12)" } }, { "name": "--oc-semantic-focus-outline-radius-12", "tier": "semantic", "category": "focus-outline", "path": [ "semantic", "focus-outline", "radius", "12" ], "type": "string", "public": true, "values": { "light": "calc(0rem + 2px)" }, "sources": [ "tokens/semantic/focus-outline/light.tokens.json" ], "css": { "light": "calc(0rem + 2px)" } }, { "name": "--oc-semantic-focus-outline-radius-25", "tier": "semantic", "category": "focus-outline", "path": [ "semantic", "focus-outline", "radius", "25" ], "type": "string", "public": true, "values": { "light": "calc(0.125rem + 2px)" }, "sources": [ "tokens/semantic/focus-outline/light.tokens.json" ], "css": { "light": "calc(.125rem + 2px)" } }, { "name": "--oc-semantic-focus-outline-radius-50", "tier": "semantic", "category": "focus-outline", "path": [ "semantic", "focus-outline", "radius", "50" ], "type": "string", "public": true, "values": { "light": "calc(0.25rem + 2px)" }, "sources": [ "tokens/semantic/focus-outline/light.tokens.json" ], "css": { "light": "calc(.25rem + 2px)" } }, { "name": "--oc-semantic-focus-outline-radius-100", "tier": "semantic", "category": "focus-outline", "path": [ "semantic", "focus-outline", "radius", "100" ], "type": "string", "public": true, "values": { "light": "calc(0.5rem + 2px)" }, "sources": [ "tokens/semantic/focus-outline/light.tokens.json" ], "css": { "light": "calc(.5rem + 2px)" } }, { "name": "--oc-semantic-focus-outline-radius-150", "tier": "semantic", "category": "focus-outline", "path": [ "semantic", "focus-outline", "radius", "150" ], "type": "string", "public": true, "values": { "light": "calc(0.75rem + 2px)" }, "sources": [ "tokens/semantic/focus-outline/light.tokens.json" ], "css": { "light": "calc(.75rem + 2px)" } }, { "name": "--oc-semantic-focus-outline-radius-200", "tier": "semantic", "category": "focus-outline", "path": [ "semantic", "focus-outline", "radius", "200" ], "type": "string", "public": true, "values": { "light": "calc(1rem + 2px)" }, "sources": [ "tokens/semantic/focus-outline/light.tokens.json" ], "css": { "light": "calc(1rem + 2px)" } }, { "name": "--oc-semantic-focus-outline-radius-250", "tier": "semantic", "category": "focus-outline", "path": [ "semantic", "focus-outline", "radius", "250" ], "type": "string", "public": true, "values": { "light": "calc(1rem + 2px)" }, "sources": [ "tokens/semantic/focus-outline/light.tokens.json" ], "css": { "light": "calc(1rem + 2px)" } }, { "name": "--oc-semantic-focus-outline-radius-300", "tier": "semantic", "category": "focus-outline", "path": [ "semantic", "focus-outline", "radius", "300" ], "type": "string", "public": true, "values": { "light": "calc(1rem + 2px)" }, "sources": [ "tokens/semantic/focus-outline/light.tokens.json" ], "css": { "light": "calc(1rem + 2px)" } }, { "name": "--oc-semantic-focus-outline-style", "tier": "semantic", "category": "focus-outline", "path": [ "semantic", "focus-outline", "style" ], "type": "string", "public": true, "values": { "light": "solid" }, "sources": [ "tokens/semantic/focus-outline/light.tokens.json" ], "css": { "light": "solid" } }, { "name": "--oc-semantic-focus-outline-width", "tier": "semantic", "category": "focus-outline", "path": [ "semantic", "focus-outline", "width" ], "type": "alias", "public": true, "values": { "light": "2px" }, "references": { "light": "var(--oc-semantic-border-width-200)" }, "sources": [ "tokens/semantic/focus-outline/light.tokens.json" ], "css": { "light": "var(--oc-semantic-border-width-200)" } }, { "name": "--oc-semantic-font-copy-50", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "copy", "50" ], "type": "string", "public": true, "values": { "light": "400 0.625rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "400 .625rem/1rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-copy-75", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "copy", "75" ], "type": "string", "public": true, "values": { "light": "400 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "400 .75rem/1rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-copy-100", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "copy", "100" ], "type": "string", "public": true, "values": { "light": "400 0.875rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "400 .875rem/1.5rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-copy-125", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "copy", "125" ], "type": "string", "public": true, "values": { "light": "400 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "400 1rem/1.5rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-copy-font-family", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "copy", "font-family" ], "type": "alias", "public": true, "values": { "light": "'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-base-font-otto-sans)" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "var(--oc-base-font-otto-sans)" } }, { "name": "--oc-semantic-font-copy-font-weight", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "copy", "font-weight" ], "type": "alias", "public": true, "values": { "light": "400" }, "references": { "light": "var(--oc-base-font-weight-regular)" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "var(--oc-base-font-weight-regular)" } }, { "name": "--oc-semantic-font-display-100", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "display", "100" ], "type": "string", "public": true, "values": { "light": "800 2rem/2.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "800 2rem/2.5rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-display-200", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "display", "200" ], "type": "string", "public": true, "values": { "light": "800 2.5rem/3rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "800 2.5rem/3rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-display-300", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "display", "300" ], "type": "string", "public": true, "values": { "light": "800 3rem/3.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "800 3rem/3.5rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-display-font-family", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "display", "font-family" ], "type": "alias", "public": true, "values": { "light": "'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-base-font-otto-sans)" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "var(--oc-base-font-otto-sans)" } }, { "name": "--oc-semantic-font-display-font-weight", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "display", "font-weight" ], "type": "alias", "public": true, "values": { "light": "800" }, "references": { "light": "var(--oc-base-font-weight-black)" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "var(--oc-base-font-weight-black)" } }, { "name": "--oc-semantic-font-headline-10", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "headline", "10" ], "type": "string", "public": true, "values": { "light": "700 0.625rem/0.75rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "700 .625rem/.75rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-headline-25", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "headline", "25" ], "type": "string", "public": true, "values": { "light": "700 0.75rem/1rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "700 .75rem/1rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-headline-50", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "headline", "50" ], "type": "string", "public": true, "values": { "light": "700 0.875rem/1.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "700 .875rem/1.25rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-headline-100", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "headline", "100" ], "type": "string", "public": true, "values": { "light": "700 1rem/1.5rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "700 1rem/1.5rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-headline-200", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "headline", "200" ], "type": "string", "public": true, "values": { "light": "700 1.25rem/1.75rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "700 1.25rem/1.75rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-headline-300", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "headline", "300" ], "type": "string", "public": true, "values": { "light": "700 1.5rem/2rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "700 1.5rem/2rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-headline-400", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "headline", "400" ], "type": "string", "public": true, "values": { "light": "700 1.75rem/2.25rem 'OTTOSans', Arial, Helvetica, sans-serif" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "700 1.75rem/2.25rem \"OTTOSans\", Arial, Helvetica, sans-serif" } }, { "name": "--oc-semantic-font-headline-font-family", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "headline", "font-family" ], "type": "alias", "public": true, "values": { "light": "'OTTOSans', Arial, Helvetica, sans-serif" }, "references": { "light": "var(--oc-base-font-otto-sans)" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "var(--oc-base-font-otto-sans)" } }, { "name": "--oc-semantic-font-headline-font-weight", "tier": "semantic", "category": "font", "path": [ "semantic", "font", "headline", "font-weight" ], "type": "alias", "public": true, "values": { "light": "700" }, "references": { "light": "var(--oc-base-font-weight-bold)" }, "sources": [ "tokens/semantic/font/light.tokens.json" ], "css": { "light": "var(--oc-base-font-weight-bold)" } }, { "name": "--oc-semantic-gestures-long-press-delay", "tier": "semantic", "category": "gestures", "path": [ "semantic", "gestures", "long-press", "delay" ], "type": "alias", "public": true, "values": { "light": "500ms" }, "references": { "light": "var(--oc-semantic-duration-long-50)" }, "sources": [ "tokens/semantic/gestures/light.tokens.json" ], "css": { "light": "var(--oc-semantic-duration-long-50)" } }, { "name": "--oc-semantic-shadow-above", "tier": "semantic", "category": "shadow", "path": [ "semantic", "shadow", "above" ], "type": "alias", "public": true, "values": { "light": "drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.10))" }, "references": { "light": "var(--oc-base-shadow-200)" }, "sources": [ "tokens/semantic/shadow/light.tokens.json" ], "css": { "light": "var(--oc-base-shadow-200)" } }, { "name": "--oc-semantic-shadow-canvas", "tier": "semantic", "category": "shadow", "path": [ "semantic", "shadow", "canvas" ], "type": "alias", "public": true, "values": { "light": "unset" }, "references": { "light": "var(--oc-base-shadow-0)" }, "sources": [ "tokens/semantic/shadow/light.tokens.json" ], "css": { "light": "var(--oc-base-shadow-0)" } }, { "name": "--oc-semantic-shadow-stacked", "tier": "semantic", "category": "shadow", "path": [ "semantic", "shadow", "stacked" ], "type": "alias", "public": true, "values": { "light": "unset" }, "references": { "light": "var(--oc-base-shadow-0)" }, "sources": [ "tokens/semantic/shadow/light.tokens.json" ], "css": { "light": "var(--oc-base-shadow-0)" } }, { "name": "--oc-semantic-shadow-sticky", "tier": "semantic", "category": "shadow", "path": [ "semantic", "shadow", "sticky" ], "type": "alias", "public": true, "values": { "light": "drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.30)) drop-shadow(0px 9px 10px rgba(0, 0, 0, 0.10))" }, "references": { "light": "var(--oc-base-shadow-300)" }, "sources": [ "tokens/semantic/shadow/light.tokens.json" ], "css": { "light": "var(--oc-base-shadow-300)" } }, { "name": "--oc-semantic-spacing-0", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "0" ], "type": "alias", "public": true, "values": { "light": "0px" }, "references": { "light": "var(--oc-base-dimension-absolute-0)" }, "comment": "@deprecated: use spacing-absolute-0", "deprecated": "@deprecated: use spacing-absolute-0", "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-0)" } }, { "name": "--oc-semantic-spacing-12", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "12" ], "type": "alias", "public": true, "values": { "light": "2px" }, "references": { "light": "var(--oc-base-dimension-absolute-2)" }, "comment": "@deprecated: use spacing-absolute-12", "deprecated": "@deprecated: use spacing-absolute-12", "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-2)" } }, { "name": "--oc-semantic-spacing-25", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "25" ], "type": "alias", "public": true, "values": { "light": "4px" }, "references": { "light": "var(--oc-base-dimension-absolute-4)" }, "comment": "@deprecated: use spacing-absolute-25", "deprecated": "@deprecated: use spacing-absolute-25", "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-4)" } }, { "name": "--oc-semantic-spacing-50", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "50" ], "type": "alias", "public": true, "values": { "light": "8px" }, "references": { "light": "var(--oc-base-dimension-absolute-8)" }, "comment": "@deprecated: use spacing-absolute-50", "deprecated": "@deprecated: use spacing-absolute-50", "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-8)" } }, { "name": "--oc-semantic-spacing-75", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "75" ], "type": "alias", "public": true, "values": { "light": "12px" }, "references": { "light": "var(--oc-base-dimension-absolute-12)" }, "comment": "@deprecated: use spacing-absolute-75", "deprecated": "@deprecated: use spacing-absolute-75", "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-12)" } }, { "name": "--oc-semantic-spacing-100", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "100" ], "type": "alias", "public": true, "values": { "light": "16px" }, "references": { "light": "var(--oc-base-dimension-absolute-16)" }, "comment": "@deprecated: use spacing-absolute-100", "deprecated": "@deprecated: use spacing-absolute-100", "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-16)" } }, { "name": "--oc-semantic-spacing-150", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "150" ], "type": "alias", "public": true, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "comment": "@deprecated: use spacing-absolute-150", "deprecated": "@deprecated: use spacing-absolute-150", "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-24)" } }, { "name": "--oc-semantic-spacing-200", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "200" ], "type": "alias", "public": true, "values": { "light": "32px" }, "references": { "light": "var(--oc-base-dimension-absolute-32)" }, "comment": "@deprecated: use spacing-absolute-200", "deprecated": "@deprecated: use spacing-absolute-200", "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-32)" } }, { "name": "--oc-semantic-spacing-250", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "250" ], "type": "alias", "public": true, "values": { "light": "40px" }, "references": { "light": "var(--oc-base-dimension-absolute-40)" }, "comment": "@deprecated: use spacing-absolute-250", "deprecated": "@deprecated: use spacing-absolute-250", "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-40)" } }, { "name": "--oc-semantic-spacing-absolute-0", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "absolute", "0" ], "type": "alias", "public": true, "values": { "light": "0px" }, "references": { "light": "var(--oc-base-dimension-absolute-0)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-0)" } }, { "name": "--oc-semantic-spacing-absolute-12", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "absolute", "12" ], "type": "alias", "public": true, "values": { "light": "2px" }, "references": { "light": "var(--oc-base-dimension-absolute-2)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-2)" } }, { "name": "--oc-semantic-spacing-absolute-25", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "absolute", "25" ], "type": "alias", "public": true, "values": { "light": "4px" }, "references": { "light": "var(--oc-base-dimension-absolute-4)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-4)" } }, { "name": "--oc-semantic-spacing-absolute-50", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "absolute", "50" ], "type": "alias", "public": true, "values": { "light": "8px" }, "references": { "light": "var(--oc-base-dimension-absolute-8)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-8)" } }, { "name": "--oc-semantic-spacing-absolute-75", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "absolute", "75" ], "type": "alias", "public": true, "values": { "light": "12px" }, "references": { "light": "var(--oc-base-dimension-absolute-12)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-12)" } }, { "name": "--oc-semantic-spacing-absolute-100", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "absolute", "100" ], "type": "alias", "public": true, "values": { "light": "16px" }, "references": { "light": "var(--oc-base-dimension-absolute-16)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-16)" } }, { "name": "--oc-semantic-spacing-absolute-150", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "absolute", "150" ], "type": "alias", "public": true, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-24)" } }, { "name": "--oc-semantic-spacing-absolute-200", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "absolute", "200" ], "type": "alias", "public": true, "values": { "light": "32px" }, "references": { "light": "var(--oc-base-dimension-absolute-32)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-32)" } }, { "name": "--oc-semantic-spacing-absolute-250", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "absolute", "250" ], "type": "alias", "public": true, "values": { "light": "40px" }, "references": { "light": "var(--oc-base-dimension-absolute-40)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-40)" } }, { "name": "--oc-semantic-spacing-cinema-gap", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "cinema-gap" ], "type": "alias", "public": true, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-semantic-spacing-absolute-100)" } }, { "name": "--oc-semantic-spacing-content-layout-gap", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "content-layout-gap" ], "type": "alias", "public": true, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-semantic-spacing-absolute-100)" } }, { "name": "--oc-semantic-spacing-content-layout-outer", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "content-layout-outer" ], "type": "alias", "public": true, "values": { "light": "16px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-100)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-semantic-spacing-absolute-100)" } }, { "name": "--oc-semantic-spacing-default-between-blocks", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "default-between-blocks" ], "type": "alias", "public": true, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-semantic-spacing-absolute-25)" } }, { "name": "--oc-semantic-spacing-form-checkbox-radio-button-horizontal", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "form", "checkbox-radio-button-horizontal" ], "type": "alias", "public": true, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-24)" } }, { "name": "--oc-semantic-spacing-form-checkbox-radio-button-vertical", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "form", "checkbox-radio-button-vertical" ], "type": "alias", "public": true, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-24)" } }, { "name": "--oc-semantic-spacing-form-hint-vertical", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "form", "hint-vertical" ], "type": "alias", "public": true, "values": { "light": "4px" }, "references": { "light": "var(--oc-base-dimension-absolute-4)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-4)" } }, { "name": "--oc-semantic-spacing-form-horizontal", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "form", "horizontal" ], "type": "alias", "public": true, "values": { "light": "8px" }, "references": { "light": "var(--oc-base-dimension-absolute-8)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-8)" } }, { "name": "--oc-semantic-spacing-form-vertical", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "form", "vertical" ], "type": "alias", "public": true, "values": { "light": "24px" }, "references": { "light": "var(--oc-base-dimension-absolute-24)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-absolute-24)" } }, { "name": "--oc-semantic-spacing-page-layout-gap", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "page-layout-gap" ], "type": "alias", "public": true, "values": { "light": "4px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-25)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-semantic-spacing-absolute-25)" } }, { "name": "--oc-semantic-spacing-page-layout-outer", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "page-layout-outer" ], "type": "alias", "public": true, "values": { "light": "0px" }, "references": { "light": "var(--oc-semantic-spacing-absolute-0)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-semantic-spacing-absolute-0)" } }, { "name": "--oc-semantic-spacing-relative-0", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "relative", "0" ], "type": "alias", "public": true, "values": { "light": "0rem" }, "references": { "light": "var(--oc-base-dimension-relative-0)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-0)" } }, { "name": "--oc-semantic-spacing-relative-12", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "relative", "12" ], "type": "alias", "public": true, "values": { "light": "0.125rem" }, "references": { "light": "var(--oc-base-dimension-relative-2)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-2)" } }, { "name": "--oc-semantic-spacing-relative-25", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "relative", "25" ], "type": "alias", "public": true, "values": { "light": "0.25rem" }, "references": { "light": "var(--oc-base-dimension-relative-4)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-4)" } }, { "name": "--oc-semantic-spacing-relative-50", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "relative", "50" ], "type": "alias", "public": true, "values": { "light": "0.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-8)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-8)" } }, { "name": "--oc-semantic-spacing-relative-75", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "relative", "75" ], "type": "alias", "public": true, "values": { "light": "0.75rem" }, "references": { "light": "var(--oc-base-dimension-relative-12)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-12)" } }, { "name": "--oc-semantic-spacing-relative-100", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "relative", "100" ], "type": "alias", "public": true, "values": { "light": "1rem" }, "references": { "light": "var(--oc-base-dimension-relative-16)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-16)" } }, { "name": "--oc-semantic-spacing-relative-150", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "relative", "150" ], "type": "alias", "public": true, "values": { "light": "1.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-24)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-24)" } }, { "name": "--oc-semantic-spacing-relative-200", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "relative", "200" ], "type": "alias", "public": true, "values": { "light": "2rem" }, "references": { "light": "var(--oc-base-dimension-relative-32)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-32)" } }, { "name": "--oc-semantic-spacing-relative-250", "tier": "semantic", "category": "spacing", "path": [ "semantic", "spacing", "relative", "250" ], "type": "alias", "public": true, "values": { "light": "2.5rem" }, "references": { "light": "var(--oc-base-dimension-relative-40)" }, "sources": [ "tokens/semantic/spacing/light.tokens.json" ], "css": { "light": "var(--oc-base-dimension-relative-40)" } }, { "name": "--oc-semantic-transition-appear-duration", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "appear", "duration" ], "type": "alias", "public": true, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-duration-short-100)" }, "comment": "@apply-reduced-motion", "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-semantic-duration-short-100)" } }, { "name": "--oc-semantic-transition-appear-easing", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "appear", "easing" ], "type": "alias", "public": true, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "references": { "light": "var(--oc-base-easing-default-out)" }, "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-base-easing-default-out)" } }, { "name": "--oc-semantic-transition-collapse-duration", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "collapse", "duration" ], "type": "alias", "public": true, "values": { "light": "125ms" }, "references": { "light": "var(--oc-semantic-duration-short-100)" }, "comment": "@apply-reduced-motion", "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-semantic-duration-short-100)" } }, { "name": "--oc-semantic-transition-collapse-easing", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "collapse", "easing" ], "type": "alias", "public": true, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "references": { "light": "var(--oc-base-easing-default-in-out)" }, "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-base-easing-default-in-out)" } }, { "name": "--oc-semantic-transition-disappear-duration", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "disappear", "duration" ], "type": "alias", "public": true, "values": { "light": "50ms" }, "references": { "light": "var(--oc-semantic-duration-short-50)" }, "comment": "@apply-reduced-motion", "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-semantic-duration-short-50)" } }, { "name": "--oc-semantic-transition-disappear-easing", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "disappear", "easing" ], "type": "alias", "public": true, "values": { "light": "cubic-bezier(0.8,0,1,1)" }, "references": { "light": "var(--oc-base-easing-default-in)" }, "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-base-easing-default-in)" } }, { "name": "--oc-semantic-transition-enter-duration", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "enter", "duration" ], "type": "alias", "public": true, "values": { "light": "425ms" }, "references": { "light": "var(--oc-semantic-duration-medium-150)" }, "comment": "@apply-reduced-motion", "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-semantic-duration-medium-150)" } }, { "name": "--oc-semantic-transition-enter-easing", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "enter", "easing" ], "type": "alias", "public": true, "values": { "light": "cubic-bezier(0.2,1,0.4,1)" }, "references": { "light": "var(--oc-base-easing-expressive-out)" }, "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-base-easing-expressive-out)" } }, { "name": "--oc-semantic-transition-exit-duration", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "exit", "duration" ], "type": "alias", "public": true, "values": { "light": "200ms" }, "references": { "light": "var(--oc-semantic-duration-short-150)" }, "comment": "@apply-reduced-motion", "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-semantic-duration-short-150)" } }, { "name": "--oc-semantic-transition-exit-easing", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "exit", "easing" ], "type": "alias", "public": true, "values": { "light": "cubic-bezier(0.6,0,0.8,0)" }, "references": { "light": "var(--oc-base-easing-expressive-in)" }, "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-base-easing-expressive-in)" } }, { "name": "--oc-semantic-transition-expand-duration", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "expand", "duration" ], "type": "alias", "public": true, "values": { "light": "200ms" }, "references": { "light": "var(--oc-semantic-duration-short-150)" }, "comment": "@apply-reduced-motion", "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-semantic-duration-short-150)" } }, { "name": "--oc-semantic-transition-expand-easing", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "expand", "easing" ], "type": "alias", "public": true, "values": { "light": "cubic-bezier(0.8,0,0.4,1)" }, "references": { "light": "var(--oc-base-easing-default-in-out)" }, "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-base-easing-default-in-out)" } }, { "name": "--oc-semantic-transition-navigate-duration", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "navigate", "duration" ], "type": "alias", "public": true, "values": { "light": "200ms" }, "references": { "light": "var(--oc-semantic-duration-short-150)" }, "comment": "@apply-reduced-motion", "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-semantic-duration-short-150)" } }, { "name": "--oc-semantic-transition-navigate-easing", "tier": "semantic", "category": "transition", "path": [ "semantic", "transition", "navigate", "easing" ], "type": "alias", "public": true, "values": { "light": "cubic-bezier(0,0,0.4,1)" }, "references": { "light": "var(--oc-base-easing-default-out)" }, "sources": [ "tokens/semantic/transition/light.tokens.json" ], "css": { "light": "var(--oc-base-easing-default-out)" } }, { "name": "--oc-component-tab-bar-gradient-width", "tier": "component", "category": "tab", "path": [ "component", "tab", "bar", "gradient-width" ], "type": "string", "public": false, "values": { "onex": "96px" }, "themeable": true, "sources": [ "tokens/component/tab/onex.tokens.json" ], "css": { "onex": "96px" } }, { "name": "--oc-component-tab-item-background-color-active", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "background-color-active" ], "type": "alias", "public": false, "values": { "onex": "rgba(33, 33, 33, 0.10196078431372549)" }, "references": { "onex": "var(--oc-base-color-black-opacity-10)" }, "themeable": true, "sources": [ "tokens/component/tab/onex.tokens.json" ], "css": { "onex": "var(--oc-base-color-black-opacity-10)" } }, { "name": "--oc-component-tab-item-background-color-hover", "tier": "component", "category": "tab", "path": [ "component", "tab", "item", "background-color-hover" ], "type": "alias", "public": false, "values": { "onex": "rgba(33, 33, 33, 0.03137254901960784)" }, "references": { "onex": "var(--oc-base-color-black-opacity-3)" }, "themeable": true, "sources": [ "tokens/component/tab/onex.tokens.json" ], "css": { "onex": "var(--oc-base-color-black-opacity-3)" } } ], "cssOnly": [ { "name": "--oc-base-color-white", "scope": ":root", "value": "var(--oc-base-color-white-100,#fff)" }, { "name": "--oc-base-color-white", "scope": "@media (prefers-color-scheme:dark) html[data-color-scheme=auto]", "value": "var(--oc-base-color-white-100,#fff)" }, { "name": "--oc-base-color-white", "scope": "html[data-color-scheme=dark]", "value": "var(--oc-base-color-white-100,#fff)" }, { "name": "--oc-base-color-white", "scope": "html[data-onex=yeah]", "value": "var(--oc-base-color-white-100,#fff)" } ] }