Skip to content

Commit db7d1a6

Browse files
jiromaykinjiromaykin
committed
[#3630] Add home-plugin tokens + remove flex + fix layouts
1 parent 4c66e4d commit db7d1a6

File tree

10 files changed

+187
-15
lines changed

10 files changed

+187
-15
lines changed

‎.nvmrc‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
24
1+
24.11.1

‎package-lock.json‎

Lines changed: 8 additions & 8 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@open-inwoner/design-tokens",
3-
"version": "0.0.23",
3+
"version": "0.0.24",
44
"description": "Design tokens for Open Inwoner",
55
"scripts": {
66
"test": "echo \"Error: no test specified\" && exit 1",

‎src/brand/openinwoner/layout.tokens.json‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,15 @@
22
"oip": {
33
"layout": {
44
"bg": {"value": "#FFFFFF"}
5+
},
6+
"spacing": {
7+
"tiny": {"value": "2px"},
8+
"small": {"value": "4px"},
9+
"medium": {"value": "8px"},
10+
"large": {"value": "16px"},
11+
"extraLarge": {"value": "24px"},
12+
"giant": {"value": "32px"},
13+
"mega": {"value": "80px"}
514
}
615
}
716
}

‎src/community/utrecht/form-label.tokens.json‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"utrecht": {
3+
"form-label": {
4+
"color": {"value": "{oip.color.fg}"},
5+
"font-weight": {"value": "normal"},
6+
"font-size": {"value": "16px"}
7+
}
8+
}
9+
}

‎src/community/utrecht/typography.tokens.json‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,10 @@
99
"value": "16px",
1010
"comment": "The body font-size for the theme."
1111
},
12+
"font-weight": {
13+
"value": "normal",
14+
"comment": "The body font-weight for the theme."
15+
},
1216
"color": {
1317
"value": "#4b4b4b"
1418
},

‎src/components/accordion.tokens.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
"font-weight": {"value": "normal"},
2828
"line-height": {"value": "initial"},
2929
"margin-block-end": {"value": "16px"},
30-
"padding-block-start": {"value": "0"},
30+
"padding-block-start": {"value": "16px"},
3131
"padding-block-end": {"value": "8px"}
3232
}
3333
}

