From 9d400676c13d370972ddcd6037fc1f8514cee615 Mon Sep 17 00:00:00 2001 From: Dale Sande Date: Wed, 10 Feb 2021 13:38:38 -0800 Subject: [PATCH] feat: #36 support deprecated:false flag for distribution of token data --- scripts/config.json | 18 ++- src/animation.json | 9 +- src/asset/font.json | 15 +- src/breakpoint.json | 9 +- src/color/alert.json | 27 ++-- src/color/background.json | 12 +- src/color/base.json | 71 ++++++--- src/color/border.json | 30 ++-- src/color/brand.json | 180 +++++++++++++++++------ src/color/icon.json | 24 ++-- src/color/text.json | 30 ++-- src/color/ui.json | 24 ++-- src/depth.json | 12 +- src/shadow.json | 3 +- src/size/radius.json | 3 +- src/size/scale.json | 30 ++-- src/size/unitless-scale.json | 24 ++-- src/text.json | 270 +++++++++++++++++++++++------------ 18 files changed, 552 insertions(+), 239 deletions(-) diff --git a/scripts/config.json b/scripts/config.json index 34dacb3..7954edb 100644 --- a/scripts/config.json +++ b/scripts/config.json @@ -218,7 +218,8 @@ "destination": "JSObject--allTokens.js", "format": "javascript/module", "filter": { - "public": true + "public": true, + "deprecated": false } } ] @@ -232,6 +233,21 @@ "format": "css/variables" } ] + }, + "JSObject--deprecatedTokens": { + "transformGroup": "js", + "comment": "File type: JS; data type: JS; filter: deprecated", + "buildPath": "./dist/tokens/", + "transforms": ["attribute/cti", "name/cti/kebab", "color/css"], + "files": [ + { + "destination": "JSObject--deprecated.js", + "format": "javascript/module", + "filter": { + "deprecated": true + } + } + ] } } } diff --git a/src/animation.json b/src/animation.json index c87bc33..f460193 100644 --- a/src/animation.json +++ b/src/animation.json @@ -4,17 +4,20 @@ "property": { "value": "all", "legacy": true, - "public": true + "public": true, + "deprecated": false }, "duration": { "value": "0.3s", "legacy": true, - "public": true + "public": true, + "deprecated": false }, "timing": { "value": "ease-out", "legacy": true, - "public": true + "public": true, + "deprecated": false } } } diff --git a/src/asset/font.json b/src/asset/font.json index 677712f..ff8aa1d 100644 --- a/src/asset/font.json +++ b/src/asset/font.json @@ -5,27 +5,32 @@ "familyName": { "value": "AS Circular", "legacy": true, - "public": true + "public": true, + "deprecated": false }, "filename": { "value": "ASCircularWeb", "legacy": true, - "public": true + "public": true, + "deprecated": false }, "weight": { "light": { "value": "-Light", "legacy": true, - "public": true + "public": true, + "deprecated": false }, "medium": { "value": "-Medium", - "public": true + "public": true, + "deprecated": false }, "book": { "value": "-Book", "legacy": true, - "public": true + "public": true, + "deprecated": false } } } diff --git a/src/breakpoint.json b/src/breakpoint.json index 5c0ff43..09db2dd 100644 --- a/src/breakpoint.json +++ b/src/breakpoint.json @@ -2,15 +2,18 @@ "breakpoint": { "sm": { "value": "660px", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "1024px", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "1232px", - "public": true + "public": true, + "deprecated": false } } } diff --git a/src/color/alert.json b/src/color/alert.json index 35036da..74e2e58 100644 --- a/src/color/alert.json +++ b/src/color/alert.json @@ -7,14 +7,16 @@ "public": true, "onLight": true, "usage": "Notification color on light backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false }, "onDark": { "value": "{color.brand.breeze.300.value}", "public": true, "onDark": true, "usage": "Notification color on dark backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false } }, "warning": { @@ -23,7 +25,8 @@ "public": true, "onLight": true, "usage": "Warning color on light backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false } }, "error": { @@ -32,14 +35,16 @@ "public": true, "onLight": true, "usage": "Error color on light backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false }, "onDark": { "value": "{color.state.error.100.value}", "public": true, "onDark": true, "usage": "Error color on dark backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false } }, "success": { @@ -48,14 +53,16 @@ "public": true, "onLight": true, "usage": "Success color on light backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false }, "onDark": { "value": "{color.state.success.100.value}", "public": true, "onDark": true, "usage": "Success color on dark backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false } }, "advisory": { @@ -64,14 +71,16 @@ "public": true, "onLight": true, "usage": "Travel advisory or system maintenance color on light backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false }, "onDark": { "value": "{color.brand.goldcoast.100.value}", "public": true, "onDark": true, "usage": "Travel advisory or system maintenance color on dark backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false } } } diff --git a/src/color/background.json b/src/color/background.json index 5fd27f0..234a1a2 100644 --- a/src/color/background.json +++ b/src/color/background.json @@ -6,28 +6,32 @@ "public": true, "neutral": true, "usage": "Used for creating light backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "lighter": { "value": "{color.base.gray.100.value}", "public": true, "neutral": true, "usage": "Used for creating light backgrounds @ 90% white", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "darker": { "value": "{color.brand.midnight.400.value}", "public": true, "neutral": true, "usage": "Used for creating dark backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "darkest": { "value": "{color.brand.midnight.500.value}", "public": true, "neutral": true, "usage": "Used for creating dark backgrounds @ 20% darker", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } } } diff --git a/src/color/base.json b/src/color/base.json index 797f852..2da68c3 100644 --- a/src/color/base.json +++ b/src/color/base.json @@ -5,73 +5,103 @@ "value": "ffffff", "comment": "{comments.color.base.value.comment}", "legacy": true, - "public": true + "public": true, + "deprecated": false }, "white-opacity-40": { "value": "ffffff66", "comment": "white @ 40%", "public": true, - "opacity": true + "opacity": true, + "deprecated": false }, "black": { "value": "000000", "comment": "{comments.color.base.value.comment}", "legacy": true, - "public": true + "public": true, + "deprecated": false }, "black-opacity-15": { "value": "00000026", "comment": "black @ 15%", "public": true, - "opacity": true + "opacity": true, + "deprecated": false }, "gray": { "100": { "value": "f8f8f8", + "version": "3.0.1", "public": true, "neutral": true, "usage": "Neutral accent", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": true, + "reference": "color-brand-gray-100", + "comment": "{comments.reference.comment} color-brand-gray-100" }, "200": { "value": "dbdbdb", "public": true, "neutral": true, "usage": "Neutral accent", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": true, + "version": "3.0.1", + "reference": "color-brand-gray-200", + "comment": "{comments.reference.comment} color-brand-gray-200" }, "300": { "value": "b2b2b2", "public": true, "neutral": true, "usage": "Neutral accent", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": true, + "version": "3.0.1", + "reference": "color-brand-gray-300", + "comment": "{comments.reference.comment} color-brand-gray-300" }, "400": { "value": "767676", "public": true, "neutral": true, "usage": "Neutral accent", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": true, + "version": "3.0.1", + "reference": "color-brand-gray-400", + "comment": "{comments.reference.comment} color-brand-gray-400" }, "500": { "value": "222222", "public": true, "neutral": true, "usage": "Neutral accent", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": true, + "version": "3.0.1", + "reference": "color-brand-gray-500", + "comment": "{comments.reference.comment} color-brand-gray-500" } }, "neutral": { "400": { "value": "9fabbb", - "comment": "{comments.color.base.value.comment}", - "public": true + "public": true, + "deprecated": true, + "version": "3.0.1", + "reference": "color-brand-neutral-400", + "comment": "{comments.reference.comment} color-brand-neutral-400" }, "500": { "value": "626b79", - "comment": "{comments.color.base.value.comment}", - "public": true + "public": true, + "deprecated": true, + "version": "3.0.1", + "reference": "color-brand-neutral-500", + "comment": "{comments.reference.comment} color-brand-neutral-500" } } }, @@ -79,27 +109,32 @@ "error": { "100": { "value": "ff999b", - "public": true + "public": true, + "deprecated": false }, "500": { "value": "df0b37", - "public": true + "public": true, + "deprecated": false } }, "success": { "100": { "value": "69cf96", - "public": true + "public": true, + "deprecated": false }, "500": { "value": "00805d", - "public": true + "public": true, + "deprecated": false } }, "warning": { "500": { "value": "de750c", - "public": true + "public": true, + "deprecated": false } } } diff --git a/src/color/border.json b/src/color/border.json index 7febaa6..b718194 100644 --- a/src/color/border.json +++ b/src/color/border.json @@ -7,14 +7,16 @@ "public": true, "onLight": true, "usage": "Primary border color on light backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "onDark": { "value": "{color.base.white-opacity-40.value}", "public": true, "onDark": true, "usage": "Primary border color on dark background", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } }, "active": { @@ -23,14 +25,16 @@ "public": true, "onLight": true, "usage": "Active border color on light backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "onDark": { "value": "{color.brand.breeze.300.value}", "public": true, "onDark": true, "usage": "Active border color on dark backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } }, "error": { @@ -39,14 +43,16 @@ "public": true, "onLight": true, "usage": "Error states border color on light backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "onDark": { "value": "{color.state.error.100.value}", "public": true, "onDark": true, "usage": "Error states border color on dark background", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } }, "disabled": { @@ -55,14 +61,16 @@ "public": true, "onLight": true, "usage": "Disabled border color on light backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "onDark": { "value": "{color.base.gray.200.value}", "public": true, "onDark": true, "usage": "Disabled border color on dark background", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } }, "Focus": { @@ -71,14 +79,16 @@ "public": true, "onLight": true, "usage": "Focus border color for light backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "onDark": { "value": "{color.base.white.value}", "public": true, "onDark": true, "usage": "Focus border color for dark backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } } } diff --git a/src/color/brand.json b/src/color/brand.json index ad39b4f..e8a01b0 100644 --- a/src/color/brand.json +++ b/src/color/brand.json @@ -8,7 +8,8 @@ "public": true, "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "200": { "value": "569ed7", @@ -16,7 +17,8 @@ "public": true, "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "300": { "value": "156fad", @@ -24,7 +26,8 @@ "public": true, "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "400": { "value": "01426a", @@ -32,7 +35,8 @@ "public": true, "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "500": { "value": "00274a", @@ -40,7 +44,8 @@ "public": true, "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } }, "atlas": { @@ -50,7 +55,8 @@ "public": true, "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "200": { "value": "6bb7fb", @@ -58,7 +64,8 @@ "public": true, "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "300": { "value": "2492eb", @@ -66,7 +73,8 @@ "public": true, "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "400": { "value": "0074cb", @@ -74,7 +82,8 @@ "public": true, "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "400-opacity-20": { "value": "0074cb33", @@ -87,7 +96,8 @@ "public": true, "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } }, "breeze": { @@ -97,7 +107,8 @@ "public": true, "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "200": { "value": "5de3f7", @@ -105,7 +116,8 @@ "public": true, "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "300": { "value": "00cff0", @@ -113,14 +125,16 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "300-opacity-30": { "value": "00cff04d", "comment": "breeze 300 @ 30%", "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "400": { "value": "099dc5", @@ -128,7 +142,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "500": { "value": "0b5575", @@ -136,7 +151,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } }, "tropical": { @@ -146,7 +162,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "200": { "value": "d0fba6", @@ -154,7 +171,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "300": { "value": "c0e585", @@ -162,7 +180,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "400": { "value": "91be62", @@ -170,7 +189,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "500": { "value": "5e8741", @@ -178,7 +198,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Transactional colors to move guests through task-based interactions.", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } }, "alpine": { @@ -188,7 +209,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "200": { "value": "9e73ea", @@ -196,7 +218,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "300": { "value": "8439ef", @@ -204,7 +227,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "400": { "value": "631db8", @@ -212,7 +236,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "500": { "value": "39115c", @@ -220,7 +245,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } }, "flamingo": { @@ -230,7 +256,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "200": { "value": "ffc0ca", @@ -238,7 +265,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "300": { "value": "ff94a7", @@ -246,7 +274,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "400": { "value": "F65b7b", @@ -254,7 +283,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "500": { "value": "b82b47", @@ -262,7 +292,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } }, "canyon": { @@ -272,7 +303,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "200": { "value": "f99574", @@ -280,7 +312,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "300": { "value": "f26135", @@ -288,7 +321,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "400": { "value": "de3e09", @@ -296,7 +330,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "500": { "value": "b83302", @@ -304,7 +339,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } }, "goldcoast": { @@ -314,7 +350,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "200": { "value": "ffdb67", @@ -322,7 +359,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "300": { "value": "ffd200", @@ -330,7 +368,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "400": { "value": "e5ad07", @@ -338,7 +377,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "500": { "value": "b88624", @@ -346,7 +386,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "Conversational colors add warmth and energy to our experience", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } }, "neutral": { @@ -356,7 +397,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "TBD...", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "200": { "value": "e2eaef", @@ -364,7 +406,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "TBD...", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "300": { "value": "cbd8e2", @@ -372,7 +415,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "TBD...", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "400": { "value": "9fabbb", @@ -380,7 +424,8 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "TBD...", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "500": { "value": "626b79", @@ -388,7 +433,50 @@ "comment": "{comments.color.brand.value.comment}", "neutral": true, "usage": "TBD...", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false + } + }, + "gray": { + "100": { + "value": "f8f8f8", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "200": { + "value": "dbdbdb", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "300": { + "value": "b2b2b2", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "400": { + "value": "767676", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false + }, + "500": { + "value": "222222", + "public": true, + "neutral": true, + "usage": "Neutral accent", + "wcag": "n/a", + "deprecated": false } } } diff --git a/src/color/icon.json b/src/color/icon.json index 4212685..84cb56b 100644 --- a/src/color/icon.json +++ b/src/color/icon.json @@ -7,14 +7,16 @@ "public": true, "onLight": true, "usage": "Primary color for icons on light backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false }, "onDark": { "value": "{color.base.neutral.400.value}", "public": true, "onDark": true, "usage": "Primary color for icons on dark backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false } }, "emphasis": { @@ -23,14 +25,16 @@ "public": true, "onLight": true, "usage": "Emphasis or darkest icon color on light backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false }, "onDark": { "value": "{color.base.white.value}", "public": true, "onDark": true, "usage": "Emphasis or lightest icon color on dark backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false } }, "accent": { @@ -39,14 +43,16 @@ "public": true, "onLight": true, "usage": "Accent color for icon color on light backgrounds", - "wcag": "AA" + "wcag": "AA", + "deprecated": false }, "onDark": { "value": "{color.brand.breeze.300.value}", "public": true, "onDark": true, "usage": "Accent color for icon color on dark backgrounds", - "wcag": "AA" + "wcag": "AA", + "deprecated": false } }, "disabled": { @@ -55,14 +61,16 @@ "public": true, "onLight": true, "usage": "Disabled icon color on light backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "onDark": { "value": "{color.base.white-opacity-40.value}", "public": true, "onDark": true, "usage": "Disabled icon color on dark backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } } } diff --git a/src/color/text.json b/src/color/text.json index c7f073b..b23a2e7 100644 --- a/src/color/text.json +++ b/src/color/text.json @@ -7,14 +7,16 @@ "public": true, "onLight": true, "usage": "Primary color for body and header text on light backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false }, "onDark": { "value": "{color.base.white.value}", "public": true, "onDark": true, "usage": "Primary color for body and header text on dark backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false } }, "secondary": { @@ -23,14 +25,16 @@ "public": true, "onLight": true, "usage": "Secondary color for body text on light backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false }, "onDark": { "value": "{color.base.neutral.400.value}", "public": true, "onDark": true, "usage": "Secondary color for body text on dark backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false } }, "link": { @@ -39,14 +43,16 @@ "public": true, "onLight": true, "usage": "Link text color on light backgrounds", - "wcag": "AA" + "wcag": "AA", + "deprecated": false }, "onDark": { "value": "{color.brand.breeze.300.value}", "public": true, "onDark": true, "usage": "Link text color on light backgrounds", - "wcag": "AA" + "wcag": "AA", + "deprecated": false } }, "error": { @@ -55,14 +61,16 @@ "public": true, "onLight": true, "usage": "Error text color on light backgrounds", - "wcag": "AA" + "wcag": "AA", + "deprecated": false }, "onDark": { "value": "{color.state.error.100.value}", "public": true, "onDark": true, "usage": "Error text color on dark backgrounds", - "wcag": "AA" + "wcag": "AA", + "deprecated": false } }, "disabled": { @@ -71,14 +79,16 @@ "public": true, "onLight": true, "usage": "Disabled text color on light backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "onDark": { "value": "{color.base.gray.200.value}", "public": true, "onDark": true, "usage": "Disabled text color on dark backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } } } diff --git a/src/color/ui.json b/src/color/ui.json index 71ceb15..caba394 100644 --- a/src/color/ui.json +++ b/src/color/ui.json @@ -7,14 +7,16 @@ "public": true, "onLight": true, "usage": "Primary interaction color on light backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false }, "onDark": { "value": "{color.brand.breeze.300.value}", "public": true, "onDark": true, "usage": "Primary interaction color on dark backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false } }, "hover": { @@ -23,14 +25,16 @@ "public": true, "onLight": true, "usage": "Hover interaction color on light backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false }, "onDark": { "value": "{color.brand.breeze.200.value}", "public": true, "onDark": true, "usage": "Hover interaction color on dark backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false } }, "active": { @@ -39,14 +43,16 @@ "public": true, "onLight": true, "usage": "Active interaction color on light backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false }, "onDark": { "value": "{color.brand.breeze.200.value}", "public": true, "onDark": true, "usage": "Active interaction color on dark backgrounds", - "wcag": "AAA" + "wcag": "AAA", + "deprecated": false } }, "disabled": { @@ -55,14 +61,16 @@ "public": true, "onLight": true, "usage": "Disabled interaction color on light backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false }, "onDark": { "value": "{color.brand.breeze.300-opacity-30.value}", "public": true, "onDark": true, "usage": "Disabled interaction color on dark backgrounds", - "wcag": "n/a" + "wcag": "n/a", + "deprecated": false } } } diff --git a/src/depth.json b/src/depth.json index e645915..47e530f 100644 --- a/src/depth.json +++ b/src/depth.json @@ -19,22 +19,26 @@ "dialog": { "value": "{depth.100.value}", "public": true, - "legacy": true + "legacy": true, + "deprecated": false }, "overlay": { "value": "{depth.200.value}", "public": true, - "legacy": true + "legacy": true, + "deprecated": false }, "modal": { "value": "{depth.300.value}", "public": true, - "legacy": true + "legacy": true, + "deprecated": false }, "tooltip": { "value": "{depth.300.value}", "public": true, - "legacy": true + "legacy": true, + "deprecated": false } } } diff --git a/src/shadow.json b/src/shadow.json index 7cc67f7..db596ba 100644 --- a/src/shadow.json +++ b/src/shadow.json @@ -4,7 +4,8 @@ "classic": { "value": "0 0 3px 0 rgba(0, 0, 0, 0.35)", "classic": true, - "legacy": true + "legacy": true, + "deprecated": false } } } diff --git a/src/size/radius.json b/src/size/radius.json index b8c6472..5e5ca9e 100644 --- a/src/size/radius.json +++ b/src/size/radius.json @@ -2,7 +2,8 @@ "border": { "radius": { "value": "0.375rem", - "public": true + "public": true, + "deprecated": false } } } diff --git a/src/size/scale.json b/src/size/scale.json index ce73d02..5e7b69c 100644 --- a/src/size/scale.json +++ b/src/size/scale.json @@ -143,60 +143,70 @@ "none": { "value": "0", "comment": "style guide value 0", - "public": true + "public": true, + "deprecated": false }, "xxxs": { "value": 0.125, "comment": "style guide value 2px", - "public": true + "public": true, + "deprecated": false }, "xxs": { "value": 0.25, "comment": "style guide value 4px", - "public": true + "public": true, + "deprecated": false }, "xs": { "value": 0.5, "comment": "style guide value 8px", - "public": true + "public": true, + "deprecated": false }, "sm": { "value": 0.75, "comment": "style guide value 12px", - "public": true + "public": true, + "deprecated": false }, "md": { "value": 1, "comment": "style guide value 16px", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": 1.5, "comment": "style guide value 24px", - "public": true + "public": true, + "deprecated": false }, "xl": { "value": 2, "comment": "style guide value 32px", - "public": true + "public": true, + "deprecated": false }, "xxl": { "value": 3, "comment": "style guide value 48px", - "public": true + "public": true, + "deprecated": false }, "xxxl": { "value": 4, "comment": "style guide value 64px", - "public": true + "public": true, + "deprecated": false } } } diff --git a/src/size/unitless-scale.json b/src/size/unitless-scale.json index 1340797..e27153c 100644 --- a/src/size/unitless-scale.json +++ b/src/size/unitless-scale.json @@ -3,26 +3,31 @@ "scale": { "20": { "value": 0.25, - "public": true + "public": true, + "deprecated": false }, "50": { "value": 0.5, - "public": true + "public": true, + "deprecated": false }, "100": { "value": 1, - "public": true + "public": true, + "deprecated": false }, "120": { "value": 1.25 }, "140": { "value": 1.4, - "public": true + "public": true, + "deprecated": false }, "150": { "value": 1.5, - "public": true + "public": true, + "deprecated": false }, "160": { "value": 1.625 @@ -35,7 +40,8 @@ }, "200": { "value": 2, - "public": true + "public": true, + "deprecated": false }, "210": { "value": 2.125 @@ -54,14 +60,16 @@ }, "300": { "value": 3, - "public": true + "public": true, + "deprecated": false }, "330": { "value": 3.375 }, "350": { "value": 3.5, - "public": true + "public": true, + "deprecated": false }, "370": { "value": 3.75 diff --git a/src/text.json b/src/text.json index a8f28ce..5569325 100644 --- a/src/text.json +++ b/src/text.json @@ -3,29 +3,35 @@ "family": { "default": { "value": "'{asset.font.circular.familyName.value}', Helvetica Neue, Arial, sans-serif", - "public": true + "public": true, + "deprecated": false }, "mono": { "value": "Menlo, Monaco, Consolas, 'Courier New', monospace", "legacy": true, - "public": true + "public": true, + "deprecated": false } }, "spacing": { - "value": "-0.2px" + "value": "-0.2px", + "deprecated": false }, "weight": { "100": { "value": "100", - "comment": "value to support ASCircularWeb-Light" + "comment": "value to support ASCircularWeb-Light", + "deprecated": false }, "300": { "value": "300", - "comment": "value to support ASCircularWeb-Mdium" + "comment": "value to support ASCircularWeb-Mdium", + "deprecated": false }, "500": { "value": "500", - "comment": "value to support ASCircularWeb-Book" + "comment": "value to support ASCircularWeb-Book", + "deprecated": false } } }, @@ -34,41 +40,49 @@ "default": { "weight": { "value": "{font.weight.500.value}", - "public": true + "public": true, + "deprecated": false }, "margin": { "value": "0", - "public": true + "public": true, + "deprecated": false }, "spacing": { "value": "{font.spacing.value}", - "public": true + "public": true, + "deprecated": false } }, "medium": { "weight": { "value": "{font.weight.300.value}", - "public": true + "public": true, + "deprecated": false } }, "display": { "weight": { "value": "{font.weight.100.value}", - "public": true + "public": true, + "deprecated": false }, "px": { "breakpoint" : { "sm": { "value": "{size.font.scale.responsive.270.px.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.300.px.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.350.px.value}", - "public": true + "public": true, + "deprecated": false } } }, @@ -76,15 +90,18 @@ "breakpoint": { "sm": { "value": "{size.font.scale.responsive.270.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.300.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.350.value}", - "public": true + "public": true, + "deprecated": false } } }, @@ -92,27 +109,33 @@ "breakpoint": { "sm": { "value": "{size.font.scale.responsive.330.value}", - "public": true + "public": true, + "deprecated": false }, "px-sm": { "value": "{size.font.scale.responsive.330.px.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.370.value}", - "public": true + "public": true, + "deprecated": false }, "px-md": { "value": "{size.font.scale.responsive.370.px.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.420.value}", - "public": true + "public": true, + "deprecated": false }, "px-lg": { "value": "{size.font.scale.responsive.420.px.value}", - "public": true + "public": true, + "deprecated": false } } } @@ -120,21 +143,25 @@ "800": { "weight": { "value": "{font.weight.300.value}", - "public": true + "public": true, + "deprecated": false }, "px": { "breakpoint": { "sm": { "value": "{size.font.scale.responsive.200.px.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.220.px.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.250.px.value}", - "public": true + "public": true, + "deprecated": false } } }, @@ -142,15 +169,18 @@ "breakpoint": { "sm": { "value": "{size.font.scale.responsive.200.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.220.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.250.value}", - "public": true + "public": true, + "deprecated": false } } }, @@ -158,27 +188,33 @@ "breakpoint": { "sm": { "value": "{size.font.scale.responsive.230.value}", - "public": true + "public": true, + "deprecated": false }, "px-sm": { "value": "{size.font.scale.responsive.230.px.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.260.value}", - "public": true + "public": true, + "deprecated": false }, "px-md": { "value": "{size.font.scale.responsive.260.px.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.300.value}", - "public": true + "public": true, + "deprecated": false }, "px-lg": { "value": "{size.font.scale.responsive.300.px.value}", - "public": true + "public": true, + "deprecated": false } } } @@ -186,21 +222,25 @@ "700": { "weight": { "value": "{font.weight.300.value}", - "public": true + "public": true, + "deprecated": false }, "px": { "breakpoint": { "sm": { "value": "{size.font.scale.responsive.170.px.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.200.px.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.220.px.value}", - "public": true + "public": true, + "deprecated": false } } }, @@ -208,15 +248,18 @@ "breakpoint": { "sm": { "value": "{size.font.scale.responsive.170.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.200.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.220.value}", - "public": true + "public": true, + "deprecated": false } } }, @@ -224,27 +267,33 @@ "breakpoint": { "sm": { "value": "{size.font.scale.responsive.210.value}", - "public": true + "public": true, + "deprecated": false }, "px-sm": { "value": "{size.font.scale.responsive.210.px.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.230.value}", - "public": true + "public": true, + "deprecated": false }, "px-md": { "value": "{size.font.scale.responsive.230.px.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.270.value}", - "public": true + "public": true, + "deprecated": false }, "px-lg": { "value": "{size.font.scale.responsive.270.px.value}", - "public": true + "public": true, + "deprecated": false } } } @@ -254,15 +303,18 @@ "breakpoint": { "sm": { "value": "{size.font.scale.responsive.160.px.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.170.px.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.170.px.value}", - "public": true + "public": true, + "deprecated": false } } }, @@ -270,15 +322,18 @@ "breakpoint": { "sm": { "value": "{size.font.scale.responsive.160.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.170.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.170.value}", - "public": true + "public": true, + "deprecated": false } } }, @@ -286,27 +341,33 @@ "breakpoint": { "sm": { "value": "{size.font.scale.responsive.180.value}", - "public": true + "public": true, + "deprecated": false }, "px-sm": { "value": "{size.font.scale.responsive.180.px.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.210.value}", - "public": true + "public": true, + "deprecated": false }, "px-md": { "value": "{size.font.scale.responsive.210.px.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.220.value}", - "public": true + "public": true, + "deprecated": false }, "px-lg": { "value": "{size.font.scale.responsive.220.px.value}", - "public": true + "public": true, + "deprecated": false } } } @@ -316,15 +377,18 @@ "breakpoint": { "sm": { "value": "{size.font.scale.base.130.px.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.base.150.px.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.base.150.px.value}", - "public": true + "public": true, + "deprecated": false } } }, @@ -332,15 +396,18 @@ "breakpoint": { "sm": { "value": "{size.font.scale.base.130.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.base.150.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.base.150.value}", - "public": true + "public": true, + "deprecated": false } } }, @@ -348,27 +415,33 @@ "breakpoint": { "sm": { "value": "{size.font.scale.responsive.160.value}", - "public": true + "public": true, + "deprecated": false }, "px-sm": { "value": "{size.font.scale.responsive.160.px.value}", - "public": true + "public": true, + "deprecated": false }, "md": { "value": "{size.font.scale.responsive.180.value}", - "public": true + "public": true, + "deprecated": false }, "px-md": { "value": "{size.font.scale.responsive.180.px.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.200.value}", - "public": true + "public": true, + "deprecated": false }, "px-lg": { "value": "{size.font.scale.responsive.200.px.value}", - "public": true + "public": true, + "deprecated": false } } } @@ -376,37 +449,45 @@ "400": { "px": { "value": "{size.font.scale.base.120.px.value}", - "public": true + "public": true, + "deprecated": false }, "size": { "value": "{size.font.scale.base.120.value}", - "public": true + "public": true, + "deprecated": false }, "height": { "value": "{size.font.scale.responsive.160.value}", - "public": true + "public": true, + "deprecated": false }, "height-px": { "value": "{size.font.scale.responsive.160.px.value}", - "public": true + "public": true, + "deprecated": false } }, "300": { "px": { "value": "{size.font.scale.base.110.px.value}", - "public": true + "public": true, + "deprecated": false }, "size": { "value": "{size.font.scale.base.110.value}", - "public": true + "public": true, + "deprecated": false }, "height": { "value": "{size.font.scale.responsive.160.value}", - "public": true + "public": true, + "deprecated": false }, "height-px": { "value": "{size.font.scale.responsive.160.px.value}", - "public": true + "public": true, + "deprecated": false } } }, @@ -414,43 +495,52 @@ "default": { "weight": { "value": "{font.weight.500.value}", - "public": true + "public": true, + "deprecated": false } }, "size": { "xs": { "value": "{size.font.scale.base.70.value}", - "public": true + "public": true, + "deprecated": false }, "sm": { "value": "{size.font.scale.base.80.value}", - "public": true + "public": true, + "deprecated": false }, "default": { "value": "{size.font.scale.base.100.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.base.110.value}", - "public": true + "public": true, + "deprecated": false } }, "height": { "xs": { "value": "{size.font.scale.base.100.value}", - "public": true + "public": true, + "deprecated": false }, "sm": { "value": "{size.font.scale.base.120.value}", - "public": true + "public": true, + "deprecated": false }, "default": { "value": "{size.font.scale.base.150.value}", - "public": true + "public": true, + "deprecated": false }, "lg": { "value": "{size.font.scale.responsive.160.value}", - "public": true + "public": true, + "deprecated": false } } }