@conduction/theme 1.1.8 → 1.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/README.md +3 -1
  2. package/package.json +2 -3
  3. package/municipalities/zuiddrecht-design-tokens/LICENSE.md +0 -17
  4. package/municipalities/zuiddrecht-design-tokens/README.md +0 -3
  5. package/municipalities/zuiddrecht-design-tokens/documentation/color.stories.mdx +0 -17
  6. package/municipalities/zuiddrecht-design-tokens/documentation/components.stories.mdx +0 -11
  7. package/municipalities/zuiddrecht-design-tokens/documentation/design-tokens.stories.mdx +0 -14
  8. package/municipalities/zuiddrecht-design-tokens/documentation/readme.stories.mdx +0 -7
  9. package/municipalities/zuiddrecht-design-tokens/package.json +0 -40
  10. package/municipalities/zuiddrecht-design-tokens/src/brand/zuiddrecht/color.tokens.json +0 -126
  11. package/municipalities/zuiddrecht-design-tokens/src/brand/zuiddrecht/icon.tokens.json +0 -16
  12. package/municipalities/zuiddrecht-design-tokens/src/brand/zuiddrecht/size.tokens.json +0 -17
  13. package/municipalities/zuiddrecht-design-tokens/src/brand/zuiddrecht/typography.tokens.json +0 -40
  14. package/municipalities/zuiddrecht-design-tokens/src/common/utrecht/action.tokens.json +0 -9
  15. package/municipalities/zuiddrecht-design-tokens/src/common/utrecht/border.tokens.json +0 -19
  16. package/municipalities/zuiddrecht-design-tokens/src/common/utrecht/space.tokens.json +0 -70
  17. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/card-header.tokens.json +0 -26
  18. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/card-wrapper.tokens.json +0 -30
  19. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/checkbox.tokens.json +0 -69
  20. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/download-card.tokens.json +0 -28
  21. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/logo.tokens.json +0 -27
  22. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/navigation.tokens.json +0 -79
  23. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/pagination.tokens.json +0 -95
  24. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/select.tokens.json +0 -39
  25. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/table-wrapper.tokens.json +0 -21
  26. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/tabs.tokens.json +0 -84
  27. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/tooltip.tokens.json +0 -17
  28. package/municipalities/zuiddrecht-design-tokens/src/component/open-catalogi/rating.tokens.json +0 -12
  29. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/alert.tokens.json +0 -53
  30. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/badge-counter.tokens.json +0 -26
  31. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/badge.tokens.json +0 -15
  32. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/blockquote.tokens.json +0 -25
  33. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/breadcrumb.tokens.json +0 -97
  34. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/button.tokens.json +0 -250
  35. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/code.tokens.json +0 -26
  36. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/document.tokens.json +0 -11
  37. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json +0 -11
  38. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +0 -22
  39. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json +0 -26
  40. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json +0 -7
  41. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +0 -37
  42. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +0 -10
  43. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json +0 -14
  44. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +0 -37
  45. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json +0 -26
  46. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/form-input.tokens.json +0 -31
  47. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/heading.tokens.json +0 -53
  48. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/icon.tokens.json +0 -15
  49. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/link.tokens.json +0 -35
  50. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/list.tokens.json +0 -43
  51. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/page-footer.tokens.json +0 -15
  52. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/page-header.tokens.json +0 -10
  53. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/page.tokens.json +0 -15
  54. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/paragraph.tokens.json +0 -25
  55. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/radio-button.tokens.json +0 -68
  56. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/separator.tokens.json +0 -10
  57. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/surface.tokens.json +0 -8
  58. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/table.tokens.json +0 -83
  59. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/textbox.tokens.json +0 -31
  60. package/municipalities/zuiddrecht-design-tokens/src/config.json +0 -47
  61. package/municipalities/zuiddrecht-design-tokens/src/index.scss +0 -7
  62. package/municipalities/zuiddrecht-design-tokens/style-dictionary.config.js +0 -6
