Skip to content

Commit 00b6c1f

Browse files
SudoThijnSudoThijn
authored
Merge pull request #143 from ConductionNL/development
Development
2 parents a9e59b1 + de1948b commit 00b6c1f

112 files changed

Lines changed: 3352 additions & 8 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎README.md‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,9 @@ Conduction's design tokens theme
55
## Changelog
66

77
- **Version 1.1 (breaking changes from 1.0.x)**
8+
- 1.1.52:
9+
- Added Soest theme
10+
- Added Stichtse Vecht theme.
811
- 1.1.51: Updated BCT logo.
912
- 1.1.50: Added Baarn theme.
1013
- 1.1.49:

‎conduction-design-tokens/src/component/utrecht/focus.tokens.json‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@
33
"focus": {
44
"background-color": {},
55
"color": {},
6-
"outline-color": {},
7-
"outline-offset": { "value": "2.5px" },
8-
"outline-style": {},
9-
"outline-width": { "value": "2.5px" },
6+
"outline-color": { "value": "{conduction.color.white.100}" },
7+
"outline-offset": { "value": "1px" },
8+
"outline-style": { "value": "solid" },
9+
"outline-width": { "value": "1px" },
1010
"inverse": {
11-
"outline-color": { "value": "{conduction.color.black.0-60t}" }
11+
"outline-color": { "value": "{conduction.color.white.100}" }
1212
}
1313
}
1414
}

‎municipalities/soest-design-tokens/LICENSE.md‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
# Auteursrecht Gemeente Soest
2+
3+
Copyright (c) 2023 Gemeente Soest
4+
5+
## Logo en huisstijl
6+
7+
Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door Gemeente Soest.
8+
9+
Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Gemeente Soest gebruiken en je ontwerpt een eigen huisstijl.
10+
11+
## Lettertype
12+
13+
Lettertypes die worden gebruikt voor de huisstijl zijn niet allemaal gratis en open source. Let op dat bij gebruik van die bijgeleverde lettertypes je een (betaalde) licentie regelt. Pas anders de configuratie aan om minder of andere lettertypes te gebruiken.
14+
15+
## Toestemming
16+
17+
Wanneer je het logo of de huisstijl wilt gebruiken kun je voor toestemming contact opnemen met Gemeente Soest.

