diff --git a/packages/calcite-design-tokens/package.json b/packages/calcite-design-tokens/package.json index bd4d48e8a8e..5d8ccd7f5b5 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:*" } } 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 5c98dae74df..05b9fc09e4f 100644 --- a/packages/calcite-design-tokens/src/core/color.json +++ b/packages/calcite-design-tokens/src/core/color.json @@ -4,616 +4,3556 @@ "neutral": { "blk-000": { "value": "#ffffff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "high-saturation", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "100", + "context": "", + "mode": "" + } + } } } }, @@ -621,199 +3561,1079 @@ "blue": { "v-bb-120": { "value": "#59d6ff", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "vibrant", + "kind": "", + "appearance": "", + "property": "", + "variant": "violet", + "state": "", + "scale": "180", + "context": "", + "mode": "" + } + } } } }, @@ -821,57 +4641,297 @@ "green": { "d-gg-410": { "value": "#44ED51", - "type": "color" + "type": "color", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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..f7e1f553fb4 100644 --- a/packages/calcite-design-tokens/src/core/container-size.json +++ b/packages/calcite-design-tokens/src/core/container-size.json @@ -3,47 +3,267 @@ "container-size": { "0": { "value": 0, - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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 badb7db7456..0ba546a5c85 100644 --- a/packages/calcite-design-tokens/src/core/font.json +++ b/packages/calcite-design-tokens/src/core/font.json @@ -5,67 +5,327 @@ "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", - "type": "fontFamilies" + "type": "fontFamilies", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "family", + "kind": "", + "appearance": "", + "property": "", + "variant": "avenirNextPro", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "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", - "type": "fontFamilies" + "type": "fontFamilies", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "family", + "kind": "", + "appearance": "", + "property": "", + "variant": "monaco", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "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": { "italic": { "value": "italic", "type": "fontStyle", - "description": "used in ratings" + "description": "used in ratings", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "style", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "variant": "ultra-light", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "thin": { "value": "Thin", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "variant": "thin", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "light": { "value": "Light", @@ -74,65 +334,345 @@ }, "regular": { "value": "Regular", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "medium": { "value": "Medium", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "medium-italic": { "value": "Medium Italic", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium-italic", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "demi": { "value": "Demi", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "variant": "demi", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "bold": { "value": "Bold", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "property": "weight", + "group": "", + "kind": "", + "appearance": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "variant": "black", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "heavy": { "value": "Heavy", - "type": "fontWeights" + "type": "fontWeights", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "variant": "heavy", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "text-decoration": { "none": { "value": "none", - "type": "textDecoration" + "type": "textDecoration", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "text-decoration", + "kind": "", + "appearance": "", + "property": "", + "variant": "none", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "underline": { "value": "underline", - "type": "textDecoration" + "type": "textDecoration", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "text-decoration", + "kind": "", + "appearance": "", + "property": "", + "variant": "underline", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "text-case": { "none": { "value": "none", - "type": "textCase" + "type": "textCase", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "text-case", + "kind": "", + "appearance": "", + "property": "", + "variant": "none", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "uppercase": { "value": "uppercase", - "type": "textCase" + "type": "textCase", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "text-case", + "kind": "", + "appearance": "", + "property": "", + "variant": "uppercase", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "lowercase": { "value": "lowercase", - "type": "textCase" + "type": "textCase", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "text-case", + "kind": "", + "appearance": "", + "property": "", + "variant": "lowercase", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "capitalize": { "value": "capitalize", - "type": "textCase" + "type": "textCase", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "text-case", + "kind": "", + "appearance": "", + "property": "", + "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..2bd2617e8ef 100644 --- a/packages/calcite-design-tokens/src/core/opacity.json +++ b/packages/calcite-design-tokens/src/core/opacity.json @@ -3,67 +3,387 @@ "opacity": { "0": { "value": "0%", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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..2ad144cae57 100644 --- a/packages/calcite-design-tokens/src/core/shadow.json +++ b/packages/calcite-design-tokens/src/core/shadow.json @@ -9,7 +9,27 @@ "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": "", + "pattern": "", + "element": "", + "category": "shadow", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } + } }, "1": { "value": { @@ -19,7 +39,27 @@ "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": "", + "pattern": "", + "element": "", + "category": "shadow", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } + } }, "2": { "value": { @@ -29,7 +69,27 @@ "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": "", + "pattern": "", + "element": "", + "category": "shadow", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } + } }, "3": { "value": { @@ -39,7 +99,27 @@ "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": "", + "pattern": "", + "element": "", + "category": "shadow", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "3", + "context": "", + "mode": "" + } + } }, "4": { "value": { @@ -49,7 +129,27 @@ "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": "", + "pattern": "", + "element": "", + "category": "shadow", + "group": "", + "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..fac962e2263 100644 --- a/packages/calcite-design-tokens/src/core/size.json +++ b/packages/calcite-design-tokens/src/core/size.json @@ -4,161 +4,941 @@ "default": { "none": { "value": "0", - "type": "sizing" + "type": "sizing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "relative", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/core/z-index.json b/packages/calcite-design-tokens/src/core/z-index.json index be716db9685..22344b8f8f4 100644 --- a/packages/calcite-design-tokens/src/core/z-index.json +++ b/packages/calcite-design-tokens/src/core/z-index.json @@ -3,39 +3,219 @@ "z-index": { "0": { "value": "-999999", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "core", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "9", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/semantic/border.json b/packages/calcite-design-tokens/src/semantic/border.json index 7d1d224bc62..581478eb6a3 100644 --- a/packages/calcite-design-tokens/src/semantic/border.json +++ b/packages/calcite-design-tokens/src/semantic/border.json @@ -4,39 +4,99 @@ "width": { "none": { "value": "{core.size.default.none}", - "type": "borderWidth" + "type": "borderWidth", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "border", + "group": "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": "", + "pattern": "", + "element": "", + "category": "border", + "group": "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": "", + "pattern": "", + "element": "", + "category": "border", + "group": "width", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "md", + "context": "", + "mode": "" + } + } }, "lg": { "value": "{core.size.default.4}", - "type": "borderWidth" - } - } - }, - "corner": { - "radius": { - "default": { - "value": "{semantic.corner.radius.sharp}", - "type": "borderRadius" - }, - "sharp": { - "value": "{core.size.default.none}", - "type": "borderRadius" - }, - "round": { - "value": "{core.size.default.4}", - "type": "borderRadius" - }, - "pill": { - "value": "{core.size.relative.100}", - "type": "borderRadius" + "type": "borderWidth", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "border", + "group": "width", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "lg", + "context": "", + "mode": "" + } + } } } } diff --git a/packages/calcite-design-tokens/src/semantic/color.json b/packages/calcite-design-tokens/src/semantic/color.json index 73e8c5c9c57..168a2839df3 100644 --- a/packages/calcite-design-tokens/src/semantic/color.json +++ b/packages/calcite-design-tokens/src/semantic/color.json @@ -7,11 +7,51 @@ "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "background", + "kind": "", + "appearance": "", + "property": "", + "variant": "none", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } }, "foreground": { @@ -20,92 +60,354 @@ "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": "", + "element": "", + "category": "color", + "pattern": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "sub-category": "", + "kind": "brand", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "brand", + "kind": "", + "appearance": "", + "property": "", + "variant": "underline", + "state": "", + "scale": "", + "context": "", + "mode": "" + } } } }, @@ -116,21 +418,81 @@ "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": "", + "pattern": "", + "element": "", + "category": "color", + "sub-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": "", + "pattern": "", + "element": "", + "category": "color", + "sub-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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "info", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } } }, "success": { @@ -139,21 +501,81 @@ "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "success", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } } }, "warning": { @@ -162,21 +584,81 @@ "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "warning", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } } }, "danger": { @@ -185,21 +667,81 @@ "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "status", + "kind": "danger", + "appearance": "", + "property": "", + "variant": "", + "state": "press", + "scale": "", + "context": "", + "mode": "" + } + } } } }, @@ -209,78 +751,358 @@ "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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": "", + "pattern": "", + "element": "", + "category": "color", + "group": "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..2b3b7c540e5 100644 --- a/packages/calcite-design-tokens/src/semantic/container-size.json +++ b/packages/calcite-design-tokens/src/semantic/container-size.json @@ -8,7 +8,27 @@ "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "height", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xxs", + "context": "", + "mode": "" + } + } }, "xs": { "value": { @@ -16,7 +36,27 @@ "max": "{core.container-size.328}" }, "type": "breakpoint", - "description": "Handheld devices" + "description": "Handheld devices", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "height", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xs", + "context": "", + "mode": "" + } + } }, "sm": { "value": { @@ -24,7 +64,27 @@ "max": "{core.container-size.504}" }, "type": "breakpoint", - "description": "Small tablets" + "description": "Small tablets", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "height", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "sm", + "context": "", + "mode": "" + } + } }, "md": { "value": { @@ -32,7 +92,27 @@ "max": "{core.container-size.678}" }, "type": "breakpoint", - "description": "Small laptops" + "description": "Small laptops", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "height", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "md", + "context": "", + "mode": "" + } + } }, "lg": { "value": { @@ -40,14 +120,54 @@ "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "height", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "height", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xl", + "context": "", + "mode": "" + } + } } }, "width": { @@ -57,7 +177,27 @@ "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "width", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xxs", + "context": "", + "mode": "" + } + } }, "xs": { "value": { @@ -65,7 +205,27 @@ "max": "{core.container-size.476}" }, "type": "breakpoint", - "description": "Handheld devices" + "description": "Handheld devices", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "width", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "xs", + "context": "", + "mode": "" + } + } }, "sm": { "value": { @@ -73,7 +233,27 @@ "max": "{core.container-size.768}" }, "type": "breakpoint", - "description": "Small tablets" + "description": "Small tablets", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "width", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "sm", + "context": "", + "mode": "" + } + } }, "md": { "value": { @@ -81,7 +261,27 @@ "max": "{core.container-size.1152}" }, "type": "breakpoint", - "description": "Small laptops" + "description": "Small laptops", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "width", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "md", + "context": "", + "mode": "" + } + } }, "lg": { "value": { @@ -89,34 +289,154 @@ "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "width", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "width", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "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": "", + "pattern": "", + "element": "", + "category": "breakpoint", + "group": "content", + "kind": "", + "appearance": "", + "property": "", + "variant": "fixed", + "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": "" + } + } + } + } + } + } +} diff --git a/packages/calcite-design-tokens/src/semantic/font.json b/packages/calcite-design-tokens/src/semantic/font.json index 2d723738c62..1e253583417 100644 --- a/packages/calcite-design-tokens/src/semantic/font.json +++ b/packages/calcite-design-tokens/src/semantic/font.json @@ -11,7 +11,27 @@ "{core.font.family.sansSerif}" ], "type": "fontFamilies", - "description": "Primary font with fallbacks" + "description": "Primary font with fallbacks", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "family", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "code": { "value": [ @@ -22,14 +42,54 @@ "{core.font.family.monospace}" ], "type": "fontFamilies", - "description": "Font family for code with fallbacks" + "description": "Font family for code with fallbacks", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "font", + "group": "family", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } }, "normal": { "value": "{core.font.weight.regular}", @@ -37,160 +97,820 @@ "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "weight", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "size", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "size", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "size", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "size", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "size", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "size", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "size", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "style", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "line-height", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "line-height", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "line-height", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "line-height", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "line-height", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "line-height", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "line-height", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "line-height", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "line-height", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "line-height", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "letter-spacing", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "letter-spacing", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "letter-spacing", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "paragraph-spacing", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "text-decoration", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "text-decoration", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "text-case", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "text-case", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "text-case", + "kind": "", + "appearance": "", + "property": "", + "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": "", + "pattern": "", + "element": "", + "category": "font", + "group": "text-case", + "kind": "", + "appearance": "", + "property": "", + "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..2e896928139 100644 --- a/packages/calcite-design-tokens/src/semantic/opacity.json +++ b/packages/calcite-design-tokens/src/semantic/opacity.json @@ -3,23 +3,123 @@ "opacity": { "light": { "value": "{core.opacity.40}", - "type": "opacity" + "type": "opacity", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "opacity", + "group": "", + "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..7b4f1a1b8eb 100644 --- a/packages/calcite-design-tokens/src/semantic/shadow.json +++ b/packages/calcite-design-tokens/src/semantic/shadow.json @@ -3,15 +3,75 @@ "shadow": { "none": { "value": "{core.shadow.0}", - "type": "boxShadow" + "type": "boxShadow", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "shadow", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "shadow", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "shadow", + "group": "", + "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..c93d2eb5a65 100644 --- a/packages/calcite-design-tokens/src/semantic/size.json +++ b/packages/calcite-design-tokens/src/semantic/size.json @@ -3,51 +3,291 @@ "size": { "px": { "value": "{core.size.default.1}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "sizing", + "group": "", + "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..ddc4d72c1ad 100644 --- a/packages/calcite-design-tokens/src/semantic/space.json +++ b/packages/calcite-design-tokens/src/semantic/space.json @@ -3,43 +3,243 @@ "spacing": { "px": { "value": "{core.size.default.1}", - "type": "spacing" + "type": "spacing", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "spacing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "spacing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "spacing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "spacing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "spacing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "spacing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "spacing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "spacing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "spacing", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "spacing", + "group": "", + "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..500b6e6ddb8 100644 --- a/packages/calcite-design-tokens/src/semantic/typography.json +++ b/packages/calcite-design-tokens/src/semantic/typography.json @@ -13,6 +13,26 @@ "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": "", + "pattern": "typography", + "element": "", + "category": "", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "", + "state": "", + "scale": "", + "context": "", + "mode": "" + } } }, "light": { @@ -25,6 +45,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "-3h", + "context": "", + "mode": "" + } } }, "-2h": { @@ -35,6 +75,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "-2h", + "context": "", + "mode": "" + } } }, "-1h": { @@ -44,6 +104,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "-1h", + "context": "", + "mode": "" + } } }, "0h": { @@ -55,6 +135,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "0h", + "context": "", + "mode": "" + } } }, "1h": { @@ -66,6 +166,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "1h", + "context": "", + "mode": "" + } } } }, @@ -78,6 +198,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "-3h", + "context": "", + "mode": "" + } } }, "-2h": { @@ -87,11 +227,51 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "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": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "-1h", + "context": "", + "mode": "" + } + } }, "0h": { "value": { @@ -101,6 +281,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "0h", + "context": "", + "mode": "" + } } }, "1h": { @@ -111,6 +311,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "1h", + "context": "", + "mode": "" + } } } }, @@ -124,6 +344,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "-3h", + "context": "", + "mode": "" + } } }, "-2h": { @@ -134,6 +374,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "-2h", + "context": "", + "mode": "" + } } }, "-1h": { @@ -143,6 +403,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "-1h", + "context": "", + "mode": "" + } } }, "0h": { @@ -154,6 +434,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "0h", + "context": "", + "mode": "" + } } }, "1h": { @@ -165,6 +465,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "1h", + "context": "", + "mode": "" + } } } }, @@ -178,6 +498,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "-3h", + "context": "", + "mode": "" + } } }, "-2h": { @@ -188,6 +528,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "-2h", + "context": "", + "mode": "" + } } }, "-1h": { @@ -197,6 +557,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "-1h", + "context": "", + "mode": "" + } } }, "0h": { @@ -208,6 +588,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "0h", + "context": "", + "mode": "" + } } }, "1h": { @@ -219,6 +619,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "default", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "1h", + "context": "", + "mode": "" + } } } } @@ -234,6 +654,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "-2", + "context": "", + "mode": "" + } } }, "-1": { @@ -244,6 +684,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "-1", + "context": "", + "mode": "" + } } }, @@ -256,6 +716,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } } }, "1": { @@ -267,6 +747,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } } }, "2": { @@ -278,6 +778,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } } }, "3": { @@ -289,6 +809,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "light", + "state": "", + "scale": "3", + "context": "", + "mode": "" + } } } }, @@ -301,6 +841,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "-2", + "context": "", + "mode": "" + } } }, "-1": { @@ -310,6 +870,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "-1", + "context": "", + "mode": "" + } } }, "0": { @@ -320,6 +900,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } } }, "1": { @@ -330,6 +930,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } } }, "2": { @@ -340,6 +960,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } } }, "3": { @@ -350,6 +990,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "regular", + "state": "", + "scale": "3", + "context": "", + "mode": "" + } } } }, @@ -363,6 +1023,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "-2", + "context": "", + "mode": "" + } } }, "-1": { @@ -373,6 +1053,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "-1", + "context": "", + "mode": "" + } } }, "0": { @@ -384,6 +1084,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } } }, "1": { @@ -395,6 +1115,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } } }, "2": { @@ -406,6 +1146,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } } }, "3": { @@ -417,6 +1177,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "medium", + "state": "", + "scale": "3", + "context": "", + "mode": "" + } } } }, @@ -430,6 +1210,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "0", + "context": "", + "mode": "" + } } }, "1": { @@ -441,6 +1241,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "1", + "context": "", + "mode": "" + } } }, "2": { @@ -452,6 +1272,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "2", + "context": "", + "mode": "" + } } }, "3": { @@ -463,6 +1303,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "3", + "context": "", + "mode": "" + } } }, "-2": { @@ -474,6 +1334,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "-2", + "context": "", + "mode": "" + } } }, "-1": { @@ -484,6 +1364,26 @@ "type": "typography", "extensions": { "calcite.extends": "{semantic.typography.default.default}" + }, + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "wrap", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "bold", + "state": "", + "scale": "-1", + "context": "", + "mode": "" + } } } } @@ -492,43 +1392,223 @@ "display": { "1": { "value": "{semantic.typography.wrap.bold.3}", - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "hierarchy", + "group": "", + "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": "", + "pattern": "typography", + "element": "", + "category": "hierarchy", + "group": "", + "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": "", + "pattern": "typography", + "element": "", + "category": "hierarchy", + "group": "", + "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": "", + "pattern": "typography", + "element": "", + "category": "hierarchy", + "group": "", + "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": "", + "pattern": "typography", + "element": "", + "category": "hierarchy", + "group": "", + "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": "", + "pattern": "typography", + "element": "", + "category": "hierarchy", + "group": "", + "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": "", + "pattern": "typography", + "element": "", + "category": "hierarchy", + "group": "", + "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": "", + "pattern": "typography", + "element": "", + "category": "hierarchy", + "group": "", + "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": "", + "pattern": "typography", + "element": "", + "category": "hierarchy", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "body", + "state": "", + "scale": "default", + "context": "", + "mode": "" + } + } } }, "overline": { @@ -537,11 +1617,51 @@ "textCase": "{semantic.font.text-case.uppercase}", "fontWeight": "{semantic.font.weight.bold}" }, - "type": "typography" + "type": "typography", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "typography", + "element": "", + "category": "hierarchy", + "group": "", + "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": "", + "pattern": "typography", + "element": "", + "category": "hierarchy", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "caption", + "state": "", + "scale": "default", + "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..e31952fc46e 100644 --- a/packages/calcite-design-tokens/src/semantic/z-index.json +++ b/packages/calcite-design-tokens/src/semantic/z-index.json @@ -3,43 +3,243 @@ "z-index": { "deep": { "value": "{core.z-index.0}", - "type": "z-index" + "type": "z-index", + "attributes": { + "calcite-schema": { + "system": "calcite", + "tier": "semantic", + "domain": "", + "component": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "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": "", + "pattern": "", + "element": "", + "category": "z-index", + "group": "", + "kind": "", + "appearance": "", + "property": "", + "variant": "tooltip", + "state": "", + "scale": "", + "context": "", + "mode": "" + } + } } } } 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", diff --git a/packages/calcite-design-tokens/support/token-transformer/registerCalciteTransformers.ts b/packages/calcite-design-tokens/support/token-transformer/registerCalciteTransformers.ts index 8a5e58d2ef8..7a6d9bc3ca7 100644 --- a/packages/calcite-design-tokens/support/token-transformer/registerCalciteTransformers.ts +++ b/packages/calcite-design-tokens/support/token-transformer/registerCalciteTransformers.ts @@ -14,11 +14,12 @@ 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 { registerValueFontFamilyWithFallbacks } from "./styleDictionary/transformer/value/valueFontFamilyFallbacks.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, @@ -28,6 +29,7 @@ export async function registerCalciteTransformers(sd: StyleDictionary): Promise< await registerTransforms(sd, { expand: false, }); + registerValueEvaluateMath(sd); registerAttributePlatformNames(sd); registerCustomJSONParser(sd); registerFilterSource(sd); @@ -43,7 +45,8 @@ export async function registerCalciteTransformers(sd: StyleDictionary): Promise< registerValueAssetToken(sd); registerValueEvaluateMath(sd); registerValueFontFamilyWithFallbacks(sd); - registerValueRGBA(sd); registerValueStringWrapper(sd); registerValueToREM(sd); + registerValueColorCSS(sd); + registerValueLineHeight(sd); } 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..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 @@ -2,20 +2,22 @@ import { Core as StyleDictionary } from "style-dictionary"; import * as prettier from "prettier"; import { CalledFormatterFunction, FormatterConfig } from "../../../types/styleDictionary/formatterArguments"; +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 = { 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); + delete token.original; + return token; + }), }; - for (let i = 0; i < args.dictionary.allTokens.length; i++) { - const token = args.dictionary.allTokens[i]; - - 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" }); }; 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 a3e975a3c01..8331cf8cb10 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,21 +1,22 @@ 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"; import { valueFontFamilyFallbacks } from "./value/valueFontFamilyFallbacks.js"; +import { CalciteValueToREM } from "./value/valueToREM.js"; export type TransformerTypeUnion = `${TransformerTypeEnum}`; @@ -28,26 +29,21 @@ 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, @@ -63,7 +59,7 @@ export const transformations: Record = { css: styles, sass: styles, scss: styles, - docs: js, + docs: [...globalTransformations, attributePlatformNames, nameSpacePath], js, es6, }; 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"; 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"; 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"; 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";