package/README.md CHANGED
@@ -6,7 +6,9 @@ Conduction's design tokens theme
6
6
 
7
7
  - **Version 1.1 (breaking changes from 1.0.x)**
8
8
 
9
- - 1.1.6 / 1.1.7 /1.1.8: Added Zuiddrecht theme.
9
+ - 1.1.10: Removed Zuiddrecht theme.
10
+ - 1.1.9: Removed warnings in Zuiddrecht theme.
11
+ - 1.1.6 / 1.1.7 / 1.1.8: Added Zuiddrecht theme.
10
12
  - 1.1.5: Added Gouda theme.
11
13
  - 1.1.4:
12
14
  - Added disabled Button tokens in all themes.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conduction/theme",
3
- "version": "1.1.8",
3
+ "version": "1.1.10",
4
4
  "description": "Conduction's design tokens theme",
5
5
  "main": "index.js",
6
6
  "repository": {
@@ -24,8 +24,7 @@
24
24
  "build:opencatalogi": "cd ./municipalities/opencatalogi-design-tokens && npm run build",
25
25
  "build:zutphen": "cd ./municipalities/zutphen-design-tokens && npm run build",
26
26
  "build:sloterburg": "cd ./municipalities/sloterburg-design-tokens && npm run build",
27
- "build:gouda": "cd ./municipalities/gouda-design-tokens && npm run build",
28
- "build:zuiddrecht": "cd ./municipalities/zuiddrecht-design-tokens && npm run build"
27
+ "build:gouda": "cd ./municipalities/gouda-design-tokens && npm run build"
29
28
  },
30
29
  "dependencies": { "@nl-design-system-unstable/rotterdam-design-tokens": "^1.0.0-alpha.100" },
31
30
  "author": "",
