@g4rcez/components 2.3.0 → 3.0.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 (51) hide show
  1. package/dist/components/core/button.jsx +1 -1
  2. package/dist/components/core/tag.d.ts +1 -1
  3. package/dist/components/core/tag.d.ts.map +1 -1
  4. package/dist/components/core/tag.jsx +2 -2
  5. package/dist/components/display/timeline.jsx +1 -1
  6. package/dist/components/floating/command-palette.jsx +12 -12
  7. package/dist/components/floating/modal.jsx +1 -1
  8. package/dist/components/index.d.ts +1 -0
  9. package/dist/components/index.d.ts.map +1 -1
  10. package/dist/components/index.js +1 -0
  11. package/dist/components/page-calendar/calendar-header.d.ts.map +1 -1
  12. package/dist/components/page-calendar/calendar-header.jsx +13 -13
  13. package/dist/components/page-calendar/day-view.d.ts.map +1 -1
  14. package/dist/components/page-calendar/day-view.jsx +5 -2
  15. package/dist/components/page-calendar/event-pill.d.ts.map +1 -1
  16. package/dist/components/page-calendar/event-pill.jsx +4 -2
  17. package/dist/components/page-calendar/month-view.d.ts.map +1 -1
  18. package/dist/components/page-calendar/month-view.jsx +5 -5
  19. package/dist/components/page-calendar/page-calendar.d.ts.map +1 -1
  20. package/dist/components/page-calendar/page-calendar.jsx +3 -1
  21. package/dist/components/page-calendar/week-view.d.ts.map +1 -1
  22. package/dist/components/page-calendar/week-view.jsx +6 -3
  23. package/dist/components/table/index.jsx +1 -1
  24. package/dist/components/table/inner-table.jsx +2 -2
  25. package/dist/components/table/thead.jsx +1 -1
  26. package/dist/config/default-translations.d.ts +7 -0
  27. package/dist/config/default-translations.d.ts.map +1 -1
  28. package/dist/config/default-translations.jsx +7 -0
  29. package/dist/hooks/use-form.d.ts.map +1 -1
  30. package/dist/hooks/use-form.js +1 -0
  31. package/dist/hooks/use-previous.d.ts.map +1 -1
  32. package/dist/hooks/use-previous.js +1 -0
  33. package/dist/hooks/use-reactive.d.ts.map +1 -1
  34. package/dist/hooks/use-reactive.js +1 -0
  35. package/dist/hooks/use-stable-ref.d.ts.map +1 -1
  36. package/dist/hooks/use-stable-ref.js +1 -0
  37. package/dist/hooks/use-swipe.d.ts.map +1 -1
  38. package/dist/hooks/use-swipe.js +1 -0
  39. package/dist/hooks/use-translations.d.ts +7 -0
  40. package/dist/hooks/use-translations.d.ts.map +1 -1
  41. package/dist/index.css +1 -1
  42. package/dist/index.js.map +1 -1
  43. package/dist/index.mjs +5734 -5704
  44. package/dist/index.mjs.map +1 -1
  45. package/dist/index.umd.js +16 -16
  46. package/dist/index.umd.js.map +1 -1
  47. package/dist/preset/src/styles/dark.js +117 -117
  48. package/dist/preset/src/styles/light.js +109 -109
  49. package/dist/styles/dark.js +117 -117
  50. package/dist/styles/light.js +109 -109
  51. package/package.json +5 -3
package/dist/styles/dark.js CHANGED
@@ -11,203 +11,203 @@ export const DARK_THEME = {
11
11
  "shadow-table": "0px 1px 1px 1px hsla(210, 25%, 20%, 0.1)",
12
12
  },
