@brunosouzas/design-system 0.5.3 → 0.6.0

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 +14 -1
  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 +59 -0
  23. package/dist/tokens/generated/tokens.js +59 -0
  24. package/package.json +1 -1
  25. package/tokens/generated/tokens.css +45 -0
  26. package/tokens/generated/tokens.json +59 -0
  27. package/tokens/generated/tokens.ts +59 -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": {
@@ -148,6 +195,18 @@
148
195
  "fill": "#1F8A8A",
149
196
  "ring": "#2A9A99"
150
197
  },
198
+ "trackAi": {
199
+ "fill": "#E2E4EC",
200
+ "ring": "#C7C9D0"
201
+ },
202
+ "trackDelivery": {
203
+ "fill": "#DFE8E1",
204
+ "ring": "#C4CCC6"
205
+ },
206
+ "trackIntegration": {
207
+ "fill": "#F4E4D8",
208
+ "ring": "#D7C9BE"
209
+ },
151
210
  "violet": {
152
211
  "fill": "#5B3CC4",
153
212
  "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": {
@@ -150,6 +197,18 @@ export const tokens = {
150
197
  "fill": "#1F8A8A",
151
198
  "ring": "#2A9A99"
152
199
  },
200
+ "trackAi": {
201
+ "fill": "#E2E4EC",
202
+ "ring": "#C7C9D0"
203
+ },
204
+ "trackDelivery": {
205
+ "fill": "#DFE8E1",
206
+ "ring": "#C4CCC6"
207
+ },
208
+ "trackIntegration": {
209
+ "fill": "#F4E4D8",
210
+ "ring": "#D7C9BE"
211
+ },
153
212
  "violet": {
154
213
  "fill": "#5B3CC4",
155
214
  "ring": "#6748CF"