‎municipalities/soest-design-tokens/README.md‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# NL Design System design tokens Gemeente Soest
2+
3+
These tokens have been obtained by analysing the [website of Gemeente Soest](https://www.soest.nl).

‎municipalities/soest-design-tokens/documentation/color.stories.mdx‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import { Meta, ColorPalette, ColorItem } from "@storybook/addon-docs";
2+
import tokens from "../dist/tokens.json";
3+
import { ColorSearch } from "@nl-design-system-unstable/theme-toolkit/src/ColorSearch";
4+
import { ColorTable } from "@nl-design-system-unstable/theme-toolkit/src/ColorTable";
5+
import config from "../src/config.json";
6+
7+
<Meta title={`${config.name}/Color`} />
8+
9+
# Color
10+
11+
## Find a color
12+
13+
<ColorSearch tokens={tokens[config.prefix]["color"]}></ColorSearch>
14+
15+
## Color palette
16+
17+
<ColorTable tokens={tokens[config.prefix]["color"]}></ColorTable>

‎municipalities/soest-design-tokens/documentation/components.stories.mdx‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import { Meta, Story } from "@storybook/addon-docs";
2+
import { ComponentStories } from "@nl-design-system-unstable/theme-toolkit/src/ComponentStories";
3+
import config from "../src/config.json";
4+
5+
<Meta title={`${config.name}`} />
6+
7+
# Components
8+
9+
<Story name="Components">
10+
<ComponentStories config={config} />
11+
</Story>

‎municipalities/soest-design-tokens/documentation/design-tokens.stories.mdx‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import { Meta, ColorPalette, ColorItem } from "@storybook/addon-docs";
2+
import { DesignTokensTable } from "@nl-design-system-unstable/theme-toolkit/src/DesignTokensTable";
3+
import tokens from "../dist/index.json";
4+
import config from "../src/config.json";
5+
6+
<Meta title={`${config.name}/Design Tokens`} />
7+
8+
# Design Tokens
9+
10+
<DesignTokensTable tokens={tokens.filter((token) => token.path[0] !== config.prefix)}></DesignTokensTable>
11+
12+
## Proprietary Design Tokens
13+
14+
<DesignTokensTable tokens={tokens.filter((token) => token.path[0] === config.prefix)}></DesignTokensTable>

‎municipalities/soest-design-tokens/documentation/readme.stories.mdx‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import { Meta, Description } from "@storybook/addon-docs";
2+
import markdown from "../README.md";
3+
import config from "../src/config.json";
4+
5+
<Meta title={`${config.name}/README`} />
6+
7+
<Description>{markdown}</Description>

‎municipalities/soest-design-tokens/package.json‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
{
2+
"version": "1.0.0-alpha.1",
3+
"author": "Community for NL Design System",
4+
"description": "NL Design System design tokens for Soest",
5+
"website": "https://www.soest.nl/",
6+
"keywords": [
7+
"nl-design-system",
8+
"soest"
9+
],
10+
"license": "SEE LICENSE IN LICENSE.md",
11+
"name": "@soest/theme",
12+
"private": false,
13+
"publishConfig": {
14+
"access": "public"
15+
},
16+
"repository": {
17+
"type": "git",
18+
"url": "git+https://github.com/GemeenteSoest/soest-theme.git"
19+
},
20+
"scripts": {
21+
"clean": "rimraf -rf dist/",
22+
"prebuild": "npm run clean",
23+
"watch": "npm-run-all watch:**",
24+
"watch:style-dictionary": "chokidar --follow-symlinks --command 'npm run --ignore-scripts build' 'src/**/*.tokens.json'",
25+
"build": "npm-run-all build:**",
26+
"build:scss": "sass --no-source-map src/:dist/",
27+
"build:style-dictionary": "style-dictionary build --config ./style-dictionary.config.js"
28+
},
29+
"devDependencies": {
30+
"@nl-design-system-unstable/theme-toolkit": "workspace:*",
31+
"chokidar-cli": "3.0.0",
32+
"npm-run-all": "4.1.5",
33+
"rimraf": "3.0.2",
34+
"style-dictionary": "3.8.0"
35+
},
36+
"bugs": {
37+
"url": "https://github.com/GemeenteSoest/soest-theme/issues"
38+
},
39+
"homepage": "https://github.com/GemeenteSoest/soest-theme#readme"
40+
}

‎municipalities/soest-design-tokens/src/brand/soest/color.tokens.json‎

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
{
2+
"soest": {
3+
"color": {
4+
"primary": {
5+
"value": "{soest.color.green.32}"
6+
},
7+
"primary-hover": {
8+
"value": "{soest.color.green.27}"
9+
},
10+
"error": { "value": "#dc3545" },
11+
"alert-error": { "value": "#721c24" },
12+
"alert-error-background": { "value": "#f8d7da" },
13+
"warning": { "value": "#ffc107" },
14+
"alert-warning": { "value": "#856404" },
15+
"alert-warning-background": { "value": "#fff3cd" },
16+
"succes": { "value": "#28a745" },
17+
"alert-succes": { "value": "#155724" },
18+
"alert-succes-background": { "value": "#d4edda" },
19+
"info": { "value": "{soest.color.primary}" },
20+
"alert-info": { "value": "#004085" },
21+
"alert-info-background": { "value": "#cce5ff" },
22+
"blue": {
23+
"52": {
24+
"value": "#2e5ed9"
25+
},
26+
"63": {
27+
"value": "#4376fc",
28+
"comment": "Base/Blue"
29+
},
30+
"74": {
31+
"value": "#88adf1"
32+
},
33+
"95": {
34+
"value": "#e6edff"
35+
}
36+
},
37+
"green": {
38+
"22": {
39+
"value": "#195721"
40+
},
41+
"27": {
42+
"value": "#1f6b29"
43+
},
44+
"32": {
45+
"value": "#257e31"
46+
},
47+
"80": {
48+
"value": "#dfe3df"
49+
},
50+
"96": {
51+
"value": "#f2f8f3"
52+
}
53+
},
54+
"red": {
55+
"46": {
56+
"value": "#cc0000"
57+
}
58+
},
59+
"grey": {
60+
"20": {
61+
"value": "#333333"
62+
},
63+
"27": {
64+
"value": "#444444"
65+
},
66+
"29": {
67+
"value": "#4a4a4a"
68+
},
69+
"31": {
70+
"value": "#4f4f4f"
71+
},
72+
"46": {
73+
"value": "#767676"
74+
},
75+
"48": {
76+
"value": "#7a7a7a"
77+
},
78+
"50": {
79+
"value": "#808080"
80+
},
81+
"70": {
82+
"value": "#b3b3b3"
83+
},
84+
"82": {
85+
"value": "#d1d1d1"
86+
},
87+
"87": {
88+
"value": "#dddddd"
89+
},
90+
"90": {
91+
"value": "#e6e6e6"
92+
},
93+
"91": {
94+
"value": "#e9e9e9"
95+
},
96+
"93": {
97+
"value": "#eceeec",
98+
"comment": "Base/Grey"
99+
},
100+
"95": {
101+
"value": "#f2f2f2"
102+
},
103+
"97": {
104+
"value": "#f7f7f7"
105+
}
106+
},
107+
"lightgrey": {
108+
"96": {
109+
"value": "#f5f5f5",
110+
"comment": "Base/LightGrey"
111+
}
112+
},
113+
"white": {
114+
"98": {
115+
"value": "#fafafa"
116+
},
117+
"100": {
118+
"value": "#ffffff",
119+
"comment": "Base/White"
120+
}
121+
},
122+
"black": {
123+
"0": {
124+
"value": "#000000",
125+
"comment": "Base/Black"
126+
},
127+
"0-60t": {
128+
"value": "#00000099",
129+
"comment": "Black with 60% transparency"
130+
},
131+
"30": {
132+
"value": "#4d4d4d"
133+
}
134+
}
135+
}
136+
}
137+
}

0 commit comments

Comments
 (0)