@revikornmann/muka-ui 0.3.0 → 0.4.1

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 (18) hide show
  1. package/README.md +1 -1
  2. package/build/manifest.json +6 -6
  3. package/cli/manifest.json +2 -2
  4. package/dist/styles/index.css +494 -494
  5. package/dist/styles/muka-dark.css +494 -494
  6. package/dist/styles/muka-light.css +494 -494
  7. package/dist/styles/{tokens-bouwflow-dark.css → tokens-bouwplan-dark.css} +372 -372
  8. package/dist/styles/{tokens-bouwflow-light.css → tokens-bouwplan-light.css} +368 -368
  9. package/dist/styles/wireframe-dark.css +494 -494
  10. package/dist/styles/wireframe-light.css +494 -494
  11. package/docs/consumers/setup-instructions.md +3 -3
  12. package/package.json +1 -1
  13. package/skills/setup-muka/SKILL.md +1 -1
  14. package/tokens/t2-alias/brand/bouwplan/dark.json +110 -0
  15. package/tokens/t2-alias/brand/{bouwflow → bouwplan}/fonts.json +3 -3
  16. package/tokens/t2-alias/brand/bouwplan/light.json +110 -0
  17. package/tokens/t2-alias/brand/bouwflow/dark.json +0 -110
  18. package/tokens/t2-alias/brand/bouwflow/light.json +0 -110
package/docs/consumers/setup-instructions.md CHANGED
@@ -23,14 +23,14 @@ import { Button } from '@revikornmann/muka-ui';
23
23
  ```
24
24
 
25
25
  For a brand theme, also load the brand CSS and set the data attributes (replace
26
- `bouwflow` with your brand):
26
+ `bouwplan` with your brand):
27
27
 
28
28
  ```ts
29
- import '@revikornmann/muka-ui/styles/tokens-bouwflow-light.css';
29
+ import '@revikornmann/muka-ui/styles/tokens-bouwplan-light.css';
30
30
  ```
31
31
 
32
32
  ```html
