From eadf7291b8bfbe647a972c4fd8a8a5a9ef17c9c9 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 11 Dec 2023 01:27:03 -0800 Subject: [PATCH 01/18] feat(core tokens): add calcite-schema to all core tokens --- .../calcite-design-tokens/src/core/color.json | 4263 ++++++++++++++++- .../src/core/container-size.json | 231 +- .../calcite-design-tokens/src/core/font.json | 420 +- .../src/core/opacity.json | 336 +- .../src/core/shadow.json | 105 +- .../calcite-design-tokens/src/core/size.json | 819 +++- 6 files changed, 5880 insertions(+), 294 deletions(-) diff --git a/packages/calcite-design-tokens/src/core/color.json b/packages/calcite-design-tokens/src/core/color.json index 5c98dae74df..79a5ff89d03 100644 --- a/packages/calcite-design-tokens/src/core/color.json +++ b/packages/calcite-design-tokens/src/core/color.json @@ -4,616 +4,3409 @@ "neutral": { "blk-000": { "value": "#ffffff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "000", + "context": "", + "mode": "" + } + } }, "blk-005": { "value": "#f8f8f8", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "005", + "context": "", + "mode": "" + } + } }, "blk-010": { "value": "#f3f3f3", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "blk-020": { "value": "#eaeaea", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "blk-030": { "value": "#dfdfdf", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "blk-040": { "value": "#d4d4d4", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "blk-050": { "value": "#cacaca", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "blk-060": { "value": "#bfbfbf", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "blk-070": { "value": "#b5b5b5", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "blk-080": { "value": "#aaaaaa", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "blk-090": { "value": "#9f9f9f", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "blk-100": { "value": "#949494", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } }, "blk-110": { "value": "#8a8a8a", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "110", + "context": "", + "mode": "" + } + } }, "blk-120": { "value": "#808080", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "120", + "context": "", + "mode": "" + } + } }, "blk-130": { "value": "#757575", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "130", + "context": "", + "mode": "" + } + } }, "blk-140": { "value": "#6a6a6a", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "140", + "context": "", + "mode": "" + } + } }, "blk-150": { "value": "#606060", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "150", + "context": "", + "mode": "" + } + } }, "blk-160": { "value": "#555555", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "blk-170": { "value": "#4a4a4a", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "170", + "context": "", + "mode": "" + } + } }, "blk-180": { "value": "#404040", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } }, "blk-190": { "value": "#353535", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "190", + "context": "", + "mode": "" + } + } }, "blk-200": { "value": "#2b2b2b", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "200", + "context": "", + "mode": "" + } + } }, "blk-210": { "value": "#202020", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "210", + "context": "", + "mode": "" + } + } }, "blk-220": { "value": "#151515", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "220", + "context": "", + "mode": "" + } + } }, "blk-230": { "value": "#0b0b0b", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "230", + "context": "", + "mode": "" + } + } }, "blk-235": { "value": "#060606", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "235", + "context": "", + "mode": "" + } + } }, "blk-240": { "value": "#000000", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "neutral", + "kind": "", + "appearance": "", + "property": "", + "variant": "blk", + "state": "", + "scale": "240", + "context": "", + "mode": "" + } + } } }, "high-saturation": { "blue": { "h-bb-010": { "value": "#c7eaff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "h-bb-020": { "value": "#9fd4f3", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "h-bb-030": { "value": "#77bde7", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "h-bb-040": { "value": "#50a7da", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "h-bb-050": { "value": "#2890ce", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "h-bb-060": { "value": "#007ac2", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "h-bb-070": { "value": "#00619b", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "h-bb-080": { "value": "#004874", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "h-bb-090": { "value": "#00304d", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "h-bb-100": { "value": "#001726", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } }, "green-blue": { "h-gb-010": { "value": "#cef5f4", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "h-gb-020": { "value": "#afedec", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "h-gb-030": { "value": "#8fe6e5", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "h-gb-040": { "value": "#5ae0de", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "h-gb-050": { "value": "#28cecb", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "h-gb-060": { "value": "#00bab5", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "h-gb-070": { "value": "#009b98", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "h-gb-080": { "value": "#007472", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "h-gb-090": { "value": "#004d4c", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "h-gb-100": { "value": "#002625", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } }, "green": { "h-gg-010": { "value": "#bdf2c4", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "h-gg-020": { "value": "#a2e4ab", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "h-gg-030": { "value": "#87d692", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "h-gg-040": { "value": "#6bc878", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "h-gg-050": { "value": "#50ba5f", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "h-gg-060": { "value": "#35ac46", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "h-gg-070": { "value": "#288835", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "h-gg-080": { "value": "#1a6324", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "h-gg-090": { "value": "#0d3f14", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "h-gg-100": { "value": "#001a03", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } }, "yellow-green": { "h-yg-010": { "value": "#e5f7b4", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "h-yg-020": { "value": "#d9ef9f", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "h-yg-030": { "value": "#cde78a", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "h-yg-040": { "value": "#c2e075", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "h-yg-050": { "value": "#b6d860", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "h-yg-060": { "value": "#aad04b", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "h-yg-070": { "value": "#84a338", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "h-yg-080": { "value": "#5e7526", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "h-yg-090": { "value": "#384813", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "h-yg-100": { "value": "#121a00", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } }, "yellow": { "h-yy-010": { "value": "#fff7cc", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "h-yy-020": { "value": "#fef3ad", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "h-yy-030": { "value": "#fcee8d", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "h-yy-040": { "value": "#fbea6e", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "h-yy-050": { "value": "#f9e54e", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "h-yy-060": { "value": "#edd317", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "h-yy-070": { "value": "#d9bc00", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "h-yy-080": { "value": "#bfa200", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "h-yy-090": { "value": "#8c7500", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "h-yy-100": { "value": "#5c4e00", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } }, "orange-yellow": { "h-oy-010": { "value": "#ffe2bf", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "h-oy-020": { "value": "#fed3a1", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "h-oy-030": { "value": "#fcc582", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "h-oy-040": { "value": "#fbb664", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "h-oy-050": { "value": "#f9a845", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "h-oy-060": { "value": "#f89927", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "h-oy-070": { "value": "#c67718", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "h-oy-080": { "value": "#9a5b10", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "h-oy-090": { "value": "#6d3f08", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "h-oy-100": { "value": "#402300", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } }, "orange": { "h-oo-010": { "value": "#ffd8bf", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "h-oo-020": { "value": "#fdc39f", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "h-oo-030": { "value": "#faae7f", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "h-oo-040": { "value": "#f89960", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "h-oo-050": { "value": "#f58440", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "h-oo-060": { "value": "#f36f20", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "h-oo-070": { "value": "#c65a18", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "h-oo-080": { "value": "#9a4410", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "h-oo-090": { "value": "#6d2f08", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "h-oo-100": { "value": "#401900", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } }, "red-orange": { "h-ro-010": { "value": "#ffc7b3", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "h-ro-020": { "value": "#f8af95", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "h-ro-030": { "value": "#f09677", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "h-ro-040": { "value": "#e97e5a", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "h-ro-050": { "value": "#e1653c", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "h-ro-060": { "value": "#da4d1e", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "h-ro-070": { "value": "#ad3c16", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "h-ro-080": { "value": "#802c0f", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "h-ro-090": { "value": "#531b07", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "h-ro-100": { "value": "#260a00", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } }, "red": { "h-rr-010": { "value": "#ffc6bf", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "h-rr-020": { "value": "#ffaaa1", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "h-rr-030": { "value": "#f2877b", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "h-rr-040": { "value": "#f07062", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "h-rr-050": { "value": "#e65240", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "h-rr-060": { "value": "#d83020", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "h-rr-070": { "value": "#a82b1e", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "h-rr-080": { "value": "#7c1d13", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "h-rr-090": { "value": "#4f0e08", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "h-rr-100": { "value": "#210300", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } }, "pink": { "h-pk-010": { "value": "#ffd1ef", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "h-pk-020": { "value": "#fabee4", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "h-pk-030": { "value": "#f2a5d6", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "h-pk-040": { "value": "#eb8dc9", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "h-pk-050": { "value": "#e673bb", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "h-pk-060": { "value": "#e04ea6", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "h-pk-070": { "value": "#ba2f7e", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "h-pk-080": { "value": "#851b52", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "h-pk-090": { "value": "#590b32", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "h-pk-100": { "value": "#260404", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } }, "violet-red": { "h-vr-010": { "value": "#fadbff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "h-vr-020": { "value": "#e4beeb", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "h-vr-030": { "value": "#cfa1d7", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "h-vr-040": { "value": "#b983c3", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "h-vr-050": { "value": "#a466af", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "h-vr-060": { "value": "#8e499b", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "h-vr-070": { "value": "#73377e", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "h-vr-080": { "value": "#572561", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "h-vr-090": { "value": "#3c1243", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "h-vr-100": { "value": "#200026", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } }, "violet": { "h-vv-010": { "value": "#e8d9ff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "010", + "context": "", + "mode": "" + } + } }, "h-vv-020": { "value": "#cdb9eb", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "020", + "context": "", + "mode": "" + } + } }, "h-vv-030": { "value": "#b39ad7", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "030", + "context": "", + "mode": "" + } + } }, "h-vv-040": { "value": "#987ac3", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "040", + "context": "", + "mode": "" + } + } }, "h-vv-050": { "value": "#7e5baf", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "050", + "context": "", + "mode": "" + } + } }, "h-vv-060": { "value": "#633b9b", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "060", + "context": "", + "mode": "" + } + } }, "h-vv-070": { "value": "#4e2c7e", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "070", + "context": "", + "mode": "" + } + } }, "h-vv-080": { "value": "#3a1e61", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "080", + "context": "", + "mode": "" + } + } }, "h-vv-090": { "value": "#250f43", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "090", + "context": "", + "mode": "" + } + } }, "h-vv-100": { "value": "#100026", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } } }, @@ -621,199 +3414,1035 @@ "blue": { "v-bb-120": { "value": "#59d6ff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "120", + "context": "", + "mode": "" + } + } }, "v-bb-140": { "value": "#3db8ff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "140", + "context": "", + "mode": "" + } + } }, "v-bb-160": { "value": "#009af2", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "v-bb-180": { "value": "#009af2", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } } }, "green-blue": { "v-gb-120": { "value": "#59fffc", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "120", + "context": "", + "mode": "" + } + } }, "v-gb-140": { "value": "#00f7f3", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "140", + "context": "", + "mode": "" + } + } }, "v-gb-160": { "value": "#00e6e2", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "v-gb-180": { "value": "#00cfca", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "green-blue", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } } }, "green": { "v-gg-120": { "value": "#73ff84", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "120", + "context": "", + "mode": "" + } + } }, "v-gg-140": { "value": "#3bed52", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "140", + "context": "", + "mode": "" + } + } }, "v-gg-160": { "value": "#00b81b", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "v-gg-180": { "value": "#00a118", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } } }, "yellow-green": { "v-yg-120": { "value": "#d7ff73", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "120", + "context": "", + "mode": "" + } + } }, "v-yg-140": { "value": "#bbed3b", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "140", + "context": "", + "mode": "" + } + } }, "v-yg-160": { "value": "#96cc00", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "v-yg-180": { "value": "#7fab00", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow-green", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } } }, "yellow": { "v-yy-120": { "value": "#fff766", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "120", + "context": "", + "mode": "" + } + } }, "v-yy-140": { "value": "#ffee33", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "140", + "context": "", + "mode": "" + } + } }, "v-yy-160": { "value": "#f5d000", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "v-yy-180": { "value": "#ebba17", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } } }, "orange-yellow": { "v-oy-120": { "value": "#ffb54d", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "120", + "context": "", + "mode": "" + } + } }, "v-oy-140": { "value": "#ff9500", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "140", + "context": "", + "mode": "" + } + } }, "v-oy-160": { "value": "#e68600", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "v-oy-180": { "value": "#d17300", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "orange-yellow", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } } }, "red-orange": { "v-ro-120": { "value": "#ff824d", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "120", + "context": "", + "mode": "" + } + } }, "v-ro-140": { "value": "#ff4d00", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "140", + "context": "", + "mode": "" + } + } }, "v-ro-160": { "value": "#de4300", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "v-ro-180": { "value": "#c93b00", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "red-orange", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } } }, "red": { "v-rr-120": { "value": "#ff624d", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "120", + "context": "", + "mode": "" + } + } }, "v-rr-140": { "value": "#ff0015", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "140", + "context": "", + "mode": "" + } + } }, "v-rr-160": { "value": "#d90012", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "v-rr-180": { "value": "#b3000f", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } } }, "pink": { "v-pk-120": { "value": "#ff66c2", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "120", + "context": "", + "mode": "" + } + } }, "v-pk-140": { "value": "#ff19a4", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "140", + "context": "", + "mode": "" + } + } }, "v-pk-160": { "value": "#d11486", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "v-pk-180": { "value": "#c00073", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "pink", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } } }, "violet-red": { "v-vr-120": { "value": "#ea80ff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "120", + "context": "", + "mode": "" + } + } }, "v-vr-140": { "value": "#dd33ff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "140", + "context": "", + "mode": "" + } + } }, "v-vr-160": { "value": "#ac08cc", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "v-vr-180": { "value": "#83009e", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet-red", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } } }, "violet": { "v-vv-120": { "value": "#b580ff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "120", + "context": "", + "mode": "" + } + } }, "v-vv-140": { "value": "#974dff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "140", + "context": "", + "mode": "" + } + } }, "v-vv-160": { "value": "#8129ff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "v-vv-180": { "value": "#6a0be6", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } } } }, @@ -821,57 +4450,285 @@ "green": { "d-gg-410": { "value": "#44ED51", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "dark", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "410", + "context": "", + "mode": "" + } + } }, "d-gg-420": { "value": "#36DA43", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "dark", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "420", + "context": "", + "mode": "" + } + } }, "d-gg-430": { "value": "#36DA43", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "dark", + "kind": "", + "appearance": "", + "property": "", + "variant": "green", + "state": "", + "scale": "430", + "context": "", + "mode": "" + } + } } }, "yellow": { "d-yy-410": { "value": "#FFE24D", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "dark", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "410", + "context": "", + "mode": "" + } + } }, "d-yy-420": { "value": "#FFC900", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "dark", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "420", + "context": "", + "mode": "" + } + } }, "d-yy-430": { "value": "#F4B000", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "dark", + "kind": "", + "appearance": "", + "property": "", + "variant": "yellow", + "state": "", + "scale": "430", + "context": "", + "mode": "" + } + } } }, "red": { "d-rr-410": { "value": "#FF7465", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "dark", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "410", + "context": "", + "mode": "" + } + } }, "d-rr-420": { "value": "#FE583E", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "dark", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "420", + "context": "", + "mode": "" + } + } }, "d-rr-430": { "value": "#F3381B", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "dark", + "kind": "", + "appearance": "", + "property": "", + "variant": "red", + "state": "", + "scale": "430", + "context": "", + "mode": "" + } + } } }, "blue": { "d-bb-410": { "value": "#47BBFF", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "dark", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "410", + "context": "", + "mode": "" + } + } }, "d-bb-420": { "value": "#00A0FF", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "dark", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "420", + "context": "", + "mode": "" + } + } }, "d-bb-430": { "value": "#0087D7", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "dark", + "kind": "", + "appearance": "", + "property": "", + "variant": "blue", + "state": "", + "scale": "430", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/core/container-size.json b/packages/calcite-design-tokens/src/core/container-size.json index ac7c2202f66..87dec817fa3 100644 --- a/packages/calcite-design-tokens/src/core/container-size.json +++ b/packages/calcite-design-tokens/src/core/container-size.json @@ -3,47 +3,256 @@ "container-size": { "0": { "value": 0, - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } + } }, "154": { "value": 154, - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "154", + "context": "", + "mode": "" + } + } }, "320": { "value": 320, - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "320", + "context": "", + "mode": "" + } + } }, "328": { "value": 328, - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "328", + "context": "", + "mode": "" + } + } }, "476": { "value": 476, - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "476", + "context": "", + "mode": "" + } + } }, "504": { "value": 504, - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "504", + "context": "", + "mode": "" + } + } }, "678": { "value": 678, - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "678", + "context": "", + "mode": "" + } + } }, "768": { "value": 768, - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "768", + "context": "", + "mode": "" + } + } }, "854": { "value": 854, - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "854", + "context": "", + "mode": "" + } + } }, "1152": { "value": 1152, - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "1152", + "context": "", + "mode": "" + } + } }, "1440": { "value": 1440, - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "1440", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/core/font.json b/packages/calcite-design-tokens/src/core/font.json index 34d47ff73db..dfbbc562f2c 100644 --- a/packages/calcite-design-tokens/src/core/font.json +++ b/packages/calcite-design-tokens/src/core/font.json @@ -4,33 +4,147 @@ "family": { "avenirNextPro": { "value": "Avenir Next LT Pro", - "type": "fontFamilies" + "type": "fontFamilies", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "family", + "variant": "Avenir Next LT", + "state": "Pro", + "scale": "", + "context": "", + "mode": "" + } + } }, "avenirNextWorld": { "value": "Avenir Next World", - "type": "fontFamilies" + "type": "fontFamilies", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "family", + "variant": "Avenir Next", + "state": "World", + "scale": "", + "context": "", + "mode": "" + } + } }, "monaco": { "value": "Monaco", - "type": "fontFamilies" + "type": "fontFamilies", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "family", + "variant": "Monaco", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "style": { "italic": { "value": "italic", "type": "fontStyle", - "description": "used in ratings" + "description": "used in ratings", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "style", + "variant": "italic", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "weight": { "ultralight": { "value": "UltraLight", "type": "fontWeights", - "description": "only for Avenir Next World (secondary font family)" + "description": "only for Avenir Next World (secondary font family)", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "ultra-light", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "thin": { "value": "Thin", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "thin", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "light": { "value": "Light", @@ -39,65 +153,331 @@ }, "regular": { "value": "Regular", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "regular", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "medium": { "value": "Medium", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "medium", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "medium-italic": { "value": "Medium Italic", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "medium-italic", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "demi": { "value": "Demi", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "demi", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "bold": { "value": "Bold", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "bold", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "extrabold": { "value": "ExtraBold", "type": "fontWeights", - "description": "only for Avenir Next World (secondary font family)" + "description": "only for Avenir Next World (secondary font family)", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "extra-bold", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "black": { "value": "Black", "type": "fontWeights", - "description": "only for Avenir Next World (secondary font family)" + "description": "only for Avenir Next World (secondary font family)", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "black", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "heavy": { "value": "Heavy", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "heavy", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "text-decoration": { "none": { "value": "none", - "type": "textDecoration" + "type": "textDecoration", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "text-decoration", + "variant": "none", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "underline": { "value": "underline", - "type": "textDecoration" + "type": "textDecoration", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "text-decoration", + "variant": "underline", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "text-case": { "none": { "value": "none", - "type": "textCase" + "type": "textCase", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "text-case", + "variant": "none", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "uppercase": { "value": "uppercase", - "type": "textCase" + "type": "textCase", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "text-case", + "variant": "uppercase", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "lowercase": { "value": "lowercase", - "type": "textCase" + "type": "textCase", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "text-case", + "variant": "lowercase", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "capitalize": { "value": "capitalize", - "type": "textCase" + "type": "textCase", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "text-case", + "variant": "capitalize", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/core/opacity.json b/packages/calcite-design-tokens/src/core/opacity.json index 98575f8ae05..37ada74c6ca 100644 --- a/packages/calcite-design-tokens/src/core/opacity.json +++ b/packages/calcite-design-tokens/src/core/opacity.json @@ -3,67 +3,371 @@ "opacity": { "0": { "value": "0%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } + } }, "4": { "value": "4%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "4", + "context": "", + "mode": "" + } + } }, "8": { "value": "8%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "8", + "context": "", + "mode": "" + } + } }, "10": { "value": "10%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "10", + "context": "", + "mode": "" + } + } }, "20": { "value": "20%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "20", + "context": "", + "mode": "" + } + } }, "30": { "value": "30%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "30", + "context": "", + "mode": "" + } + } }, "40": { "value": "40%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "40", + "context": "", + "mode": "" + } + } }, "50": { "value": "50%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "50", + "context": "", + "mode": "" + } + } }, "60": { "value": "60%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "60", + "context": "", + "mode": "" + } + } }, "70": { "value": "70%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "70", + "context": "", + "mode": "" + } + } }, "80": { "value": "80%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "80", + "context": "", + "mode": "" + } + } }, "85": { "value": "85%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "85", + "context": "", + "mode": "" + } + } }, "90": { "value": "90%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "90", + "context": "", + "mode": "" + } + } }, "92": { "value": "92%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "92", + "context": "", + "mode": "" + } + } }, "96": { "value": "96%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "96", + "context": "", + "mode": "" + } + } }, "100": { "value": "100%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/core/shadow.json b/packages/calcite-design-tokens/src/core/shadow.json index 89b6725cb31..01677d344ed 100644 --- a/packages/calcite-design-tokens/src/core/shadow.json +++ b/packages/calcite-design-tokens/src/core/shadow.json @@ -9,7 +9,26 @@ "spread": "0", "color": "rgba({core.color.neutral.blk-240}, {core.opacity.0})" }, - "type": "boxShadow" + "type": "boxShadow", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "shadow", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } + } }, "1": { "value": { @@ -19,7 +38,26 @@ "spread": "0", "color": "rgba({core.color.neutral.blk-240}, {core.opacity.4})" }, - "type": "boxShadow" + "type": "boxShadow", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "shadow", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } + } }, "2": { "value": { @@ -29,7 +67,26 @@ "spread": "0", "color": "rgba({core.color.neutral.blk-240}, {core.opacity.8})" }, - "type": "boxShadow" + "type": "boxShadow", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "shadow", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } + } }, "3": { "value": { @@ -39,7 +96,26 @@ "spread": "0", "color": "rgba({core.color.neutral.blk-240}, {core.opacity.8})" }, - "type": "boxShadow" + "type": "boxShadow", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "shadow", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "3", + "context": "", + "mode": "" + } + } }, "4": { "value": { @@ -49,7 +125,26 @@ "spread": "-2", "color": "rgba({core.color.neutral.blk-240}, {core.opacity.10})" }, - "type": "boxShadow" + "type": "boxShadow", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "shadow", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "4", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/core/size.json b/packages/calcite-design-tokens/src/core/size.json index 6179b654b03..3848bbd25c9 100644 --- a/packages/calcite-design-tokens/src/core/size.json +++ b/packages/calcite-design-tokens/src/core/size.json @@ -4,161 +4,902 @@ "default": { "none": { "value": "0", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "none", + "context": "", + "mode": "" + } + } }, "1": { "value": "1px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } + } }, "2": { "value": "2px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } + } }, "4": { "value": "4px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "4", + "context": "", + "mode": "" + } + } }, "6": { "value": "6px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "6", + "context": "", + "mode": "" + } + } }, "8": { "value": "8px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "8", + "context": "", + "mode": "" + } + } }, "10": { "value": "10px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "10", + "context": "", + "mode": "" + } + } }, "12": { "value": "12px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "12", + "context": "", + "mode": "" + } + } }, "14": { "value": "14px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "14", + "context": "", + "mode": "" + } + } }, "16": { "value": "16px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "16", + "context": "", + "mode": "" + } + } }, "20": { "value": "20px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "20", + "context": "", + "mode": "" + } + } }, "24": { "value": "24px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "24", + "context": "", + "mode": "" + } + } }, "28": { "value": "28px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "28", + "context": "", + "mode": "" + } + } }, "32": { "value": "32px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "32", + "context": "", + "mode": "" + } + } }, "36": { "value": "36px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "36", + "context": "", + "mode": "" + } + } }, "40": { "value": "40px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "40", + "context": "", + "mode": "" + } + } }, "44": { "value": "44px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "44", + "context": "", + "mode": "" + } + } }, "48": { "value": "48px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "48", + "context": "", + "mode": "" + } + } }, "56": { "value": "56px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "56", + "context": "", + "mode": "" + } + } }, "64": { "value": "64px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "64", + "context": "", + "mode": "" + } + } }, "72": { "value": "72px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "72", + "context": "", + "mode": "" + } + } }, "80": { "value": "80px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "80", + "context": "", + "mode": "" + } + } }, "96": { "value": "96px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "96", + "context": "", + "mode": "" + } + } }, "112": { "value": "112px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "112", + "context": "", + "mode": "" + } + } }, "128": { "value": "128px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "128", + "context": "", + "mode": "" + } + } }, "144": { "value": "144px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "144", + "context": "", + "mode": "" + } + } }, "160": { "value": "160px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "160", + "context": "", + "mode": "" + } + } }, "192": { "value": "192px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "162", + "context": "", + "mode": "" + } + } }, "224": { "value": "224px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "224", + "context": "", + "mode": "" + } + } }, "256": { "value": "256px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "256", + "context": "", + "mode": "" + } + } }, "288": { "value": "288px", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "288", + "context": "", + "mode": "" + } + } } }, "relative": { "auto": { "value": "auto", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "relative", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "auto", + "context": "", + "mode": "" + } + } }, "50": { "value": "50%", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "relative", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": ".5", + "context": "", + "mode": "" + } + } }, "100": { "value": "100%", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "relative", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } + } }, "125": { "value": "125%", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "relative", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "1.25", + "context": "", + "mode": "" + } + } }, "137": { "value": "137.5%", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "relative", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "1.375", + "context": "", + "mode": "" + } + } }, "150": { "value": "150%", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "relative", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "1.5", + "context": "", + "mode": "" + } + } }, "162": { "value": "162.5%", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "relative", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "1.625", + "context": "", + "mode": "" + } + } }, "200": { "value": "200%", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "relative", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } + } } } } From ea1aee39ac557e9c39201763907c8942d530e8a1 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 11 Dec 2023 01:27:20 -0800 Subject: [PATCH 02/18] feat(semantic tokens): add calcite-schema to all semantic tokens --- .../src/semantic/border.json | 168 ++- .../src/semantic/color.json | 920 ++++++++++++-- .../src/semantic/container-size.json | 336 ++++- .../src/semantic/font.json | 754 +++++++++++- .../src/semantic/opacity.json | 105 +- .../src/semantic/shadow.json | 63 +- .../src/semantic/size.json | 252 +++- .../src/semantic/space.json | 210 +++- .../src/semantic/typography.json | 1088 ++++++++++++++++- 9 files changed, 3726 insertions(+), 170 deletions(-) diff --git a/packages/calcite-design-tokens/src/semantic/border.json b/packages/calcite-design-tokens/src/semantic/border.json index 7d1d224bc62..240887430a8 100644 --- a/packages/calcite-design-tokens/src/semantic/border.json +++ b/packages/calcite-design-tokens/src/semantic/border.json @@ -4,19 +4,95 @@ "width": { "none": { "value": "{core.size.default.none}", - "type": "borderWidth" + "type": "borderWidth", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "border", + "element": "", + "category": "width", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "none", + "context": "", + "mode": "" + } + } }, "sm": { "value": "{core.size.default.1}", - "type": "borderWidth" + "type": "borderWidth", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "border", + "element": "", + "category": "width", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "sm", + "context": "", + "mode": "" + } + } }, "md": { "value": "{core.size.default.2}", - "type": "borderWidth" + "type": "borderWidth", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "border", + "element": "", + "category": "width", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "md", + "context": "", + "mode": "" + } + } }, "lg": { "value": "{core.size.default.4}", - "type": "borderWidth" + "type": "borderWidth", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "border", + "element": "", + "category": "width", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "lg", + "context": "", + "mode": "" + } + } } } }, @@ -24,19 +100,95 @@ "radius": { "default": { "value": "{semantic.corner.radius.sharp}", - "type": "borderRadius" + "type": "borderRadius", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "corner", + "element": "", + "category": "radius", + "kind": "", + "appearance": "", + "property": "", + "variant": "default", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "sharp": { "value": "{core.size.default.none}", - "type": "borderRadius" + "type": "borderRadius", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "corner", + "element": "", + "category": "radius", + "kind": "", + "appearance": "", + "property": "", + "variant": "sharp", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "round": { "value": "{core.size.default.4}", - "type": "borderRadius" + "type": "borderRadius", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "corner", + "element": "", + "category": "radius", + "kind": "", + "appearance": "", + "property": "", + "variant": "round", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "pill": { "value": "{core.size.relative.100}", - "type": "borderRadius" + "type": "borderRadius", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "corner", + "element": "", + "category": "radius", + "kind": "", + "appearance": "", + "property": "", + "variant": "pill", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/semantic/color.json b/packages/calcite-design-tokens/src/semantic/color.json index 73e8c5c9c57..b65854cf42a 100644 --- a/packages/calcite-design-tokens/src/semantic/color.json +++ b/packages/calcite-design-tokens/src/semantic/color.json @@ -7,11 +7,49 @@ "light": "{core.color.neutral.blk-005}", "dark": "{core.color.neutral.blk-190}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "background", + "kind": "", + "appearance": "", + "property": "", + "variant": "default", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "none": { "value": "rgba({core.color.neutral.blk-000}, {core.opacity.0})", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "background", + "kind": "", + "appearance": "", + "property": "", + "variant": "none", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "foreground": { @@ -20,92 +58,342 @@ "light": "{core.color.neutral.blk-000}", "dark": "{core.color.neutral.blk-200}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "foreground", + "kind": "", + "appearance": "", + "property": "", + "variant": "1", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "2": { "value": { "light": "{core.color.neutral.blk-010}", "dark": "{core.color.neutral.blk-210}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "foreground", + "kind": "", + "appearance": "", + "property": "", + "variant": "2", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "3": { "value": { "light": "{core.color.neutral.blk-020}", "dark": "{core.color.neutral.blk-220}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "foreground", + "kind": "", + "appearance": "", + "property": "", + "variant": "3", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, - "current": { "value": { "light": "{core.color.high-saturation.blue.h-bb-010}", "dark": "#214155" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "foreground", + "kind": "", + "appearance": "", + "property": "", + "variant": "current", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "transparent": { "default": { - "value": { - "light": "rgba({core.color.neutral.blk-240}, {core.opacity.0})", - "dark": "rgba({core.color.neutral.blk-000}, {core.opacity.0})" - }, - "type": "color" - }, - "hover": { - "value": { - "light": "rgba({core.color.neutral.blk-240}, {core.opacity.4})", - "dark": "rgba({core.color.neutral.blk-000}, {core.opacity.4})" + "default": { + "value": { + "light": "rgba({core.color.neutral.blk-240}, {core.opacity.0})", + "dark": "rgba({core.color.neutral.blk-000}, {core.opacity.0})" + }, + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "transparent", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "default", + "scale": "", + "context": "", + "mode": "" + } + } }, - "type": "color" - }, - "press": { - "value": { - "light": "rgba({core.color.neutral.blk-240}, {core.opacity.8})", - "dark": "rgba({core.color.neutral.blk-000}, {core.opacity.8})" + "hover": { + "value": { + "light": "rgba({core.color.neutral.blk-240}, {core.opacity.4})", + "dark": "rgba({core.color.neutral.blk-000}, {core.opacity.4})" + }, + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "transparent", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } }, - "type": "color" + "press": { + "value": { + "light": "rgba({core.color.neutral.blk-240}, {core.opacity.8})", + "dark": "rgba({core.color.neutral.blk-000}, {core.opacity.8})" + }, + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "transparent", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } + } }, "scrim": { "value": { "light": "rgba({core.color.neutral.blk-000}, {core.opacity.85})", "dark": "rgba({core.color.neutral.blk-240}, {core.opacity.85})" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "transparent", + "kind": "", + "appearance": "", + "property": "", + "variant": "scrim", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "tint": { "value": { "light": "rgba({core.color.neutral.blk-000}, {core.opacity.80})", "dark": "rgba({core.color.neutral.blk-200}, {core.opacity.80})" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "transparent", + "kind": "", + "appearance": "", + "property": "", + "variant": "tint", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "brand": { "default": { - "value": { - "light": "{core.color.high-saturation.blue.h-bb-060}", - "dark": "{core.color.vibrant.blue.v-bb-160}" - }, - "type": "color" - }, - "hover": { - "value": { - "light": "{core.color.high-saturation.blue.h-bb-070}", - "dark": "{core.color.high-saturation.blue.h-bb-060}" + "default": { + "value": { + "light": "{core.color.high-saturation.blue.h-bb-060}", + "dark": "{core.color.vibrant.blue.v-bb-160}" + }, + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "brand", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "default", + "scale": "", + "context": "", + "mode": "" + } + } }, - "type": "color" - }, - "press": { - "value": { - "light": "{core.color.high-saturation.blue.h-bb-080}", - "dark": "{core.color.high-saturation.blue.h-bb-070}" + "hover": { + "value": { + "light": "{core.color.high-saturation.blue.h-bb-070}", + "dark": "{core.color.high-saturation.blue.h-bb-060}" + }, + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "brand", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } }, - "type": "color" + "press": { + "value": { + "light": "{core.color.high-saturation.blue.h-bb-080}", + "dark": "{core.color.high-saturation.blue.h-bb-070}" + }, + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "brand", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } + } }, "underline": { "type": "color", "value": { "light": "rgba({core.color.high-saturation.blue.h-bb-070}, {core.opacity.40})", "dark": "rgba({core.color.dark.blue.d-bb-420}, {core.opacity.40})" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "brand", + "kind": "", + "appearance": "", + "property": "", + "variant": "underline", + "state": "", + "scale": "", + "context": "", + "mode": "" + } } } }, @@ -116,21 +404,78 @@ "light": "{core.color.high-saturation.blue.h-bb-070}", "dark": "{core.color.dark.blue.d-bb-420}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "status", + "kind": "info", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "hover": { "value": { "light": "{core.color.high-saturation.blue.h-bb-080}", "dark": "{core.color.vibrant.blue.v-bb-140}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "status", + "kind": "info", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } }, "press": { "value": { "light": "{core.color.high-saturation.blue.h-bb-090}", "dark": "{core.color.vibrant.blue.v-bb-160}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "status", + "kind": "info", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } } }, "success": { @@ -139,21 +484,78 @@ "light": "{core.color.high-saturation.green.h-gg-060}", "dark": "{core.color.dark.green.d-gg-420}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "status", + "kind": "success", + "appearance": "", + "property": "", + "variant": "", + "state": "default", + "scale": "", + "context": "", + "mode": "" + } + } }, "hover": { "value": { "light": "{core.color.high-saturation.green.h-gg-070}", "dark": "{core.color.vibrant.green.v-gg-140}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "status", + "kind": "success", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } }, "press": { "value": { "light": "{core.color.high-saturation.green.h-gg-080}", "dark": "{core.color.vibrant.green.v-gg-160}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "status", + "kind": "success", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } } }, "warning": { @@ -162,21 +564,78 @@ "light": "{core.color.high-saturation.yellow.h-yy-060}", "dark": "{core.color.dark.yellow.d-yy-420}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "status", + "kind": "warning", + "appearance": "", + "property": "", + "variant": "", + "state": "default", + "scale": "", + "context": "", + "mode": "" + } + } }, "hover": { "value": { "light": "{core.color.high-saturation.yellow.h-yy-070}", "dark": "{core.color.vibrant.yellow.v-yy-140}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "status", + "kind": "warning", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } }, "press": { "value": { "light": "{core.color.high-saturation.yellow.h-yy-080}", "dark": "{core.color.vibrant.yellow.v-yy-160}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "status", + "kind": "warning", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } } }, "danger": { @@ -185,21 +644,78 @@ "light": "{core.color.high-saturation.red.h-rr-060}", "dark": "{core.color.dark.red.d-rr-420}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "status", + "kind": "danger", + "appearance": "", + "property": "", + "variant": "", + "state": "default", + "scale": "", + "context": "", + "mode": "" + } + } }, "hover": { "value": { "light": "{core.color.high-saturation.red.h-rr-070}", "dark": "{core.color.vibrant.red.v-rr-140}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "status", + "kind": "danger", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } }, "press": { "value": { "light": "{core.color.high-saturation.red.h-rr-080}", "dark": "{core.color.vibrant.red.v-rr-160}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "status", + "kind": "danger", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } } } }, @@ -209,78 +725,344 @@ "light": "{core.color.neutral.blk-190}", "dark": "{core.color.neutral.blk-005}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "inverse", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "default", + "scale": "", + "context": "", + "mode": "" + } + } }, "hover": { "value": { "light": "{core.color.neutral.blk-200}", "dark": "{core.color.neutral.blk-000}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "inverse", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "hover", + "scale": "", + "context": "", + "mode": "" + } + } }, "press": { "value": { "light": "{core.color.neutral.blk-210}", "dark": "{core.color.neutral.blk-010}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "inverse", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } } }, "text": { "1": { "value": { "light": "{core.color.neutral.blk-220}", "dark": "{core.color.neutral.blk-000}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "text", + "kind": "", + "appearance": "", + "property": "", + "variant": "1", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "2": { "value": { "light": "{core.color.neutral.blk-170}", "dark": "{core.color.neutral.blk-060}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "text", + "kind": "", + "appearance": "", + "property": "", + "variant": "2", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "3": { "value": { "light": "{core.color.neutral.blk-140}", "dark": "{core.color.neutral.blk-090}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "text", + "kind": "", + "appearance": "", + "property": "", + "variant": "3", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "inverse": { "value": { "light": "{core.color.neutral.blk-000}", "dark": "{core.color.neutral.blk-220}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "link": { "value": { "light": "{core.color.high-saturation.blue.h-bb-070}", "dark": "{core.color.dark.blue.d-bb-420}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "border": { "1": { "value": { "light": "{core.color.neutral.blk-050}", "dark": "{core.color.neutral.blk-160}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "border", + "kind": "", + "appearance": "", + "property": "", + "variant": "1", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "2": { "value": { "light": "{core.color.neutral.blk-040}", "dark": "{core.color.neutral.blk-170}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "border", + "kind": "", + "appearance": "", + "property": "", + "variant": "2", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "3": { "value": { "light": "{core.color.neutral.blk-030}", "dark": "{core.color.neutral.blk-180}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "border", + "kind": "", + "appearance": "", + "property": "", + "variant": "3", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "input": { "value": { "light": "{core.color.neutral.blk-100}", "dark": "{core.color.neutral.blk-130}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "border", + "kind": "", + "appearance": "", + "property": "", + "variant": "input", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "ghost": { "value": { "light": "rgba({core.color.neutral.blk-240}, {core.opacity.30})", "dark": "rgba({core.color.neutral.blk-130}, {core.opacity.30})" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "border", + "kind": "", + "appearance": "", + "property": "", + "variant": "ghost", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "white": { "value": { "light": "{core.color.neutral.blk-000}", "dark": "{core.color.neutral.blk-005}" }, - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "color", + "element": "", + "category": "border", + "kind": "", + "appearance": "", + "property": "", + "variant": "white", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/semantic/container-size.json b/packages/calcite-design-tokens/src/semantic/container-size.json index 7f9429be444..c0025e47da8 100644 --- a/packages/calcite-design-tokens/src/semantic/container-size.json +++ b/packages/calcite-design-tokens/src/semantic/container-size.json @@ -8,7 +8,26 @@ "max": "{core.container-size.154}" }, "type": "breakpoint", - "description": "Small handheld devices and mini-windows" + "description": "Small handheld devices and mini-windows", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "height", + "variant": "", + "state": "", + "scale": "xxs", + "context": "", + "mode": "" + } + } }, "xs": { "value": { @@ -16,7 +35,26 @@ "max": "{core.container-size.328}" }, "type": "breakpoint", - "description": "Handheld devices" + "description": "Handheld devices", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "height", + "variant": "", + "state": "", + "scale": "xs", + "context": "", + "mode": "" + } + } }, "sm": { "value": { @@ -24,7 +62,26 @@ "max": "{core.container-size.504}" }, "type": "breakpoint", - "description": "Small tablets" + "description": "Small tablets", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "height", + "variant": "", + "state": "", + "scale": "sm", + "context": "", + "mode": "" + } + } }, "md": { "value": { @@ -32,7 +89,26 @@ "max": "{core.container-size.678}" }, "type": "breakpoint", - "description": "Small laptops" + "description": "Small laptops", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "height", + "variant": "", + "state": "", + "scale": "md", + "context": "", + "mode": "" + } + } }, "lg": { "value": { @@ -40,14 +116,52 @@ "max": "{core.container-size.854}" }, "type": "breakpoint", - "description": "Large laptops and desktop computers" + "description": "Large laptops and desktop computers", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "height", + "variant": "", + "state": "", + "scale": "lg", + "context": "", + "mode": "" + } + } }, "xl": { "value": { "min": "{core.container-size.854} + 1" }, "type": "breakpoint", - "description": "Projectors and televisions" + "description": "Projectors and televisions", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "height", + "variant": "", + "state": "", + "scale": "xl", + "context": "", + "mode": "" + } + } } }, "width": { @@ -57,7 +171,26 @@ "max": "{core.container-size.320}" }, "type": "breakpoint", - "description": "Small handheld devices and mini-windows" + "description": "Small handheld devices and mini-windows", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "width", + "variant": "", + "state": "", + "scale": "xxs", + "context": "", + "mode": "" + } + } }, "xs": { "value": { @@ -65,7 +198,26 @@ "max": "{core.container-size.476}" }, "type": "breakpoint", - "description": "Handheld devices" + "description": "Handheld devices", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "width", + "variant": "", + "state": "", + "scale": "xs", + "context": "", + "mode": "" + } + } }, "sm": { "value": { @@ -73,7 +225,26 @@ "max": "{core.container-size.768}" }, "type": "breakpoint", - "description": "Small tablets" + "description": "Small tablets", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "width", + "variant": "", + "state": "", + "scale": "sm", + "context": "", + "mode": "" + } + } }, "md": { "value": { @@ -81,7 +252,26 @@ "max": "{core.container-size.1152}" }, "type": "breakpoint", - "description": "Small laptops" + "description": "Small laptops", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "width", + "variant": "", + "state": "", + "scale": "md", + "context": "", + "mode": "" + } + } }, "lg": { "value": { @@ -89,34 +279,148 @@ "max": "{core.container-size.1440}" }, "type": "breakpoint", - "description": "Large laptops and desktop computers" + "description": "Large laptops and desktop computers", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "width", + "variant": "", + "state": "", + "scale": "lg", + "context": "", + "mode": "" + } + } }, "xl": { "value": { "min": "{core.container-size.1440} + 1" }, "type": "breakpoint", - "description": "Projectors and televisions" + "description": "Projectors and televisions", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "width", + "variant": "", + "state": "", + "scale": "xl", + "context": "", + "mode": "" + } + } } }, "margin": { "value": "{core.size.default.24}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "margin", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "gutter": { "value": "{core.size.default.16}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "gutter", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "content": { "fluid": { "value": "{core.size.relative.100}", "type": "sizing", - "description": "for fluid grid widths" + "description": "for fluid grid widths", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "content", + "kind": "", + "appearance": "", + "property": "", + "variant": "fluid", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "fixed": { "value": "{core.container-size.1440}", "type": "sizing", - "description": "only for lg breakpoint fixed grid width" + "description": "only for lg breakpoint fixed grid width", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "breakpoint", + "element": "", + "category": "content", + "kind": "", + "appearance": "", + "property": "", + "variant": "fixed", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/semantic/font.json b/packages/calcite-design-tokens/src/semantic/font.json index d0ea467ca5a..7862baa1b6f 100644 --- a/packages/calcite-design-tokens/src/semantic/font.json +++ b/packages/calcite-design-tokens/src/semantic/font.json @@ -4,18 +4,75 @@ "family": { "default": { "value": "{core.font.family.avenirNextPro}", - "type": "fontFamilies" + "type": "fontFamilies", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "family", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "code": { "value": "{core.font.family.monaco}", - "type": "fontFamilies" + "type": "fontFamilies", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "family", + "variant": "code", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "weight": { "light": { "value": "{core.font.weight.light}", "type": "fontWeights", - "description": "For Avenir Next World (secondary font family)" + "description": "For Avenir Next World (secondary font family)", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "light", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "normal": { "value": "{core.font.weight.regular}", @@ -23,160 +80,787 @@ "description": "For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word \"regular\"", "extensions": { "calcite.deprecated": true + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "normal", + "state": "", + "scale": "", + "context": "", + "mode": "" + } } }, "regular": { "value": "{core.font.weight.regular}", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "regular", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "medium": { "value": "{core.font.weight.medium}", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "medium", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "semibold": { "value": "{core.font.weight.demi}", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "semibold", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "bold": { "value": "{core.font.weight.bold}", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "weight", + "variant": "bold", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "size": { "xs": { "value": "{core.size.default.10}", - "type": "fontSizes" + "type": "fontSizes", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "size", + "variant": "", + "state": "", + "scale": "xs", + "context": "", + "mode": "" + } + } }, "sm": { "value": "{core.size.default.12}", - "type": "fontSizes" + "type": "fontSizes", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "size", + "variant": "", + "state": "", + "scale": "sm", + "context": "", + "mode": "" + } + } }, "default": { "value": "{core.size.default.14}", - "type": "fontSizes" + "type": "fontSizes", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "size", + "variant": "", + "state": "", + "scale": "default", + "context": "", + "mode": "" + } + } }, "md": { "value": "{core.size.default.16}", - "type": "fontSizes" + "type": "fontSizes", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "size", + "variant": "", + "state": "", + "scale": "md", + "context": "", + "mode": "" + } + } }, "lg": { "value": "{core.size.default.2} * 9", - "type": "fontSizes" + "type": "fontSizes", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "size", + "variant": "", + "state": "", + "scale": "lg", + "context": "", + "mode": "" + } + } }, "xl": { "value": "{core.size.default.20}", - "type": "fontSizes" + "type": "fontSizes", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "size", + "variant": "", + "state": "", + "scale": "xl", + "context": "", + "mode": "" + } + } }, "xxl": { "value": "{core.size.default.24}", - "type": "fontSizes" + "type": "fontSizes", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "size", + "variant": "", + "state": "", + "scale": "xxl", + "context": "", + "mode": "" + } + } } }, "style": { "emphasis": { "value": "{core.font.style.italic}", "type": "fontStyle", - "description": "used in ratings" + "description": "used in ratings", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "style", + "variant": "emphasis", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "line-height": { "fixed": { "sm": { "value": "{core.size.default.12}", - "type": "lineHeights" + "type": "lineHeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "line-height", + "variant": "fixed", + "state": "", + "scale": "sm", + "context": "", + "mode": "" + } + } }, "base": { "value": "{core.size.default.16}", - "type": "lineHeights" + "type": "lineHeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "line-height", + "variant": "fixed", + "state": "", + "scale": "base", + "context": "", + "mode": "" + } + } }, "lg": { "value": "{core.size.default.20}", - "type": "lineHeights" + "type": "lineHeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "line-height", + "variant": "fixed", + "state": "", + "scale": "lg", + "context": "", + "mode": "" + } + } }, "xl": { "value": "{core.size.default.24}", - "type": "lineHeights" + "type": "lineHeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "line-height", + "variant": "fixed", + "state": "", + "scale": "xl", + "context": "", + "mode": "" + } + } } }, "relative": { "default": { "value": "{core.size.relative.auto}", "type": "lineHeights", - "description": "1" + "description": "1", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "line-height", + "variant": "relative", + "state": "", + "scale": "default", + "context": "", + "mode": "" + } + } }, "tight": { "value": "{core.size.relative.125}", "type": "lineHeights", - "description": "1.25" + "description": "1.25", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "line-height", + "variant": "relative", + "state": "", + "scale": "tight", + "context": "", + "mode": "" + } + } }, "snug": { "value": "{core.size.relative.137}", "type": "lineHeights", - "description": "1.375" + "description": "1.375", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "line-height", + "variant": "relative", + "state": "", + "scale": "snug", + "context": "", + "mode": "" + } + } }, "normal": { "value": "{core.size.relative.150}", "type": "lineHeights", - "description": "1.5" + "description": "1.5", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "line-height", + "variant": "relative", + "state": "", + "scale": "normal", + "context": "", + "mode": "" + } + } }, "relaxed": { "value": "{core.size.relative.162}", "type": "lineHeights", - "description": "1.625" + "description": "1.625", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "line-height", + "variant": "relative", + "state": "", + "scale": "relaxed", + "context": "", + "mode": "" + } + } }, "loose": { "value": "{core.size.relative.200}", "type": "lineHeights", - "description": "2" + "description": "2", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "line-height", + "variant": "relative", + "state": "", + "scale": "loose", + "context": "", + "mode": "" + } + } } } }, "letter-spacing": { "tight": { "value": "{core.size.default.none} - .4 ", - "type": "letterSpacing" + "type": "letterSpacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "letter-spacing", + "variant": "", + "state": "", + "scale": "tight", + "context": "", + "mode": "" + } + } }, "normal": { "value": "{core.size.default.none}", - "type": "letterSpacing" + "type": "letterSpacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "letter-spacing", + "variant": "", + "state": "", + "scale": "normal", + "context": "", + "mode": "" + } + } }, "wide": { "value": "{core.size.default.none} + .4 ", - "type": "letterSpacing" + "type": "letterSpacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "letter-spacing", + "variant": "", + "state": "", + "scale": "wide", + "context": "", + "mode": "" + } + } } }, "paragraph-spacing": { "normal": { "value": "{core.size.default.4}", - "type": "paragraphSpacing" + "type": "paragraphSpacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "paragraph-spacing", + "variant": "normal", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "text-decoration": { "none": { "value": "{core.font.text-decoration.none}", - "type": "textDecoration" + "type": "textDecoration", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "text-decoration", + "variant": "none", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "underline": { "value": "{core.font.text-decoration.underline}", - "type": "textDecoration" + "type": "textDecoration", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "text-decoration", + "variant": "underline", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "text-case": { "none": { "value": "{core.font.text-case.none}", - "type": "textCase" + "type": "textCase", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "text-case", + "variant": "none", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "uppercase": { "value": "{core.font.text-case.uppercase}", - "type": "textCase" + "type": "textCase", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "text-case", + "variant": "uppercase", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "lowercase": { "value": "{core.font.text-case.lowercase}", - "type": "textCase" + "type": "textCase", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "text-case", + "variant": "lowercase", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "capitalize": { "value": "{core.font.text-case.capitalize}", - "type": "textCase" + "type": "textCase", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "font", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "text-case", + "variant": "capitalize", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/semantic/opacity.json b/packages/calcite-design-tokens/src/semantic/opacity.json index 763dbf108d5..5e468d0cda8 100644 --- a/packages/calcite-design-tokens/src/semantic/opacity.json +++ b/packages/calcite-design-tokens/src/semantic/opacity.json @@ -3,23 +3,118 @@ "opacity": { "light": { "value": "{core.opacity.40}", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "light", + "context": "", + "mode": "" + } + } }, "half": { "value": "{core.opacity.50}", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "half", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "dark": { "value": "{core.opacity.85}", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "dark", + "context": "", + "mode": "" + } + } }, "full": { "value": "{core.opacity.100}", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "full", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "disabled": { "value": "{core.opacity.50}", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "opacity", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "disabled", + "scale": "", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/semantic/shadow.json b/packages/calcite-design-tokens/src/semantic/shadow.json index 76d3c3d98da..a3691b9dba7 100644 --- a/packages/calcite-design-tokens/src/semantic/shadow.json +++ b/packages/calcite-design-tokens/src/semantic/shadow.json @@ -3,15 +3,72 @@ "shadow": { "none": { "value": "{core.shadow.0}", - "type": "boxShadow" + "type": "boxShadow", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "shadow", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "none", + "context": "", + "mode": "" + } + } }, "sm": { "value": ["{core.shadow.1}", "{core.shadow.2}"], - "type": "boxShadow" + "type": "boxShadow", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "shadow", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "sm", + "context": "", + "mode": "" + } + } }, "md": { "value": ["{core.shadow.3}", "{core.shadow.4}"], - "type": "boxShadow" + "type": "boxShadow", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "shadow", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "md", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/semantic/size.json b/packages/calcite-design-tokens/src/semantic/size.json index 09ad5b575f3..b2efa311897 100644 --- a/packages/calcite-design-tokens/src/semantic/size.json +++ b/packages/calcite-design-tokens/src/semantic/size.json @@ -3,51 +3,279 @@ "size": { "px": { "value": "{core.size.default.1}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "px", + "context": "", + "mode": "" + } + } }, "xxxs": { "value": "{core.size.default.2}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xxxs", + "context": "", + "mode": "" + } + } }, "xxs": { "value": "{core.size.default.4}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xxs", + "context": "", + "mode": "" + } + } }, "xs": { "value": "{core.size.default.6}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xs", + "context": "", + "mode": "" + } + } }, "sm": { "value": "{core.size.default.8}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "sm", + "context": "", + "mode": "" + } + } }, "sm+": { "value": "{core.size.default.10}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "sm+", + "context": "", + "mode": "" + } + } }, "md": { "value": "{core.size.default.12}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "md", + "context": "", + "mode": "" + } + } }, "md+": { "value": "{core.size.default.14}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "md+", + "context": "", + "mode": "" + } + } }, "lg": { "value": "{core.size.default.16}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "lg", + "context": "", + "mode": "" + } + } }, "xl": { "value": "{core.size.default.20}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xl", + "context": "", + "mode": "" + } + } }, "xxl": { "value": "{core.size.default.24}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xxl", + "context": "", + "mode": "" + } + } }, "xxxl": { "value": "{core.size.default.32}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "sizing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xxxl", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/semantic/space.json b/packages/calcite-design-tokens/src/semantic/space.json index d46866ede00..29232c3abf6 100644 --- a/packages/calcite-design-tokens/src/semantic/space.json +++ b/packages/calcite-design-tokens/src/semantic/space.json @@ -3,43 +3,233 @@ "spacing": { "px": { "value": "{core.size.default.1}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "spacing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "px", + "context": "", + "mode": "" + } + } }, "base": { "value": "{core.size.default.2}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "spacing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "base", + "context": "", + "mode": "" + } + } }, "xxs": { "value": "{core.size.default.4}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "spacing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xxs", + "context": "", + "mode": "" + } + } }, "xs": { "value": "{core.size.default.6}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "spacing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xs", + "context": "", + "mode": "" + } + } }, "sm": { "value": "{core.size.default.8}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "spacing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "sm", + "context": "", + "mode": "" + } + } }, "md": { "value": "{core.size.default.12}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "spacing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "md", + "context": "", + "mode": "" + } + } }, "lg": { "value": "{core.size.default.14}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "spacing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "lg", + "context": "", + "mode": "" + } + } }, "xl": { "value": "{core.size.default.16}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "spacing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xl", + "context": "", + "mode": "" + } + } }, "xxl": { "value": "{core.size.default.20}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "spacing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xxl", + "context": "", + "mode": "" + } + } }, "xxxl": { "value": "{core.size.default.32}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "spacing", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xxxl", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/semantic/typography.json b/packages/calcite-design-tokens/src/semantic/typography.json index 896be564ea7..8db332bd067 100644 --- a/packages/calcite-design-tokens/src/semantic/typography.json +++ b/packages/calcite-design-tokens/src/semantic/typography.json @@ -13,6 +13,25 @@ "paragraphSpacing": "{semantic.font.paragraph-spacing.normal}", "textCase": "{semantic.font.text-case.none}", "textDecoration": "{semantic.font.text-decoration.none}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } } }, "light": { @@ -25,6 +44,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "-3h", + "context": "", + "mode": "" + } } }, "-2h": { @@ -35,6 +73,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "-2h", + "context": "", + "mode": "" + } } }, "-1h": { @@ -44,6 +101,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "-1h", + "context": "", + "mode": "" + } } }, "0h": { @@ -55,6 +131,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "0h", + "context": "", + "mode": "" + } } }, "1h": { @@ -66,6 +161,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "1h", + "context": "", + "mode": "" + } } } }, @@ -78,6 +192,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "-3h", + "context": "", + "mode": "" + } } }, "-2h": { @@ -87,11 +220,49 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "-2h", + "context": "", + "mode": "" + } } }, "-1h": { "value": "{semantic.typography.default.default}", - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "-1h", + "context": "", + "mode": "" + } + } }, "0h": { "value": { @@ -101,6 +272,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "0h", + "context": "", + "mode": "" + } } }, "1h": { @@ -111,6 +301,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "1h", + "context": "", + "mode": "" + } } } }, @@ -124,6 +333,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "-3h", + "context": "", + "mode": "" + } } }, "-2h": { @@ -134,6 +362,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "-2h", + "context": "", + "mode": "" + } } }, "-1h": { @@ -143,6 +390,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "-1h", + "context": "", + "mode": "" + } } }, "0h": { @@ -154,6 +420,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "0h", + "context": "", + "mode": "" + } } }, "1h": { @@ -165,6 +450,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "1h", + "context": "", + "mode": "" + } } } }, @@ -178,6 +482,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "-3h", + "context": "", + "mode": "" + } } }, "-2h": { @@ -188,6 +511,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "-2h", + "context": "", + "mode": "" + } } }, "-1h": { @@ -197,6 +539,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "-1h", + "context": "", + "mode": "" + } } }, "0h": { @@ -208,6 +569,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "0h", + "context": "", + "mode": "" + } } }, "1h": { @@ -219,6 +599,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "default", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "1h", + "context": "", + "mode": "" + } } } } @@ -234,6 +633,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "-2", + "context": "", + "mode": "" + } } }, "-1": { @@ -244,6 +662,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "-1", + "context": "", + "mode": "" + } } }, @@ -256,6 +693,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } } }, "1": { @@ -267,6 +723,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } } }, "2": { @@ -278,6 +753,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } } }, "3": { @@ -289,6 +783,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "3", + "context": "", + "mode": "" + } } } }, @@ -301,6 +814,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "-2", + "context": "", + "mode": "" + } } }, "-1": { @@ -310,6 +842,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "-1", + "context": "", + "mode": "" + } } }, "0": { @@ -320,6 +871,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } } }, "1": { @@ -330,6 +900,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } } }, "2": { @@ -340,6 +929,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } } }, "3": { @@ -350,6 +958,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "3", + "context": "", + "mode": "" + } } } }, @@ -363,6 +990,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "-2", + "context": "", + "mode": "" + } } }, "-1": { @@ -373,6 +1019,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "-1", + "context": "", + "mode": "" + } } }, "0": { @@ -384,6 +1049,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } } }, "1": { @@ -395,6 +1079,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } } }, "2": { @@ -406,6 +1109,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } } }, "3": { @@ -417,6 +1139,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "3", + "context": "", + "mode": "" + } } } }, @@ -430,6 +1171,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } } }, "1": { @@ -441,6 +1201,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } } }, "2": { @@ -452,6 +1231,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } } }, "3": { @@ -463,6 +1261,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "3", + "context": "", + "mode": "" + } } }, "-2": { @@ -474,6 +1291,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "-2", + "context": "", + "mode": "" + } } }, "-1": { @@ -484,6 +1320,25 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "wrap", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "-1", + "context": "", + "mode": "" + } } } } @@ -492,43 +1347,214 @@ "display": { "1": { "value": "{semantic.typography.wrap.bold.3}", - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "hierarchy", + "kind": "", + "appearance": "display", + "property": "", + "variant": "", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } + } }, "2": { "value": "{semantic.typography.wrap.bold.2}", - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "hierarchy", + "kind": "", + "appearance": "display", + "property": "", + "variant": "", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } + } } }, "heading": { "1": { "value": "{semantic.typography.wrap.medium.3}", - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "hierarchy", + "kind": "", + "appearance": "heading", + "property": "", + "variant": "", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } + } }, "2": { "value": "{semantic.typography.wrap.medium.2}", - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "hierarchy", + "kind": "", + "appearance": "heading", + "property": "", + "variant": "", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } + } }, "3": { "value": "{semantic.typography.wrap.medium.1}", - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "hierarchy", + "kind": "", + "appearance": "heading", + "property": "", + "variant": "", + "state": "", + "scale": "3", + "context": "", + "mode": "" + } + } }, "4": { "value": "{semantic.typography.wrap.medium.0}", - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "hierarchy", + "kind": "", + "appearance": "heading", + "property": "", + "variant": "", + "state": "", + "scale": "4", + "context": "", + "mode": "" + } + } }, "5": { "value": "{semantic.typography.wrap.medium.-1}", - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "hierarchy", + "kind": "", + "appearance": "heading", + "property": "", + "variant": "", + "state": "", + "scale": "5", + "context": "", + "mode": "" + } + } } }, "body": { "snug": { "value": "{semantic.typography.wrap.regular.-1}", - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "hierarchy", + "kind": "", + "appearance": "", + "property": "", + "variant": "body", + "state": "", + "scale": "snug", + "context": "", + "mode": "" + } + } }, "default": { "value": "{semantic.typography.default.default}", - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "hierarchy", + "kind": "", + "appearance": "", + "property": "", + "variant": "body", + "state": "", + "scale": "default", + "context": "", + "mode": "" + } + } } }, "overline": { @@ -537,11 +1563,49 @@ "textCase": "{semantic.font.text-case.uppercase}", "fontWeight": "{semantic.font.weight.bold}" }, - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "hierarchy", + "kind": "", + "appearance": "", + "property": "", + "variant": "overline", + "state": "", + "scale": "default", + "context": "", + "mode": "" + } + } }, "caption": { "value": "{semantic.typography.wrap.regular.-2}", - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "typography", + "element": "", + "category": "hierarchy", + "kind": "", + "appearance": "", + "property": "", + "variant": "caption", + "state": "", + "scale": "default", + "context": "", + "mode": "" + } + } } } } From 0a04ad7d5966473bcfd9b713195978a7a34b3847 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 11 Dec 2023 05:54:07 -0800 Subject: [PATCH 03/18] feat(token transformer): add transformer - stringify all token values --- .../transformer/value/valueJsonStringify.ts | 25 +++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueJsonStringify.ts diff --git a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueJsonStringify.ts b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueJsonStringify.ts new file mode 100644 index 00000000000..eda285cf2ec --- /dev/null +++ b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueJsonStringify.ts @@ -0,0 +1,25 @@ +import { Core as StyleDictionary } from "style-dictionary"; +import { CalledTransformerFunction, TransformerConfig } from "../utils.js"; +import { Matcher } from "style-dictionary/types/Matcher.js"; + +export const matcher: Matcher = (token) => { + return typeof token.value !== "string"; +}; + +export const transformValueJsonStringify: CalledTransformerFunction = (token) => { + return JSON.stringify(token.value); +}; + +export const registerValueJsonStringify = (sd: StyleDictionary): void => { + const transformerConfig: TransformerConfig = { + name: CalciteValueJsonStringify, + transformer: transformValueJsonStringify, + type: "value", + transitive: true, + matcher, + }; + + sd.registerTransform(transformerConfig); +}; + +export const CalciteValueJsonStringify = "value/calcite/jsonStringify"; From e45a271b0238f8e066a86f9e4a6933ad3cfec691 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 11 Dec 2023 09:09:08 -0800 Subject: [PATCH 04/18] chore: remove unused transformers --- .../transformer/value/valueJsonStringify.ts | 25 ------ .../transformer/value/valueRGBA.ts | 80 ------------------- 2 files changed, 105 deletions(-) delete mode 100644 packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueJsonStringify.ts delete mode 100644 packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueRGBA.ts diff --git a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueJsonStringify.ts b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueJsonStringify.ts deleted file mode 100644 index eda285cf2ec..00000000000 --- a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueJsonStringify.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { Core as StyleDictionary } from "style-dictionary"; -import { CalledTransformerFunction, TransformerConfig } from "../utils.js"; -import { Matcher } from "style-dictionary/types/Matcher.js"; - -export const matcher: Matcher = (token) => { - return typeof token.value !== "string"; -}; - -export const transformValueJsonStringify: CalledTransformerFunction = (token) => { - return JSON.stringify(token.value); -}; - -export const registerValueJsonStringify = (sd: StyleDictionary): void => { - const transformerConfig: TransformerConfig = { - name: CalciteValueJsonStringify, - transformer: transformValueJsonStringify, - type: "value", - transitive: true, - matcher, - }; - - sd.registerTransform(transformerConfig); -}; - -export const CalciteValueJsonStringify = "value/calcite/jsonStringify"; diff --git a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueRGBA.ts b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueRGBA.ts deleted file mode 100644 index 3136ead8754..00000000000 --- a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueRGBA.ts +++ /dev/null @@ -1,80 +0,0 @@ -import { Core as StyleDictionary } from "style-dictionary"; -import { CalledTransformerFunction, TransformerConfig } from "../utils.js"; -import { hexToRgb } from "../utils/hexToRGBA.js"; -import { Matcher } from "style-dictionary/types/Matcher.js"; - -const matchRGBA = (value: string) => value.match(/(rgba?).+(\#[0-9A-z]+)/g); - -export const matcher: Matcher = (token) => { - if (!["color", "shadow", "boxShadow"].includes(token.type)) { - return false; - } - - if (typeof token.value === "string") { - return !!matchRGBA(token.value); - } - - if (typeof token.value !== "string") { - const keys = Object.keys(token.value); - - for (let i = 0; i < keys.length; i++) { - const key = keys[i]; - const value = token.value[key]; - - return !!matchRGBA(`${value}`); - } - } - - return false; -}; - -export const transformHexStringToRGBA = (value: string): string => { - const result = /(\#([A-f\d]{2}){1,6})/i.exec(value); - if (result) { - const rgba = hexToRgb(result[0]); - return rgba && value.replace(result[0], Object.values(rgba).join(", ")); - } - return value; -}; - -export const transformValueRGBA: CalledTransformerFunction = (token) => { - if (typeof token.original.value === "string") { - const match = matchRGBA(token.value); - if (match) { - token.value = transformHexStringToRGBA(token.original.value); - } - } - - if (typeof token.value !== "string") { - const valueKeys = Object.keys(token.value); - - if (valueKeys && valueKeys.length > 0) { - for (let i = 0; i < valueKeys.length; i++) { - const key = valueKeys[i]; - const value = `${token.value[key]}`; - const match = matchRGBA(value); - - if (match) { - const v = transformHexStringToRGBA(value); - token.value[key] = v; - } - } - } - } - - return token.value; -}; - -export const registerValueRGBA = (sd: StyleDictionary): void => { - const transformerConfig: TransformerConfig = { - name: CalciteValueRGBA, - transformer: transformValueRGBA, - type: "value", - transitive: true, - matcher, - }; - - sd.registerTransform(transformerConfig); -}; - -export const CalciteValueRGBA = "value/calcite/rgba"; From 00df48f3894cd4f0ed12608bd68d1134b11743f1 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 11 Dec 2023 09:09:42 -0800 Subject: [PATCH 05/18] chore(token transformer): update the name of the evaluateMath function --- .../transformer/value/valueCheckEvaluateMath.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueCheckEvaluateMath.ts b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueCheckEvaluateMath.ts index d3b34111818..44e8f78c997 100644 --- a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueCheckEvaluateMath.ts +++ b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueCheckEvaluateMath.ts @@ -23,7 +23,7 @@ export const transformValuesEvaluateMath: CalledTransformerFunction = (toke export const registerValueEvaluateMath = (sd: StyleDictionary): void => { const transformerConfig: TransformerConfig = { - name: valueEvaluateMath, + name: transitiveValueEvaluateMath, transformer: transformValuesEvaluateMath, transitive: true, type: "value", @@ -32,4 +32,4 @@ export const registerValueEvaluateMath = (sd: StyleDictionary): void => { sd.registerTransform(transformerConfig); }; -export const valueEvaluateMath = "value/calcite/evaluate-math"; +export const transitiveValueEvaluateMath = "value/calcite/evaluate-math"; From 5c61fab5dae9795821c0abc58c5d68ec29ba0892 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 11 Dec 2023 09:10:30 -0800 Subject: [PATCH 06/18] fix(token transformer): correctly set lineheight in CSS --- .../transformer/value/valueLineHeight.ts | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueLineHeight.ts diff --git a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueLineHeight.ts b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueLineHeight.ts new file mode 100644 index 00000000000..4992cab5fb5 --- /dev/null +++ b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueLineHeight.ts @@ -0,0 +1,28 @@ +import { Core as StyleDictionary } from "style-dictionary"; +import { Matcher } from "style-dictionary/types/Matcher.js"; +import { TransformedToken } from "style-dictionary/types/TransformedToken.js"; +import { CalledTransformerFunction, TransformerConfig } from "../utils.js"; + +export const matcher: Matcher = (token: TransformedToken) => { + return token.type === "lineHeights" && token.value.includes("%"); +}; + +export const transformValueLineHeight: CalledTransformerFunction = (token) => { + const num = Number(token.value.replace("%", "")); + + return isNaN(num) ? token.value : num * 0.01; +}; + +export const registerValueLineHeight = (sd: StyleDictionary): void => { + const transformerConfig: TransformerConfig = { + name: valueLineHeight, + transformer: transformValueLineHeight, + type: "value", + transitive: true, + matcher, + }; + + sd.registerTransform(transformerConfig); +}; + +export const valueLineHeight = "value/calcite/line-height"; From 1ccd45fb4912c44682d357893160ae834cecabb6 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 11 Dec 2023 09:10:55 -0800 Subject: [PATCH 07/18] fix(token transformer): correctly set rgba or hex on color tokens --- .../transformer/value/valueColorCss.ts | 61 +++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueColorCss.ts diff --git a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueColorCss.ts b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueColorCss.ts new file mode 100644 index 00000000000..8dfb74146bd --- /dev/null +++ b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/value/valueColorCss.ts @@ -0,0 +1,61 @@ +import { Core as StyleDictionary } from "style-dictionary"; +import { Matcher } from "style-dictionary/types/Matcher"; +import Color from "tinycolor2"; +import { CalledTransformerFunction, TransformerConfig } from "../utils"; + +export const matcher: Matcher = (token) => { + return token.type === "color"; +}; + +function deeplyNestedColorValue(val) { + if (typeof val === "string") { + let color = Color(val); + + if (val.includes("rgba") || color.getAlpha() === 0) { + const hexMatch = val.match(/#[\w\d]{3,6}/g); + const opacityMatch = val.match(/[\d\.]+(?=\))/); + if (hexMatch) { + color = Color(hexMatch[0]); + + if (opacityMatch) { + color.setAlpha(opacityMatch); + } + } + return color.toRgbString(); + } else { + const color = Color(val); + return color.toHexString(); + } + } else { + const valContexts = Object.keys(val); + if (valContexts && val[valContexts[0]]) { + const returnValue = {}; + + for (let i = 0; i < valContexts.length; i++) { + const context = valContexts[i]; + returnValue[context] = deeplyNestedColorValue(val[context]); + } + + return returnValue; + } + } +} + +export const transformTransitiveValueColorCSS: CalledTransformerFunction = (token) => { + return deeplyNestedColorValue(token.value); +}; + +export const registerValueColorCSS = (sd: StyleDictionary): void => { + const transformerConfig: TransformerConfig = { + name: transitiveValueColorCSS, + transformer: transformTransitiveValueColorCSS, + type: "value", + transitive: true, + matcher, + }; + + sd.registerTransform(transformerConfig); +}; + +// https://amzn.github.io/style-dictionary/#/transforms?id=colorcss +export const transitiveValueColorCSS = "calcite/color/css"; From bff6e415855276133c0fce892f391b74d10e3996 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 11 Dec 2023 09:11:29 -0800 Subject: [PATCH 08/18] chore(token transformers): update register transformers --- .../token-transformer/registerCalciteTransformers.ts | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/calcite-design-tokens/support/token-transformer/registerCalciteTransformers.ts b/packages/calcite-design-tokens/support/token-transformer/registerCalciteTransformers.ts index f46ab2f4c56..68dab4f928b 100644 --- a/packages/calcite-design-tokens/support/token-transformer/registerCalciteTransformers.ts +++ b/packages/calcite-design-tokens/support/token-transformer/registerCalciteTransformers.ts @@ -14,10 +14,11 @@ import { registerValueAlignFontWeightAndStyles } from "./styleDictionary/transfo import { registerValueAssetToken } from "./styleDictionary/transformer/value/valueAssetToken.js"; import { registerValueStringWrapper } from "./styleDictionary/transformer/value/valueStringWrapper.js"; import { registerValueEvaluateMath } from "./styleDictionary/transformer/value/valueCheckEvaluateMath.js"; -import { registerValueRGBA } from "./styleDictionary/transformer/value/valueRGBA.js"; import { registerNameSpacePath } from "./styleDictionary/transformer/name/nameSpacePath.js"; import { registerFormatterDocs } from "./styleDictionary/formatter/docs.js"; import { registerValueToREM } from "./styleDictionary/transformer/value/valueToREM.js"; +import { registerValueColorCSS } from "./styleDictionary/transformer/value/valueColorCss.js"; +import { registerValueLineHeight } from "./styleDictionary/transformer/value/valueLineHeight.js"; export async function registerCalciteTransformers(sd: StyleDictionary): Promise { // Here we are registering the Transforms provided by Token Studio however, @@ -27,7 +28,6 @@ export async function registerCalciteTransformers(sd: StyleDictionary): Promise< await registerTransforms(sd, { expand: false, }); - registerValueRGBA(sd); registerValueEvaluateMath(sd); registerAttributePlatformNames(sd); registerCustomJSONParser(sd); @@ -44,4 +44,6 @@ export async function registerCalciteTransformers(sd: StyleDictionary): Promise< registerNameSpacePath(sd); registerFormatterDocs(sd); registerValueToREM(sd); + registerValueColorCSS(sd); + registerValueLineHeight(sd); } From 375bc8898634c5422e9f9842a3ca1a0d4e6c8c02 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 11 Dec 2023 09:13:32 -0800 Subject: [PATCH 09/18] chore(token transformer): update platform transformers --- .../styleDictionary/transformer/utils.ts | 34 ++++++++----------- 1 file changed, 14 insertions(+), 20 deletions(-) diff --git a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/utils.ts b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/utils.ts index d1b2edd1c2b..76659eada5d 100644 --- a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/utils.ts +++ b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/transformer/utils.ts @@ -1,20 +1,20 @@ import { Transform as SdTransform } from "style-dictionary/types/Transform.js"; import { Named as SdNamed } from "style-dictionary/types/_helpers.js"; +import { attributePlatformNames } from "./attributes/attributePlatformName.js"; +import { nameCamelCase } from "./name/nameCamelCase.js"; +import { nameKebabCase } from "./name/nameKebabCase.js"; +import { nameSpacePath } from "./name/nameSpacePath.js"; import { PlatformOptions } from "../../../types/styleDictionary/platform.js"; +import { PlatformUnion } from "../../../types/platform.js"; import { PossibleRegistryArgs } from "../../../types/styleDictionary/registerFunctions.js"; import { TransformedToken } from "../../../types/styleDictionary/transformedToken.js"; -import { valueAssetToken } from "./value/valueAssetToken.js"; import { valueAlignFontWeightAndStyles } from "./value/valueAlignFontWeightAndStyle.js"; +import { valueAssetToken } from "./value/valueAssetToken.js"; import { valueStringWrapper } from "./value/valueStringWrapper.js"; -import { nameKebabCase } from "./name/nameKebabCase.js"; -import { attributePlatformNames } from "./attributes/attributePlatformName.js"; -import { nameCamelCase } from "./name/nameCamelCase.js"; -import { PlatformUnion } from "../../../types/platform.js"; -import { valueEvaluateMath } from "./value/valueCheckEvaluateMath.js"; -import { CalciteValueRGBA } from "./value/valueRGBA.js"; -import { nameSpacePath } from "./name/nameSpacePath.js"; -import { CalciteValueToREM } from "./value/valueToREM.js"; +import { transitiveValueColorCSS } from "./value/valueColorCss.js"; +import { transitiveValueEvaluateMath } from "./value/valueCheckEvaluateMath.js"; +import { valueLineHeight } from "./value/valueLineHeight.js"; export type TransformerTypeUnion = `${TransformerTypeEnum}`; @@ -27,30 +27,24 @@ export type TransformerConfig = SdNamed & export type CalledTransformerFunction = typeof calledTransformerFunction; export const globalTransformations = [ + "ts/opacity", "ts/size/px", "ts/color/modifiers", + valueLineHeight, valueAlignFontWeightAndStyles, - valueEvaluateMath, - CalciteValueRGBA, + transitiveValueColorCSS, + transitiveValueEvaluateMath, ]; export const styles = [ ...globalTransformations, "ts/descriptionToComment", - "ts/opacity", - // This transformer name comes from Token Studio transformers - // eslint-disable-next-line @cspell/spellchecker - "ts/size/lineheight", // This transformer name comes from Token Studio transformers // eslint-disable-next-line @cspell/spellchecker "ts/size/css/letterspacing", - // This transformer name comes from Token Studio transformers - // eslint-disable-next-line @cspell/spellchecker - "ts/color/css/hexrgba", "ts/shadow/css/shorthand", valueAssetToken, valueStringWrapper, - CalciteValueToREM, nameKebabCase, ]; @@ -61,7 +55,7 @@ export const transformations: Record = { css: styles, sass: styles, scss: styles, - docs: js, + docs: [...globalTransformations, attributePlatformNames, nameSpacePath], js, es6, }; From 774e28f22e57322fe0bca26bd224cce06442ae08 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 11 Dec 2023 09:14:14 -0800 Subject: [PATCH 10/18] fix: update docs platform output to stringify token values --- .../token-transformer/styleDictionary/formatter/docs.ts | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts index 2204bce8bfc..e236dbb7dbd 100644 --- a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts +++ b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts @@ -2,6 +2,7 @@ import { Core as StyleDictionary } from "style-dictionary"; import * as prettier from "prettier"; import { CalledFormatterFunction, FormatterConfig } from "../../../types/styleDictionary/formatterArguments"; +import { relative, resolve } from "path"; export const formatDocsPlatform: CalledFormatterFunction = (args) => { const output = { @@ -11,6 +12,9 @@ export const formatDocsPlatform: CalledFormatterFunction = (args) => { for (let i = 0; i < args.dictionary.allTokens.length; i++) { const token = args.dictionary.allTokens[i]; + token.value = typeof token.value !== "string" ? JSON.stringify(token.value) : token.value; + token.filePath = relative(resolve(__dirname, "../../../../"), token.filePath); + if (!output.tokens[token.type]) { output.tokens[token.type] = []; } From a69894704ca6fee25a29f9221081c353149b813b Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 11 Dec 2023 09:38:46 -0800 Subject: [PATCH 11/18] fix(token transformer): define dirname --- .../token-transformer/styleDictionary/formatter/docs.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts index e236dbb7dbd..350a6ac5ddd 100644 --- a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts +++ b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts @@ -2,7 +2,11 @@ import { Core as StyleDictionary } from "style-dictionary"; import * as prettier from "prettier"; import { CalledFormatterFunction, FormatterConfig } from "../../../types/styleDictionary/formatterArguments"; -import { relative, resolve } from "path"; +import { dirname, relative, resolve } from "path"; +import { fileURLToPath } from "url"; + +const __filename = fileURLToPath(import.meta.url); +const __dirname = dirname(__filename); export const formatDocsPlatform: CalledFormatterFunction = (args) => { const output = { From 58c2e4d170a082957f2aaf62f179a280721d49bf Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Wed, 13 Dec 2023 20:07:48 -0800 Subject: [PATCH 12/18] fix: update docs output to be an array of tokens --- .../styleDictionary/formatter/docs.ts | 17 +++++------------ 1 file changed, 5 insertions(+), 12 deletions(-) diff --git a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts index 350a6ac5ddd..9a55fed2b15 100644 --- a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts +++ b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts @@ -11,19 +11,12 @@ const __dirname = dirname(__filename); export const formatDocsPlatform: CalledFormatterFunction = (args) => { const output = { timestamp: Date.now(), - tokens: {}, + tokens: args.dictionary.allTokens.map((token) => { + token.value = typeof token.value !== "string" ? JSON.stringify(token.value) : token.value; + token.filePath = relative(resolve(__dirname, "../../../../"), token.filePath); + return token; + }), }; - for (let i = 0; i < args.dictionary.allTokens.length; i++) { - const token = args.dictionary.allTokens[i]; - - token.value = typeof token.value !== "string" ? JSON.stringify(token.value) : token.value; - token.filePath = relative(resolve(__dirname, "../../../../"), token.filePath); - - if (!output.tokens[token.type]) { - output.tokens[token.type] = []; - } - output.tokens[token.type].push(token); - } return prettier.format(JSON.stringify(output, null, 2), { parser: "json" }); }; From c51b535d9bdc58e4c4e3fb145d75cd39f79c0563 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Wed, 13 Dec 2023 20:12:35 -0800 Subject: [PATCH 13/18] fix(z-index tokens): add schema --- .../src/core/z-index.json | 189 +++++++++++++++- .../src/semantic/z-index.json | 210 +++++++++++++++++- 2 files changed, 380 insertions(+), 19 deletions(-) diff --git a/packages/calcite-design-tokens/src/core/z-index.json b/packages/calcite-design-tokens/src/core/z-index.json index be716db9685..1c30509350c 100644 --- a/packages/calcite-design-tokens/src/core/z-index.json +++ b/packages/calcite-design-tokens/src/core/z-index.json @@ -3,39 +3,210 @@ "z-index": { "0": { "value": "-999999", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } + } }, "1": { "value": "1", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } + } }, "3": { "value": "300", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "3", + "context": "", + "mode": "" + } + } }, "4": { "value": "400", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "4", + "context": "", + "mode": "" + } + } }, "5": { "value": "500", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "5", + "context": "", + "mode": "" + } + } }, "6": { "value": "600", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "6", + "context": "", + "mode": "" + } + } }, "7": { "value": "700", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "7", + "context": "", + "mode": "" + } + } }, "8": { "value": "800", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "8", + "context": "", + "mode": "" + } + } }, "9": { "value": "900", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "9", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/semantic/z-index.json b/packages/calcite-design-tokens/src/semantic/z-index.json index c26ae9ddcfa..13669b8df53 100644 --- a/packages/calcite-design-tokens/src/semantic/z-index.json +++ b/packages/calcite-design-tokens/src/semantic/z-index.json @@ -3,43 +3,233 @@ "z-index": { "deep": { "value": "{core.z-index.0}", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "deep", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "default": { "value": "{core.z-index.1}", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "default", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "sticky": { "value": "{core.z-index.3}", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "sticky", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "header": { "value": "{core.z-index.4}", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "header", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "toast": { "value": "{core.z-index.5}", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "toast", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "dropdown": { "value": "{core.z-index.6}", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "dropdown", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "overlay": { "value": "{core.z-index.7}", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "overlay", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "modal": { "value": "{core.z-index.8}", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "modal", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "popup": { "value": "{core.z-index.9}", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "popup", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "tooltip": { "value": "{core.z-index.9} + 1", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "group": "z-index", + "element": "", + "category": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "tooltip", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } } } From 3d77ff9140ac415e76a97a54ba8db5ab57639789 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Fri, 15 Dec 2023 12:01:54 -0800 Subject: [PATCH 14/18] fix: token schemas --- .../src/component/button.json | 30 + .../calcite-design-tokens/src/core/color.json | 1015 ++++++++++------- .../src/core/container-size.json | 55 +- .../calcite-design-tokens/src/core/font.json | 140 ++- .../src/core/opacity.json | 80 +- .../src/core/shadow.json | 25 +- .../calcite-design-tokens/src/core/size.json | 195 ++-- .../src/core/z-index.json | 45 +- .../src/semantic/border.json | 40 +- .../src/semantic/color.json | 208 ++-- .../src/semantic/container-size.json | 104 +- .../src/semantic/font.json | 252 ++-- .../src/semantic/opacity.json | 25 +- .../src/semantic/shadow.json | 15 +- .../src/semantic/size.json | 60 +- .../src/semantic/space.json | 50 +- .../src/semantic/typography.json | 172 ++- .../src/semantic/z-index.json | 50 +- .../support/test/mock/src/global.json | 2 +- 19 files changed, 1546 insertions(+), 1017 deletions(-) create mode 100644 packages/calcite-design-tokens/src/component/button.json diff --git a/packages/calcite-design-tokens/src/component/button.json b/packages/calcite-design-tokens/src/component/button.json new file mode 100644 index 00000000000..2280aac2131 --- /dev/null +++ b/packages/calcite-design-tokens/src/component/button.json @@ -0,0 +1,30 @@ +{ + "component": { + "button": { + "background": { + "type": "color", + "value": "{semantic.color.background.default}", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "component", + "domain": "", + "component": "button", + "pattern": "", + "element": "", + "category": "color", + "group": "", + "kind": "", + "appearance": "", + "property": "background", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + } + } + } +} diff --git a/packages/calcite-design-tokens/src/core/color.json b/packages/calcite-design-tokens/src/core/color.json index 79a5ff89d03..05b9fc09e4f 100644 --- a/packages/calcite-design-tokens/src/core/color.json +++ b/packages/calcite-design-tokens/src/core/color.json @@ -11,9 +11,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -34,9 +35,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -57,9 +59,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -80,9 +83,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -103,9 +107,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -126,9 +131,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -149,9 +155,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -172,9 +179,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -195,9 +203,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -218,9 +227,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -241,9 +251,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -264,9 +275,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -287,9 +299,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -310,9 +323,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -333,9 +347,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -356,9 +371,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -379,9 +395,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -402,9 +419,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -425,9 +443,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -448,9 +467,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -471,9 +491,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -494,9 +515,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -517,9 +539,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -540,9 +563,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -563,9 +587,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -586,9 +611,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -609,9 +635,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "neutral", + "category": "color", + "group": "neutral", "kind": "", "appearance": "", "property": "", @@ -635,9 +662,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -658,9 +686,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -681,9 +710,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -704,9 +734,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -727,9 +758,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -750,9 +782,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -773,9 +806,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -796,9 +830,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -819,9 +854,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -842,9 +878,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -867,9 +904,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -890,9 +928,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -913,9 +952,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -936,9 +976,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -959,9 +1000,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -982,9 +1024,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1005,9 +1048,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1028,9 +1072,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1051,9 +1096,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1074,9 +1120,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1099,9 +1146,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1122,9 +1170,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1145,9 +1194,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1168,9 +1218,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1191,9 +1242,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1214,9 +1266,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1237,9 +1290,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1260,9 +1314,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1283,9 +1338,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1306,9 +1362,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1331,9 +1388,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1354,9 +1412,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1377,9 +1436,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1400,9 +1460,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1423,9 +1484,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1446,9 +1508,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1469,9 +1532,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1492,9 +1556,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1515,9 +1580,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1538,9 +1604,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1563,9 +1630,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1586,9 +1654,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1609,9 +1678,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1632,9 +1702,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1655,9 +1726,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1678,9 +1750,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1701,9 +1774,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1724,9 +1798,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1747,9 +1822,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1770,9 +1846,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1795,9 +1872,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1818,9 +1896,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1841,9 +1920,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1864,9 +1944,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1887,9 +1968,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1910,9 +1992,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1933,9 +2016,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1956,9 +2040,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -1979,9 +2064,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2002,9 +2088,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2027,9 +2114,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2050,9 +2138,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2073,9 +2162,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2096,9 +2186,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2119,9 +2210,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2142,9 +2234,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2165,9 +2258,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2188,9 +2282,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2211,9 +2306,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2234,9 +2330,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2259,9 +2356,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2282,9 +2380,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2305,9 +2404,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2328,9 +2428,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2351,9 +2452,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2374,9 +2476,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2397,9 +2500,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2420,9 +2524,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2443,9 +2548,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2466,9 +2572,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2491,9 +2598,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2514,9 +2622,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2537,9 +2646,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2560,9 +2670,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2583,9 +2694,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2606,9 +2718,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2629,9 +2742,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2652,9 +2766,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2675,9 +2790,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2698,9 +2814,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2723,9 +2840,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2746,9 +2864,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2769,9 +2888,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2792,9 +2912,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2815,9 +2936,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2838,9 +2960,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2861,9 +2984,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2884,9 +3008,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2907,9 +3032,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2930,9 +3056,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2955,9 +3082,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -2978,9 +3106,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3001,9 +3130,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3024,9 +3154,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3047,9 +3178,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3070,9 +3202,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3093,9 +3226,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3116,9 +3250,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3139,9 +3274,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3162,9 +3298,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3187,9 +3324,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3210,9 +3348,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3233,9 +3372,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3256,9 +3396,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3279,9 +3420,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3302,9 +3444,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3325,9 +3468,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3348,9 +3492,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3371,9 +3516,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3394,9 +3540,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "high-saturation", + "category": "color", + "group": "high-saturation", "kind": "", "appearance": "", "property": "", @@ -3421,9 +3568,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3444,9 +3592,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3467,9 +3616,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3490,9 +3640,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3515,9 +3666,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3538,9 +3690,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3561,9 +3714,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3584,9 +3738,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3609,9 +3764,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3632,9 +3788,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3655,9 +3812,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3678,9 +3836,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3703,9 +3862,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3726,9 +3886,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3749,9 +3910,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3772,9 +3934,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3797,9 +3960,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3820,9 +3984,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3843,9 +4008,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3866,9 +4032,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3891,9 +4058,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3914,9 +4082,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3937,9 +4106,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3960,9 +4130,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -3985,9 +4156,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4008,9 +4180,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4031,9 +4204,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4054,9 +4228,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4079,9 +4254,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4102,9 +4278,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4125,9 +4302,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4148,9 +4326,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4173,9 +4352,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4196,9 +4376,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4219,9 +4400,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4242,9 +4424,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4267,9 +4450,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4290,9 +4474,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4313,9 +4498,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4336,9 +4522,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4361,9 +4548,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4384,9 +4572,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4407,9 +4596,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4430,9 +4620,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "vibrant", + "category": "color", + "group": "vibrant", "kind": "", "appearance": "", "property": "", @@ -4457,9 +4648,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "dark", + "category": "color", + "group": "dark", "kind": "", "appearance": "", "property": "", @@ -4480,9 +4672,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "dark", + "category": "color", + "group": "dark", "kind": "", "appearance": "", "property": "", @@ -4503,9 +4696,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "dark", + "category": "color", + "group": "dark", "kind": "", "appearance": "", "property": "", @@ -4528,9 +4722,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "dark", + "category": "color", + "group": "dark", "kind": "", "appearance": "", "property": "", @@ -4551,9 +4746,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "dark", + "category": "color", + "group": "dark", "kind": "", "appearance": "", "property": "", @@ -4574,9 +4770,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "dark", + "category": "color", + "group": "dark", "kind": "", "appearance": "", "property": "", @@ -4599,9 +4796,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "dark", + "category": "color", + "group": "dark", "kind": "", "appearance": "", "property": "", @@ -4622,9 +4820,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "dark", + "category": "color", + "group": "dark", "kind": "", "appearance": "", "property": "", @@ -4645,9 +4844,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "dark", + "category": "color", + "group": "dark", "kind": "", "appearance": "", "property": "", @@ -4670,9 +4870,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "dark", + "category": "color", + "group": "dark", "kind": "", "appearance": "", "property": "", @@ -4693,9 +4894,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "dark", + "category": "color", + "group": "dark", "kind": "", "appearance": "", "property": "", @@ -4716,9 +4918,10 @@ "tier": "core", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "dark", + "category": "color", + "group": "dark", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/core/container-size.json b/packages/calcite-design-tokens/src/core/container-size.json index 87dec817fa3..f7e1f553fb4 100644 --- a/packages/calcite-design-tokens/src/core/container-size.json +++ b/packages/calcite-design-tokens/src/core/container-size.json @@ -10,9 +10,10 @@ "tier": "core", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "", @@ -33,9 +34,10 @@ "tier": "core", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "", @@ -56,9 +58,10 @@ "tier": "core", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "", @@ -79,9 +82,10 @@ "tier": "core", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "", @@ -102,9 +106,10 @@ "tier": "core", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "", @@ -125,9 +130,10 @@ "tier": "core", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "", @@ -148,9 +154,10 @@ "tier": "core", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "", @@ -171,9 +178,10 @@ "tier": "core", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "", @@ -194,9 +202,10 @@ "tier": "core", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "", @@ -217,9 +226,10 @@ "tier": "core", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "", @@ -240,9 +250,10 @@ "tier": "core", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/core/font.json b/packages/calcite-design-tokens/src/core/font.json index dfbbc562f2c..d3472a4fd17 100644 --- a/packages/calcite-design-tokens/src/core/font.json +++ b/packages/calcite-design-tokens/src/core/font.json @@ -11,12 +11,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "family", "kind": "", "appearance": "", - "property": "family", + "property": "", "variant": "Avenir Next LT", "state": "Pro", "scale": "", @@ -34,12 +35,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "family", "kind": "", "appearance": "", - "property": "family", + "property": "", "variant": "Avenir Next", "state": "World", "scale": "", @@ -57,12 +59,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "family", "kind": "", "appearance": "", - "property": "family", + "property": "", "variant": "Monaco", "state": "", "scale": "", @@ -83,12 +86,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "style", "kind": "", "appearance": "", - "property": "style", + "property": "", "variant": "italic", "state": "", "scale": "", @@ -109,12 +113,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "ultra-light", "state": "", "scale": "", @@ -132,12 +137,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "thin", "state": "", "scale": "", @@ -160,12 +166,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "regular", "state": "", "scale": "", @@ -183,12 +190,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "medium", "state": "", "scale": "", @@ -206,12 +214,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "medium-italic", "state": "", "scale": "", @@ -229,12 +238,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "demi", "state": "", "scale": "", @@ -252,12 +262,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "property": "weight", + "group": "", "kind": "", "appearance": "", - "property": "weight", "variant": "bold", "state": "", "scale": "", @@ -276,12 +287,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "extra-bold", "state": "", "scale": "", @@ -300,12 +312,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "black", "state": "", "scale": "", @@ -323,12 +336,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "heavy", "state": "", "scale": "", @@ -348,12 +362,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "text-decoration", "kind": "", "appearance": "", - "property": "text-decoration", + "property": "", "variant": "none", "state": "", "scale": "", @@ -371,12 +386,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "text-decoration", "kind": "", "appearance": "", - "property": "text-decoration", + "property": "", "variant": "underline", "state": "", "scale": "", @@ -396,12 +412,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "text-case", "kind": "", "appearance": "", - "property": "text-case", + "property": "", "variant": "none", "state": "", "scale": "", @@ -419,12 +436,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "text-case", "kind": "", "appearance": "", - "property": "text-case", + "property": "", "variant": "uppercase", "state": "", "scale": "", @@ -442,12 +460,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "text-case", "kind": "", "appearance": "", - "property": "text-case", + "property": "", "variant": "lowercase", "state": "", "scale": "", @@ -465,12 +484,13 @@ "tier": "core", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "text-case", "kind": "", "appearance": "", - "property": "text-case", + "property": "", "variant": "capitalize", "state": "", "scale": "", diff --git a/packages/calcite-design-tokens/src/core/opacity.json b/packages/calcite-design-tokens/src/core/opacity.json index 37ada74c6ca..2bd2617e8ef 100644 --- a/packages/calcite-design-tokens/src/core/opacity.json +++ b/packages/calcite-design-tokens/src/core/opacity.json @@ -10,9 +10,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -33,9 +34,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -56,9 +58,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -79,9 +82,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -102,9 +106,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -125,9 +130,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -148,9 +154,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -171,9 +178,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -194,9 +202,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -217,9 +226,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -240,9 +250,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -263,9 +274,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -286,9 +298,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -309,9 +322,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -332,9 +346,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -355,9 +370,10 @@ "tier": "core", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/core/shadow.json b/packages/calcite-design-tokens/src/core/shadow.json index 01677d344ed..2ad144cae57 100644 --- a/packages/calcite-design-tokens/src/core/shadow.json +++ b/packages/calcite-design-tokens/src/core/shadow.json @@ -16,9 +16,10 @@ "tier": "core", "domain": "", "component": "", - "group": "shadow", + "pattern": "", "element": "", - "category": "", + "category": "shadow", + "group": "", "kind": "", "appearance": "", "property": "", @@ -45,9 +46,10 @@ "tier": "core", "domain": "", "component": "", - "group": "shadow", + "pattern": "", "element": "", - "category": "", + "category": "shadow", + "group": "", "kind": "", "appearance": "", "property": "", @@ -74,9 +76,10 @@ "tier": "core", "domain": "", "component": "", - "group": "shadow", + "pattern": "", "element": "", - "category": "", + "category": "shadow", + "group": "", "kind": "", "appearance": "", "property": "", @@ -103,9 +106,10 @@ "tier": "core", "domain": "", "component": "", - "group": "shadow", + "pattern": "", "element": "", - "category": "", + "category": "shadow", + "group": "", "kind": "", "appearance": "", "property": "", @@ -132,9 +136,10 @@ "tier": "core", "domain": "", "component": "", - "group": "shadow", + "pattern": "", "element": "", - "category": "", + "category": "shadow", + "group": "", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/core/size.json b/packages/calcite-design-tokens/src/core/size.json index 3848bbd25c9..fac962e2263 100644 --- a/packages/calcite-design-tokens/src/core/size.json +++ b/packages/calcite-design-tokens/src/core/size.json @@ -11,9 +11,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -34,9 +35,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -57,9 +59,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -80,9 +83,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -103,9 +107,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -126,9 +131,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -149,9 +155,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -172,9 +179,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -195,9 +203,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -218,9 +227,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -241,9 +251,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -264,9 +275,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -287,9 +299,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -310,9 +323,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -333,9 +347,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -356,9 +371,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -379,9 +395,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -402,9 +419,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -425,9 +443,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -448,9 +467,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -471,9 +491,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -494,9 +515,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -517,9 +539,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -540,9 +563,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -563,9 +587,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -586,9 +611,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -609,9 +635,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -632,9 +659,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -655,9 +683,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -678,9 +707,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -701,9 +731,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "default", + "category": "sizing", + "group": "default", "kind": "", "appearance": "", "property": "", @@ -726,9 +757,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "relative", + "category": "sizing", + "group": "relative", "kind": "", "appearance": "", "property": "", @@ -749,9 +781,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "relative", + "category": "sizing", + "group": "relative", "kind": "", "appearance": "", "property": "", @@ -772,9 +805,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "relative", + "category": "sizing", + "group": "relative", "kind": "", "appearance": "", "property": "", @@ -795,9 +829,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "relative", + "category": "sizing", + "group": "relative", "kind": "", "appearance": "", "property": "", @@ -818,9 +853,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "relative", + "category": "sizing", + "group": "relative", "kind": "", "appearance": "", "property": "", @@ -841,9 +877,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "relative", + "category": "sizing", + "group": "relative", "kind": "", "appearance": "", "property": "", @@ -864,9 +901,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "relative", + "category": "sizing", + "group": "relative", "kind": "", "appearance": "", "property": "", @@ -887,9 +925,10 @@ "tier": "core", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "relative", + "category": "sizing", + "group": "relative", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/core/z-index.json b/packages/calcite-design-tokens/src/core/z-index.json index 1c30509350c..22344b8f8f4 100644 --- a/packages/calcite-design-tokens/src/core/z-index.json +++ b/packages/calcite-design-tokens/src/core/z-index.json @@ -10,9 +10,10 @@ "tier": "core", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -33,9 +34,10 @@ "tier": "core", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -56,9 +58,10 @@ "tier": "core", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -79,9 +82,10 @@ "tier": "core", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -102,9 +106,10 @@ "tier": "core", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -125,9 +130,10 @@ "tier": "core", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -148,9 +154,10 @@ "tier": "core", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -171,9 +178,10 @@ "tier": "core", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -194,9 +202,10 @@ "tier": "core", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/semantic/border.json b/packages/calcite-design-tokens/src/semantic/border.json index 240887430a8..1369088fb3a 100644 --- a/packages/calcite-design-tokens/src/semantic/border.json +++ b/packages/calcite-design-tokens/src/semantic/border.json @@ -11,9 +11,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "border", + "pattern": "", "element": "", - "category": "width", + "category": "border", + "group": "width", "kind": "", "appearance": "", "property": "", @@ -34,9 +35,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "border", + "pattern": "", "element": "", - "category": "width", + "category": "border", + "group": "width", "kind": "", "appearance": "", "property": "", @@ -57,9 +59,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "border", + "pattern": "", "element": "", - "category": "width", + "category": "border", + "group": "width", "kind": "", "appearance": "", "property": "", @@ -80,9 +83,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "border", + "pattern": "", "element": "", - "category": "width", + "category": "border", + "group": "width", "kind": "", "appearance": "", "property": "", @@ -107,9 +111,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "corner", + "pattern": "", "element": "", - "category": "radius", + "category": "corner", + "group": "radius", "kind": "", "appearance": "", "property": "", @@ -130,9 +135,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "corner", + "pattern": "", "element": "", - "category": "radius", + "category": "corner", + "group": "radius", "kind": "", "appearance": "", "property": "", @@ -153,9 +159,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "corner", + "pattern": "", "element": "", - "category": "radius", + "category": "corner", + "group": "radius", "kind": "", "appearance": "", "property": "", @@ -176,9 +183,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "corner", + "pattern": "", "element": "", - "category": "radius", + "category": "corner", + "group": "radius", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/semantic/color.json b/packages/calcite-design-tokens/src/semantic/color.json index b65854cf42a..168a2839df3 100644 --- a/packages/calcite-design-tokens/src/semantic/color.json +++ b/packages/calcite-design-tokens/src/semantic/color.json @@ -14,9 +14,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "background", + "category": "color", + "group": "background", "kind": "", "appearance": "", "property": "", @@ -37,9 +38,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "background", + "category": "color", + "group": "background", "kind": "", "appearance": "", "property": "", @@ -65,9 +67,9 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", "element": "", - "category": "foreground", + "category": "color", + "pattern": "foreground", "kind": "", "appearance": "", "property": "", @@ -91,9 +93,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "foreground", + "category": "color", + "group": "foreground", "kind": "", "appearance": "", "property": "", @@ -114,9 +117,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "foreground", + "category": "color", + "group": "foreground", "kind": "", "appearance": "", "property": "", @@ -140,9 +144,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "foreground", + "category": "color", + "group": "foreground", "kind": "", "appearance": "", "property": "", @@ -169,9 +174,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "transparent", + "category": "color", + "group": "transparent", "kind": "", "appearance": "", "property": "", @@ -195,9 +201,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "transparent", + "category": "color", + "group": "transparent", "kind": "", "appearance": "", "property": "", @@ -221,9 +228,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "transparent", + "category": "color", + "group": "transparent", "kind": "", "appearance": "", "property": "", @@ -248,9 +256,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "transparent", + "category": "color", + "group": "transparent", "kind": "", "appearance": "", "property": "", @@ -274,9 +283,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "transparent", + "category": "color", + "group": "transparent", "kind": "", "appearance": "", "property": "", @@ -303,14 +313,15 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "brand", - "kind": "", + "category": "color", + "sub-category": "", + "kind": "brand", "appearance": "", "property": "", "variant": "", - "state": "default", + "state": "", "scale": "", "context": "", "mode": "" @@ -329,9 +340,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "brand", + "category": "color", + "group": "brand", "kind": "", "appearance": "", "property": "", @@ -355,9 +367,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "brand", + "category": "color", + "group": "brand", "kind": "", "appearance": "", "property": "", @@ -382,9 +395,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "brand", + "category": "color", + "group": "brand", "kind": "", "appearance": "", "property": "", @@ -411,9 +425,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "status", + "category": "color", + "sub-category": "status", "kind": "info", "appearance": "", "property": "", @@ -437,9 +452,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "status", + "category": "color", + "sub-category": "status", "kind": "info", "appearance": "", "property": "", @@ -463,9 +479,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "status", + "category": "color", + "group": "status", "kind": "info", "appearance": "", "property": "", @@ -491,9 +508,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "status", + "category": "color", + "group": "status", "kind": "success", "appearance": "", "property": "", @@ -517,9 +535,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "status", + "category": "color", + "group": "status", "kind": "success", "appearance": "", "property": "", @@ -543,9 +562,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "status", + "category": "color", + "group": "status", "kind": "success", "appearance": "", "property": "", @@ -571,9 +591,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "status", + "category": "color", + "group": "status", "kind": "warning", "appearance": "", "property": "", @@ -597,9 +618,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "status", + "category": "color", + "group": "status", "kind": "warning", "appearance": "", "property": "", @@ -623,9 +645,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "status", + "category": "color", + "group": "status", "kind": "warning", "appearance": "", "property": "", @@ -651,9 +674,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "status", + "category": "color", + "group": "status", "kind": "danger", "appearance": "", "property": "", @@ -677,9 +701,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "status", + "category": "color", + "group": "status", "kind": "danger", "appearance": "", "property": "", @@ -703,9 +728,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "status", + "category": "color", + "group": "status", "kind": "danger", "appearance": "", "property": "", @@ -732,9 +758,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "inverse", + "category": "color", + "group": "inverse", "kind": "", "appearance": "", "property": "", @@ -758,9 +785,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "inverse", + "category": "color", + "group": "inverse", "kind": "", "appearance": "", "property": "", @@ -784,9 +812,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "inverse", + "category": "color", + "group": "inverse", "kind": "", "appearance": "", "property": "", @@ -809,9 +838,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "text", + "category": "color", + "group": "text", "kind": "", "appearance": "", "property": "", @@ -832,9 +862,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "text", + "category": "color", + "group": "text", "kind": "", "appearance": "", "property": "", @@ -855,9 +886,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "text", + "category": "color", + "group": "text", "kind": "", "appearance": "", "property": "", @@ -878,9 +910,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "", + "category": "color", + "group": "", "kind": "", "appearance": "", "property": "", @@ -904,9 +937,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "", + "category": "color", + "group": "", "kind": "", "appearance": "", "property": "", @@ -929,9 +963,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "border", + "category": "color", + "group": "border", "kind": "", "appearance": "", "property": "", @@ -952,9 +987,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "border", + "category": "color", + "group": "border", "kind": "", "appearance": "", "property": "", @@ -975,9 +1011,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "border", + "category": "color", + "group": "border", "kind": "", "appearance": "", "property": "", @@ -998,9 +1035,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "border", + "category": "color", + "group": "border", "kind": "", "appearance": "", "property": "", @@ -1024,9 +1062,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "border", + "category": "color", + "group": "border", "kind": "", "appearance": "", "property": "", @@ -1050,9 +1089,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "color", + "pattern": "", "element": "", - "category": "border", + "category": "color", + "group": "border", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/semantic/container-size.json b/packages/calcite-design-tokens/src/semantic/container-size.json index c0025e47da8..2b3b7c540e5 100644 --- a/packages/calcite-design-tokens/src/semantic/container-size.json +++ b/packages/calcite-design-tokens/src/semantic/container-size.json @@ -15,12 +15,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "height", "kind": "", "appearance": "", - "property": "height", + "property": "", "variant": "", "state": "", "scale": "xxs", @@ -42,12 +43,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "height", "kind": "", "appearance": "", - "property": "height", + "property": "", "variant": "", "state": "", "scale": "xs", @@ -69,12 +71,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "height", "kind": "", "appearance": "", - "property": "height", + "property": "", "variant": "", "state": "", "scale": "sm", @@ -96,12 +99,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "height", "kind": "", "appearance": "", - "property": "height", + "property": "", "variant": "", "state": "", "scale": "md", @@ -123,12 +127,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "height", "kind": "", "appearance": "", - "property": "height", + "property": "", "variant": "", "state": "", "scale": "lg", @@ -149,12 +154,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "height", "kind": "", "appearance": "", - "property": "height", + "property": "", "variant": "", "state": "", "scale": "xl", @@ -178,12 +184,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "width", "kind": "", "appearance": "", - "property": "width", + "property": "", "variant": "", "state": "", "scale": "xxs", @@ -205,12 +212,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "width", "kind": "", "appearance": "", - "property": "width", + "property": "", "variant": "", "state": "", "scale": "xs", @@ -232,12 +240,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "width", "kind": "", "appearance": "", - "property": "width", + "property": "", "variant": "", "state": "", "scale": "sm", @@ -259,12 +268,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "width", "kind": "", "appearance": "", - "property": "width", + "property": "", "variant": "", "state": "", "scale": "md", @@ -286,12 +296,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "width", "kind": "", "appearance": "", - "property": "width", + "property": "", "variant": "", "state": "", "scale": "lg", @@ -312,12 +323,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "width", "kind": "", "appearance": "", - "property": "width", + "property": "", "variant": "", "state": "", "scale": "xl", @@ -336,9 +348,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "margin", @@ -359,9 +372,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "", + "category": "breakpoint", + "group": "", "kind": "", "appearance": "", "property": "gutter", @@ -384,9 +398,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "content", + "category": "breakpoint", + "group": "content", "kind": "", "appearance": "", "property": "", @@ -408,9 +423,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "breakpoint", + "pattern": "", "element": "", - "category": "content", + "category": "breakpoint", + "group": "content", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/semantic/font.json b/packages/calcite-design-tokens/src/semantic/font.json index 7862baa1b6f..0ab2044297b 100644 --- a/packages/calcite-design-tokens/src/semantic/font.json +++ b/packages/calcite-design-tokens/src/semantic/font.json @@ -11,12 +11,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "family", "kind": "", "appearance": "", - "property": "family", + "property": "", "variant": "", "state": "", "scale": "", @@ -34,12 +35,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "family", "kind": "", "appearance": "", - "property": "family", + "property": "", "variant": "code", "state": "", "scale": "", @@ -60,12 +62,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "light", "state": "", "scale": "", @@ -87,12 +90,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "normal", "state": "", "scale": "", @@ -110,12 +114,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "regular", "state": "", "scale": "", @@ -133,12 +138,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "medium", "state": "", "scale": "", @@ -156,12 +162,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "semibold", "state": "", "scale": "", @@ -179,12 +186,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "weight", "kind": "", "appearance": "", - "property": "weight", + "property": "", "variant": "bold", "state": "", "scale": "", @@ -204,12 +212,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "size", "kind": "", "appearance": "", - "property": "size", + "property": "", "variant": "", "state": "", "scale": "xs", @@ -227,12 +236,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "size", "kind": "", "appearance": "", - "property": "size", + "property": "", "variant": "", "state": "", "scale": "sm", @@ -250,12 +260,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "size", "kind": "", "appearance": "", - "property": "size", + "property": "", "variant": "", "state": "", "scale": "default", @@ -273,12 +284,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "size", "kind": "", "appearance": "", - "property": "size", + "property": "", "variant": "", "state": "", "scale": "md", @@ -296,12 +308,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "size", "kind": "", "appearance": "", - "property": "size", + "property": "", "variant": "", "state": "", "scale": "lg", @@ -319,12 +332,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "size", "kind": "", "appearance": "", - "property": "size", + "property": "", "variant": "", "state": "", "scale": "xl", @@ -342,12 +356,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "size", "kind": "", "appearance": "", - "property": "size", + "property": "", "variant": "", "state": "", "scale": "xxl", @@ -368,12 +383,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "style", "kind": "", "appearance": "", - "property": "style", + "property": "", "variant": "emphasis", "state": "", "scale": "", @@ -394,12 +410,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "line-height", "kind": "", "appearance": "", - "property": "line-height", + "property": "", "variant": "fixed", "state": "", "scale": "sm", @@ -417,12 +434,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "line-height", "kind": "", "appearance": "", - "property": "line-height", + "property": "", "variant": "fixed", "state": "", "scale": "base", @@ -440,12 +458,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "line-height", "kind": "", "appearance": "", - "property": "line-height", + "property": "", "variant": "fixed", "state": "", "scale": "lg", @@ -463,12 +482,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "line-height", "kind": "", "appearance": "", - "property": "line-height", + "property": "", "variant": "fixed", "state": "", "scale": "xl", @@ -489,12 +509,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "line-height", "kind": "", "appearance": "", - "property": "line-height", + "property": "", "variant": "relative", "state": "", "scale": "default", @@ -513,12 +534,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "line-height", "kind": "", "appearance": "", - "property": "line-height", + "property": "", "variant": "relative", "state": "", "scale": "tight", @@ -537,12 +559,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "line-height", "kind": "", "appearance": "", - "property": "line-height", + "property": "", "variant": "relative", "state": "", "scale": "snug", @@ -561,12 +584,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "line-height", "kind": "", "appearance": "", - "property": "line-height", + "property": "", "variant": "relative", "state": "", "scale": "normal", @@ -585,12 +609,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "line-height", "kind": "", "appearance": "", - "property": "line-height", + "property": "", "variant": "relative", "state": "", "scale": "relaxed", @@ -609,12 +634,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "line-height", "kind": "", "appearance": "", - "property": "line-height", + "property": "", "variant": "relative", "state": "", "scale": "loose", @@ -635,12 +661,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "letter-spacing", "kind": "", "appearance": "", - "property": "letter-spacing", + "property": "", "variant": "", "state": "", "scale": "tight", @@ -658,12 +685,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "letter-spacing", "kind": "", "appearance": "", - "property": "letter-spacing", + "property": "", "variant": "", "state": "", "scale": "normal", @@ -681,12 +709,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "letter-spacing", "kind": "", "appearance": "", - "property": "letter-spacing", + "property": "", "variant": "", "state": "", "scale": "wide", @@ -706,12 +735,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "paragraph-spacing", "kind": "", "appearance": "", - "property": "paragraph-spacing", + "property": "", "variant": "normal", "state": "", "scale": "", @@ -731,12 +761,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "text-decoration", "kind": "", "appearance": "", - "property": "text-decoration", + "property": "", "variant": "none", "state": "", "scale": "", @@ -754,12 +785,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "text-decoration", "kind": "", "appearance": "", - "property": "text-decoration", + "property": "", "variant": "underline", "state": "", "scale": "", @@ -779,12 +811,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "text-case", "kind": "", "appearance": "", - "property": "text-case", + "property": "", "variant": "none", "state": "", "scale": "", @@ -802,12 +835,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "text-case", "kind": "", "appearance": "", - "property": "text-case", + "property": "", "variant": "uppercase", "state": "", "scale": "", @@ -825,12 +859,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "text-case", "kind": "", "appearance": "", - "property": "text-case", + "property": "", "variant": "lowercase", "state": "", "scale": "", @@ -848,12 +883,13 @@ "tier": "semantic", "domain": "", "component": "", - "group": "font", + "pattern": "", "element": "", - "category": "", + "category": "font", + "group": "text-case", "kind": "", "appearance": "", - "property": "text-case", + "property": "", "variant": "capitalize", "state": "", "scale": "", diff --git a/packages/calcite-design-tokens/src/semantic/opacity.json b/packages/calcite-design-tokens/src/semantic/opacity.json index 5e468d0cda8..2e896928139 100644 --- a/packages/calcite-design-tokens/src/semantic/opacity.json +++ b/packages/calcite-design-tokens/src/semantic/opacity.json @@ -10,9 +10,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -33,9 +34,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -56,9 +58,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -79,9 +82,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", @@ -102,9 +106,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "opacity", + "pattern": "", "element": "", - "category": "", + "category": "opacity", + "group": "", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/semantic/shadow.json b/packages/calcite-design-tokens/src/semantic/shadow.json index a3691b9dba7..7b4f1a1b8eb 100644 --- a/packages/calcite-design-tokens/src/semantic/shadow.json +++ b/packages/calcite-design-tokens/src/semantic/shadow.json @@ -10,9 +10,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "shadow", + "pattern": "", "element": "", - "category": "", + "category": "shadow", + "group": "", "kind": "", "appearance": "", "property": "", @@ -33,9 +34,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "shadow", + "pattern": "", "element": "", - "category": "", + "category": "shadow", + "group": "", "kind": "", "appearance": "", "property": "", @@ -56,9 +58,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "shadow", + "pattern": "", "element": "", - "category": "", + "category": "shadow", + "group": "", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/semantic/size.json b/packages/calcite-design-tokens/src/semantic/size.json index b2efa311897..c93d2eb5a65 100644 --- a/packages/calcite-design-tokens/src/semantic/size.json +++ b/packages/calcite-design-tokens/src/semantic/size.json @@ -10,9 +10,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "", + "category": "sizing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -33,9 +34,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "", + "category": "sizing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -56,9 +58,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "", + "category": "sizing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -79,9 +82,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "", + "category": "sizing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -102,9 +106,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "", + "category": "sizing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -125,9 +130,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "", + "category": "sizing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -148,9 +154,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "", + "category": "sizing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -171,9 +178,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "", + "category": "sizing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -194,9 +202,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "", + "category": "sizing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -217,9 +226,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "", + "category": "sizing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -240,9 +250,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "", + "category": "sizing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -263,9 +274,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "sizing", + "pattern": "", "element": "", - "category": "", + "category": "sizing", + "group": "", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/semantic/space.json b/packages/calcite-design-tokens/src/semantic/space.json index 29232c3abf6..ddc4d72c1ad 100644 --- a/packages/calcite-design-tokens/src/semantic/space.json +++ b/packages/calcite-design-tokens/src/semantic/space.json @@ -10,9 +10,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "spacing", + "pattern": "", "element": "", - "category": "", + "category": "spacing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -33,9 +34,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "spacing", + "pattern": "", "element": "", - "category": "", + "category": "spacing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -56,9 +58,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "spacing", + "pattern": "", "element": "", - "category": "", + "category": "spacing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -79,9 +82,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "spacing", + "pattern": "", "element": "", - "category": "", + "category": "spacing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -102,9 +106,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "spacing", + "pattern": "", "element": "", - "category": "", + "category": "spacing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -125,9 +130,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "spacing", + "pattern": "", "element": "", - "category": "", + "category": "spacing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -148,9 +154,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "spacing", + "pattern": "", "element": "", - "category": "", + "category": "spacing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -171,9 +178,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "spacing", + "pattern": "", "element": "", - "category": "", + "category": "spacing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -194,9 +202,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "spacing", + "pattern": "", "element": "", - "category": "", + "category": "spacing", + "group": "", "kind": "", "appearance": "", "property": "", @@ -217,9 +226,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "spacing", + "pattern": "", "element": "", - "category": "", + "category": "spacing", + "group": "", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/semantic/typography.json b/packages/calcite-design-tokens/src/semantic/typography.json index 8db332bd067..500b6e6ddb8 100644 --- a/packages/calcite-design-tokens/src/semantic/typography.json +++ b/packages/calcite-design-tokens/src/semantic/typography.json @@ -20,9 +20,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", - "category": "default", + "category": "", + "group": "", "kind": "", "appearance": "", "property": "", @@ -51,9 +52,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", - "category": "default", + "category": "", + "group": "", "kind": "", "appearance": "", "property": "", @@ -80,9 +82,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -108,9 +111,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -138,9 +142,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -168,9 +173,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -199,9 +205,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -227,9 +234,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -250,9 +258,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -279,9 +288,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -308,9 +318,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -340,9 +351,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -369,9 +381,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -397,9 +410,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -427,9 +441,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -457,9 +472,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -489,9 +505,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -518,9 +535,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -546,9 +564,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -576,9 +595,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -606,9 +626,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "default", + "group": "", "kind": "", "appearance": "", "property": "", @@ -640,9 +661,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -669,9 +691,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -700,9 +723,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -730,9 +754,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -760,9 +785,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -790,9 +816,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -821,9 +848,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -849,9 +877,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -878,9 +907,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -907,9 +937,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -936,9 +967,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -965,9 +997,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -997,9 +1030,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1026,9 +1060,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1056,9 +1091,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1086,9 +1122,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1116,9 +1153,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1146,9 +1184,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1178,9 +1217,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1208,9 +1248,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1238,9 +1279,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1268,9 +1310,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1298,9 +1341,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1327,9 +1371,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "wrap", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1354,9 +1399,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "hierarchy", + "group": "", "kind": "", "appearance": "display", "property": "", @@ -1377,9 +1423,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "hierarchy", + "group": "", "kind": "", "appearance": "display", "property": "", @@ -1402,9 +1449,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "hierarchy", + "group": "", "kind": "", "appearance": "heading", "property": "", @@ -1425,9 +1473,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "hierarchy", + "group": "", "kind": "", "appearance": "heading", "property": "", @@ -1448,9 +1497,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "hierarchy", + "group": "", "kind": "", "appearance": "heading", "property": "", @@ -1471,9 +1521,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "hierarchy", + "group": "", "kind": "", "appearance": "heading", "property": "", @@ -1494,9 +1545,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "hierarchy", + "group": "", "kind": "", "appearance": "heading", "property": "", @@ -1519,9 +1571,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "hierarchy", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1542,9 +1595,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "hierarchy", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1570,9 +1624,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "hierarchy", + "group": "", "kind": "", "appearance": "", "property": "", @@ -1593,9 +1648,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "typography", + "pattern": "typography", "element": "", "category": "hierarchy", + "group": "", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/src/semantic/z-index.json b/packages/calcite-design-tokens/src/semantic/z-index.json index 13669b8df53..e31952fc46e 100644 --- a/packages/calcite-design-tokens/src/semantic/z-index.json +++ b/packages/calcite-design-tokens/src/semantic/z-index.json @@ -10,9 +10,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -33,9 +34,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -56,9 +58,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -79,9 +82,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -102,9 +106,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -125,9 +130,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -148,9 +154,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -171,9 +178,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -194,9 +202,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", @@ -217,9 +226,10 @@ "tier": "semantic", "domain": "", "component": "", - "group": "z-index", + "pattern": "", "element": "", - "category": "", + "category": "z-index", + "group": "", "kind": "", "appearance": "", "property": "", diff --git a/packages/calcite-design-tokens/support/test/mock/src/global.json b/packages/calcite-design-tokens/support/test/mock/src/global.json index 5b230a5d532..40b901f9aea 100644 --- a/packages/calcite-design-tokens/support/test/mock/src/global.json +++ b/packages/calcite-design-tokens/support/test/mock/src/global.json @@ -1,6 +1,6 @@ { "core": { - "group": { + "pattern": { "property": { "value": "token", "type": "other", From 0d1fe7c682febe76569bc2b03cee902f60895741 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Fri, 15 Dec 2023 17:55:19 -0800 Subject: [PATCH 15/18] fix: remove test script --- packages/calcite-design-tokens/package.json | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/calcite-design-tokens/package.json b/packages/calcite-design-tokens/package.json index 2c0bbbf45f6..efc71520c5f 100644 --- a/packages/calcite-design-tokens/package.json +++ b/packages/calcite-design-tokens/package.json @@ -30,7 +30,6 @@ "lint:json": "prettier --write \"**/*.json\" >/dev/null", "lint:md": "markdownlint \"**/*.md\" --fix --dot --ignore-path ../../.gitignore && prettier --write \"**/*.md\" >/dev/null", "lint:ts": "eslint --ext .ts,.tsx --fix . && prettier --write \"**/*.ts?(x)\" >/dev/null", - "lint": "concurrently npm:lint:*", - "test": "jest" + "lint": "concurrently npm:lint:*" } } From c92a3d666523b6edf212213e46cc7c1f007d32f8 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 18 Dec 2023 10:40:52 -0800 Subject: [PATCH 16/18] fix(token transformer): remove original from docs output --- .../support/token-transformer/styleDictionary/formatter/docs.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts index 9a55fed2b15..986ccd19fb6 100644 --- a/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts +++ b/packages/calcite-design-tokens/support/token-transformer/styleDictionary/formatter/docs.ts @@ -14,6 +14,7 @@ export const formatDocsPlatform: CalledFormatterFunction = (args) => { tokens: args.dictionary.allTokens.map((token) => { token.value = typeof token.value !== "string" ? JSON.stringify(token.value) : token.value; token.filePath = relative(resolve(__dirname, "../../../../"), token.filePath); + delete token.original; return token; }), }; From 276573c589487588f1af2602c684c06ae64829b5 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 18 Dec 2023 10:41:23 -0800 Subject: [PATCH 17/18] refactor(corner tokens): split corner tokens into their own file --- .../src/semantic/border.json | 100 ----------------- .../src/semantic/corner.json | 104 ++++++++++++++++++ 2 files changed, 104 insertions(+), 100 deletions(-) create mode 100644 packages/calcite-design-tokens/src/semantic/corner.json diff --git a/packages/calcite-design-tokens/src/semantic/border.json b/packages/calcite-design-tokens/src/semantic/border.json index 1369088fb3a..581478eb6a3 100644 --- a/packages/calcite-design-tokens/src/semantic/border.json +++ b/packages/calcite-design-tokens/src/semantic/border.json @@ -99,106 +99,6 @@ } } } - }, - "corner": { - "radius": { - "default": { - "value": "{semantic.corner.radius.sharp}", - "type": "borderRadius", - "attributes": { - "calcite-schema": { - "system": "calcite", - "tier": "semantic", - "domain": "", - "component": "", - "pattern": "", - "element": "", - "category": "corner", - "group": "radius", - "kind": "", - "appearance": "", - "property": "", - "variant": "default", - "state": "", - "scale": "", - "context": "", - "mode": "" - } - } - }, - "sharp": { - "value": "{core.size.default.none}", - "type": "borderRadius", - "attributes": { - "calcite-schema": { - "system": "calcite", - "tier": "semantic", - "domain": "", - "component": "", - "pattern": "", - "element": "", - "category": "corner", - "group": "radius", - "kind": "", - "appearance": "", - "property": "", - "variant": "sharp", - "state": "", - "scale": "", - "context": "", - "mode": "" - } - } - }, - "round": { - "value": "{core.size.default.4}", - "type": "borderRadius", - "attributes": { - "calcite-schema": { - "system": "calcite", - "tier": "semantic", - "domain": "", - "component": "", - "pattern": "", - "element": "", - "category": "corner", - "group": "radius", - "kind": "", - "appearance": "", - "property": "", - "variant": "round", - "state": "", - "scale": "", - "context": "", - "mode": "" - } - } - }, - "pill": { - "value": "{core.size.relative.100}", - "type": "borderRadius", - "attributes": { - "calcite-schema": { - "system": "calcite", - "tier": "semantic", - "domain": "", - "component": "", - "pattern": "", - "element": "", - "category": "corner", - "group": "radius", - "kind": "", - "appearance": "", - "property": "", - "variant": "pill", - "state": "", - "scale": "", - "context": "", - "mode": "" - } - } - } - } } } } diff --git a/packages/calcite-design-tokens/src/semantic/corner.json b/packages/calcite-design-tokens/src/semantic/corner.json new file mode 100644 index 00000000000..25f53cec23d --- /dev/null +++ b/packages/calcite-design-tokens/src/semantic/corner.json @@ -0,0 +1,104 @@ +{ + "semantic": { + "corner": { + "radius": { + "default": { + "value": "{semantic.corner.radius.sharp}", + "type": "borderRadius", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "corner", + "group": "radius", + "kind": "", + "appearance": "", + "property": "", + "variant": "default", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "sharp": { + "value": "{core.size.default.none}", + "type": "borderRadius", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "corner", + "group": "radius", + "kind": "", + "appearance": "", + "property": "", + "variant": "sharp", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "round": { + "value": "{core.size.default.4}", + "type": "borderRadius", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "corner", + "group": "radius", + "kind": "", + "appearance": "", + "property": "", + "variant": "round", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + }, + "pill": { + "value": "{core.size.relative.100}", + "type": "borderRadius", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "corner", + "group": "radius", + "kind": "", + "appearance": "", + "property": "", + "variant": "pill", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } + } + } + } + } +} From 4032fc668ace58fa103e0f683705088358aa6671 Mon Sep 17 00:00:00 2001 From: Ali Stump Date: Mon, 18 Dec 2023 12:45:01 -0800 Subject: [PATCH 18/18] fix(font tokens): Add schema --- .../calcite-design-tokens/src/core/font.json | 182 ++++++++++++++++-- 1 file changed, 171 insertions(+), 11 deletions(-) diff --git a/packages/calcite-design-tokens/src/core/font.json b/packages/calcite-design-tokens/src/core/font.json index 67ff7fb967a..0ba546a5c85 100644 --- a/packages/calcite-design-tokens/src/core/font.json +++ b/packages/calcite-design-tokens/src/core/font.json @@ -5,7 +5,27 @@ "andaleMono": { "value": "Andale Mono", "type": "fontFamilies", - "description": "Fallback for Monaco" + "description": "Fallback for Monaco", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "family", + "kind": "", + "appearance": "", + "property": "", + "variant": "andaleMono", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "avenirNextPro": { "value": "Avenir Next LT Pro", @@ -23,8 +43,8 @@ "kind": "", "appearance": "", "property": "", - "variant": "Avenir Next LT", - "state": "Pro", + "variant": "avenirNextPro", + "state": "", "scale": "", "context": "", "mode": "" @@ -33,27 +53,127 @@ }, "avenirNextWorld": { "value": "Avenir Next World", - "type": "fontFamilies" + "type": "fontFamilies", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "family", + "kind": "", + "appearance": "", + "property": "", + "variant": "avenirNextWorld", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "avenir": { "value": "Avenir", "type": "fontFamilies", - "description": "Fallback for Avenir Next" + "description": "Fallback for Avenir Next", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "family", + "kind": "", + "appearance": "", + "property": "", + "variant": "avenir", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "consolas": { "value": "Consolas", "type": "fontFamilies", - "description": "Fallback for Monaco" + "description": "Fallback for Monaco", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "family", + "kind": "", + "appearance": "", + "property": "", + "variant": "consolas", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "helveticaNeue": { "value": "Helvetica Neue", "type": "fontFamilies", - "description": "Fallback for Avenir Next" + "description": "Fallback for Avenir Next", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "family", + "kind": "", + "appearance": "", + "property": "", + "variant": "helveticaNeue", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "lucidaConsole": { "value": "Lucida Console", "type": "fontFamilies", - "description": "Fallback for Monaco" + "description": "Fallback for Monaco", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "family", + "kind": "", + "appearance": "", + "property": "", + "variant": "lucidaConsole", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "monaco": { "value": "Monaco", @@ -71,7 +191,7 @@ "kind": "", "appearance": "", "property": "", - "variant": "Monaco", + "variant": "monaco", "state": "", "scale": "", "context": "", @@ -82,12 +202,52 @@ "monospace": { "value": "monospace", "type": "fontFamilies", - "description": "Fallback for Monaco" + "description": "Fallback for Monaco", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "family", + "kind": "", + "appearance": "", + "property": "", + "variant": "monospace", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "sansSerif": { "value": "sans-serif", "type": "fontFamilies", - "description": "Fallback for Avenir Next" + "description": "Fallback for Avenir Next", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "family", + "kind": "", + "appearance": "", + "property": "", + "variant": "sansSerif", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "style": {