From f5d3badde28263a11cfed10ec0be9f41fff0ed69 Mon Sep 17 00:00:00 2001 From: Roberto Redradix Date: Wed, 13 Sep 2023 12:17:01 +0200 Subject: [PATCH] chore(demo): update generated files --- .../demos/demo-json/design-tokens/colors.json | 137 ----------------- .../design-tokens/colors.tokens.json | 138 ++++++++++++++++++ .../demo-json/design-tokens/typographies.json | 132 ----------------- .../design-tokens/typographies.tokens.json | 113 ++++++++++++++ .../demos/demo-json/penpot-export.config.js | 4 +- 5 files changed, 253 insertions(+), 271 deletions(-) delete mode 100644 packages/demos/demo-json/design-tokens/colors.json create mode 100644 packages/demos/demo-json/design-tokens/colors.tokens.json delete mode 100644 packages/demos/demo-json/design-tokens/typographies.json create mode 100644 packages/demos/demo-json/design-tokens/typographies.tokens.json diff --git a/packages/demos/demo-json/design-tokens/colors.json b/packages/demos/demo-json/design-tokens/colors.json deleted file mode 100644 index 8f7299c..0000000 --- a/packages/demos/demo-json/design-tokens/colors.json +++ /dev/null @@ -1,137 +0,0 @@ -[ - { - "scope": "EasyFest: Design System & Landing page", - "name": "Primary 900", - "value": "#006e54ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Secondary 500", - "value": "#bf98feff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Secondary 400", - "value": "#cfb3ffff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Neutral 100", - "value": "#f7f8f9ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Neutral 500", - "value": "#8590a2ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Primary 200", - "value": "#caffe9ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Secondary 800", - "value": "#691fd1ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Primary 100", - "value": "#e9fff7ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Secondary 200", - "value": "#f0e8ffff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Neutral 200", - "value": "#f1f2f4ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Neutral 300", - "value": "#dcdfe4ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Neutral 700", - "value": "#626f86ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Neutral 400", - "value": "#b3b9c4ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Neutral 600", - "value": "#758195ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Secondary 600", - "value": "#9453f9ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Primary 300", - "value": "#9affd9ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Primary 400", - "value": "#5afbc7ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Secondary 300", - "value": "#e4d4ffff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Primary 800", - "value": "#008b69ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Neutral 900", - "value": "#172b4dff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Neutral 800", - "value": "#44546fff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Secondary 900", - "value": "#5b1faaff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Primary 700", - "value": "#00ae7fff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Secondary 700", - "value": "#7d30edff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Primary 500", - "value": "#31efb8ff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Secondary 100", - "value": "#f9f5ffff" - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Primary 600", - "value": "#00d59aff" - } -] \ No newline at end of file diff --git a/packages/demos/demo-json/design-tokens/colors.tokens.json b/packages/demos/demo-json/design-tokens/colors.tokens.json new file mode 100644 index 0000000..97b2e5d --- /dev/null +++ b/packages/demos/demo-json/design-tokens/colors.tokens.json @@ -0,0 +1,138 @@ +{ + "$description": "EasyFest: Design System & Landing page", + "Primary_900": { + "$description": "Primary 900", + "$type": "color", + "$value": "#006e54ff" + }, + "Secondary_500": { + "$description": "Secondary 500", + "$type": "color", + "$value": "#bf98feff" + }, + "Secondary_400": { + "$description": "Secondary 400", + "$type": "color", + "$value": "#cfb3ffff" + }, + "Neutral_100": { + "$description": "Neutral 100", + "$type": "color", + "$value": "#f7f8f9ff" + }, + "Neutral_500": { + "$description": "Neutral 500", + "$type": "color", + "$value": "#8590a2ff" + }, + "Primary_200": { + "$description": "Primary 200", + "$type": "color", + "$value": "#caffe9ff" + }, + "Secondary_800": { + "$description": "Secondary 800", + "$type": "color", + "$value": "#691fd1ff" + }, + "Primary_100": { + "$description": "Primary 100", + "$type": "color", + "$value": "#e9fff7ff" + }, + "Secondary_200": { + "$description": "Secondary 200", + "$type": "color", + "$value": "#f0e8ffff" + }, + "Neutral_200": { + "$description": "Neutral 200", + "$type": "color", + "$value": "#f1f2f4ff" + }, + "Neutral_300": { + "$description": "Neutral 300", + "$type": "color", + "$value": "#dcdfe4ff" + }, + "Neutral_700": { + "$description": "Neutral 700", + "$type": "color", + "$value": "#626f86ff" + }, + "Neutral_400": { + "$description": "Neutral 400", + "$type": "color", + "$value": "#b3b9c4ff" + }, + "Neutral_600": { + "$description": "Neutral 600", + "$type": "color", + "$value": "#758195ff" + }, + "Secondary_600": { + "$description": "Secondary 600", + "$type": "color", + "$value": "#9453f9ff" + }, + "Primary_300": { + "$description": "Primary 300", + "$type": "color", + "$value": "#9affd9ff" + }, + "Primary_400": { + "$description": "Primary 400", + "$type": "color", + "$value": "#5afbc7ff" + }, + "Secondary_300": { + "$description": "Secondary 300", + "$type": "color", + "$value": "#e4d4ffff" + }, + "Primary_800": { + "$description": "Primary 800", + "$type": "color", + "$value": "#008b69ff" + }, + "Neutral_900": { + "$description": "Neutral 900", + "$type": "color", + "$value": "#172b4dff" + }, + "Neutral_800": { + "$description": "Neutral 800", + "$type": "color", + "$value": "#44546fff" + }, + "Secondary_900": { + "$description": "Secondary 900", + "$type": "color", + "$value": "#5b1faaff" + }, + "Primary_700": { + "$description": "Primary 700", + "$type": "color", + "$value": "#00ae7fff" + }, + "Secondary_700": { + "$description": "Secondary 700", + "$type": "color", + "$value": "#7d30edff" + }, + "Primary_500": { + "$description": "Primary 500", + "$type": "color", + "$value": "#31efb8ff" + }, + "Secondary_100": { + "$description": "Secondary 100", + "$type": "color", + "$value": "#f9f5ffff" + }, + "Primary_600": { + "$description": "Primary 600", + "$type": "color", + "$value": "#00d59aff" + } +} \ No newline at end of file diff --git a/packages/demos/demo-json/design-tokens/typographies.json b/packages/demos/demo-json/design-tokens/typographies.json deleted file mode 100644 index d0fdd79..0000000 --- a/packages/demos/demo-json/design-tokens/typographies.json +++ /dev/null @@ -1,132 +0,0 @@ -[ - { - "scope": "EasyFest: Design System & Landing page", - "name": "🖥 Title Medium", - "cssProps": { - "lineHeight": "1.2000000000000002", - "fontStyle": "normal", - "textTransform": "none", - "fontWeight": "700", - "fontSize": "54px", - "letterSpacing": "0px", - "fontFamily": "\"Work Sans\"" - } - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "📱 Title Medium", - "cssProps": { - "lineHeight": "1.2000000000000002", - "fontStyle": "normal", - "textTransform": "none", - "fontWeight": "700", - "fontSize": "37px", - "letterSpacing": "0px", - "fontFamily": "\"Work Sans\"" - } - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Body Small Uppercase", - "cssProps": { - "lineHeight": "1.4", - "fontStyle": "normal", - "textTransform": "uppercase", - "fontWeight": "400", - "fontSize": "13px", - "letterSpacing": "1px", - "fontFamily": "\"Work Sans\"" - } - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "🖥 Title Large", - "cssProps": { - "lineHeight": "1.2", - "fontStyle": "normal", - "textTransform": "none", - "fontWeight": "700", - "fontSize": "77px", - "letterSpacing": "0px", - "fontFamily": "\"Work Sans\"" - } - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Body Large", - "cssProps": { - "lineHeight": "1.4", - "fontStyle": "normal", - "textTransform": "none", - "fontWeight": "400", - "fontSize": "21px", - "letterSpacing": "0px", - "fontFamily": "\"Work Sans\"" - } - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "📱 Title Small", - "cssProps": { - "lineHeight": "1.2000000000000002", - "fontStyle": "normal", - "textTransform": "none", - "fontWeight": "700", - "fontSize": "31px", - "letterSpacing": "0px", - "fontFamily": "\"Work Sans\"" - } - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "🖥 Title Small", - "cssProps": { - "lineHeight": "1.2", - "fontStyle": "normal", - "textTransform": "none", - "fontWeight": "700", - "fontSize": "31px", - "letterSpacing": "0px", - "fontFamily": "\"Work Sans\"" - } - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Body Small", - "cssProps": { - "lineHeight": "1.4", - "fontStyle": "normal", - "textTransform": "none", - "fontWeight": "400", - "fontSize": "15px", - "letterSpacing": "0px", - "fontFamily": "\"Work Sans\"" - } - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "📱 Title Large", - "cssProps": { - "lineHeight": "1.2", - "fontStyle": "normal", - "textTransform": "none", - "fontWeight": "700", - "fontSize": "45px", - "letterSpacing": "0px", - "fontFamily": "\"Work Sans\"" - } - }, - { - "scope": "EasyFest: Design System & Landing page", - "name": "Body Medium", - "cssProps": { - "lineHeight": "1.4", - "fontStyle": "normal", - "textTransform": "none", - "fontWeight": "400", - "fontSize": "18px", - "letterSpacing": "0px", - "fontFamily": "\"Work Sans\"" - } - } -] \ No newline at end of file diff --git a/packages/demos/demo-json/design-tokens/typographies.tokens.json b/packages/demos/demo-json/design-tokens/typographies.tokens.json new file mode 100644 index 0000000..c51a3a0 --- /dev/null +++ b/packages/demos/demo-json/design-tokens/typographies.tokens.json @@ -0,0 +1,113 @@ +{ + "$description": "EasyFest: Design System & Landing page", + "🖥_Title_Medium": { + "$description": "🖥 Title Medium", + "$type": "typography", + "$value": { + "lineHeight": 1.2000000000000002, + "fontWeight": 700, + "fontSize": "54px", + "letterSpacing": "0px", + "fontFamily": "Work Sans" + } + }, + "📱_Title_Medium": { + "$description": "📱 Title Medium", + "$type": "typography", + "$value": { + "lineHeight": 1.2000000000000002, + "fontWeight": 700, + "fontSize": "37px", + "letterSpacing": "0px", + "fontFamily": "Work Sans" + } + }, + "Body_Small_Uppercase": { + "$description": "Body Small Uppercase", + "$type": "typography", + "$value": { + "lineHeight": 1.4, + "fontWeight": 400, + "fontSize": "13px", + "letterSpacing": "1px", + "fontFamily": "Work Sans" + } + }, + "🖥_Title_Large": { + "$description": "🖥 Title Large", + "$type": "typography", + "$value": { + "lineHeight": 1.2, + "fontWeight": 700, + "fontSize": "77px", + "letterSpacing": "0px", + "fontFamily": "Work Sans" + } + }, + "Body_Large": { + "$description": "Body Large", + "$type": "typography", + "$value": { + "lineHeight": 1.4, + "fontWeight": 400, + "fontSize": "21px", + "letterSpacing": "0px", + "fontFamily": "Work Sans" + } + }, + "📱_Title_Small": { + "$description": "📱 Title Small", + "$type": "typography", + "$value": { + "lineHeight": 1.2000000000000002, + "fontWeight": 700, + "fontSize": "31px", + "letterSpacing": "0px", + "fontFamily": "Work Sans" + } + }, + "🖥_Title_Small": { + "$description": "🖥 Title Small", + "$type": "typography", + "$value": { + "lineHeight": 1.2, + "fontWeight": 700, + "fontSize": "31px", + "letterSpacing": "0px", + "fontFamily": "Work Sans" + } + }, + "Body_Small": { + "$description": "Body Small", + "$type": "typography", + "$value": { + "lineHeight": 1.4, + "fontWeight": 400, + "fontSize": "15px", + "letterSpacing": "0px", + "fontFamily": "Work Sans" + } + }, + "📱_Title_Large": { + "$description": "📱 Title Large", + "$type": "typography", + "$value": { + "lineHeight": 1.2, + "fontWeight": 700, + "fontSize": "45px", + "letterSpacing": "0px", + "fontFamily": "Work Sans" + } + }, + "Body_Medium": { + "$description": "Body Medium", + "$type": "typography", + "$value": { + "lineHeight": 1.4, + "fontWeight": 400, + "fontSize": "18px", + "letterSpacing": "0px", + "fontFamily": "Work Sans" + } + } +} \ No newline at end of file diff --git a/packages/demos/demo-json/penpot-export.config.js b/packages/demos/demo-json/penpot-export.config.js index ecb9cd4..2e6c040 100644 --- a/packages/demos/demo-json/penpot-export.config.js +++ b/packages/demos/demo-json/penpot-export.config.js @@ -17,13 +17,13 @@ const config = { colors: [ { format: 'json', - output: './design-tokens/colors.json', // 👈 Path where your JSON file should be generated. + output: './design-tokens/colors.tokens.json', // 👈 Path where your JSON file should be generated. }, ], typographies: [ { format: 'json', - output: './design-tokens/typographies.json', // 👈 Path where your JSON file should be generated. + output: './design-tokens/typographies.tokens.json', // 👈 Path where your JSON file should be generated. }, ], },