@zonos/amino 4.4.1 → 4.4.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/styles/constants/theme.d.ts +56 -56
  3. package/theme.css +114 -114
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zonos/amino",
3
- "version": "4.4.1",
3
+ "version": "4.4.2",
4
4
  "description": "Core UI components for Amino",
5
5
  "repository": "git@github.com:Zonos/amino.git",
6
6
  "license": "MIT",
package/styles/constants/theme.d.ts CHANGED
@@ -31,45 +31,45 @@ export declare const theme: {
31
31
  readonly gray1100: "var(--amino-gray-1100)";
32
32
  /** @info #101116 */
33
33
  readonly gray1200: "var(--amino-gray-1200)";
34
- /** @info #DEECFE */
34
+ /** @info #DEEDFE */
35
35
  readonly blue100: "var(--amino-blue-100)";
36
- /** @info #C5DCFD */
36
+ /** @info #C5DDFD */
37
37
  readonly blue200: "var(--amino-blue-200)";
38
- /** @info #AAC8FC */
38
+ /** @info #AACBFC */
39
39
  readonly blue300: "var(--amino-blue-300)";
40
- /** @info #89ADFA */
40
+ /** @info #89B2FA */
41
41
  readonly blue400: "var(--amino-blue-400)";
42
- /** @info #568CF6 */
42
+ /** @info #5F92F6 */
43
43
  readonly blue500: "var(--amino-blue-500)";
44
- /** @info #435DEE */
44
+ /** @info #445EEE */
45
45
  readonly blue600: "var(--amino-blue-600)";
46
- /** @info #294DBE */
46
+ /** @info #364BD4 */
47
47
  readonly blue700: "var(--amino-blue-700)";
48
- /** @info #263B98 */
48
+ /** @info #2C3BAF */
49
49
  readonly blue800: "var(--amino-blue-800)";
50
- /** @info #1F2B73 */
50
+ /** @info #252E7E */
51
51
  readonly blue900: "var(--amino-blue-900)";
52
- /** @info #151943 */
52
+ /** @info #1C2154 */
53
53
  readonly blue1000: "var(--amino-blue-1000)";
54
- /** @info #DBFDFF */
54
+ /** @info #DBFFFE */
55
55
  readonly cyan100: "var(--amino-cyan-100)";
56
- /** @info #BAF8FD */
56
+ /** @info #BAFDFD */
57
57
  readonly cyan200: "var(--amino-cyan-200)";
58
- /** @info #8FF1FA */
58
+ /** @info #8FF6FA */
59
59
  readonly cyan300: "var(--amino-cyan-300)";
60
- /** @info #65E2EF */
60
+ /** @info #65E6EF */
61
61
  readonly cyan400: "var(--amino-cyan-400)";
62
- /** @info #48C4D3 */
62
+ /** @info #4EC6D4 */
63
63
  readonly cyan500: "var(--amino-cyan-500)";
64
- /** @info #349DAB */
64
+ /** @info #37A5B4 */
65
65
  readonly cyan600: "var(--amino-cyan-600)";
66
- /** @info #287E8A */
66
+ /** @info #2C8896 */
67
67
  readonly cyan700: "var(--amino-cyan-700)";
68
- /** @info #236A75 */
68
+ /** @info #26707E */
69
69
  readonly cyan800: "var(--amino-cyan-800)";
70
- /** @info #22525A */
70
+ /** @info #245660 */
71
71
  readonly cyan900: "var(--amino-cyan-900)";
72
- /** @info #183338 */
72
+ /** @info #183339 */
73
73
  readonly cyan1000: "var(--amino-cyan-1000)";
74
74
  /** @info #FFEDEB */
75
75
  readonly red100: "var(--amino-red-100)";
@@ -79,77 +79,77 @@ export declare const theme: {
79
79
  readonly red300: "var(--amino-red-300)";
80
80
  /** @info #FA8B8B */
81
81
  readonly red400: "var(--amino-red-400)";
82
- /** @info #F9505B */
82
+ /** @info #F95C67 */
83
83
  readonly red500: "var(--amino-red-500)";
84
- /** @info #D3203F */
84
+ /** @info #D92141 */
85
85
  readonly red600: "var(--amino-red-600)";
86
- /** @info #A81E37 */
86
+ /** @info #B4223D */
87
87
  readonly red700: "var(--amino-red-700)";
88
- /** @info #841A2F */
88
+ /** @info #8C1D33 */
89
89
  readonly red800: "var(--amino-red-800)";
90
- /** @info #601725 */
90
+ /** @info #641627 */
91
91
  readonly red900: "var(--amino-red-900)";
92
- /** @info #3B1119 */
92
+ /** @info #49121F */
93
93
  readonly red1000: "var(--amino-red-1000)";
94
- /** @info #FFEEE0 */
94
+ /** @info #FFEFE0 */
95
95
  readonly orange100: "var(--amino-orange-100)";
96
- /** @info #FED5B8 */
96
+ /** @info #FED7B8 */
97
97
  readonly orange200: "var(--amino-orange-200)";
98
- /** @info #FDC2A0 */
98
+ /** @info #FDC7A0 */
99
99
  readonly orange300: "var(--amino-orange-300)";
100
- /** @info #FCA375 */
100
+ /** @info #FCA975 */
101
101
  readonly orange400: "var(--amino-orange-400)";
102
- /** @info #F88548 */
102
+ /** @info #F88C53 */
103
103
  readonly orange500: "var(--amino-orange-500)";
104
- /** @info #D7581F */
104
+ /** @info #E5591A */
105
105
  readonly orange600: "var(--amino-orange-600)";
106
- /** @info #A4431D */
106
+ /** @info #B6471B */
107
107
  readonly orange700: "var(--amino-orange-700)";
108
- /** @info #85341D */
108
+ /** @info #903A1D */
109
109
  readonly orange800: "var(--amino-orange-800)";
110
- /** @info #63261A */
110
+ /** @info #692C1C */
111
111
  readonly orange900: "var(--amino-orange-900)";
112
- /** @info #3C1611 */
112
+ /** @info #441C13 */
113
113
  readonly orange1000: "var(--amino-orange-1000)";
114
- /** @info #DBFFDD */
114
+ /** @info #E0FFE3 */
115
115
  readonly green100: "var(--amino-green-100)";
116
- /** @info #BAFDC2 */
116
+ /** @info #C8FDCE */
117
117
  readonly green200: "var(--amino-green-200)";
118
- /** @info #86F99E */
118
+ /** @info #A9F9B5 */
119
119
  readonly green300: "var(--amino-green-300)";
120
- /** @info #62E488 */
120
+ /** @info #7DE490 */
121
121
  readonly green400: "var(--amino-green-400)";
122
- /** @info #4DC477 */
122
+ /** @info #56C76F */
123
123
  readonly green500: "var(--amino-green-500)";
124
- /** @info #2A995A */
124
+ /** @info #2B9C4D */
125
125
  readonly green600: "var(--amino-green-600)";
126
- /** @info #25794A */
126
+ /** @info #298549 */
127
127
  readonly green700: "var(--amino-green-700)";
128
- /** @info #236641 */
128
+ /** @info #266E3E */
129
129
  readonly green800: "var(--amino-green-800)";
130
- /** @info #214C34 */
130
+ /** @info #245234 */
131
131
  readonly green900: "var(--amino-green-900)";
132
- /** @info #193123 */
132
+ /** @info #1C3626 */
133
133
  readonly green1000: "var(--amino-green-1000)";
134
- /** @info #EEF0FF */
134
+ /** @info #F4EEFF */
135
135
  readonly purple100: "var(--amino-purple-100)";
136
- /** @info #D8DAFD */
136
+ /** @info #E7D8FD */
137
137
  readonly purple200: "var(--amino-purple-200)";
138
- /** @info #C4C0FC */
138
+ /** @info #DDC5FC */
139
139
  readonly purple300: "var(--amino-purple-300)";
140
- /** @info #B09FF9 */
140
+ /** @info #CEA9FA */
141
141
  readonly purple400: "var(--amino-purple-400)";
142
- /** @info #A379F6 */
142
+ /** @info #BD82F8 */
143
143
  readonly purple500: "var(--amino-purple-500)";
144
- /** @info #9635EE */
144
+ /** @info #AB30EE */
145
145
  readonly purple600: "var(--amino-purple-600)";
146
- /** @info #7728B9 */
146
+ /** @info #922BC5 */
147
147
  readonly purple700: "var(--amino-purple-700)";
148
- /** @info #612392 */
148
+ /** @info #742498 */
149
149
  readonly purple800: "var(--amino-purple-800)";
150
- /** @info #461F66 */
150
+ /** @info #54206A */
151
151
  readonly purple900: "var(--amino-purple-900)";
152
- /** @info #29143A */
152
+ /** @info #3B1948 */
153
153
  readonly purple1000: "var(--amino-purple-1000)";
154
154
  /** @info #FFFFFFBB */
155
155
  readonly transparentWhite: "var(--amino-transparent-white)";
package/theme.css CHANGED
@@ -2,7 +2,7 @@
2
2
  [data-theme='day'] {
3
3
  --amino-transition: all 0.2s ease-in-out 0s;
4
4
  --amino-type-scale-base: 16px;
5
- --amino-gray-0: white;
5
+ --amino-gray-0: #ffffff;
6
6
  --amino-gray-50: #f6f6f8;
7
7
  --amino-gray-100: #eaebed;
8
8
  --amino-gray-200: #d9dadd;
@@ -16,66 +16,66 @@
16
16
  --amino-gray-1000: #2e3038;
17
17
  --amino-gray-1100: #1e1f26;
18
18
  --amino-gray-1200: #101116;
19
- --amino-blue-100: #deecfe;
20
- --amino-blue-200: #c5dcfd;
21
- --amino-blue-300: #aac8fc;
22
- --amino-blue-400: #89adfa;
23
- --amino-blue-500: #568cf6;
24
- --amino-blue-600: #435dee;
25
- --amino-blue-700: #294dbe;
26
- --amino-blue-800: #263b98;
27
- --amino-blue-900: #1f2b73;
28
- --amino-blue-1000: #151943;
29
- --amino-cyan-100: #dbfdff;
30
- --amino-cyan-200: #baf8fd;
31
- --amino-cyan-300: #8ff1fa;
32
- --amino-cyan-400: #65e2ef;
33
- --amino-cyan-500: #48c4d3;
34
- --amino-cyan-600: #349dab;
35
- --amino-cyan-700: #287e8a;
36
- --amino-cyan-800: #236a75;
37
- --amino-cyan-900: #22525a;
38
- --amino-cyan-1000: #183338;
19
+ --amino-blue-100: #deedfe;
20
+ --amino-blue-200: #c5ddfd;
21
+ --amino-blue-300: #aacbfc;
22
+ --amino-blue-400: #89b2fa;
23
+ --amino-blue-500: #5f92f6;
24
+ --amino-blue-600: #445eee;
25
+ --amino-blue-700: #364bd4;
26
+ --amino-blue-800: #2c3baf;
27
+ --amino-blue-900: #252e7e;
28
+ --amino-blue-1000: #1c2154;
29
+ --amino-cyan-100: #dbfffe;
30
+ --amino-cyan-200: #bafdfd;
31
+ --amino-cyan-300: #8ff6fa;
32
+ --amino-cyan-400: #65e6ef;
33
+ --amino-cyan-500: #4ec6d4;
34
+ --amino-cyan-600: #37a5b4;
35
+ --amino-cyan-700: #2c8896;
36
+ --amino-cyan-800: #26707e;
37
+ --amino-cyan-900: #245660;
38
+ --amino-cyan-1000: #183339;
39
39
  --amino-red-100: #ffedeb;
40
40
  --amino-red-200: #fdd3d0;
41
41
  --amino-red-300: #fcb4b2;
42
42
  --amino-red-400: #fa8b8b;
43
- --amino-red-500: #f9505b;
44
- --amino-red-600: #d3203f;
45
- --amino-red-700: #a81e37;
46
- --amino-red-800: #841a2f;
47
- --amino-red-900: #601725;
48
- --amino-red-1000: #3b1119;
49
- --amino-orange-100: #ffeee0;
50
- --amino-orange-200: #fed5b8;
51
- --amino-orange-300: #fdc2a0;
52
- --amino-orange-400: #fca375;
53
- --amino-orange-500: #f88548;
54
- --amino-orange-600: #d7581f;
55
- --amino-orange-700: #a4431d;
56
- --amino-orange-800: #85341d;
57
- --amino-orange-900: #63261a;
58
- --amino-orange-1000: #3c1611;
59
- --amino-green-100: #dbffdd;
60
- --amino-green-200: #bafdc2;
61
- --amino-green-300: #86f99e;
62
- --amino-green-400: #62e488;
63
- --amino-green-500: #4dc477;
64
- --amino-green-600: #2a995a;
65
- --amino-green-700: #25794a;
66
- --amino-green-800: #236641;
67
- --amino-green-900: #214c34;
68
- --amino-green-1000: #193123;
69
- --amino-purple-100: #eef0ff;
70
- --amino-purple-200: #d8dafd;
71
- --amino-purple-300: #c4c0fc;
72
- --amino-purple-400: #b09ff9;
73
- --amino-purple-500: #a379f6;
74
- --amino-purple-600: #9635ee;
75
- --amino-purple-700: #7728b9;
76
- --amino-purple-800: #612392;
77
- --amino-purple-900: #461f66;
78
- --amino-purple-1000: #29143a;
43
+ --amino-red-500: #f95c67;
44
+ --amino-red-600: #d92141;
45
+ --amino-red-700: #b4223d;
46
+ --amino-red-800: #8c1d33;
47
+ --amino-red-900: #641627;
48
+ --amino-red-1000: #49121f;
49
+ --amino-orange-100: #ffefe0;
50
+ --amino-orange-200: #fed7b8;
51
+ --amino-orange-300: #fdc7a0;
52
+ --amino-orange-400: #fca975;
53
+ --amino-orange-500: #f88c53;
54
+ --amino-orange-600: #e5591a;
55
+ --amino-orange-700: #b6471b;
56
+ --amino-orange-800: #903a1d;
57
+ --amino-orange-900: #692c1c;
58
+ --amino-orange-1000: #441c13;
59
+ --amino-green-100: #e0ffe3;
60
+ --amino-green-200: #c8fdce;
61
+ --amino-green-300: #a9f9b5;
62
+ --amino-green-400: #7de490;
63
+ --amino-green-500: #56c76f;
64
+ --amino-green-600: #2b9c4d;
65
+ --amino-green-700: #298549;
66
+ --amino-green-800: #266e3e;
67
+ --amino-green-900: #245234;
68
+ --amino-green-1000: #1c3626;
69
+ --amino-purple-100: #f4eeff;
70
+ --amino-purple-200: #e7d8fd;
71
+ --amino-purple-300: #ddc5fc;
72
+ --amino-purple-400: #cea9fa;
73
+ --amino-purple-500: #bd82f8;
74
+ --amino-purple-600: #ab30ee;
75
+ --amino-purple-700: #922bc5;
76
+ --amino-purple-800: #742498;
77
+ --amino-purple-900: #54206a;
78
+ --amino-purple-1000: #3b1948;
79
79
  --amino-transparent-white: #ffffffbb;
80
80
  --amino-transparent-black: #000000bb;
81
81
  --amino-v3-shadow-base: 0px 0px 0px 1px rgba(110, 110, 120, 0.1),
@@ -227,67 +227,67 @@
227
227
  --amino-gray-900: #d9dadd;
228
228
  --amino-gray-1000: #eaebed;
229
229
  --amino-gray-1100: #f6f6f8;
230
- --amino-gray-1200: white;
231
- --amino-blue-100: #151943;
232
- --amino-blue-200: #1f2b73;
233
- --amino-blue-300: #263b98;
234
- --amino-blue-400: #294dbe;
235
- --amino-blue-500: #435dee;
236
- --amino-blue-600: #568cf6;
237
- --amino-blue-700: #89adfa;
238
- --amino-blue-800: #aac8fc;
239
- --amino-blue-900: #c5dcfd;
240
- --amino-blue-1000: #deecfe;
241
- --amino-cyan-100: #183338;
242
- --amino-cyan-200: #22525a;
243
- --amino-cyan-300: #236a75;
244
- --amino-cyan-400: #287e8a;
245
- --amino-cyan-500: #349dab;
246
- --amino-cyan-600: #48c4d3;
247
- --amino-cyan-700: #65e2ef;
248
- --amino-cyan-800: #8ff1fa;
249
- --amino-cyan-900: #baf8fd;
250
- --amino-cyan-1000: #dbfdff;
251
- --amino-red-100: #3b1119;
252
- --amino-red-200: #601725;
253
- --amino-red-300: #841a2f;
254
- --amino-red-400: #a81e37;
255
- --amino-red-500: #d3203f;
256
- --amino-red-600: #f9505b;
230
+ --amino-gray-1200: #ffffff;
231
+ --amino-blue-100: #1c2154;
232
+ --amino-blue-200: #252e7e;
233
+ --amino-blue-300: #2c3baf;
234
+ --amino-blue-400: #364bd4;
235
+ --amino-blue-500: #445eee;
236
+ --amino-blue-600: #5f92f6;
237
+ --amino-blue-700: #89b2fa;
238
+ --amino-blue-800: #aacbfc;
239
+ --amino-blue-900: #c5ddfd;
240
+ --amino-blue-1000: #deedfe;
241
+ --amino-cyan-100: #183339;
242
+ --amino-cyan-200: #245660;
243
+ --amino-cyan-300: #26707e;
244
+ --amino-cyan-400: #2c8896;
245
+ --amino-cyan-500: #37a5b4;
246
+ --amino-cyan-600: #4ec6d4;
247
+ --amino-cyan-700: #65e6ef;
248
+ --amino-cyan-800: #8ff6fa;
249
+ --amino-cyan-900: #bafdfd;
250
+ --amino-cyan-1000: #dbfffe;
251
+ --amino-red-100: #49121f;
252
+ --amino-red-200: #641627;
253
+ --amino-red-300: #8c1d33;
254
+ --amino-red-400: #b4223d;
255
+ --amino-red-500: #d92141;
256
+ --amino-red-600: #f95c67;
257
257
  --amino-red-700: #fa8b8b;
258
258
  --amino-red-800: #fcb4b2;
259
259
  --amino-red-900: #fdd3d0;
260
260
  --amino-red-1000: #ffedeb;
261
- --amino-orange-100: #3c1611;
262
- --amino-orange-200: #63261a;
263
- --amino-orange-300: #85341d;
264
- --amino-orange-400: #a4431d;
265
- --amino-orange-500: #d7581f;
266
- --amino-orange-600: #f88548;
267
- --amino-orange-700: #fca375;
268
- --amino-orange-800: #fdc2a0;
269
- --amino-orange-900: #fed5b8;
270
- --amino-orange-1000: #ffeee0;
271
- --amino-green-100: #193123;
272
- --amino-green-200: #214c34;
273
- --amino-green-300: #236641;
274
- --amino-green-400: #25794a;
275
- --amino-green-500: #2a995a;
276
- --amino-green-600: #4dc477;
277
- --amino-green-700: #62e488;
278
- --amino-green-800: #86f99e;
279
- --amino-green-900: #bafdc2;
280
- --amino-green-1000: #dbffdd;
281
- --amino-purple-100: #29143a;
282
- --amino-purple-200: #461f66;
283
- --amino-purple-300: #612392;
284
- --amino-purple-400: #7728b9;
285
- --amino-purple-500: #9635ee;
286
- --amino-purple-600: #a379f6;
287
- --amino-purple-700: #b09ff9;
288
- --amino-purple-800: #c4c0fc;
289
- --amino-purple-900: #d8dafd;
290
- --amino-purple-1000: #eef0ff;
261
+ --amino-orange-100: #441c13;
262
+ --amino-orange-200: #692c1c;
263
+ --amino-orange-300: #903a1d;
264
+ --amino-orange-400: #b6471b;
265
+ --amino-orange-500: #e5591a;
266
+ --amino-orange-600: #f88c53;
267
+ --amino-orange-700: #fca975;
268
+ --amino-orange-800: #fdc7a0;
269
+ --amino-orange-900: #fed7b8;
270
+ --amino-orange-1000: #ffefe0;
271
+ --amino-green-100: #1c3626;
272
+ --amino-green-200: #245234;
273
+ --amino-green-300: #266e3e;
274
+ --amino-green-400: #298549;
275
+ --amino-green-500: #2b9c4d;
276
+ --amino-green-600: #56c76f;
277
+ --amino-green-700: #7de490;
278
+ --amino-green-800: #a9f9b5;
279
+ --amino-green-900: #c8fdce;
280
+ --amino-green-1000: #e0ffe3;
281
+ --amino-purple-100: #3b1948;
282
+ --amino-purple-200: #54206a;
283
+ --amino-purple-300: #742498;
284
+ --amino-purple-400: #922bc5;
285
+ --amino-purple-500: #ab30ee;
286
+ --amino-purple-600: #bd82f8;
287
+ --amino-purple-700: #cea9fa;
288
+ --amino-purple-800: #ddc5fc;
289
+ --amino-purple-900: #e7d8fd;
290
+ --amino-purple-1000: #f4eeff;
291
291
  --amino-transparent-white: #000000bb;
292
292
  --amino-transparent-black: #ffffffbb;
293
293
  --amino-v3-shadow-base: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),