13
13
  colors: {
14
- foreground: "hsla(210, 50%, 98%)",
15
- background: "hsla(0, 0%, 9%)",
16
- border: "hsla(240, 7%, 27%)",
17
- disabled: "hsla(240, 4%, 33%)",
14
+ foreground: "hsla(240, 5%, 96%)",
15
+ background: "hsla(240, 10%, 8%)",
16
+ border: "hsla(240, 4%, 16%)",
17
+ disabled: "hsla(240, 4%, 16%)",
18
18
  muted: {
19
- DEFAULT: "hsla(210, 10%, 28%)",
20
- foreground: "hsla(210, 12%, 46%)",
21
- subtle: "hsla(210, 10%, 40%)",
22
- hover: "hsla(210, 10%, 40%)",
19
+ DEFAULT: "hsla(240, 4%, 16%)",
20
+ foreground: "hsla(240, 5%, 65%)",
21
+ subtle: "hsla(240, 5%, 65%)",
22
+ hover: "hsla(240, 4%, 20%)",
23
23
  },
24
24
  emphasis: {
25
- foreground: "hsla(251, 91%, 95%)",
26
- DEFAULT: "hsla(255, 92%, 76%)",
27
- subtle: "hsla(252, 95%, 85%)",
28
- hover: "hsla(262, 83%, 58%)",
25
+ foreground: "hsla(199, 89%, 48%)",
26
+ DEFAULT: "hsla(199, 89%, 10%)",
27
+ subtle: "hsla(199, 89%, 15%)",
28
+ hover: "hsla(199, 89%, 40%)",
29
29
  },
30
30
  primary: {
31
- foreground: "hsla(210, 40%, 98%)",
32
- DEFAULT: "hsla(200,98%,39%)",
33
- subtle: "hsla(199, 95%, 87%)",
34
- hover: "hsla(199, 97%, 40%)",
31
+ foreground: "hsla(240, 6%, 10%)",
32
+ DEFAULT: "hsla(201,49%,54%)",
33
+ subtle: "hsla(201,49%,36%)",
34
+ hover: "hsla(201,49%,22%)",
35
35
  },
36
36
  secondary: {
37
- DEFAULT: "hsla(210, 32%, 70%)",
38
- background: "hsla(210, 30%, 81%)",
39
- subtle: "hsla(210, 27%, 88%)",
40
- hover: "hsla(210, 10%, 58%)",
41
- foreground: "hsla(210, 20%, 30%)",
37
+ DEFAULT: "hsla(240, 5%, 96%)",
38
+ background: "hsla(240, 4%, 16%)",
39
+ subtle: "hsla(240, 4%, 20%)",
40
+ hover: "hsla(240, 4%, 25%)",
41
+ foreground: "hsla(240, 5%, 96%)",
42
42
  },
43
43
  info: {
44
- DEFAULT: "hsla(219, 91%, 59%)",
45
- subtle: "hsla(219, 93%, 77%)",
46
- hover: "hsla(219, 83%, 41%)",
47
- foreground: "hsla(210, 40%, 98%)",
48
- notification: "hsla(219, 91%, 59%)",
49
- },
50
- warn: {
51
- DEFAULT: "hsla(27, 96%, 61%)",
52
- subtle: "hsla(45, 95%, 66%)",
53
- hover: "hsla(21, 90%, 48%)",
54
- foreground: "hsla(210, 40%, 98%)",
55
- notification: "hsla(32, 65%, 75%)",
44
+ DEFAULT: "hsla(199, 89%, 48%)",
45
+ subtle: "hsla(199, 89%, 15%)",
46
+ hover: "hsla(199, 89%, 40%)",
47
+ foreground: "hsla(0, 0%, 100%)",
48
+ notification: "hsla(199, 89%, 48%)",
56
49
  },
57
50
  danger: {
58
- DEFAULT: "hsla(358, 65%, 57%)",
59
- subtle: "hsla(0, 94%, 81%)",
60
- hover: "hsla(0, 82%, 47%)",
61
- foreground: "hsla(210, 40%, 98%)",
62
- notification: "hsla(358, 40%, 23%)",
51
+ DEFAULT: "hsla(0, 84%, 60%)",
52
+ subtle: "hsla(0, 84%, 15%)",
53
+ hover: "hsla(0, 84%, 50%)",
54
+ foreground: "hsla(0, 0%, 100%)",
55
+ notification: "hsla(0, 84%, 60%)",
56
+ },
57
+ warn: {
58
+ DEFAULT: "hsla(38, 92%, 50%)",
59
+ subtle: "hsla(38, 92%, 15%)",
60
+ hover: "hsla(38, 92%, 45%)",
61
+ foreground: "hsla(240, 10%, 4%)",
62
+ notification: "hsla(38, 92%, 50%)",
63
63
  },
64
64
  success: {
65
- DEFAULT: "hsla(160, 73%, 36%)",
66
- subtle: "hsla(160, 75%, 75%)",
67
- hover: "hsla(160, 91%, 27%)",
68
- foreground: "hsla(160, 91%, 50%)",
69
- notification: "hsla(160,90%,5%)",
65
+ DEFAULT: "hsla(142, 71%, 45%)",
66
+ subtle: "hsla(142, 71%, 15%)",
67
+ hover: "hsla(142, 71%, 40%)",
68
+ foreground: "hsla(240, 10%, 4%)",
69
+ notification: "hsla(142, 71%, 45%)",
70
70
  },
71
71
  input: {
72
- border: "hsla(240, 4%, 25%)",
73
- placeholder: "hsla(210, 24%, 71%)",
74
- "mask-error": "hsla(0, 94%, 81%)",
75
- "switch-bg": "hsla(0, 0%, 9%)",
72
+ border: "hsla(240, 4%, 16%)",
73
+ placeholder: "hsla(240, 5%, 65%)",
74
+ "mask-error": "hsla(0, 84%, 20%)",
75
+ "switch-bg": "hsla(240, 4%, 16%)",
76
76
  switch: "hsla(0, 0%, 100%)",
77
77
  slider: "hsla(0, 0%, 100%)",
78
78
  },
79
79
  card: {
80
- muted: "hsla(0, 0%, 22%)",
81
- border: "hsla(240, 7%, 20%)",
82
- background: "hsla(0, 0%, 15%)",
80
+ muted: "hsla(240, 4%, 10%)",
81
+ border: "hsla(240, 4%, 11%)",
82
+ background: "hsla(221, 16%, 9%)",
83
83
  },
84
84
  floating: {
85
- foreground: "hsla(210, 40%, 98%)",
86
- background: "hsla(219, 15%, 12%)",
87
- hover: "hsla(221, 10%, 22%)",
88
- border: "hsla(240, 7%, 17%)",
85
+ foreground: "hsla(240, 5%, 96%)",
86
+ background: "hsla(240, 10%, 8%)",
87
+ hover: "hsla(240, 4%, 16%)",
88
+ border: "hsla(240, 4%, 16%)",
89
89
  overlay: "hsla(0, 0%, 0%)",
90
90
  },
91
91
  tooltip: {
92
- foreground: "hsla(210, 40%, 98%)",
93
- background: "hsla(221, 5%, 15%)",
94
- hover: "hsla(221, 10%, 35%)",
95
- border: "hsla(0, 0%, 19%)",
92
+ foreground: "hsla(240, 10%, 4%)",
93
+ background: "hsla(0, 0%, 100%)",
94
+ hover: "hsla(0, 0%, 100%)",
95
+ border: "hsla(0, 0%, 100%)",
96
96
  overlay: "hsla(0, 0%, 0%)",
97
97
  },
98
98
  table: {
99
- header: "hsla(0, 0%, 12%)",
100
- border: "hsla(240, 4%, 20%)",
101
- background: "hsla(0, 0%, 15%)",
99
+ header: "hsla(240, 4%, 10%)",
100
+ border: "hsla(240, 4%, 16%)",
101
+ background: "hsla(240, 10%, 4%)",
102
102
  },
103
103
  button: {
104
104
  primary: {
105
- text: "hsla(200,98%,60%)",
106
- bg: "hsla(200,28%,19%)",
105
+ text: "hsla(221, 52%, 100%)",
106
+ bg: "hsla(201,49%,42%)",
107
107
  },
108
108
  warn: {
109
- text: "hsla(26,100%,67%)",
110
- bg: "hsla(37,100%,15%)",
109
+ text: "hsla(240, 10%, 4%)",
110
+ bg: "hsla(38, 92%, 50%)",
111
111
  },
112
112
  info: {
113
- text: "hsla(200,80%,70%)",
114
- bg: "hsla(206,66%,24%)",
113
+ text: "hsla(0, 0%, 100%)",
114
+ bg: "hsla(199, 89%, 48%)",
115
115
  },
116
116
  success: {
117
- text: "hsla(151,65%,54%)",
118
- bg: "hsla(154,52%,19%)",
117
+ text: "hsla(240, 10%, 4%)",
118
+ bg: "hsla(142, 71%, 45%)",
119
119
  },
120
120
  danger: {
121
- text: "hsla(2,100%,90%)",
122
- bg: "hsla(5,62%,23%)",
121
+ text: "hsla(0, 0%, 100%)",
122
+ bg: "hsla(0, 84%, 60%)",
123
123
  },
124
124
  muted: {
125
- text: "hsla(0, 100%, 100%)",
126
- bg: "hsla(0, 0%, 12%)",
125
+ text: "hsla(240, 5%, 96%)",
126
+ bg: "hsla(240, 4%, 16%)",
127
127
  },
128
128
  neutral: {
129
- text: "hsla(200,98%,60%)",
130
- bg: "hsla(200,28%,19%)",
129
+ text: "hsla(240, 5%, 96%)",
130
+ bg: "hsla(240, 4%, 16%)",
131
131
  },
132
132
  secondary: {
133
- text: "hsla(216,10%,90%)",
134
- bg: "hsla(214,7%,19%)",
133
+ text: "hsla(240, 10%, 4%)",
134
+ bg: "hsla(0, 0%, 100%)",
135
135
  },
136
136
  },
137
137
  tag: {
138
138
  primary: {
139
- text: "hsla(200,98%,60%)",
140
- bg: "hsla(200,28%,19%)",
139
+ text: "hsla(0, 0%, 100%)",
140
+ bg: "hsla(240, 4%, 20%)",
141
141
  },
142
142
  warn: {
143
- text: "hsla(26,100%,67%)",
144
- bg: "hsla(37,100%,15%)",
143
+ text: "hsla(38, 92%, 70%)",
144
+ bg: "hsla(38, 92%, 15%)",
145
145
  },
146
146
  info: {
147
- text: "hsla(200,80%,70%)",
148
- bg: "hsla(206,66%,24%)",
147
+ text: "hsla(199, 89%, 70%)",
148
+ bg: "hsla(199, 89%, 15%)",
149
149
  },
150
150
  success: {
151
- text: "hsla(151,65%,54%)",
152
- bg: "hsla(154,52%,19%)",
151
+ text: "hsla(142, 71%, 70%)",
152
+ bg: "hsla(142, 71%, 15%)",
153
153
  },
154
154
  danger: {
155
- text: "hsla(2,100%,79%)",
156
- bg: "hsla(5,62%,23%)",
155
+ text: "hsla(0, 84%, 70%)",
156
+ bg: "hsla(0, 84%, 15%)",
157
157
  },
158
158
  neutral: {
159
- text: "hsla(200,98%,60%)",
160
- bg: "hsla(200,28%,19%)",
159
+ text: "hsla(240, 5%, 96%)",
160
+ bg: "hsla(240, 4%, 16%)",
161
161
  },
162
162
  secondary: {
163
- text: "hsla(216,10%,90%)",
164
- bg: "hsla(214,7%,19%)",
163
+ text: "hsla(240, 10%, 4%)",
164
+ bg: "hsla(0, 0%, 100%)",
165
165
  },
166
166
  muted: {
167
- text: "hsla(0, 100%, 100%)",
168
- bg: "hsla(0, 0%, 12%)",
167
+ text: "hsla(240, 5%, 96%)",
168
+ bg: "hsla(240, 4%, 16%)",
169
169
  },
170
170
  },
171
171
  alert: {
172
172
  primary: {
173
- text: "hsla(210,100%,72%)",
174
- border: "hsla(212,69%,16%)",
175
- bg: "hsla(215,42%,9%)",
173
+ text: "hsla(199, 89%, 80%)",
174
+ border: "hsla(199, 89%, 25%)",
175
+ bg: "hsla(199, 89%, 12%)",
176
176
  },
177
177
  warn: {
178
- bg: "hsla(28,33%,9%)",
179
- border: "hsla(29,65%,12%)",
180
- text: "hsla(27,100%,78%)",
178
+ bg: "hsla(38, 92%, 12%)",
179
+ border: "hsla(38, 92%, 25%)",
180
+ text: "hsla(38, 92%, 80%)",
181
181
  },
182
182
  info: {
183
- text: "hsla(253,100%,83%)",
184
- bg: "hsla(263,28%,11%)",
185
- border: "hsla(252,34%,51%)",
183
+ text: "hsla(199, 89%, 80%)",
184
+ bg: "hsla(199, 89%, 12%)",
185
+ border: "hsla(199, 89%, 25%)",
186
186
  },
187
187
  success: {
188
- text: "hsla(144,79%,79%)",
189
- bg: "hsla(153,20%,9%)",
190
- border: "hsla(144,40%,10%)",
188
+ text: "hsla(142, 71%, 80%)",
189
+ bg: "hsla(142, 71%, 12%)",
190
+ border: "hsla(142, 71%, 25%)",
191
191
  },
192
192
  danger: {
193
- text: "hsla(350,100%,91%)",
194
- bg: "hsla(355,25%,15%)",
195
- border: "hsla(355,25%,10%)",
193
+ text: "hsla(0, 84%, 80%)",
194
+ bg: "hsla(0, 84%, 12%)",
195
+ border: "hsla(0, 84%, 25%)",
196
196
  },
197
197
  neutral: {
198
- text: "hsla(200,98%,60%)",
199
- bg: "hsla(200,28%,19%)",
200
- border: "hsla(200,90%,89%)",
198
+ text: "hsla(240, 5%, 96%)",
199
+ bg: "hsla(240, 4%, 16%)",
200
+ border: "hsla(240, 4%, 20%)",
201
201
  },
202
202
  secondary: {
203
- text: "hsla(220,9%,94%)",
204
- bg: "hsla(220,6%,10%)",
205
- border: "hsla(214,7%,19%)",
203
+ text: "hsla(240, 10%, 4%)",
204
+ bg: "hsla(0, 0%, 100%)",
205
+ border: "hsla(0, 0%, 100%)",
206
206
  },
207
207
  muted: {
208
- bg: "hsla(0, 0%, 12%)",
209
- border: "hsla(0, 0%, 40%)",
210
- text: "hsla(0, 100%, 100%)",
208
+ bg: "hsla(240, 4%, 16%)",
209
+ border: "hsla(240, 4%, 20%)",
210
+ text: "hsla(240, 5%, 96%)",
211
211
  },
212
212
  },
213
213
  },
