@clafoutis/cli 1.1.0 → 1.1.2

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.
@@ -0,0 +1,109 @@
1
+ {
2
+ "colors": {
3
+ "background": {
4
+ "primary": { "$type": "color", "$value": "{colors.slate.100}" },
5
+ "secondary": { "$type": "color", "$value": "{colors.slate.200}" },
6
+ "tertiary": { "$type": "color", "$value": "{colors.slate.500}" },
7
+ "inverse": { "$type": "color", "$value": "{colors.slate.100}" },
8
+ "overlay": { "$type": "color", "$value": "{colors.blackAlpha.900}" }
9
+ },
10
+ "text": {
11
+ "base": { "$type": "color", "$value": "{colors.slate.1200}" },
12
+ "primary": { "$type": "color", "$value": "{colors.slate.1200}" },
13
+ "secondary": { "$type": "color", "$value": "{colors.slate.1100}" },
14
+ "tertiary": { "$type": "color", "$value": "{colors.slate.900}" },
15
+ "inverse": { "$type": "color", "$value": "{colors.slate.100}" },
16
+ "accent": { "$type": "color", "$value": "{colors.blue.1100}" },
17
+ "disabled": { "$type": "color", "$value": "{colors.slate.700}" },
18
+ "placeholder": { "$type": "color", "$value": "{colors.slate.700}" },
19
+ "link": { "$type": "color", "$value": "{colors.blue.1100}" }
20
+ },
21
+ "surface": {
22
+ "primary": { "$type": "color", "$value": "{colors.slate.300}" },
23
+ "secondary": { "$type": "color", "$value": "{colors.slate.400}" },
24
+ "tertiary": { "$type": "color", "$value": "{colors.slate.500}" },
25
+ "inset": { "$type": "color", "$value": "{colors.slate.100}" }
26
+ },
27
+ "border": {
28
+ "primary": { "$type": "color", "$value": "{colors.slate.600}" },
29
+ "secondary": { "$type": "color", "$value": "{colors.slate.500}" },
30
+ "accent": { "$type": "color", "$value": "{colors.blue.700}" },
31
+ "inverse": { "$type": "color", "$value": "{colors.slate.1200}" },
32
+ "focus": { "$type": "color", "$value": "{colors.blue.800}" },
33
+ "disabled": { "$type": "color", "$value": "{colors.slate.500}" }
34
+ },
35
+ "separator": {
36
+ "primary": { "$type": "color", "$value": "{colors.slate.500}" },
37
+ "secondary": { "$type": "color", "$value": "{colors.slate.600}" }
38
+ },
39
+ "icon": {
40
+ "primary": { "$type": "color", "$value": "{colors.slate.1200}" },
41
+ "secondary": { "$type": "color", "$value": "{colors.slate.1100}" },
42
+ "muted": { "$type": "color", "$value": "{colors.slate.900}" },
43
+ "inverse": { "$type": "color", "$value": "{colors.slate.100}" },
44
+ "accent": { "$type": "color", "$value": "{colors.blue.1100}" },
45
+ "disabled": { "$type": "color", "$value": "{colors.slate.700}" }
46
+ },
47
+ "ring": {
48
+ "primary": { "$type": "color", "$value": "{colors.blue.700}" },
49
+ "offset": { "$type": "color", "$value": "{colors.slate.100}" }
50
+ },
51
+ "highlight": {
52
+ "bg": { "$type": "color", "$value": "{colors.blue.500}" },
53
+ "text": { "$type": "color", "$value": "{colors.blue.1200}" }
54
+ },
55
+ "state": {
56
+ "error": {
57
+ "primary": { "$type": "color", "$value": "{colors.red.900}" },
58
+ "bg": { "$type": "color", "$value": "{colors.red.300}" },
59
+ "text": { "$type": "color", "$value": "{colors.red.1100}" },
60
+ "border": { "$type": "color", "$value": "{colors.red.700}" }
61
+ },
62
+ "warning": {
63
+ "primary": { "$type": "color", "$value": "{colors.yellow.900}" },
64
+ "bg": { "$type": "color", "$value": "{colors.yellow.300}" },
65
+ "text": { "$type": "color", "$value": "{colors.yellow.1100}" },
66
+ "border": { "$type": "color", "$value": "{colors.yellow.700}" }
67
+ },
68
+ "info": {
69
+ "primary": { "$type": "color", "$value": "{colors.blue.900}" },
70
+ "bg": { "$type": "color", "$value": "{colors.blue.300}" },
71
+ "text": { "$type": "color", "$value": "{colors.blue.1100}" },
72
+ "border": { "$type": "color", "$value": "{colors.blue.700}" }
73
+ },
74
+ "success": {
75
+ "primary": { "$type": "color", "$value": "{colors.green.900}" },
76
+ "bg": { "$type": "color", "$value": "{colors.green.300}" },
77
+ "text": { "$type": "color", "$value": "{colors.green.1100}" },
78
+ "border": { "$type": "color", "$value": "{colors.green.700}" }
79
+ },
80
+ "disabled": {
81
+ "bg": { "$type": "color", "$value": "{colors.slate.300}" },
82
+ "text": { "$type": "color", "$value": "{colors.slate.700}" },
83
+ "border": { "$type": "color", "$value": "{colors.slate.500}" }
84
+ }
85
+ }
86
+ },
87
+ "shadow": {
88
+ "default": {
89
+ "$type": "shadow",
90
+ "$value": {
91
+ "x": 0,
92
+ "y": 4,
93
+ "blur": 8,
94
+ "spread": 0,
95
+ "color": "rgba(0, 0, 0, 0.6)"
96
+ }
97
+ },
98
+ "soft": {
99
+ "$type": "shadow",
100
+ "$value": {
101
+ "x": 0,
102
+ "y": 2,
103
+ "blur": 4,
104
+ "spread": 0,
105
+ "color": "rgba(0, 0, 0, 0.3)"
106
+ }
107
+ }
108
+ }
109
+ }
@@ -0,0 +1,109 @@
1
+ {
2
+ "colors": {
3
+ "background": {
4
+ "primary": { "$type": "color", "$value": "{colors.slate.100}" },
5
+ "secondary": { "$type": "color", "$value": "{colors.slate.200}" },
6
+ "tertiary": { "$type": "color", "$value": "{colors.slate.400}" },
7
+ "inverse": { "$type": "color", "$value": "{colors.slate.1200}" },
8
+ "overlay": { "$type": "color", "$value": "{colors.blackAlpha.700}" }
9
+ },
10
+ "text": {
11
+ "base": { "$type": "color", "$value": "{colors.slate.1200}" },
12
+ "primary": { "$type": "color", "$value": "{colors.slate.1200}" },
13
+ "secondary": { "$type": "color", "$value": "{colors.slate.1100}" },
14
+ "tertiary": { "$type": "color", "$value": "{colors.slate.900}" },
15
+ "inverse": { "$type": "color", "$value": "{colors.slate.100}" },
16
+ "accent": { "$type": "color", "$value": "{colors.blue.1100}" },
17
+ "disabled": { "$type": "color", "$value": "{colors.slate.800}" },
18
+ "placeholder": { "$type": "color", "$value": "{colors.slate.800}" },
19
+ "link": { "$type": "color", "$value": "{colors.blue.1100}" }
20
+ },
21
+ "surface": {
22
+ "primary": { "$type": "color", "$value": "{colors.slate.100}" },
23
+ "secondary": { "$type": "color", "$value": "{colors.slate.200}" },
24
+ "tertiary": { "$type": "color", "$value": "{colors.slate.300}" },
25
+ "inset": { "$type": "color", "$value": "{colors.slate.300}" }
26
+ },
27
+ "border": {
28
+ "primary": { "$type": "color", "$value": "{colors.slate.600}" },
29
+ "secondary": { "$type": "color", "$value": "{colors.slate.500}" },
30
+ "accent": { "$type": "color", "$value": "{colors.blue.700}" },
31
+ "inverse": { "$type": "color", "$value": "{colors.slate.1200}" },
32
+ "focus": { "$type": "color", "$value": "{colors.blue.800}" },
33
+ "disabled": { "$type": "color", "$value": "{colors.slate.400}" }
34
+ },
35
+ "separator": {
36
+ "primary": { "$type": "color", "$value": "{colors.slate.500}" },
37
+ "secondary": { "$type": "color", "$value": "{colors.slate.600}" }
38
+ },
39
+ "icon": {
40
+ "primary": { "$type": "color", "$value": "{colors.slate.1200}" },
41
+ "secondary": { "$type": "color", "$value": "{colors.slate.1100}" },
42
+ "muted": { "$type": "color", "$value": "{colors.slate.900}" },
43
+ "inverse": { "$type": "color", "$value": "{colors.slate.100}" },
44
+ "accent": { "$type": "color", "$value": "{colors.blue.1100}" },
45
+ "disabled": { "$type": "color", "$value": "{colors.slate.800}" }
46
+ },
47
+ "ring": {
48
+ "primary": { "$type": "color", "$value": "{colors.blue.700}" },
49
+ "offset": { "$type": "color", "$value": "{colors.slate.100}" }
50
+ },
51
+ "highlight": {
52
+ "bg": { "$type": "color", "$value": "{colors.blue.400}" },
53
+ "text": { "$type": "color", "$value": "{colors.blue.1200}" }
54
+ },
55
+ "state": {
56
+ "error": {
57
+ "primary": { "$type": "color", "$value": "{colors.red.900}" },
58
+ "bg": { "$type": "color", "$value": "{colors.red.300}" },
59
+ "text": { "$type": "color", "$value": "{colors.red.1100}" },
60
+ "border": { "$type": "color", "$value": "{colors.red.700}" }
61
+ },
62
+ "warning": {
63
+ "primary": { "$type": "color", "$value": "{colors.yellow.900}" },
64
+ "bg": { "$type": "color", "$value": "{colors.yellow.300}" },
65
+ "text": { "$type": "color", "$value": "{colors.yellow.1100}" },
66
+ "border": { "$type": "color", "$value": "{colors.yellow.700}" }
67
+ },
68
+ "info": {
69
+ "primary": { "$type": "color", "$value": "{colors.blue.900}" },
70
+ "bg": { "$type": "color", "$value": "{colors.blue.300}" },
71
+ "text": { "$type": "color", "$value": "{colors.blue.1100}" },
72
+ "border": { "$type": "color", "$value": "{colors.blue.700}" }
73
+ },
74
+ "success": {
75
+ "primary": { "$type": "color", "$value": "{colors.green.900}" },
76
+ "bg": { "$type": "color", "$value": "{colors.green.300}" },
77
+ "text": { "$type": "color", "$value": "{colors.green.1100}" },
78
+ "border": { "$type": "color", "$value": "{colors.green.700}" }
79
+ },
80
+ "disabled": {
81
+ "bg": { "$type": "color", "$value": "{colors.slate.300}" },
82
+ "text": { "$type": "color", "$value": "{colors.slate.800}" },
83
+ "border": { "$type": "color", "$value": "{colors.slate.500}" }
84
+ }
85
+ }
86
+ },
87
+ "shadow": {
88
+ "default": {
89
+ "$type": "shadow",
90
+ "$value": {
91
+ "x": 0,
92
+ "y": 4,
93
+ "blur": 8,
94
+ "spread": 0,
95
+ "color": "rgba(0, 0, 0, 0.08)"
96
+ }
97
+ },
98
+ "soft": {
99
+ "$type": "shadow",
100
+ "$value": {
101
+ "x": 0,
102
+ "y": 2,
103
+ "blur": 4,
104
+ "spread": 0,
105
+ "color": "rgba(0, 0, 0, 0.04)"
106
+ }
107
+ }
108
+ }
109
+ }
@@ -0,0 +1,62 @@
1
+ {
2
+ "spacing": {
3
+ "0": {
4
+ "$type": "dimension",
5
+ "$value": "0px"
6
+ },
7
+ "1": {
8
+ "$type": "dimension",
9
+ "$value": "4px"
10
+ },
11
+ "2": {
12
+ "$type": "dimension",
13
+ "$value": "8px"
14
+ },
15
+ "3": {
16
+ "$type": "dimension",
17
+ "$value": "16px"
18
+ },
19
+ "4": {
20
+ "$type": "dimension",
21
+ "$value": "24px"
22
+ },
23
+ "5": {
24
+ "$type": "dimension",
25
+ "$value": "32px"
26
+ }
27
+ },
28
+
29
+ "borderRadius": {
30
+ "none": {
31
+ "$type": "dimension",
32
+ "$value": "0px"
33
+ },
34
+ "sm": {
35
+ "$type": "dimension",
36
+ "$value": "4px"
37
+ },
38
+ "md": {
39
+ "$type": "dimension",
40
+ "$value": "8px"
41
+ },
42
+ "lg": {
43
+ "$type": "dimension",
44
+ "$value": "12px"
45
+ },
46
+ "full": {
47
+ "$type": "dimension",
48
+ "$value": "9999px"
49
+ }
50
+ },
51
+
52
+ "maxWidth": {
53
+ "container": {
54
+ "$type": "dimension",
55
+ "$value": "1200px"
56
+ },
57
+ "content": {
58
+ "$type": "dimension",
59
+ "$value": "800px"
60
+ }
61
+ }
62
+ }
@@ -0,0 +1,24 @@
1
+ {
2
+ "shadow": {
3
+ "card": {
4
+ "$type": "shadow",
5
+ "$value": {
6
+ "x": 0,
7
+ "y": 2,
8
+ "blur": 4,
9
+ "spread": 0,
10
+ "color": "{colors.slate.1200}"
11
+ }
12
+ },
13
+ "modal": {
14
+ "$type": "shadow",
15
+ "$value": {
16
+ "x": 0,
17
+ "y": 4,
18
+ "blur": 12,
19
+ "spread": 0,
20
+ "color": "{colors.slate.1200}"
21
+ }
22
+ }
23
+ }
24
+ }
@@ -0,0 +1,98 @@
1
+ {
2
+ "$type": "typography",
3
+
4
+ "fontFamily": {
5
+ "base": {
6
+ "$type": "fontFamily",
7
+ "$value": "Overpass, Arial, sans-serif"
8
+ },
9
+ "heading": {
10
+ "$type": "fontFamily",
11
+ "$value": "Overpass, Arial, sans-serif"
12
+ },
13
+ "mono": {
14
+ "$type": "fontFamily",
15
+ "$value": "Fira Code, Courier New, monospace"
16
+ }
17
+ },
18
+
19
+ "fontSize": {
20
+ "xs": {
21
+ "$type": "dimension",
22
+ "$value": "12px"
23
+ },
24
+ "sm": {
25
+ "$type": "dimension",
26
+ "$value": "14px"
27
+ },
28
+ "base": {
29
+ "$type": "dimension",
30
+ "$value": "16px"
31
+ },
32
+ "lg": {
33
+ "$type": "dimension",
34
+ "$value": "18px"
35
+ },
36
+ "xl": {
37
+ "$type": "dimension",
38
+ "$value": "20px"
39
+ },
40
+ "2xl": {
41
+ "$type": "dimension",
42
+ "$value": "24px"
43
+ },
44
+ "3xl": {
45
+ "$type": "dimension",
46
+ "$value": "30px"
47
+ }
48
+ },
49
+
50
+ "fontWeight": {
51
+ "normal": {
52
+ "$type": "fontWeight",
53
+ "$value": "400"
54
+ },
55
+ "medium": {
56
+ "$type": "fontWeight",
57
+ "$value": "500"
58
+ },
59
+ "semibold": {
60
+ "$type": "fontWeight",
61
+ "$value": "600"
62
+ },
63
+ "bold": {
64
+ "$type": "fontWeight",
65
+ "$value": "700"
66
+ }
67
+ },
68
+
69
+ "lineHeight": {
70
+ "normal": {
71
+ "$type": "number",
72
+ "$value": "1.25"
73
+ },
74
+ "heading": {
75
+ "$type": "number",
76
+ "$value": "1.1"
77
+ },
78
+ "tight": {
79
+ "$type": "number",
80
+ "$value": "1"
81
+ }
82
+ },
83
+
84
+ "letterSpacing": {
85
+ "normal": {
86
+ "$type": "dimension",
87
+ "$value": "0em"
88
+ },
89
+ "narrow": {
90
+ "$type": "dimension",
91
+ "$value": "-0.5px"
92
+ },
93
+ "wide": {
94
+ "$type": "dimension",
95
+ "$value": "0.5px"
96
+ }
97
+ }
98
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clafoutis/cli",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
4
4
  "description": "GitOps powered design system CLI - generate and sync design tokens",
5
5
  "author": "Dessert Labs",
6
6
  "license": "BUSL-1.1",
@@ -20,11 +20,12 @@
20
20
  }
21
21
  },
22
22
  "files": [
23
- "dist/**/*"
23
+ "dist/**/*",
24
+ "src/templates/tokens/**/*.json"
24
25
  ],
25
26
  "dependencies": {
26
27
  "@clack/prompts": "^1.0.0",
27
- "@clafoutis/generators": "^1.0.2",
28
+ "@clafoutis/generators": "^1.0.4",
28
29
  "@clafoutis/shared": "^1.0.0",
29
30
  "ajv": "^8.12.0",
30
31
  "commander": "^12.0.0",