33
- <html data-brand="bouwflow" data-theme="light">
33
+ <html data-brand="bouwplan" data-theme="light">
34
34
  ```
35
35
 
36
36
  ## 2. Add the auto-update workflow
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@revikornmann/muka-ui",
3
- "version": "0.3.0",
3
+ "version": "0.4.1",
4
4
  "description": "Muka Design System - Multi-brand design tokens and React components",
5
5
  "main": "dist/cjs/components/index.js",
6
6
  "module": "dist/esm/components/index.js",
package/skills/setup-muka/SKILL.md CHANGED
@@ -10,7 +10,7 @@ argument-hint: "[brand]"
10
10
  Configure the current repo to consume the **public npm package**
11
11
  `@revikornmann/muka-ui` and stay current with releases automatically. The
12
12
  optional `$ARGUMENTS` is the brand to theme with (e.g. `fscl`, `grip`,
13
- `bouwflow`); default brand is `muka`.
13
+ `bouwplan`); default brand is `muka`.
14
14
 
15
15
  Muka UI is a public npm package — **no `.npmrc`, registry config, or auth token
16
16
  is required**. When the package is installed, the version-locked copy of these
package/tokens/t2-alias/brand/bouwplan/dark.json ADDED
@@ -0,0 +1,110 @@
1
+ {
2
+ "$schema": {
3
+ "$type": "other",
4
+ "$value": "https://design-tokens.org/schemas/1.0/schema.json"
5
+ },
6
+ "alias": {
7
+ "color": {
8
+ "neutral": {
9
+ "1": { "$type": "color", "$value": "{color.sandDark.1}" },
10
+ "2": { "$type": "color", "$value": "{color.sandDark.2}" },
11
+ "3": { "$type": "color", "$value": "{color.sandDark.3}" },
12
+ "4": { "$type": "color", "$value": "{color.sandDark.4}" },
13
+ "5": { "$type": "color", "$value": "{color.sandDark.5}" },
14
+ "6": { "$type": "color", "$value": "{color.sandDark.6}" },
15
+ "7": { "$type": "color", "$value": "{color.sandDark.7}" },
16
+ "8": { "$type": "color", "$value": "{color.sandDark.8}" },
17
+ "9": { "$type": "color", "$value": "{color.sandDark.9}" },
18
+ "10": { "$type": "color", "$value": "{color.sandDark.10}" },
19
+ "11": { "$type": "color", "$value": "{color.sandDark.11}" },
20
+ "12": { "$type": "color", "$value": "{color.sandDark.12}" }
21
+ },
22
+ "brand": {
23
+ "primary": {
24
+ "regular": { "$type": "color", "$value": "{color.orangeDark.9}" },
25
+ "contrast": { "$type": "color", "$value": "{color.orangeDark.12}" },
26
+ "muted": { "$type": "color", "$value": "{color.orangeDark.3}" }
27
+ },
28
+ "secondary": {
29
+ "regular": { "$type": "color", "$value": "{color.orangeDark.8}" },
30
+ "contrast": { "$type": "color", "$value": "{color.orangeDark.10}" },
31
+ "muted": { "$type": "color", "$value": "{color.orangeDark.3}" }
32
+ },
33
+ "default-deprecated": { "$type": "color", "$value": "{color.orangeDark.9}" },
34
+ "contrast-deprecated": { "$type": "color", "$value": "{color.orangeDark.12}" },
35
+ "muted-deprecated": { "$type": "color", "$value": "{color.orangeDark.4}" }
36
+ },
37
+ "accent": {
38
+ "default": { "$type": "color", "$value": "{color.orangeDark.9}" },
39
+ "hover": { "$type": "color", "$value": "{color.orangeDark.12}" },
40
+ "pressed": { "$type": "color", "$value": "{color.orangeDark.10}" },
41
+ "contrast": { "$type": "color", "$value": "{color.orangeDark.12}" },
42
+ "muted": { "$type": "color", "$value": "{color.orangeDark.7}" },
43
+ "inverse": {
44
+ "default": { "$type": "color", "$value": "{color.orangeDark.1}" },
45
+ "hover": { "$type": "color", "$value": "{color.orangeDark.2}" },
46
+ "pressed": { "$type": "color", "$value": "{color.orangeDark.2}" },
47
+ "contrast": { "$type": "color", "$value": "{color.orangeDark.2}" },
48
+ "muted": { "$type": "color", "$value": "{color.orangeDark.3}" }
49
+ }
50
+ },
51
+ "state": {
52
+ "success": {
53
+ "contrast": { "$type": "color", "$value": "{color.mintDark.12}" },
54
+ "default": { "$type": "color", "$value": "{color.mintDark.11}" },
55
+ "muted": { "$type": "color", "$value": "{color.mintDark.3}" },
56
+ "surface": {
57
+ "level0": { "$type": "color", "$value": "{color.mintDark.2}" },
58
+ "level1": { "$type": "color", "$value": "{color.mintDark.3}" },
59
+ "level2": { "$type": "color", "$value": "{color.mintDark.4}" },
60
+ "level3": { "$type": "color", "$value": "{color.mintDark.5}" }
61
+ }
62
+ },
63
+ "warning": {
64
+ "contrast": { "$type": "color", "$value": "{color.amberDark.11}" },
65
+ "default": { "$type": "color", "$value": "{color.amberDark.9}" },
66
+ "muted": { "$type": "color", "$value": "{color.amberDark.3}" },
67
+ "surface": {
68
+ "level0": { "$type": "color", "$value": "{color.amberDark.2}" },
69
+ "level1": { "$type": "color", "$value": "{color.amberDark.3}" },
70
+ "level2": { "$type": "color", "$value": "{color.amberDark.4}" },
71
+ "level3": { "$type": "color", "$value": "{color.amberDark.5}" }
72
+ }
73
+ },
74
+ "error": {
75
+ "contrast": { "$type": "color", "$value": "{color.redDark.11}" },
76
+ "default": { "$type": "color", "$value": "{color.redDark.9}" },
77
+ "muted": { "$type": "color", "$value": "{color.redDark.3}" },
78
+ "surface": {
79
+ "level0": { "$type": "color", "$value": "{color.redDark.2}" },
80
+ "level1": { "$type": "color", "$value": "{color.redDark.3}" },
81
+ "level2": { "$type": "color", "$value": "{color.redDark.4}" },
82
+ "level3": { "$type": "color", "$value": "{color.redDark.5}" }
83
+ }
84
+ },
85
+ "info": {
86
+ "contrast": { "$type": "color", "$value": "{color.skyDark.11}" },
87
+ "default": { "$type": "color", "$value": "{color.skyDark.9}" },
88
+ "muted": { "$type": "color", "$value": "{color.skyDark.3}" },
89
+ "surface": {
90
+ "level0": { "$type": "color", "$value": "{color.skyDark.2}" },
91
+ "level1": { "$type": "color", "$value": "{color.skyDark.3}" },
92
+ "level2": { "$type": "color", "$value": "{color.skyDark.4}" },
93
+ "level3": { "$type": "color", "$value": "{color.skyDark.5}" }
94
+ }
95
+ },
96
+ "neutral": {
97
+ "contrast": { "$type": "color", "$value": "{color.sandDark.11}" },
98
+ "default": { "$type": "color", "$value": "{color.sandDark.9}" },
99
+ "muted": { "$type": "color", "$value": "{color.sandDark.3}" },
100
+ "surface": {
101
+ "level0": { "$type": "color", "$value": "{color.sandDark.2}" },
102
+ "level1": { "$type": "color", "$value": "{color.sandDark.3}" },
103
+ "level2": { "$type": "color", "$value": "{color.sandDark.4}" },
104
+ "level3": { "$type": "color", "$value": "{color.sandDark.5}" }
105
+ }
106
+ }
107
+ }
108
+ }
109
+ }
110
+ }
package/tokens/t2-alias/brand/{bouwflow → bouwplan}/fonts.json RENAMED
@@ -6,7 +6,7 @@
6
6
  "alias": {
7
7
  "font": {
8
8
  "brand": {
9
- "family": { "$type": "fontFamilies", "$value": "Manrope" },
9
+ "family": { "$type": "fontFamilies", "$value": "Quicksand" },
10
10
  "weight": {
11
11
  "regular": { "$type": "fontWeights", "$value": "400" },
12
12
  "medium": { "$type": "fontWeights", "$value": "500" },
@@ -15,7 +15,7 @@
15
15
  }
16
16
  },
17
17
  "plain": {
18
- "family": { "$type": "fontFamilies", "$value": "Manrope" },
18
+ "family": { "$type": "fontFamilies", "$value": "Quicksand" },
19
19
  "weight": {
20
20
  "regular": { "$type": "fontWeights", "$value": "400" },
21
21
  "medium": { "$type": "fontWeights", "$value": "500" },
@@ -24,7 +24,7 @@
24
24
  }
25
25
  },
26
26
  "mono": {
27
- "family": { "$type": "fontFamilies", "$value": "JetBrains Mono" },
27
+ "family": { "$type": "fontFamilies", "$value": "Menlo" },
28
28
  "weight": {
29
29
  "regular": { "$type": "fontWeights", "$value": "Regular" },
30
30
  "bold": { "$type": "fontWeights", "$value": "Bold" }
package/tokens/t2-alias/brand/bouwplan/light.json ADDED
@@ -0,0 +1,110 @@
1
+ {
2
+ "$schema": {
3
+ "$type": "other",
4
+ "$value": "https://design-tokens.org/schemas/1.0/schema.json"
5
+ },
6
+ "alias": {
7
+ "color": {
8
+ "neutral": {
9
+ "1": { "$type": "color", "$value": "{color.sand.1}" },
10
+ "2": { "$type": "color", "$value": "{color.sand.2}" },
11
+ "3": { "$type": "color", "$value": "{color.sand.3}" },
12
+ "4": { "$type": "color", "$value": "{color.sand.4}" },
13
+ "5": { "$type": "color", "$value": "{color.sand.5}" },
14
+ "6": { "$type": "color", "$value": "{color.sand.6}" },
15
+ "7": { "$type": "color", "$value": "{color.sand.7}" },
16
+ "8": { "$type": "color", "$value": "{color.sand.8}" },
17
+ "9": { "$type": "color", "$value": "{color.sand.9}" },
18
+ "10": { "$type": "color", "$value": "{color.sand.10}" },
19
+ "11": { "$type": "color", "$value": "{color.sand.11}" },
20
+ "12": { "$type": "color", "$value": "{color.sand.12}" }
21
+ },
22
+ "brand": {
23
+ "primary": {
24
+ "regular": { "$type": "color", "$value": "{color.orange.11}" },
25
+ "contrast": { "$type": "color", "$value": "{color.orange.12}" },
26
+ "muted": { "$type": "color", "$value": "{color.orange.3}" }
27
+ },
28
+ "secondary": {
29
+ "regular": { "$type": "color", "$value": "{color.orange.8}" },
30
+ "contrast": { "$type": "color", "$value": "{color.orange.11}" },
31
+ "muted": { "$type": "color", "$value": "{color.orange.3}" }
32
+ },
33
+ "default-deprecated": { "$type": "color", "$value": "{color.orange.9}" },
34
+ "contrast-deprecated": { "$type": "color", "$value": "{color.orange.12}" },
35
+ "muted-deprecated": { "$type": "color", "$value": "{color.orange.5}" }
36
+ },
37
+ "accent": {
38
+ "default": { "$type": "color", "$value": "{color.orange.9}" },
39
+ "hover": { "$type": "color", "$value": "{color.orange.10}" },
40
+ "pressed": { "$type": "color", "$value": "{color.orange.11}" },
41
+ "contrast": { "$type": "color", "$value": "{color.orange.12}" },
42
+ "muted": { "$type": "color", "$value": "{color.orange.8}" },
43
+ "inverse": {
44
+ "default": { "$type": "color", "$value": "{color.orange.1}" },
45
+ "hover": { "$type": "color", "$value": "{color.white}" },
46
+ "pressed": { "$type": "color", "$value": "{color.orange.2}" },
47
+ "contrast": { "$type": "color", "$value": "{color.white}" },
48
+ "muted": { "$type": "color", "$value": "{color.orange.3}" }
49
+ }
50
+ },
51
+ "state": {
52
+ "success": {
53
+ "contrast": { "$type": "color", "$value": "{color.mint.12}" },
54
+ "default": { "$type": "color", "$value": "{color.mint.11}" },
55
+ "muted": { "$type": "color", "$value": "{color.mint.3}" },
56
+ "surface": {
57
+ "level0": { "$type": "color", "$value": "{color.mint.2}" },
58
+ "level1": { "$type": "color", "$value": "{color.mint.3}" },
59
+ "level2": { "$type": "color", "$value": "{color.mint.4}" },
60
+ "level3": { "$type": "color", "$value": "{color.mint.5}" }
61
+ }
62
+ },
63
+ "warning": {
64
+ "contrast": { "$type": "color", "$value": "{color.amber.11}" },
65
+ "default": { "$type": "color", "$value": "{color.amber.9}" },
66
+ "muted": { "$type": "color", "$value": "{color.amber.3}" },
67
+ "surface": {
68
+ "level0": { "$type": "color", "$value": "{color.amber.2}" },
69
+ "level1": { "$type": "color", "$value": "{color.amber.3}" },
70
+ "level2": { "$type": "color", "$value": "{color.amber.4}" },
71
+ "level3": { "$type": "color", "$value": "{color.amber.5}" }
72
+ }
73
+ },
74
+ "error": {
75
+ "contrast": { "$type": "color", "$value": "{color.red.11}" },
76
+ "default": { "$type": "color", "$value": "{color.red.9}" },
77
+ "muted": { "$type": "color", "$value": "{color.red.3}" },
78
+ "surface": {
79
+ "level0": { "$type": "color", "$value": "{color.red.2}" },
80
+ "level1": { "$type": "color", "$value": "{color.red.3}" },
81
+ "level2": { "$type": "color", "$value": "{color.red.4}" },
82
+ "level3": { "$type": "color", "$value": "{color.red.5}" }
83
+ }
84
+ },
85
+ "info": {
86
+ "contrast": { "$type": "color", "$value": "{color.sky.11}" },
87
+ "default": { "$type": "color", "$value": "{color.sky.9}" },
88
+ "muted": { "$type": "color", "$value": "{color.sky.3}" },
89
+ "surface": {
90
+ "level0": { "$type": "color", "$value": "{color.sky.2}" },
91
+ "level1": { "$type": "color", "$value": "{color.sky.3}" },
92
+ "level2": { "$type": "color", "$value": "{color.sky.4}" },
93
+ "level3": { "$type": "color", "$value": "{color.sky.5}" }
94
+ }
95
+ },
96
+ "neutral": {
97
+ "contrast": { "$type": "color", "$value": "{color.sand.11}" },
98
+ "default": { "$type": "color", "$value": "{color.sand.9}" },
99
+ "muted": { "$type": "color", "$value": "{color.sand.3}" },
100
+ "surface": {
101
+ "level0": { "$type": "color", "$value": "{color.sand.2}" },
102
+ "level1": { "$type": "color", "$value": "{color.sand.3}" },
103
+ "level2": { "$type": "color", "$value": "{color.sand.4}" },
104
+ "level3": { "$type": "color", "$value": "{color.sand.5}" }
105
+ }
106
+ }
107
+ }
108
+ }
109
+ }
110
+ }
package/tokens/t2-alias/brand/bouwflow/dark.json DELETED
@@ -1,110 +0,0 @@
1
- {
2
- "$schema": {
3
- "$type": "other",
4
- "$value": "https://design-tokens.org/schemas/1.0/schema.json"
5
- },
6
- "alias": {
7
- "color": {
8
- "neutral": {
9
- "1": { "$type": "color", "$value": "{color.slateDark.1}" },
10
- "2": { "$type": "color", "$value": "{color.slateDark.2}" },
11
- "3": { "$type": "color", "$value": "{color.slateDark.3}" },
12
- "4": { "$type": "color", "$value": "{color.slateDark.4}" },
13
- "5": { "$type": "color", "$value": "{color.slateDark.5}" },
14
- "6": { "$type": "color", "$value": "{color.slateDark.6}" },
15
- "7": { "$type": "color", "$value": "{color.slateDark.7}" },
16
- "8": { "$type": "color", "$value": "{color.slateDark.8}" },
17
- "9": { "$type": "color", "$value": "{color.slateDark.9}" },
18
- "10": { "$type": "color", "$value": "{color.slateDark.10}" },
19
- "11": { "$type": "color", "$value": "{color.slateDark.11}" },
20
- "12": { "$type": "color", "$value": "{color.slateDark.12}" }
21
- },
22
- "brand": {
23
- "primary": {
24
- "regular": { "$type": "color", "$value": "{color.blueDark.11}" },
25
- "contrast": { "$type": "color", "$value": "{color.blueDark.12}" },
26
- "muted": { "$type": "color", "$value": "{color.blueDark.3}" }
27
- },
28
- "secondary": {
29
- "regular": { "$type": "color", "$value": "{color.cyanDark.8}" },
30
- "contrast": { "$type": "color", "$value": "{color.cyanDark.11}" },
31
- "muted": { "$type": "color", "$value": "{color.cyanDark.3}" }
32
- },
33
- "default-deprecated": { "$type": "color", "$value": "{color.blueDark.9}" },
34
- "contrast-deprecated": { "$type": "color", "$value": "{color.blueDark.12}" },
35
- "muted-deprecated": { "$type": "color", "$value": "{color.blueDark.5}" }
36
- },
37
- "accent": {
38
- "default": { "$type": "color", "$value": "{color.blueDark.11}" },
39
- "hover": { "$type": "color", "$value": "{color.blueDark.12}" },
40
- "pressed": { "$type": "color", "$value": "{color.blueDark.10}" },
41
- "contrast": { "$type": "color", "$value": "{color.blueDark.12}" },
42
- "muted": { "$type": "color", "$value": "{color.blueDark.6}" },
43
- "inverse": {
44
- "default": { "$type": "color", "$value": "{color.blueDark.1}" },
45
- "hover": { "$type": "color", "$value": "{color.blueDark.2}" },
46
- "pressed": { "$type": "color", "$value": "{color.blueDark.2}" },
47
- "contrast": { "$type": "color", "$value": "{color.blueDark.2}" },
48
- "muted": { "$type": "color", "$value": "{color.blueDark.3}" }
49
- }
50
- },
51
- "state": {
52
- "success": {
53
- "contrast": { "$type": "color", "$value": "{color.greenDark.12}" },
54
- "default": { "$type": "color", "$value": "{color.greenDark.11}" },
55
- "muted": { "$type": "color", "$value": "{color.greenDark.3}" },
56
- "surface": {
57
- "level0": { "$type": "color", "$value": "{color.greenDark.2}" },
58
- "level1": { "$type": "color", "$value": "{color.greenDark.3}" },
59
- "level2": { "$type": "color", "$value": "{color.greenDark.4}" },
60
- "level3": { "$type": "color", "$value": "{color.greenDark.5}" }
61
- }
62
- },
63
- "warning": {
64
- "contrast": { "$type": "color", "$value": "{color.amberDark.11}" },
65
- "default": { "$type": "color", "$value": "{color.amberDark.9}" },
66
- "muted": { "$type": "color", "$value": "{color.amberDark.3}" },
67
- "surface": {
68
- "level0": { "$type": "color", "$value": "{color.amberDark.2}" },
69
- "level1": { "$type": "color", "$value": "{color.amberDark.3}" },
70
- "level2": { "$type": "color", "$value": "{color.amberDark.4}" },
71
- "level3": { "$type": "color", "$value": "{color.amberDark.5}" }
72
- }
73
- },
74
- "error": {
75
- "contrast": { "$type": "color", "$value": "{color.redDark.11}" },
76
- "default": { "$type": "color", "$value": "{color.redDark.9}" },
77
- "muted": { "$type": "color", "$value": "{color.redDark.3}" },
78
- "surface": {
79
- "level0": { "$type": "color", "$value": "{color.redDark.2}" },
80
- "level1": { "$type": "color", "$value": "{color.redDark.3}" },
81
- "level2": { "$type": "color", "$value": "{color.redDark.4}" },
82
- "level3": { "$type": "color", "$value": "{color.redDark.5}" }
83
- }
84
- },
85
- "info": {
86
- "contrast": { "$type": "color", "$value": "{color.skyDark.11}" },
87
- "default": { "$type": "color", "$value": "{color.skyDark.9}" },
88
- "muted": { "$type": "color", "$value": "{color.skyDark.3}" },
89
- "surface": {
90
- "level0": { "$type": "color", "$value": "{color.skyDark.2}" },
91
- "level1": { "$type": "color", "$value": "{color.skyDark.3}" },
92
- "level2": { "$type": "color", "$value": "{color.skyDark.4}" },
93
- "level3": { "$type": "color", "$value": "{color.skyDark.5}" }
94
- }
95
- },
96
- "neutral": {
97
- "contrast": { "$type": "color", "$value": "{color.slateDark.11}" },
98
- "default": { "$type": "color", "$value": "{color.slateDark.9}" },
99
- "muted": { "$type": "color", "$value": "{color.slateDark.3}" },
100
- "surface": {
101
- "level0": { "$type": "color", "$value": "{color.slateDark.2}" },
102
- "level1": { "$type": "color", "$value": "{color.slateDark.3}" },
103
- "level2": { "$type": "color", "$value": "{color.slateDark.4}" },
104
- "level3": { "$type": "color", "$value": "{color.slateDark.5}" }
105
- }
106
- }
107
- }
108
- }
109
- }
110
- }
package/tokens/t2-alias/brand/bouwflow/light.json DELETED
@@ -1,110 +0,0 @@
1
- {
2
- "$schema": {
3
- "$type": "other",
4
- "$value": "https://design-tokens.org/schemas/1.0/schema.json"
5
- },
6
- "alias": {
7
- "color": {
8
- "neutral": {
9
- "1": { "$type": "color", "$value": "{color.slate.1}" },
10
- "2": { "$type": "color", "$value": "{color.slate.2}" },
11
- "3": { "$type": "color", "$value": "{color.slate.3}" },
12
- "4": { "$type": "color", "$value": "{color.slate.4}" },
13
- "5": { "$type": "color", "$value": "{color.slate.5}" },
14
- "6": { "$type": "color", "$value": "{color.slate.6}" },
15
- "7": { "$type": "color", "$value": "{color.slate.7}" },
16
- "8": { "$type": "color", "$value": "{color.slate.8}" },
17
- "9": { "$type": "color", "$value": "{color.slate.9}" },
18
- "10": { "$type": "color", "$value": "{color.slate.10}" },
19
- "11": { "$type": "color", "$value": "{color.slate.11}" },
20
- "12": { "$type": "color", "$value": "{color.slate.12}" }
21
- },
22
- "brand": {
23
- "primary": {
24
- "regular": { "$type": "color", "$value": "{color.blue.11}" },
25
- "contrast": { "$type": "color", "$value": "{color.blue.12}" },
26
- "muted": { "$type": "color", "$value": "{color.blue.3}" }
27
- },
28
- "secondary": {
29
- "regular": { "$type": "color", "$value": "{color.cyan.8}" },
30
- "contrast": { "$type": "color", "$value": "{color.cyan.11}" },
31
- "muted": { "$type": "color", "$value": "{color.cyan.3}" }
32
- },
33
- "default-deprecated": { "$type": "color", "$value": "{color.blue.9}" },
34
- "contrast-deprecated": { "$type": "color", "$value": "{color.blue.12}" },
35
- "muted-deprecated": { "$type": "color", "$value": "{color.blue.5}" }
36
- },
37
- "accent": {
38
- "default": { "$type": "color", "$value": "{color.blue.9}" },
39
- "hover": { "$type": "color", "$value": "{color.blue.10}" },
40
- "pressed": { "$type": "color", "$value": "{color.blue.11}" },
41
- "contrast": { "$type": "color", "$value": "{color.blue.12}" },
42
- "muted": { "$type": "color", "$value": "{color.blue.8}" },
43
- "inverse": {
44
- "default": { "$type": "color", "$value": "{color.blue.1}" },
45
- "hover": { "$type": "color", "$value": "{color.white}" },
46
- "pressed": { "$type": "color", "$value": "{color.blue.2}" },
47
- "contrast": { "$type": "color", "$value": "{color.white}" },
48
- "muted": { "$type": "color", "$value": "{color.blue.3}" }
49
- }
50
- },
51
- "state": {
52
- "success": {
53
- "contrast": { "$type": "color", "$value": "{color.green.12}" },
54
- "default": { "$type": "color", "$value": "{color.green.9}" },
55
- "muted": { "$type": "color", "$value": "{color.green.3}" },
56
- "surface": {
57
- "level0": { "$type": "color", "$value": "{color.green.2}" },
58
- "level1": { "$type": "color", "$value": "{color.green.3}" },
59
- "level2": { "$type": "color", "$value": "{color.green.4}" },
60
- "level3": { "$type": "color", "$value": "{color.green.5}" }
61
- }
62
- },
63
- "warning": {
64
- "contrast": { "$type": "color", "$value": "{color.amber.11}" },
65
- "default": { "$type": "color", "$value": "{color.amber.9}" },
66
- "muted": { "$type": "color", "$value": "{color.amber.3}" },
67
- "surface": {
68
- "level0": { "$type": "color", "$value": "{color.amber.2}" },
69
- "level1": { "$type": "color", "$value": "{color.amber.3}" },
70
- "level2": { "$type": "color", "$value": "{color.amber.4}" },
71
- "level3": { "$type": "color", "$value": "{color.amber.5}" }
72
- }
73
- },
74
- "error": {
75
- "contrast": { "$type": "color", "$value": "{color.red.11}" },
76
- "default": { "$type": "color", "$value": "{color.red.9}" },
77
- "muted": { "$type": "color", "$value": "{color.red.3}" },
78
- "surface": {
79
- "level0": { "$type": "color", "$value": "{color.red.2}" },
80
- "level1": { "$type": "color", "$value": "{color.red.3}" },
81
- "level2": { "$type": "color", "$value": "{color.red.4}" },
82
- "level3": { "$type": "color", "$value": "{color.red.5}" }
83
- }
84
- },
85
- "info": {
86
- "contrast": { "$type": "color", "$value": "{color.sky.11}" },
87
- "default": { "$type": "color", "$value": "{color.sky.9}" },
88
- "muted": { "$type": "color", "$value": "{color.sky.3}" },
89
- "surface": {
90
- "level0": { "$type": "color", "$value": "{color.sky.2}" },
91
- "level1": { "$type": "color", "$value": "{color.sky.3}" },
92
- "level2": { "$type": "color", "$value": "{color.sky.4}" },
93
- "level3": { "$type": "color", "$value": "{color.sky.5}" }
94
- }
95
- },
96
- "neutral": {
97
- "contrast": { "$type": "color", "$value": "{color.slate.11}" },
98
- "default": { "$type": "color", "$value": "{color.slate.9}" },
99
- "muted": { "$type": "color", "$value": "{color.slate.3}" },
100
- "surface": {
101
- "level0": { "$type": "color", "$value": "{color.slate.2}" },
102
- "level1": { "$type": "color", "$value": "{color.slate.3}" },
103
- "level2": { "$type": "color", "$value": "{color.slate.4}" },
104
- "level3": { "$type": "color", "$value": "{color.slate.5}" }
105
- }
106
- }
107
- }
108
- }
109
- }
110
- }