package/dist/styles/light.js CHANGED
@@ -11,203 +11,203 @@ export const LIGHT_THEME = {
11
11
  },
12
12
  zIndex,
13
13
  colors: {
14
- foreground: "hsla(217, 15%, 30%)",
15
- background: "hsla(210, 40%, 98%)",
16
- border: "hsla(210, 25%, 88%)",
14
+ foreground: "hsla(221, 15%, 23%)",
15
+ background: "hsla(0, 0%, 100%)",
16
+ border: "hsla(240, 6%, 90%)",
17
17
  muted: {
18
- DEFAULT: "hsla(210, 30%, 86%)",
19
- foreground: "hsla(210, 15%, 20%)",
20
- subtle: "hsla(210, 10%, 40%)",
21
- hover: "hsla(210, 10%, 40%)",
18
+ DEFAULT: "hsla(240, 5%, 96%)",
19
+ foreground: "hsla(240, 4%, 46%)",
20
+ subtle: "hsla(240, 4%, 46%)",
21
+ hover: "hsla(240, 5%, 96%)",
22
22
  },
23
- disabled: "hsla(240, 10%, 78%)",
23
+ disabled: "hsla(240, 5%, 96%)",
24
24
  emphasis: {
25
- foreground: "hsla(251,91%,95%)",
26
- DEFAULT: "hsla(255,92%,76%)",
27
- subtle: "hsla(252,95%,85%)",
28
- hover: "hsla(262,83%,58%)",
25
+ foreground: "hsla(199, 89%, 48%)",
26
+ DEFAULT: "hsla(199, 89%, 96%)",
27
+ subtle: "hsla(199, 89%, 92%)",
28
+ hover: "hsla(199, 89%, 40%)",
29
29
  },
30
30
  primary: {
31
- foreground: "hsla(210, 40%, 98%)",
32
- DEFAULT: "hsla(199, 89%, 54%)",
33
- subtle: "hsla(199, 95%, 87%)",
34
- hover: "hsla(199, 97%, 40%)",
31
+ foreground: "hsla(240, 6%, 10%)",
32
+ DEFAULT: "hsla(201,49%,54%)",
33
+ subtle: "hsla(201,49%,36%)",
34
+ hover: "hsla(201,49%,22%)",
35
35
  },
36
36
  secondary: {
37
- background: "hsla(210, 25%, 35%)",
38
- DEFAULT: "hsla(210, 25%, 45%)",
39
- subtle: "hsla(207, 29%, 39%)",
40
- hover: "hsla(210, 21%, 67%)",
41
- foreground: "hsla(210, 40%, 98%)",
37
+ background: "hsla(240, 5%, 96%)",
38
+ DEFAULT: "hsla(240, 6%, 10%)",
39
+ subtle: "hsla(240, 5%, 96%)",
40
+ hover: "hsla(240, 6%, 15%)",
41
+ foreground: "hsla(0, 0%, 100%)",
42
42
  },
43
43
  info: {
44
- DEFAULT: "hsla(219, 91%, 59%)",
45
- subtle: "hsla(219, 70%, 90%)",
46
- hover: "hsla(219, 83%, 41%)",
47
- foreground: "hsla(210, 34%, 96%)",
48
- notification: "hsla(219, 91%, 59%)",
44
+ DEFAULT: "hsla(199, 89%, 48%)",
45
+ subtle: "hsla(199, 89%, 96%)",
46
+ hover: "hsla(199, 89%, 40%)",
47
+ foreground: "hsla(0, 0%, 100%)",
48
+ notification: "hsla(199, 89%, 48%)",
49
49
  },
50
50
  danger: {
51
- DEFAULT: "hsla(0, 82%, 63%)",
52
- subtle: "hsla(0, 96%, 95%)",
53
- hover: "hsla(0, 82%, 47%)",
54
- foreground: "hsla(210, 34%, 96%)",
55
- notification: "hsla(0, 100%, 87%)",
51
+ DEFAULT: "hsla(0, 84%, 60%)",
52
+ subtle: "hsla(0, 84%, 96%)",
53
+ hover: "hsla(0, 84%, 50%)",
54
+ foreground: "hsla(0, 0%, 100%)",
55
+ notification: "hsla(0, 84%, 60%)",
56
56
  },
57
57
  warn: {
58
- DEFAULT: "hsla(27, 100%, 70%)",
59
- subtle: "hsla(45, 95%, 80%)",
60
- hover: "hsla(29, 85%, 50%)",
61
- foreground: "hsla(210, 34%, 96%)",
62
- notification: "hsla(27, 85%, 92%)",
58
+ DEFAULT: "hsla(38, 92%, 50%)",
59
+ subtle: "hsla(38, 92%, 96%)",
60
+ hover: "hsla(38, 92%, 45%)",
61
+ foreground: "hsla(0, 0%, 100%)",
62
+ notification: "hsla(38, 92%, 50%)",
63
63
  },
64
64
  success: {
65
- DEFAULT: "hsla(160, 73%, 36%)",
66
- subtle: "hsla(160, 75%, 90%)",
67
- hover: "hsla(160, 91%, 27%)",
68
- foreground: "hsla(160, 91%, 17%)",
69
- notification: "hsla(160, 75%, 80%)",
65
+ DEFAULT: "hsla(142, 71%, 45%)",
66
+ subtle: "hsla(142, 71%, 96%)",
67
+ hover: "hsla(142, 71%, 40%)",
68
+ foreground: "hsla(0, 0%, 100%)",
69
+ notification: "hsla(142, 71%, 45%)",
70
70
  },
71
71
  input: {
72
- border: "hsla(218, 22%, 85%)",
73
- placeholder: "hsla(210, 24%, 71%)",
74
- "mask-error": "hsla(0, 94%, 81%)",
75
- "switch-bg": "hsla(0, 0%, 45%)",
72
+ border: "hsla(240, 6%, 90%)",
73
+ placeholder: "hsla(240, 4%, 46%)",
74
+ "mask-error": "hsla(0, 84%, 96%)",
75
+ "switch-bg": "hsla(240, 6%, 90%)",
76
76
  switch: "hsla(0, 0%, 100%)",
77
- slider: "hsla(0, 0%, 100%)",
77
+ slider: "hsla(199, 89%, 48%)",
78
78
  },
79
79
  card: {
80
- muted: "hsla(210, 25%, 94%)",
81
- border: "hsla(210, 25%, 95%)",
80
+ muted: "hsla(240, 5%, 96%)",
81
+ border: "hsla(240, 6%, 90%)",
82
82
  background: "hsla(0, 0%, 100%)",
83
83
  },
84
84
  floating: {
85
- foreground: "hsla(217, 15%, 20%)",
85
+ foreground: "hsla(240, 10%, 4%)",
86
86
  background: "hsla(0, 0%, 100%)",
87
- hover: "hsla(0, 0%, 92%)",
88
- border: "hsla(210, 25%, 88%)",
89
- overlay: "hsla(0, 0%, 0%)",
87
+ hover: "hsla(240, 5%, 96%)",
88
+ border: "hsla(240, 6%, 90%)",
89
+ overlay: "hsla(240, 10%, 4%)",
90
90
  },
91
91
  tooltip: {
92
- foreground: "hsla(217, 15%, 20%)",
93
- background: "hsla(210, 25%, 98%)",
94
- hover: "hsla(210, 25%, 92%)",
95
- border: "hsla(200, 1%, 80%)",
92
+ foreground: "hsla(0, 0%, 100%)",
93
+ background: "hsla(240, 10%, 4%)",
94
+ hover: "hsla(240, 10%, 4%)",
95
+ border: "hsla(240, 10%, 4%)",
96
96
  overlay: "hsla(0, 0%, 0%)",
97
97
  },
98
98
  table: {
99
- header: "hsla(210, 20%, 98%)",
99
+ header: "hsla(240, 5%, 96%)",
100
100
  background: "hsla(0, 0%, 100%)",
101
- border: "hsla(210, 20%, 92%)",
101
+ border: "hsla(240, 6%, 90%)",
102
102
  },
103
103
  button: {
104
104
  muted: {
105
- bg: "hsla(210, 30%, 86%)",
106
- text: "hsla(210, 10%, 15%)",
105
+ bg: "hsla(240, 5%, 96%)",
106
+ text: "hsla(240, 6%, 10%)",
107
107
  },
108
108
  primary: {
109
109
  text: "hsla(0, 0%, 100%)",
110
- bg: "hsla(207,96%,48%)",
110
+ bg: "hsla(201,49%,54%)",
111
111
  },
112
112
  warn: {
113
- bg: "hsla(26,90%,60%)",
113
+ bg: "hsla(38, 92%, 50%)",
114
114
  text: "hsla(0, 0%, 100%)",
115
115
  },
116
116
  info: {
117
117
  text: "hsla(0, 0%, 100%)",
118
- bg: "hsla(210,60%,60%)",
118
+ bg: "hsla(199, 89%, 48%)",
119
119
  },
120
120
  success: {
121
121
  text: "hsla(0, 0%, 100%)",
122
- bg: "hsla(152,56%,39%)",
122
+ bg: "hsla(142, 71%, 45%)",
123
123
  },
124
124
  danger: {
125
125
  text: "hsla(0, 0%, 100%)",
126
- bg: "hsla(10,78%,54%)",
126
+ bg: "hsla(0, 84%, 60%)",
127
127
  },
128
128
  neutral: {
129
- text: "hsla(200,98%,60%)",
130
- bg: "hsla(200,28%,19%)",
129
+ text: "hsla(240, 6%, 10%)",
130
+ bg: "hsla(240, 5%, 96%)",
131
131
  },
132
132
  secondary: {
133
- text: "hsla(216,10%,90%)",
134
- bg: "hsla(214,7%,19%)",
133
+ text: "hsla(0, 0%, 100%)",
134
+ bg: "hsla(240, 6%, 10%)",
135
135
  },
136
136
  },
137
137
  tag: {
138
138
  muted: {
139
- bg: "hsla(210, 30%, 92%)",
140
- text: "hsla(210, 10%, 25%)",
139
+ bg: "hsla(240, 5%, 96%)",
140
+ text: "hsla(240, 4%, 46%)",
141
141
  },
142
142
  primary: {
143
- text: "hsla(0, 0%, 100%)",
144
- bg: "hsla(207,70%,55%)",
143
+ text: "hsla(199, 89%, 48%)",
144
+ bg: "hsla(199, 89%, 96%)",
145
145
  },
146
146
  warn: {
147
- bg: "hsla(30,100%,82%)",
148
- text: "hsla(23,100%,40%)",
147
+ bg: "hsla(38, 92%, 96%)",
148
+ text: "hsla(38, 92%, 40%)",
149
149
  },
150
150
  info: {
151
- text: "hsla(196,100%,20%)",
152
- bg: "hsla(197,65%,80%)",
151
+ text: "hsla(199, 89%, 40%)",
152
+ bg: "hsla(199, 89%, 96%)",
153
153
  },
154
154
  success: {
155
- text: "hsla(154,52%,19%)",
156
- bg: "hsla(152,56%,80%)",
155
+ text: "hsla(142, 71%, 35%)",
156
+ bg: "hsla(142, 71%, 96%)",
157
157
  },
158
158
  danger: {
159
- text: "hsla(10,82%,45%)",
160
- bg: "hsla(359,94%,92%)",
159
+ text: "hsla(0, 84%, 45%)",
160
+ bg: "hsla(0, 84%, 96%)",
161
161
  },
162
162
  neutral: {
163
- text: "hsla(200,98%,60%)",
164
- bg: "hsla(200,28%,19%)",
163
+ text: "hsla(240, 6%, 10%)",
164
+ bg: "hsla(240, 5%, 96%)",
165
165
  },
166
166
  secondary: {
167
- text: "hsla(216,10%,90%)",
168
- bg: "hsla(214,7%,19%)",
167
+ text: "hsla(0, 0%, 100%)",
168
+ bg: "hsla(240, 6%, 10%)",
169
169
  },
170
170
  },
171
171
  alert: {
172
172
  muted: {
173
- bg: "hsla(210, 30%, 86%)",
174
- text: "hsla(210, 30%, 86%)",
175
- border: "hsla(210, 10%, 70%)",
173
+ bg: "hsla(240, 5%, 96%)",
174
+ text: "hsla(240, 6%, 10%)",
175
+ border: "hsla(240, 6%, 90%)",
176
176
  },
177
177
  primary: {
178
- text: "hsla(206,70%,50%)",
179
- border: "hsla(206,90%,89%)",
180
- bg: "hsla(205,92%,95%)",
178
+ text: "hsla(199, 89%, 40%)",
179
+ border: "hsla(199, 89%, 90%)",
180
+ bg: "hsla(199, 89%, 98%)",
181
181
  },
182
182
  warn: {
183
- bg: "hsla(23,100%,96%)",
184
- text: "hsla(23,93%,53%)",
185
- border: "hsla(33,100%,85%)",
183
+ bg: "hsla(38, 92%, 98%)",
184
+ text: "hsla(38, 92%, 35%)",
185
+ border: "hsla(38, 92%, 90%)",
186
186
  },
187
187
  info: {
188
- text: "hsla(252,56%,57%)",
189
- bg: "hsla(256,100%,95%)",
190
- border: "hsla(252,76%,84%)",
188
+ text: "hsla(199, 89%, 35%)",
189
+ bg: "hsla(199, 89%, 98%)",
190
+ border: "hsla(199, 89%, 90%)",
191
191
  },
192
192
  success: {
193
- text: "hsla(152,56%,39%)",
194
- bg: "hsla(139,47%,93%)",
195
- border: "hsla(152,58%,78%)",
193
+ text: "hsla(142, 71%, 30%)",
194
+ bg: "hsla(142, 71%, 98%)",
195
+ border: "hsla(142, 71%, 90%)",
196
196
  },
197
197
  danger: {
198
- text: "hsla(358,69%,55%)",
199
- bg: "hsla(357,90%,96%)",
200
- border: "hsla(359,100%,90%)",
198
+ text: "hsla(0, 84%, 40%)",
199
+ bg: "hsla(0, 84%, 98%)",
200
+ border: "hsla(0, 84%, 90%)",
201
201
  },
202
202
  neutral: {
203
- text: "hsla(200,98%,60%)",
204
- bg: "hsla(200,28%,19%)",
205
- border: "hsla(200,90%,89%)",
203
+ text: "hsla(240, 6%, 10%)",
204
+ bg: "hsla(240, 5%, 96%)",
205
+ border: "hsla(240, 6%, 90%)",
206
206
  },
207
207
  secondary: {
208
- text: "hsla(216,10%,10%)",
209
- bg: "hsla(214,7%,92%)",
210
- border: "hsla(216,22%,78%)",
208
+ text: "hsla(0, 0%, 100%)",
209
+ bg: "hsla(240, 6%, 10%)",
210
+ border: "hsla(240, 6%, 10%)",
211
211
  },
212
212
  },
213
213
  },