@brunosouzas/design-system 0.5.3 → 0.6.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 (27) hide show
  1. package/README.md +15 -2
  2. package/dist/src/pieces/bank-objects.d.ts +12 -0
  3. package/dist/src/pieces/bank-objects.js +44 -0
  4. package/dist/src/pieces/brand-cast.d.ts +72 -0
  5. package/dist/src/pieces/brand-cast.js +163 -0
  6. package/dist/src/pieces/brand-notation-icons.d.ts +12 -0
  7. package/dist/src/pieces/brand-notation-icons.js +79 -0
  8. package/dist/src/pieces/category-icon.d.ts +12 -0
  9. package/dist/src/pieces/category-icon.js +26 -0
  10. package/dist/src/pieces/cover.d.ts +37 -5
  11. package/dist/src/pieces/cover.js +81 -11
  12. package/dist/src/pieces/index.d.ts +5 -0
  13. package/dist/src/pieces/index.js +4 -0
  14. package/dist/src/pieces/library.d.ts +16 -1
  15. package/dist/src/pieces/library.js +15 -1
  16. package/dist/src/pieces/node.d.ts +1 -1
  17. package/dist/src/pieces/node.js +1 -0
  18. package/dist/src/pieces/skin.d.ts +22 -0
  19. package/dist/src/pieces/skin.js +13 -0
  20. package/dist/src/pieces/symbol.d.ts +9 -0
  21. package/dist/src/pieces/symbol.js +20 -0
  22. package/dist/tokens/generated/tokens.d.ts +63 -0
  23. package/dist/tokens/generated/tokens.js +63 -0
  24. package/package.json +1 -1
  25. package/tokens/generated/tokens.css +47 -0
  26. package/tokens/generated/tokens.json +63 -0
  27. package/tokens/generated/tokens.ts +63 -0
package/tokens/generated/tokens.json CHANGED
@@ -11,6 +11,42 @@
11
11
  "startRadius": 11,
12
12
  "width": 800
13
13
  },
14
+ "brand": {
15
+ "dark": {
16
+ "accent": "#FF7A45",
17
+ "accentText": "#FF7A45",
18
+ "bg": "#121110",
19
+ "border": "#3B3834",
20
+ "borderStrong": "#ADA79D",
21
+ "cardBg": "#1D1C1A",
22
+ "failure": "#FF6696",
23
+ "onAccent": "#121110",
24
+ "success": "#5BBF86",
25
+ "text": "#F1EEE8",
26
+ "textMuted": "#ADA79D",
27
+ "trackAi": "#1B1F28",
28
+ "trackDelivery": "#18231D",
29
+ "trackIntegration": "#2A1C15",
30
+ "warning": "#EBB34B"
31
+ },
32
+ "light": {
33
+ "accent": "#E04E17",
34
+ "accentText": "#B83A0C",
35
+ "bg": "#F6F3EC",
36
+ "border": "#D7D1C5",
37
+ "borderStrong": "#5C5852",
38
+ "cardBg": "#FFFFFF",
39
+ "failure": "#A1124B",
40
+ "onAccent": "#FFFFFF",
41
+ "success": "#2B7A4B",
42
+ "text": "#121212",
43
+ "textMuted": "#5C5852",
44
+ "trackAi": "#E2E4EC",
45
+ "trackDelivery": "#DFE8E1",
46
+ "trackIntegration": "#F4E4D8",
47
+ "warning": "#8F5F00"
48
+ }
49
+ },
14
50
  "cast": {
15
51
  "agent": {
16
52
  "neck": "#E3E8F5",
@@ -40,6 +76,7 @@
40
76
  "mass": 0.7,
41
77
  "stiffness": 170
42
78
  },
79
+ "eyes": "#FFC98A",
43
80
  "glow": "#7FD1FF",
44
81
  "ground": "#D3DBF5",
45
82
  "metal": "#C9D2E8",
@@ -58,6 +95,15 @@
58
95
  "ink": "#0A1033",
59
96
  "panel": "#EEF2FF",
60
97
  "ring": "#E0E7FB",
98
+ "state": {
99
+ "backend": "#FF6B6B",
100
+ "blocked": "#FF8A3D",
101
+ "caller": "#8FB2FF",
102
+ "failFast": "#E0661F",
103
+ "failure": "#E04848",
104
+ "healthy": "#3DDC84",
105
+ "transitional": "#FFD25A"
106
+ },
61
107
  "transitional": "#FFD25A",
62
108
  "white": "#FFFFFF"
63
109
  },
@@ -69,6 +115,7 @@
69
115
  "ringRadius": 90,
70
116
  "ringStep": 28,
71
117
  "ringWidth": 2,
118
+ "signatureMargin": 24,
72
119
  "width": 800
73
120
  },
74
121
  "coverBackground": {
@@ -116,6 +163,10 @@
116
163
  "fill": "#14215A",
117
164
  "ring": "#1C2D74"
118
165
  },