‎src/components/external-link-plugin.tokens.json‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,17 @@
11
{
22
"oip": {
33
"external-link": {
4-
"background-color": {"value": "transparent"},
4+
"background-color": {"value": "#ffffff"},
55
"color": {"value": "#000000"},
6-
"border-color": {"value": "{oip.color.border}"},
6+
"border-color": {"value": "transparent"},
77
"border-radius": {"value": "3px"},
88
"border-style": {"value": "solid"},
99
"border-width": {"value": "1px"},
1010
"box-shadow": {"value": "none"},
1111
"display": {"value": "flex"},
1212
"flex-direction": {"value": "row"},
1313
"font-family": {"value": "{oip.typography.sans-serif.font-family}"},
14+
"font-weight": {"value": "bold"},
1415
"align-items": {"value": "center"},
1516
"row-gap": {"value": "8px"},
1617
"column-gap": {"value": "32px"},
@@ -30,8 +31,8 @@
3031
"margin-inline-end": {"value": "0"},
3132
"padding-block-start": {"value": "24px"},
3233
"padding-block-end": {"value": "24px"},
33-
"padding-inline-start": {"value": "24px"},
34-
"padding-inline-end": {"value": "24px"}
34+
"padding-inline-start": {"value": "16px"},
35+
"padding-inline-end": {"value": "16px"}
3536
},
3637
"custom-icon": {
3738
"color": {"value": "#000000"},

‎src/components/plugin-card.tokens.json‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
{
2+
"oip": {
3+
"plugin-card": {
4+
"background-color": {"value": "#fff"},
5+
"color": {"value": "#333"},
6+
"max-inline-size": {"value": "100%"},
7+
"border-color": {"value": "{oip.color.border}"},
8+
"border-style": {"value": "solid"},
9+
"border-width": {"value": "1px"},
10+
"border-radius": {"value": "3px"},
11+
"box-shadow": {"value": "none"},
12+
"inline-size": {"value": "100%"},
13+
"row-gap": {"value": "24px"},
14+
"heading": {
15+
"color": {"value": "{oip.color.fg-heading}"},
16+
"padding-inline-start": {"value": "16px"},
17+
"padding-inline-end": {"value": "16px"}
18+
},
19+
"link": {
20+
"padding": {"value": "0"}
21+
},
22+
"link-hover": {
23+
"text-decoration-thickness": {"value": "1px"},
24+
"text-decoration-line": {"value": "underline"},
25+
"text-underline-offset": {"value": "auto"}
26+
},
27+
"content": {
28+
"gap": {"value": "24px"},
29+
"padding-block-start": {"value": "16px"},
30+
"padding-block-end": {"value": "16px"}
31+
},
32+
"body": {
33+
"padding-inline-start": {"value": "16px"},
34+
"padding-inline-end": {"value": "16px"}
35+
},
36+
"list": {
37+
"grid-template-columns": {"value": "repeat(1, 1fr)"},
38+
"grid-template-columns-desktop": {"value": "repeat(2, 1fr)"},
39+
"list-style-type": {"value": "none"},
40+
"margin-block-start": {"value": "0"},
41+
"margin-block-end": {"value": "0"},
42+
"padding-inline-start": {"value": "0"},
43+
"grid-row-gap": {"value": "8px"},
44+
"grid-column-gap": {"value": "32px"}
45+
}
46+
}
47+
}
48+
}

‎src/components/plugin-grid.tokens.json‎

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
{
2+
"oip": {
3+
"plugin": {
4+
"header": {
5+
"margin-block-start": {
6+
"value": "0"
7+
},
8+
"margin-block-end": {
9+
"value": "8px"
10+
},
11+
"margin-inline-start": {
12+
"value": "0"
13+
},
14+
"margin-inline-end": {
15+
"value": "0"
16+
},
17+
"font-family": {
18+
"value": "{oip.typography.heading.font-family}"
19+
},
20+
"align-items": {
21+
"value": "center"
22+
},
23+
"word-break-mobile": {
24+
"value": "normal"
25+
},
26+
"overflow-wrap-mobile": {
27+
"value": "break-word"
28+
},
29+
"indicator": {
30+
"notification-indicator-color": {
31+
"value": "{oip.color.red-notification}"
32+
},
33+
"notification-indicator-font-size": {
34+
"value": "12px"
35+
},
36+
"notification-indicator-vertical-align": {
37+
"value": "super"
38+
},
39+
"display-inline": {
40+
"value": "inline-block"
41+
},
42+
"overflow": {
43+
"value": "visible"
44+
},
45+
"position": {
46+
"value": "relative"
47+
}
48+
},
49+
"heading": {
50+
"color": {
51+
"value": "{oip.color.fg-heading}"
52+
},
53+
"font-family": {
54+
"value": "{oip.typography.heading.font-family}"
55+
},
56+
"margin-block-start": {
57+
"value": "0"
58+
},
59+
"margin-block-end": {
60+
"value": "0"
61+
},
62+
"margin-inline-start": {
63+
"value": "0"
64+
},
65+
"margin-inline-end": {
66+
"value": "0"
67+
}
68+
}
69+
},
70+
"grid": {
71+
"template-columns-mobile": {
72+
"value": "repeat(1, 1fr)"
73+
},
74+
"template-columns-desktop": {
75+
"value": "repeat(2, 1fr)"
76+
},
77+
"list-style-type": {
78+
"value": "none"
79+
},
80+
"margin-block-start": {
81+
"value": "0"
82+
},
83+
"margin-block-end": {
84+
"value": "0"
85+
},
86+
"padding-inline-start": {
87+
"value": "0"
88+
},
89+
"padding-inline-end": {
90+
"value": "0"
91+
},
92+
"row-gap": {
93+
"value": "8px"
94+
},
95+
"column-gap": {
96+
"value": "8px"
97+
}
98+
}
99+
}
100+
}
101+
}

0 commit comments

Comments
 (0)