@@ -1,17 +0,0 @@
1
- # Auteursrecht Gemeente Zuiddrecht
2
-
3
- Copyright (c) 2023 Gemeente Zuiddrecht
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 Zuiddrecht.
8
-
9
- Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Gemeente Zuiddrecht 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 Zuiddrecht.
@@ -1,3 +0,0 @@
1
- # NL Design System design tokens Gemeente Zuiddrecht
2
-
3
- These tokens have been made for the fictional municipality of Zuiddrecht based on the tokens of [Gemeente Utrecht](https://www.utrecht.nl/).
@@ -1,17 +0,0 @@
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>
@@ -1,11 +0,0 @@
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>
@@ -1,14 +0,0 @@
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>
@@ -1,7 +0,0 @@
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>
@@ -1,40 +0,0 @@
1
- {
2
- "version": "1.0.0-alpha.1",
3
- "author": "Community for NL Design System",
4
- "description": "NL Design System design tokens for Gemeente Zuiddrecht",
5
- "website": "https://conduction.nl/",
6
- "keywords": [
7
- "nl-design-system",
8
- "conduction"
9
- ],
10
- "license": "SEE LICENSE IN LICENSE.md",
11
- "name": "@nl-design-system-unstable/zuiddrecht-design-tokens",
12
- "private": false,
13
- "publishConfig": {
14
- "access": "public"
15
- },
16
- "repository": {
17
- "type": "git+ssh",
18
- "url": "git@github.com:nl-design-system/themes.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/ConductionNL/conduction-theme/issues"
38
- },
39
- "homepage": "https://github.com/ConductionNL/conduction-theme#readme"
40
- }
@@ -1,126 +0,0 @@
1
- {
2
- "zuiddrecht": {
3
- "color": {
4
- "primary": {
5
- "value": "{zuiddrecht.color.red.40}"
6
- },
7
- "primary-hover": {
8
- "value": "{zuiddrecht.color.red.30}"
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": "{zuiddrecht.color.primary}" },
20
- "alert-info": { "value": "#004085" },
21
- "alert-info-background": { "value": "#cce5ff" },
22
- "grey": {
23
- "10": { "value": "hsl(0 0% 10%)", "comment": "experimenteel / beperkt gebruiken" },
24
- "15": { "value": "hsl(0 0% 15%)", "comment": "experimenteel / achtergrond kleur voor darkmode" },
25
- "20": { "value": "hsl(0 0% 20%)", "comment": "experimenteel / beperkt gebruiken" },
26
- "29": {
27
- "value": "#4a4a4a"
28
- },
29
- "30": { "value": "hsl(0 0% 30%)", "comment": "border grijs #888" },
30
- "31": {
31
- "value": "#4f4f4f"
32
- },
33
- "40": { "value": "hsl(0 0% 40%)", "comment": "basis grijs #727272" },
34
- "46": {
35
- "value": "#767676"
36
- },
37
- "48": {
38
- "value": "#7a7a7a"
39
- },
40
- "50": {
41
- "value": "#808080",
42
- "comment": "Base/Grey"
43
- },
44
- "80": { "value": "hsl(0 0% 80%)", "comment": "grijs variant voor achtergrond content #e5e5e5" },
45
- "82": {
46
- "value": "#d1d1d1"
47
- },
48
- "90": { "value": "hsl(0 0% 90%)", "comment": "grijs variant voor achtergrond templates #e6e6e6" },
49
- "95": { "value": "hsl(0 0% 95%)", "comment": "grijs variant voor achtergrond accordion #f2f2f2" },
50
- "97": {
51
- "value": "#f7f7f7"
52
- }
53
- },
54
- "lightgrey": {
55
- "96": {
56
- "value": "#f5f5f5",
57
- "comment": "Base/LightGrey"
58
- }
59
- },
60
- "white": {
61
- "98": {
62
- "value": "#fafafa"
63
- },
64
- "100": {
65
- "value": "#ffffff",
66
- "comment": "Base/White"
67
- }
68
- },
69
- "black": {
70
- "0": {
71
- "value": "#000000",
72
- "comment": "Base/Black"
73
- },
74
- "30": {
75
- "value": "#4d4d4d"
76
- }
77
- },
78
- "blue": {
79
- "20": { "value": "hsl(211 60% 20%)", "comment": "basis donkerblauw (OS focus)" },
80
- "30": { "value": "hsl(211 60% 30%)", "comment": "Deze kleur gebruiken we niet" },
81
- "35": { "value": "hsl(211 60% 35%)", "comment": "basis link en knoppen CTA donkerblauw" },
82
- "40": { "value": "hsl(211 60% 40%)", "comment": "blauw variant bij hover/focus #3669a5" },
83
- "43": { "value": "#3669a5" },
84
- "50": { "value": "hsl(211 60% 50%)", "comment": "experimenteel / beperkt gebruiken" },
85
- "60": { "value": "hsl(211 60% 60%)", "comment": "experimenteel / Drak mode link en button kleur" },
86
- "80": { "value": "hsl(211 60% 80%)", "comment": "licht blauw voor achtergrond" },
87
- "90": { "value": "hsl(211 60% 90%)", "comment": "ijsblauw variant achtergrond, spotlight en uitgelicht" }
88
- },
89
- "red": {
90
- "20": { "value": "hsl(0 100% 20%)", "comment": "donker rood" },
91
- "30": { "value": "hsl(0 100% 30%)", "comment": "hover rood" },
92
- "40": { "value": "hsl(0 100% 40%)", "comment": "basis rood #cc0000" },
93
- "95": { "value": "hsl(0 100% 95%)", "comment": "Achtergrond rode kleur" }
94
- },
95
- "yellow": {
96
- "20": { "value": "hsl(48 100% 20%)", "comment": "donker geel voor darkmode achtergrond" },
97
- "40": { "value": "hsl(48 100% 40%)", "comment": "donker geel" },
98
- "50": { "value": "hsl(48 100% 50%)", "comment": "basis geel #ffcc00" },
99
- "60": { "value": "hsl(48 100% 60%)", "comment": "selecteer geel" },
100
- "80": { "value": "hsl(48 100% 80%)", "comment": "spotlight en uitgelicht" }
101
- },
102
- "green": {
103
- "30": { "value": "hsl(90 30% 30%)", "comment": "donker groen voor darkmode achtergrond" },
104
- "40": { "value": "hsl(90 30% 38%)", "comment": "donker groen" },
105
- "50": { "value": "hsl(90 30% 50%)", "comment": "Standaard groen #80a659 " },
106
- "80": { "value": "hsl(90 30% 80%)", "comment": "Licht groen" },
107
- "90": { "value": "hsl(90 30% 90%)", "comment": "Achtergrond licht groen" }
108
- },
109
- "secondary": {
110
- "purple": { "value": "#762cd1", "comment": "Paars" },
111
- "magenta": { "value": "#f02198", "comment": "Magenta" },
112
- "red": { "value": "#cc0000", "comment": "Red" },
113
- "orange": { "value": "#ff6e00", "comment": "Oranje" },
114
- "yellow": { "value": "#ffcc00", "comment": "Geel" },
115
- "lime": { "value": "#99d000", "comment": "Lime" },
116
- "green": { "value": "#32ab27", "comment": "Groen" },
117
- "cyan": { "value": "#009ed4", "comment": "Cyaan" },
118
- "blue": { "value": "#006dff", "comment": "Blauw" },
119
- "navy": { "value": "#1c4181", "comment": "Marineblauw" },
120
- "brown": { "value": "#ad643b", "comment": "Bruin" },
121
- "grey": { "value": "#757575", "comment": "Grijs" }
122
- },
123
- "invalid": { "value": "#990000" }
124
- }
125
- }
126
- }
@@ -1,16 +0,0 @@
1
- {
2
- "zuiddrecht": {
3
- "icon-scale": {
4
- "3xs": { "value": "1px" },
5
- "2xs": { "value": "4px" },
6
- "xs": { "value": "8px" },
7
- "sm": { "value": "12px" },
8
- "md": { "value": "16px", "comment": "Formaat voor radio button" },
9
- "lg": { "value": "24px", "comment": "Voor kalender iconen" },
10
- "xl": { "value": "26px", "comment": "Formaat social media iconen" },
11
- "2xl": { "value": "30px", "comment": "Formaat voor marker iconen" },
12
- "3xl": { "value": "36px", "comment": "Formaat voor toptaks iconen" },
13
- "4xl": { "value": "48px" }
14
- }
15
- }
16
- }
@@ -1,17 +0,0 @@
1
- {
2
- "zuiddrecht": {
3
- "size": {
4
- "4xs": { "value": "1px" },
5
- "3xs": { "value": "2px" },
6
- "2xs": { "value": "4px" },
7
- "xs": { "value": "8px" },
8
- "sm": { "value": "14px" },
9
- "md": { "value": "18px" },
10
- "lg": { "value": "24px" },
11
- "xl": { "value": "32px" },
12
- "2xl": { "value": "48px" },
13
- "3xl": { "value": "72px" },
14
- "4xl": { "value": "96px" }
15
- }
16
- }
17
- }
@@ -1,40 +0,0 @@
1
- {
2
- "zuiddrecht": {
3
- "typography": {
4
- "sans-serif": {
5
- "font-family": { "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif" }
6
- },
7
- "monospace": {
8
- "font-family": {
9
- "value": "Monospace, \"Lucida Console\""
10
- }
11
- },
12
- "scale": {
13
- "2xs": { "font-size": { "value": "0.5rem", "comment": "8px" } },
14
- "xs": { "font-size": { "value": "0.75rem", "comment": "12px" } },
15
- "sm": { "font-size": { "value": "0.875rem", "comment": "14px" } },
16
- "md": { "font-size": { "value": "1rem", "comment": "16px" } },
17
- "lg": { "font-size": { "value": "1.125rem", "comment": "18px" } },
18
- "xl": { "font-size": { "value": "1.25rem", "comment": "20px" } },
19
- "2xl": { "font-size": { "value": "1.375rem", "comment": "22px" } },
20
- "3xl": { "font-size": { "value": "1.5rem", "comment": "24px" } },
21
- "4xl": { "font-size": { "value": "2rem", "comment": "32px" } }
22
- },
23
- "weight-scale": {
24
- "bold": { "font-weight": { "value": "700" } },
25
- "normal": { "font-weight": { "value": "400" } },
26
- "light": { "font-weight": { "value": "100" } }
27
- },
28
- "font-style": {
29
- "normal": { "value": "normal" },
30
- "inherit": { "value": "inherit" }
31
- },
32
- "line-height": {
33
- "xs": { "value": "1" },
34
- "sm": { "value": "1.25" },
35
- "md": { "value": "1.5" },
36
- "lg": { "value": "2" }
37
- }
38
- }
39
- }
40
- }
@@ -1,9 +0,0 @@
1
- {
2
- "utrecht": {
3
- "action": {
4
- "busy": { "cursor": { "value": "wait" } },
5
- "disabled": { "cursor": { "value": "not-allowed" } },
6
- "submit": { "cursor": { "value": "pointer" } }
7
- }
8
- }
9
- }
@@ -1,19 +0,0 @@
1
- {
2
- "zuiddrecht": {
3
- "border-width": {
4
- "sm": { "value": "1px" },
5
- "md": { "value": "2px" }
6
- },
7
- "border-radius": {
8
- "sm": { "value": "2px" },
9
- "md": { "value": "4px" },
10
- "lg": { "value": "8px" },
11
- "round": { "value": "999px" },
12
- "none": { "value": "0" }
13
- },
14
- "border-style": {
15
- "solid": { "value": "solid" },
16
- "dotted": { "value": "dotted" }
17
- }
18
- }
19
- }
@@ -1,70 +0,0 @@
1
- {
2
- "utrecht": {
3
- "space": {
4
- "block": {
5
- "4xs": { "value": "1px" },
6
- "3xs": { "value": "2px" },
7
- "2xs": { "value": "4px" },
8
- "xs": { "value": "8px" },
9
- "sm": { "value": "12px" },
10
- "md": { "value": "16px" },
11
- "lg": { "value": "20px" },
12
- "xl": { "value": "24px" },
13
- "2xl": { "value": "32px" },
14
- "3xl": { "value": "48px" },
15
- "4xl": { "value": "64px" }
16
- },
17
- "inline": {
18
- "3xs": { "value": "2px" },
19
- "2xs": { "value": "4px" },
20
- "xs": { "value": "8px" },
21
- "sm": { "value": "12px" },
22
- "md": { "value": "16px" },
23
- "lg": { "value": "20px" },
24
- "xl": { "value": "24px" },
25
- "2xl": { "value": "28px" },
26
- "3xl": { "value": "32px" },
27
- "4xl": { "value": "48px" }
28
- },
29
- "text": {
30
- "3xs": { "value": "0.125ch" },
31
- "2xs": { "value": "0.25ch" },
32
- "xs": { "value": "0.5ch" },
33
- "sm": { "value": "0.75ch" },
34
- "md": { "value": "1ch" },
35
- "lg": { "value": "1.5ch" },
36
- "xl": { "value": "1.75ch" },
37
- "2xl": { "value": "2ch" },
38
- "3xl": { "value": "3ch" }
39
- },
40
- "row": {
41
- "4xs": { "value": "1px" },
42
- "3xs": { "value": "2px" },
43
- "2xs": { "value": "4px" },
44
- "xs": { "value": "8px" },
45
- "sm": { "value": "12px" },
46
- "md": { "value": "16px" },
47
- "lg": { "value": "20px" },
48
- "xl": { "value": "24px" },
49
- "2xl": { "value": "28px" },
50
- "3xl": { "value": "32px" },
51
- "4xl": { "value": "48px" },
52
- "5xl": { "value": "64px" }
53
- },
54
- "column": {
55
- "4xs": { "value": "1px" },
56
- "3xs": { "value": "2px" },
57
- "2xs": { "value": "4px" },
58
- "xs": { "value": "8px" },
59
- "sm": { "value": "12px" },
60
- "md": { "value": "16px" },
61
- "lg": { "value": "20px" },
62
- "xl": { "value": "24px" },
63
- "2xl": { "value": "28px" },
64
- "3xl": { "value": "32px" },
65
- "4xl": { "value": "48px" },
66
- "5xl": { "value": "64px" }
67
- }
68
- }
69
- }
70
- }
@@ -1,26 +0,0 @@
1
- {
2
- "conduction": {
3
- "card-header": {
4
- "background-color": {},
5
- "border-bottom-width": {},
6
- "border-bottom-style": {},
7
- "border-bottom-color": {},
8
- "color": { "value": "{utrecht.document.color}" },
9
- "hover": {
10
- "background-color": {},
11
- "border-bottom-width": {},
12
- "border-bottom-style": {},
13
- "border-bottom-color": {}
14
- },
15
- "title": {
16
- "color": { "value": "{zuiddrecht.color.black.0}" }
17
- },
18
- "date": {
19
- "color": { "value": "{zuiddrecht.color.black.0}" },
20
- "font-size": { "value": "{zuiddrecht.typography.scale.sm.font-size}" },
21
- "font-weight": { "value": "{zuiddrecht.typography.weight-scale.light.font-weight}" },
22
- "margin-block-end": { "value": "{zuiddrecht.size.xs}" }
23
- }
24
- }
25
- }
26
- }
@@ -1,30 +0,0 @@
1
- {
2
- "conduction": {
3
- "card-wrapper": {
4
- "background-color": { "value": "{zuiddrecht.color.white.100}" },
5
- "border-color": {},
6
- "border-style": {},
7
- "border-width": {},
8
- "border-bottom-color": {},
9
- "border-bottom-style": {},
10
- "border-bottom-width": {},
11
- "border-radius": { "value": "{zuiddrecht.size.md}" },
12
- "box-shadow": {},
13
- "color": { "value": "{zuiddrecht.color.black.0}" },
14
- "hover": {
15
- "background-color": {},
16
- "color": {},
17
- "border-color": {},
18
- "border-style": {},
19
- "border-width": {},
20
- "border-bottom-color": {},
21
- "border-bottom-style": {},
22
- "border-bottom-width": {}
23
- },
24
- "padding-inline-end": { "value": "{zuiddrecht.size.md}" },
25
- "padding-inline-start": { "value": "{zuiddrecht.size.md}" },
26
- "padding-block-end": { "value": "{zuiddrecht.size.md}" },
27
- "padding-block-start": { "value": "{zuiddrecht.size.md}" }
28
- }
29
- }
30
- }
@@ -1,69 +0,0 @@
1
- {
2
- "conduction": {
3
- "input-checkbox": {
4
- "color": { "value": "{zuiddrecht.color.white.100}" },
5
- "border-width": { "value": "{zuiddrecht.size.4xs}" },
6
- "border-style": { "value": "solid" },
7
- "border-color": { "value": "{zuiddrecht.color.grey.46}" },
8
- "border-radius": { "value": "3px" },
9
- "box-shadow": {},
10
- "hover": {
11
- "color": { "value": "{zuiddrecht.color.white.100}" },
12
- "border-width": { "value": "{zuiddrecht.size.4xs}" },
13
- "border-style": { "value": "solid" },
14
- "border-color": { "value": "{zuiddrecht.color.grey.31}" },
15
- "border-radius": { "value": "3px" },
16
- "box-shadow": {}
17
- },
18
- "checked": {
19
- "color": { "value": "{zuiddrecht.color.primary}" },
20
- "border-width": { "value": "{zuiddrecht.size.4xs}" },
21
- "border-style": { "value": "solid" },
22
- "border-color": { "value": "{zuiddrecht.color.primary}" },
23
- "border-radius": { "value": "3px" },
24
- "box-shadow": {},
25
- "checkmark-url": {},
26
- "hover": {
27
- "color": { "value": "{zuiddrecht.color.primary-hover}" },
28
- "border-width": { "value": "{zuiddrecht.size.4xs}" },
29
- "border-style": { "value": "solid" },
30
- "border-color": { "value": "{zuiddrecht.color.primary-hover}" },
31
- "border-radius": { "value": "3px" },
32
- "box-shadow": {}
33
- }
34
- },
35
- "disabled": {
36
- "color": { "value": "{zuiddrecht.color.grey.82}" },
37
- "border-width": { "value": "{zuiddrecht.size.4xs}" },
38
- "border-style": { "value": "solid" },
39
- "border-color": { "value": "{zuiddrecht.color.grey.82}" },
40
- "border-radius": { "value": "3px" },
41
- "box-shadow": {},
42
- "hover": {
43
- "color": { "value": "{zuiddrecht.color.grey.82}" },
44
- "border-width": { "value": "{zuiddrecht.size.4xs}" },
45
- "border-style": { "value": "solid" },
46
- "border-color": { "value": "{zuiddrecht.color.grey.82}" },
47
- "border-radius": { "value": "3px" },
48
- "box-shadow": {}
49
- }
50
- },
51
- "focus": {
52
- "outline-width": { "value": "2px" },
53
- "outline-style": { "value": "solid" },
54
- "outline-color": { "value": "{zuiddrecht.color.black.0}" },
55
- "outline-offset": { "value": "2px" }
56
- },
57
- "label": {
58
- "color": { "value": "{utrecht.document.color}" },
59
- "font-size": { "value": "{utrecht.document.font-size}" },
60
- "font-weight": {},
61
- "font-family": { "value": "{utrecht.document.font-family}" },
62
- "container": {
63
- "padding": { "value": "3px" },
64
- "margin": { "value": "3px" }
65
- }
66
- }
67
- }
68
- }
69
- }
@@ -1,28 +0,0 @@
1
- {
2
- "conduction": {
3
- "download-card": {
4
- "background-color": {},
5
- "title": {
6
- "color": { "value": "{utrecht.document.color}" },
7
- "font-size": { "value": "{zuiddrecht.typography.scale.md.font-size}" },
8
- "font-weight": { "value": "{zuiddrecht.typography.weight-scale.bold.font-weight}" },
9
- "font-family": { "value": "{zuiddrecht.typography.sans-serif.font-family}" },
10
- "margin-inline-end": { "value": "{zuiddrecht.size.sm}" }
11
- },
12
- "border-width": { "value": "{zuiddrecht.size.4xs}" },
13
- "border-style": { "value": "solid" },
14
- "border-color": { "value": "{zuiddrecht.color.grey.82}" },
15
- "border-radius": { "value": "{zuiddrecht.size.3xs}" },
16
- "icon": {
17
- "gap": {
18
- "value": "{zuiddrecht.size.xs}"
19
- },
20
- "color": {}
21
- },
22
- "padding-inline-end": { "value": "{zuiddrecht.size.md}" },
23
- "padding-inline-start": { "value": "{zuiddrecht.size.md}" },
24
- "padding-block-end": { "value": "{zuiddrecht.size.md}" },
25
- "padding-block-start": { "value": "{zuiddrecht.size.md}" }
26
- }
27
- }
28
- }