166
+ "neutral": {
167
+ "fill": "#F6F3EC",
168
+ "ring": "#D8D6D0"
169
+ },
119
170
  "olive": {
120
171
  "fill": "#8A9A3B",
121
172
  "ring": "#7E8E33"
@@ -148,6 +199,18 @@
148
199
  "fill": "#1F8A8A",
149
200
  "ring": "#2A9A99"
150
201
  },
202
+ "trackAi": {
203
+ "fill": "#E2E4EC",
204
+ "ring": "#C7C9D0"
205
+ },
206
+ "trackDelivery": {
207
+ "fill": "#DFE8E1",
208
+ "ring": "#C4CCC6"
209
+ },
210
+ "trackIntegration": {
211
+ "fill": "#F4E4D8",
212
+ "ring": "#D7C9BE"
213
+ },
151
214
  "violet": {
152
215
  "fill": "#5B3CC4",
153
216
  "ring": "#6748CF"
package/tokens/generated/tokens.ts CHANGED
@@ -13,6 +13,42 @@ export const tokens = {
13
13
  "startRadius": 11,
14
14
  "width": 800
15
15
  },
16
+ "brand": {
17
+ "dark": {
18
+ "accent": "#FF7A45",
19
+ "accentText": "#FF7A45",
20
+ "bg": "#121110",
21
+ "border": "#3B3834",
22
+ "borderStrong": "#ADA79D",
23
+ "cardBg": "#1D1C1A",
24
+ "failure": "#FF6696",
25
+ "onAccent": "#121110",
26
+ "success": "#5BBF86",
27
+ "text": "#F1EEE8",
28
+ "textMuted": "#ADA79D",
29
+ "trackAi": "#1B1F28",
30
+ "trackDelivery": "#18231D",
31
+ "trackIntegration": "#2A1C15",
32
+ "warning": "#EBB34B"
33
+ },
34
+ "light": {
35
+ "accent": "#E04E17",
36
+ "accentText": "#B83A0C",
37
+ "bg": "#F6F3EC",
38
+ "border": "#D7D1C5",
39
+ "borderStrong": "#5C5852",
40
+ "cardBg": "#FFFFFF",
41
+ "failure": "#A1124B",
42
+ "onAccent": "#FFFFFF",
43
+ "success": "#2B7A4B",
44
+ "text": "#121212",
45
+ "textMuted": "#5C5852",
46
+ "trackAi": "#E2E4EC",
47
+ "trackDelivery": "#DFE8E1",
48
+ "trackIntegration": "#F4E4D8",
49
+ "warning": "#8F5F00"
50
+ }
51
+ },
16
52
  "cast": {
17
53
  "agent": {
18
54
  "neck": "#E3E8F5",
@@ -42,6 +78,7 @@ export const tokens = {
42
78
  "mass": 0.7,
43
79
  "stiffness": 170
44
80
  },
81
+ "eyes": "#FFC98A",
45
82
  "glow": "#7FD1FF",
46
83
  "ground": "#D3DBF5",
47
84
  "metal": "#C9D2E8",
@@ -60,6 +97,15 @@ export const tokens = {
60
97
  "ink": "#0A1033",
61
98
  "panel": "#EEF2FF",
62
99
  "ring": "#E0E7FB",
100
+ "state": {
101
+ "backend": "#FF6B6B",
102
+ "blocked": "#FF8A3D",
103
+ "caller": "#8FB2FF",
104
+ "failFast": "#E0661F",
105
+ "failure": "#E04848",
106
+ "healthy": "#3DDC84",
107
+ "transitional": "#FFD25A"
108
+ },
63
109
  "transitional": "#FFD25A",
64
110
  "white": "#FFFFFF"
65
111
  },
@@ -71,6 +117,7 @@ export const tokens = {
71
117
  "ringRadius": 90,
72
118
  "ringStep": 28,
73
119
  "ringWidth": 2,
120
+ "signatureMargin": 24,
74
121
  "width": 800
75
122
  },
76
123
  "coverBackground": {
@@ -118,6 +165,10 @@ export const tokens = {
118
165
  "fill": "#14215A",
119
166
  "ring": "#1C2D74"
120
167
  },
168
+ "neutral": {
169
+ "fill": "#F6F3EC",
170
+ "ring": "#D8D6D0"
171
+ },
121
172
  "olive": {
122
173
  "fill": "#8A9A3B",
123
174
  "ring": "#7E8E33"
@@ -150,6 +201,18 @@ export const tokens = {
150
201
  "fill": "#1F8A8A",
151
202
  "ring": "#2A9A99"
152
203
  },
204
+ "trackAi": {
205
+ "fill": "#E2E4EC",
206
+ "ring": "#C7C9D0"
207
+ },
208
+ "trackDelivery": {
209
+ "fill": "#DFE8E1",
210
+ "ring": "#C4CCC6"
211
+ },
212
+ "trackIntegration": {
213
+ "fill": "#F4E4D8",
214
+ "ring": "#D7C9BE"
215
+ },
153
216
  "violet": {
154
217
  "fill": "#5B3CC4",
155
218
  "ring": "#6748CF"