Penpot/penpot-export
0
Fork 0
mirror of https://github.com/penpot/penpot-export.git synced 2025-02-12 18:18:01 -05:00
Code Issues Activity

chore(demo): update generated files

Browse source
This commit is contained in:
Roberto Redradix 2023-09-13 12:17:01 +02:00
parent 8a39949ed0
commit f5d3badde2
5 changed files with 253 additions and 271 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

137
packages/demos/demo-json/design-tokens/colors.json
View file

@ -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"
}
]

138
packages/demos/demo-json/design-tokens/colors.tokens.json Normal file
View file

@ -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"
}
}

132
packages/demos/demo-json/design-tokens/typographies.json
View file

@ -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\""
}
}
]

113
packages/demos/demo-json/design-tokens/typographies.tokens.json Normal file
View file

@ -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"
}
}
}

4
packages/demos/demo-json/penpot-export.config.js
View file

@ -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.
},
],
},