@rahmatsaputra-my-id/global-assets 0.0.13 → 0.0.15

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.
package/dist/COLORS.d.ts CHANGED
@@ -1,322 +1,280 @@
1
- export declare const COLORS: {
1
+ export declare const colors: {
2
2
  readonly white: "#ffffff";
3
3
  readonly black: "#000000";
4
4
  readonly gray: "#808080";
5
5
  readonly lightGray: "#d3d3d3";
6
6
  readonly darkGray: "#4b4b4b";
7
7
  readonly silver: "#c0c0c0";
8
- readonly red: "#c81708" & {
9
- readonly "25": "#ffffff";
10
- readonly "50": "#ffd9cb";
11
- readonly "100": "#ffb299";
12
- readonly "200": "#ff8969";
13
- readonly "300": "#ff5b3a";
8
+ readonly red: "#bb1909" & {
9
+ readonly "50": "#ffffff";
10
+ readonly "100": "#ffcfbf";
11
+ readonly "200": "#ff9e81";
12
+ readonly "300": "#ff6846";
14
13
  readonly "400": "#ff0000";
15
- readonly "500": "#c81708";
16
- readonly "600": "#931b0b";
17
- readonly "700": "#62190c";
18
- readonly "800": "#341307";
19
- readonly "900": "#000000";
14
+ readonly "500": "#bb1909";
15
+ readonly "600": "#7a1b0c";
16
+ readonly "700": "#3f1508";
17
+ readonly "800": "#000000";
20
18
  };
21
- readonly blue: "#200dc7" & {
22
- readonly "25": "#ffffff";
23
- readonly "50": "#e3d0ff";
24
- readonly "100": "#c4a2ff";
25
- readonly "200": "#a074ff";
26
- readonly "300": "#7145ff";
19
+ readonly blue: "#230eb9" & {
20
+ readonly "50": "#ffffff";
21
+ readonly "100": "#dcc4ff";
22
+ readonly "200": "#b38bff";
23
+ readonly "300": "#7e52ff";
27
24
  readonly "400": "#0000ff";
28
- readonly "500": "#200dc7";
29
- readonly "600": "#251191";
30
- readonly "700": "#22115f";
31
- readonly "800": "#180d31";
32
- readonly "900": "#000000";
25
+ readonly "500": "#230eb9";
26
+ readonly "600": "#241178";
27
+ readonly "700": "#1b0f3c";
28
+ readonly "800": "#000000";
33
29
  };
34
- readonly green: "#20c715" & {
35
- readonly "25": "#ffffff";
36
- readonly "50": "#e2ffd7";
37
- readonly "100": "#c3ffaf";
38
- readonly "200": "#9eff85";
39
- readonly "300": "#70ff57";
30
+ readonly green: "#22b917" & {
31
+ readonly "50": "#ffffff";
32
+ readonly "100": "#dbffcd";
33
+ readonly "200": "#b1ff9a";
34
+ readonly "300": "#7dff64";
40
35
  readonly "400": "#00ff00";
41
- readonly "500": "#20c715";
42
- readonly "600": "#259119";
43
- readonly "700": "#215f18";
44
- readonly "800": "#183112";
45
- readonly "900": "#000000";
36
+ readonly "500": "#22b917";
37
+ readonly "600": "#247719";
38
+ readonly "700": "#1b3c14";
39
+ readonly "800": "#000000";
46
40
  };
47
- readonly yellow: "#c7c617" & {
48
- readonly "25": "#ffffff";
49
- readonly "50": "#ffffd9";
50
- readonly "100": "#ffffb2";
51
- readonly "200": "#ffff89";
52
- readonly "300": "#ffff5b";
41
+ readonly yellow: "#b9b919" & {
42
+ readonly "50": "#ffffff";
43
+ readonly "100": "#ffffcf";
44
+ readonly "200": "#ffff9e";
45
+ readonly "300": "#ffff67";
53
46
  readonly "400": "#ffff00";
54
- readonly "500": "#c7c617";
55
- readonly "600": "#92901b";
56
- readonly "700": "#605e19";
57
- readonly "800": "#323013";
58
- readonly "900": "#000000";
47
+ readonly "500": "#b9b919";
48
+ readonly "600": "#78771b";
49
+ readonly "700": "#3d3b15";
50
+ readonly "800": "#000000";
59
51
  };
60
- readonly orange: "#c78210" & {
61
- readonly "25": "#ffffff";
62
- readonly "50": "#ffecd2";
63
- readonly "100": "#ffdaa7";
64
- readonly "200": "#ffc87b";
65
- readonly "300": "#ffb64c";
52
+ readonly orange: "#ba7912" & {
53
+ readonly "50": "#ffffff";
54
+ readonly "100": "#ffe8c7";
55
+ readonly "200": "#ffd191";
56
+ readonly "300": "#ffbb58";
66
57
  readonly "400": "#ffa500";
67
- readonly "500": "#c78210";
68
- readonly "600": "#926014";
69
- readonly "700": "#604013";
70
- readonly "800": "#32230f";
71
- readonly "900": "#000000";
58
+ readonly "500": "#ba7912";
59
+ readonly "600": "#795014";
60
+ readonly "700": "#3d2a11";
61
+ readonly "800": "#000000";
72
62
  };
73
- readonly purple: "#660d65" & {
74
- readonly "25": "#ffffff";
75
- readonly "50": "#e8d0e5";
76
- readonly "100": "#cfa2cb";
77
- readonly "200": "#b675b2";
78
- readonly "300": "#9c4699";
63
+ readonly purple: "#5f0f5f" & {
64
+ readonly "50": "#ffffff";
65
+ readonly "100": "#e2c5df";
66
+ readonly "200": "#c38bbf";
67
+ readonly "300": "#a2529f";
79
68
  readonly "400": "#800080";
80
- readonly "500": "#660d65";
81
- readonly "600": "#4d114c";
82
- readonly "700": "#351134";
83
- readonly "800": "#1e0d1d";
84
- readonly "900": "#000000";
69
+ readonly "500": "#5f0f5f";
70
+ readonly "600": "#411140";
71
+ readonly "700": "#240f23";
72
+ readonly "800": "#000000";
85
73
  };
86
- readonly pink: "#c6969f" & {
87
- readonly "25": "#ffffff";
88
- readonly "50": "#fff2f4";
89
- readonly "100": "#ffe6ea";
90
- readonly "200": "#ffd9e0";
91
- readonly "300": "#ffcdd5";
74
+ readonly pink: "#b98c94" & {
75
+ readonly "50": "#ffffff";
76
+ readonly "100": "#ffeff2";
77
+ readonly "200": "#ffe0e5";
78
+ readonly "300": "#ffd0d8";
92
79
  readonly "400": "#ffc0cb";
93
- readonly "500": "#c6969f";
94
- readonly "600": "#916f74";
95
- readonly "700": "#5f494d";
96
- readonly "800": "#312728";
97
- readonly "900": "#000000";
80
+ readonly "500": "#b98c94";
81
+ readonly "600": "#775c60";
82
+ readonly "700": "#3c2f31";
83
+ readonly "800": "#000000";
98
84
  };
99
- readonly cyan: "#21c6c6" & {
100
- readonly "25": "#ffffff";
101
- readonly "50": "#e2ffff";
102
- readonly "100": "#c3ffff";
103
- readonly "200": "#9fffff";
104
- readonly "300": "#71ffff";
85
+ readonly cyan: "#23b9b9" & {
86
+ readonly "50": "#ffffff";
87
+ readonly "100": "#dbffff";
88
+ readonly "200": "#b2ffff";
89
+ readonly "300": "#7effff";
105
90
  readonly "400": "#00ffff";
106
- readonly "500": "#21c6c6";
107
- readonly "600": "#259191";
108
- readonly "700": "#225f5e";
109
- readonly "800": "#183130";
110
- readonly "900": "#000000";
91
+ readonly "500": "#23b9b9";
92
+ readonly "600": "#247777";
93
+ readonly "700": "#1b3c3b";
94
+ readonly "800": "#000000";
111
95
  };
112
- readonly teal: "#116565" & {
113
- readonly "25": "#ffffff";
114
- readonly "50": "#d4e5e4";
115
- readonly "100": "#a9cbca";
116
- readonly "200": "#7db2b1";
117
- readonly "300": "#4f9998";
96
+ readonly teal: "#135f5f" & {
97
+ readonly "50": "#ffffff";
98
+ readonly "100": "#c9dede";
99
+ readonly "200": "#93bebd";
100
+ readonly "300": "#5b9f9e";
118
101
  readonly "400": "#008080";
119
- readonly "500": "#116565";
120
- readonly "600": "#154c4c";
121
- readonly "700": "#143433";
122
- readonly "800": "#101d1d";
123
- readonly "900": "#000000";
102
+ readonly "500": "#135f5f";
103
+ readonly "600": "#15403f";
104
+ readonly "700": "#112322";
105
+ readonly "800": "#000000";
124
106
  };
125
- readonly indigo: "#3e0867" & {
126
- readonly "25": "#ffffff";
127
- readonly "50": "#ddcce6";
128
- readonly "100": "#ba9bcd";
129
- readonly "200": "#966bb4";
130
- readonly "300": "#723c9b";
107
+ readonly indigo: "#3a0a60" & {
108
+ readonly "50": "#ffffff";
109
+ readonly "100": "#d4c0e0";
110
+ readonly "200": "#a883c0";
111
+ readonly "300": "#7b48a1";
131
112
  readonly "400": "#4b0082";
132
- readonly "500": "#3e0867";
133
- readonly "600": "#300c4d";
134
- readonly "700": "#230d35";
135
- readonly "800": "#18081e";
136
- readonly "900": "#000000";
113
+ readonly "500": "#3a0a60";
114
+ readonly "600": "#2a0d41";
115
+ readonly "700": "#1a0a23";
116
+ readonly "800": "#000000";
137
117
  };
138
- readonly brown: "#832523" & {
139
- readonly "25": "#ffffff";
140
- readonly "50": "#f3d5d0";
141
- readonly "100": "#e4aba3";
142
- readonly "200": "#d28278";
143
- readonly "300": "#bd5850";
118
+ readonly brown: "#7a2421" & {
119
+ readonly "50": "#ffffff";
120
+ readonly "100": "#f0cac5";
121
+ readonly "200": "#dc968d";
122
+ readonly "300": "#c3635a";
144
123
  readonly "400": "#a52a2a";
145
- readonly "500": "#832523";
146
- readonly "600": "#621f1c";
147
- readonly "700": "#421915";
148
- readonly "800": "#25110d";
149
- readonly "900": "#000000";
124
+ readonly "500": "#7a2421";
125
+ readonly "600": "#521c19";
126
+ readonly "700": "#2c130f";
127
+ readonly "800": "#000000";
150
128
  };
151
- readonly lime: "#2fa02b" & {
152
- readonly "25": "#ffffff";
153
- readonly "50": "#def6d7";
154
- readonly "100": "#bcedb0";
155
- readonly "200": "#97e389";
156
- readonly "300": "#6ed860";
129
+ readonly lime: "#2e962a" & {
130
+ readonly "50": "#ffffff";
131
+ readonly "100": "#d6f4cd";
132
+ readonly "200": "#aae89c";
133
+ readonly "300": "#79db6b";
157
134
  readonly "400": "#32cd32";
158
- readonly "500": "#2fa02b";
159
- readonly "600": "#297624";
160
- readonly "700": "#214e1c";
161
- readonly "800": "#162913";
162
- readonly "900": "#000000";
135
+ readonly "500": "#2e962a";
136
+ readonly "600": "#256220";
137
+ readonly "700": "#193215";
138
+ readonly "800": "#000000";
163
139
  };
164
- readonly magenta: "#c71ac6" & {
165
- readonly "25": "#ffffff";
166
- readonly "50": "#ffdcff";
167
- readonly "100": "#ffb8ff";
168
- readonly "200": "#ff91ff";
169
- readonly "300": "#ff63ff";
140
+ readonly magenta: "#b91cb9" & {
141
+ readonly "50": "#ffffff";
142
+ readonly "100": "#ffd3ff";
143
+ readonly "200": "#ffa5ff";
144
+ readonly "300": "#ff70ff";
170
145
  readonly "400": "#ff00ff";
171
- readonly "500": "#c71ac6";
172
- readonly "600": "#921f91";
173
- readonly "700": "#601c5f";
174
- readonly "800": "#321531";
175
- readonly "900": "#000000";
146
+ readonly "500": "#b91cb9";
147
+ readonly "600": "#781e77";
148
+ readonly "700": "#3d173c";
149
+ readonly "800": "#000000";
176
150
  };
177
- readonly navy: "#110565" & {
178
- readonly "25": "#ffffff";
179
- readonly "50": "#d4c9e6";
180
- readonly "100": "#aa95cd";
181
- readonly "200": "#7e63b3";
182
- readonly "300": "#4f339a";
151
+ readonly navy: "#13065f" & {
152
+ readonly "50": "#ffffff";
153
+ readonly "100": "#cabbe0";
154
+ readonly "200": "#947bc0";
155
+ readonly "300": "#5c3fa0";
183
156
  readonly "400": "#000080";
184
- readonly "500": "#110565";
185
- readonly "600": "#15084c";
186
- readonly "700": "#160734";
187
- readonly "800": "#11031e";
188
- readonly "900": "#000000";
157
+ readonly "500": "#13065f";
158
+ readonly "600": "#160840";
159
+ readonly "700": "#140423";
160
+ readonly "800": "#000000";
189
161
  };
190
- readonly olive: "#66650b" & {
191
- readonly "25": "#ffffff";
192
- readonly "50": "#e8e4ce";
193
- readonly "100": "#cfca9e";
194
- readonly "200": "#b6b16f";
195
- readonly "300": "#9c9841";
162
+ readonly olive: "#5f5f0c" & {
163
+ readonly "50": "#ffffff";
164
+ readonly "100": "#e2dec2";
165
+ readonly "200": "#c3bd87";
166
+ readonly "300": "#a29e4d";
196
167
  readonly "400": "#808000";
197
- readonly "500": "#66650b";
198
- readonly "600": "#4d4c0f";
199
- readonly "700": "#35330f";
200
- readonly "800": "#1f1d0a";
201
- readonly "900": "#000000";
168
+ readonly "500": "#5f5f0c";
169
+ readonly "600": "#403f0f";
170
+ readonly "700": "#24220c";
171
+ readonly "800": "#000000";
202
172
  };
203
- readonly maroon: "#670b01" & {
204
- readonly "25": "#ffffff";
205
- readonly "50": "#edcec7";
206
- readonly "100": "#d79e91";
207
- readonly "200": "#bd705e";
208
- readonly "300": "#a0412f";
173
+ readonly maroon: "#600c01" & {
174
+ readonly "50": "#ffffff";
175
+ readonly "100": "#e8c2b9";
176
+ readonly "200": "#cb8777";
177
+ readonly "300": "#a84d3b";
209
178
  readonly "400": "#800000";
210
- readonly "500": "#670b01";
211
- readonly "600": "#4e0f02";
212
- readonly "700": "#370f01";
213
- readonly "800": "#220a01";
214
- readonly "900": "#000000";
179
+ readonly "500": "#600c01";
180
+ readonly "600": "#430f02";
181
+ readonly "700": "#270d01";
182
+ readonly "800": "#000000";
215
183
  };
216
- readonly gold: "#c7a814" & {
217
- readonly "25": "#ffffff";
218
- readonly "50": "#fff6d6";
219
- readonly "100": "#ffeead";
220
- readonly "200": "#ffe682";
221
- readonly "300": "#ffde54";
184
+ readonly gold: "#b99c16" & {
185
+ readonly "50": "#ffffff";
186
+ readonly "100": "#fff4cc";
187
+ readonly "200": "#ffea98";
188
+ readonly "300": "#ffe061";
222
189
  readonly "400": "#ffd700";
223
- readonly "500": "#c7a814";
224
- readonly "600": "#927b18";
225
- readonly "700": "#605117";
226
- readonly "800": "#322a11";
227
- readonly "900": "#000000";
190
+ readonly "500": "#b99c16";
191
+ readonly "600": "#786518";
192
+ readonly "700": "#3d3313";
193
+ readonly "800": "#000000";
228
194
  };
229
- readonly primary: "#911f1f" & {
230
- readonly "25": "#ffffff";
231
- readonly "50": "#f9d5cf";
232
- readonly "100": "#eeaba1";
233
- readonly "200": "#e08175";
234
- readonly "300": "#ce564c";
195
+ readonly primary: "#881f1e" & {
196
+ readonly "50": "#ffffff";
197
+ readonly "100": "#f7cac3";
198
+ readonly "200": "#e8968b";
199
+ readonly "300": "#d26156";
235
200
  readonly "400": "#b82025";
236
- readonly "500": "#911f1f";
237
- readonly "600": "#6c1c19";
238
- readonly "700": "#491814";
239
- readonly "800": "#29110c";
240
- readonly "900": "#000000";
201
+ readonly "500": "#881f1e";
202
+ readonly "600": "#5a1a17";
203
+ readonly "700": "#30130e";
204
+ readonly "800": "#000000";
241
205
  };
242
- readonly secondary: "#274bc7" & {
243
- readonly "25": "#ffffff";
244
- readonly "50": "#e1ddff";
245
- readonly "100": "#c0bbff";
246
- readonly "200": "#9c9bff";
247
- readonly "300": "#6f7bff";
206
+ readonly secondary: "#2846b9" & {
207
+ readonly "50": "#ffffff";
208
+ readonly "100": "#d9d4ff";
209
+ readonly "200": "#aeabff";
210
+ readonly "300": "#7c83ff";
248
211
  readonly "400": "#1e5eff";
249
- readonly "500": "#274bc7";
250
- readonly "600": "#273991";
251
- readonly "700": "#21285f";
252
- readonly "800": "#171731";
253
- readonly "900": "#000000";
212
+ readonly "500": "#2846b9";
213
+ readonly "600": "#253077";
214
+ readonly "700": "#1a1b3c";
215
+ readonly "800": "#000000";
254
216
  };
255
- readonly success: "#299c54" & {
256
- readonly "25": "#ffffff";
257
- readonly "50": "#dcf5e0";
258
- readonly "100": "#b8eac2";
259
- readonly "200": "#92dfa4";
260
- readonly "300": "#67d386";
217
+ readonly success: "#29914f" & {
218
+ readonly "50": "#ffffff";
219
+ readonly "100": "#d3f2d9";
220
+ readonly "200": "#a5e5b3";
221
+ readonly "300": "#73d68e";
261
222
  readonly "400": "#2ac769";
262
- readonly "500": "#299c54";
263
- readonly "600": "#25733f";
264
- readonly "700": "#1e4c2c";
265
- readonly "800": "#15281a";
266
- readonly "900": "#000000";
223
+ readonly "500": "#29914f";
224
+ readonly "600": "#225f36";
225
+ readonly "700": "#18311e";
226
+ readonly "800": "#000000";
267
227
  };
268
- readonly warning: "#c78a20" & {
269
- readonly "25": "#ffffff";
270
- readonly "50": "#ffefd5";
271
- readonly "100": "#ffdfac";
272
- readonly "200": "#ffcf82";
273
- readonly "300": "#ffbf57";
228
+ readonly warning: "#ba811f" & {
229
+ readonly "50": "#ffffff";
230
+ readonly "100": "#ffebcb";
231
+ readonly "200": "#ffd797";
232
+ readonly "300": "#ffc362";
274
233
  readonly "400": "#ffb020";
275
- readonly "500": "#c78a20";
276
- readonly "600": "#92661d";
277
- readonly "700": "#604418";
278
- readonly "800": "#322411";
279
- readonly "900": "#000000";
234
+ readonly "500": "#ba811f";
235
+ readonly "600": "#79541b";
236
+ readonly "700": "#3d2c13";
237
+ readonly "800": "#000000";
280
238
  };
281
- readonly error: "#c84628" & {
282
- readonly "25": "#ffffff";
283
- readonly "50": "#ffdfd3";
284
- readonly "100": "#ffbfa9";
285
- readonly "200": "#ff9f80";
286
- readonly "300": "#ff7c58";
239
+ readonly error: "#ba4326" & {
240
+ readonly "50": "#ffffff";
241
+ readonly "100": "#ffd7c9";
242
+ readonly "200": "#ffaf94";
243
+ readonly "300": "#ff8562";
287
244
  readonly "400": "#ff5630";
288
- readonly "500": "#c84628";
289
- readonly "600": "#933721";
290
- readonly "700": "#612819";
291
- readonly "800": "#331810";
292
- readonly "900": "#000000";
245
+ readonly "500": "#ba4326";
246
+ readonly "600": "#792f1d";
247
+ readonly "700": "#3e1c13";
248
+ readonly "800": "#000000";
293
249
  };
294
- readonly info: "#376fc6" & {
295
- readonly "25": "#ffffff";
296
- readonly "50": "#e1e7ff";
297
- readonly "100": "#c1cfff";
298
- readonly "200": "#9fb8ff";
299
- readonly "300": "#77a2ff";
250
+ readonly info: "#3568b9" & {
251
+ readonly "50": "#ffffff";
252
+ readonly "100": "#d9e1ff";
253
+ readonly "200": "#b1c4ff";
254
+ readonly "300": "#82a8ff";
300
255
  readonly "400": "#3c8dff";
301
- readonly "500": "#376fc6";
302
- readonly "600": "#2f5391";
303
- readonly "700": "#25385f";
304
- readonly "800": "#181f31";
305
- readonly "900": "#000000";
256
+ readonly "500": "#3568b9";
257
+ readonly "600": "#2a4577";
258
+ readonly "700": "#1c253c";
259
+ readonly "800": "#000000";
306
260
  };
307
261
  };
308
- export declare const THEMES: {
262
+ export declare const themes: {
309
263
  readonly light: {
310
264
  readonly background: "#FFFFFF";
311
265
  readonly text: "#101828";
312
266
  readonly surface: "#F9FAFB";
313
267
  readonly border: "#E4E7EC";
268
+ readonly cardBackground: "#F8F8F8";
269
+ readonly cardColor: "#101828";
314
270
  };
315
271
  readonly dark: {
316
272
  readonly background: "#0C111D";
317
273
  readonly text: "#F2F4F7";
318
274
  readonly surface: "#1D2939";
319
275
  readonly border: "#344054";
276
+ readonly cardBackground: "#1D2939";
277
+ readonly cardColor: "#F2F4F7";
320
278
  };
321
279
  };
322
280
  export declare const withOpacity: (color: string | any, opacity: number) => string;
package/dist/COLORS.js CHANGED
@@ -1,46 +1,50 @@
1
- export var COLORS = {
1
+ export var colors = {
2
2
  white: "#ffffff",
3
3
  black: "#000000",
4
4
  gray: "#808080",
5
5
  lightGray: "#d3d3d3",
6
6
  darkGray: "#4b4b4b",
7
7
  silver: "#c0c0c0",
8
- red: Object.assign("#c81708", { "25": "#ffffff", "50": "#ffd9cb", "100": "#ffb299", "200": "#ff8969", "300": "#ff5b3a", "400": "#ff0000", "500": "#c81708", "600": "#931b0b", "700": "#62190c", "800": "#341307", "900": "#000000" }),
9
- blue: Object.assign("#200dc7", { "25": "#ffffff", "50": "#e3d0ff", "100": "#c4a2ff", "200": "#a074ff", "300": "#7145ff", "400": "#0000ff", "500": "#200dc7", "600": "#251191", "700": "#22115f", "800": "#180d31", "900": "#000000" }),
10
- green: Object.assign("#20c715", { "25": "#ffffff", "50": "#e2ffd7", "100": "#c3ffaf", "200": "#9eff85", "300": "#70ff57", "400": "#00ff00", "500": "#20c715", "600": "#259119", "700": "#215f18", "800": "#183112", "900": "#000000" }),
11
- yellow: Object.assign("#c7c617", { "25": "#ffffff", "50": "#ffffd9", "100": "#ffffb2", "200": "#ffff89", "300": "#ffff5b", "400": "#ffff00", "500": "#c7c617", "600": "#92901b", "700": "#605e19", "800": "#323013", "900": "#000000" }),
12
- orange: Object.assign("#c78210", { "25": "#ffffff", "50": "#ffecd2", "100": "#ffdaa7", "200": "#ffc87b", "300": "#ffb64c", "400": "#ffa500", "500": "#c78210", "600": "#926014", "700": "#604013", "800": "#32230f", "900": "#000000" }),
13
- purple: Object.assign("#660d65", { "25": "#ffffff", "50": "#e8d0e5", "100": "#cfa2cb", "200": "#b675b2", "300": "#9c4699", "400": "#800080", "500": "#660d65", "600": "#4d114c", "700": "#351134", "800": "#1e0d1d", "900": "#000000" }),
14
- pink: Object.assign("#c6969f", { "25": "#ffffff", "50": "#fff2f4", "100": "#ffe6ea", "200": "#ffd9e0", "300": "#ffcdd5", "400": "#ffc0cb", "500": "#c6969f", "600": "#916f74", "700": "#5f494d", "800": "#312728", "900": "#000000" }),
15
- cyan: Object.assign("#21c6c6", { "25": "#ffffff", "50": "#e2ffff", "100": "#c3ffff", "200": "#9fffff", "300": "#71ffff", "400": "#00ffff", "500": "#21c6c6", "600": "#259191", "700": "#225f5e", "800": "#183130", "900": "#000000" }),
16
- teal: Object.assign("#116565", { "25": "#ffffff", "50": "#d4e5e4", "100": "#a9cbca", "200": "#7db2b1", "300": "#4f9998", "400": "#008080", "500": "#116565", "600": "#154c4c", "700": "#143433", "800": "#101d1d", "900": "#000000" }),
17
- indigo: Object.assign("#3e0867", { "25": "#ffffff", "50": "#ddcce6", "100": "#ba9bcd", "200": "#966bb4", "300": "#723c9b", "400": "#4b0082", "500": "#3e0867", "600": "#300c4d", "700": "#230d35", "800": "#18081e", "900": "#000000" }),
18
- brown: Object.assign("#832523", { "25": "#ffffff", "50": "#f3d5d0", "100": "#e4aba3", "200": "#d28278", "300": "#bd5850", "400": "#a52a2a", "500": "#832523", "600": "#621f1c", "700": "#421915", "800": "#25110d", "900": "#000000" }),
19
- lime: Object.assign("#2fa02b", { "25": "#ffffff", "50": "#def6d7", "100": "#bcedb0", "200": "#97e389", "300": "#6ed860", "400": "#32cd32", "500": "#2fa02b", "600": "#297624", "700": "#214e1c", "800": "#162913", "900": "#000000" }),
20
- magenta: Object.assign("#c71ac6", { "25": "#ffffff", "50": "#ffdcff", "100": "#ffb8ff", "200": "#ff91ff", "300": "#ff63ff", "400": "#ff00ff", "500": "#c71ac6", "600": "#921f91", "700": "#601c5f", "800": "#321531", "900": "#000000" }),
21
- navy: Object.assign("#110565", { "25": "#ffffff", "50": "#d4c9e6", "100": "#aa95cd", "200": "#7e63b3", "300": "#4f339a", "400": "#000080", "500": "#110565", "600": "#15084c", "700": "#160734", "800": "#11031e", "900": "#000000" }),
22
- olive: Object.assign("#66650b", { "25": "#ffffff", "50": "#e8e4ce", "100": "#cfca9e", "200": "#b6b16f", "300": "#9c9841", "400": "#808000", "500": "#66650b", "600": "#4d4c0f", "700": "#35330f", "800": "#1f1d0a", "900": "#000000" }),
23
- maroon: Object.assign("#670b01", { "25": "#ffffff", "50": "#edcec7", "100": "#d79e91", "200": "#bd705e", "300": "#a0412f", "400": "#800000", "500": "#670b01", "600": "#4e0f02", "700": "#370f01", "800": "#220a01", "900": "#000000" }),
24
- gold: Object.assign("#c7a814", { "25": "#ffffff", "50": "#fff6d6", "100": "#ffeead", "200": "#ffe682", "300": "#ffde54", "400": "#ffd700", "500": "#c7a814", "600": "#927b18", "700": "#605117", "800": "#322a11", "900": "#000000" }),
25
- primary: Object.assign("#911f1f", { "25": "#ffffff", "50": "#f9d5cf", "100": "#eeaba1", "200": "#e08175", "300": "#ce564c", "400": "#b82025", "500": "#911f1f", "600": "#6c1c19", "700": "#491814", "800": "#29110c", "900": "#000000" }),
26
- secondary: Object.assign("#274bc7", { "25": "#ffffff", "50": "#e1ddff", "100": "#c0bbff", "200": "#9c9bff", "300": "#6f7bff", "400": "#1e5eff", "500": "#274bc7", "600": "#273991", "700": "#21285f", "800": "#171731", "900": "#000000" }),
27
- success: Object.assign("#299c54", { "25": "#ffffff", "50": "#dcf5e0", "100": "#b8eac2", "200": "#92dfa4", "300": "#67d386", "400": "#2ac769", "500": "#299c54", "600": "#25733f", "700": "#1e4c2c", "800": "#15281a", "900": "#000000" }),
28
- warning: Object.assign("#c78a20", { "25": "#ffffff", "50": "#ffefd5", "100": "#ffdfac", "200": "#ffcf82", "300": "#ffbf57", "400": "#ffb020", "500": "#c78a20", "600": "#92661d", "700": "#604418", "800": "#322411", "900": "#000000" }),
29
- error: Object.assign("#c84628", { "25": "#ffffff", "50": "#ffdfd3", "100": "#ffbfa9", "200": "#ff9f80", "300": "#ff7c58", "400": "#ff5630", "500": "#c84628", "600": "#933721", "700": "#612819", "800": "#331810", "900": "#000000" }),
30
- info: Object.assign("#376fc6", { "25": "#ffffff", "50": "#e1e7ff", "100": "#c1cfff", "200": "#9fb8ff", "300": "#77a2ff", "400": "#3c8dff", "500": "#376fc6", "600": "#2f5391", "700": "#25385f", "800": "#181f31", "900": "#000000" }),
8
+ red: Object.assign("#bb1909", { "50": "#ffffff", "100": "#ffcfbf", "200": "#ff9e81", "300": "#ff6846", "400": "#ff0000", "500": "#bb1909", "600": "#7a1b0c", "700": "#3f1508", "800": "#000000" }),
9
+ blue: Object.assign("#230eb9", { "50": "#ffffff", "100": "#dcc4ff", "200": "#b38bff", "300": "#7e52ff", "400": "#0000ff", "500": "#230eb9", "600": "#241178", "700": "#1b0f3c", "800": "#000000" }),
10
+ green: Object.assign("#22b917", { "50": "#ffffff", "100": "#dbffcd", "200": "#b1ff9a", "300": "#7dff64", "400": "#00ff00", "500": "#22b917", "600": "#247719", "700": "#1b3c14", "800": "#000000" }),
11
+ yellow: Object.assign("#b9b919", { "50": "#ffffff", "100": "#ffffcf", "200": "#ffff9e", "300": "#ffff67", "400": "#ffff00", "500": "#b9b919", "600": "#78771b", "700": "#3d3b15", "800": "#000000" }),
12
+ orange: Object.assign("#ba7912", { "50": "#ffffff", "100": "#ffe8c7", "200": "#ffd191", "300": "#ffbb58", "400": "#ffa500", "500": "#ba7912", "600": "#795014", "700": "#3d2a11", "800": "#000000" }),
13
+ purple: Object.assign("#5f0f5f", { "50": "#ffffff", "100": "#e2c5df", "200": "#c38bbf", "300": "#a2529f", "400": "#800080", "500": "#5f0f5f", "600": "#411140", "700": "#240f23", "800": "#000000" }),
14
+ pink: Object.assign("#b98c94", { "50": "#ffffff", "100": "#ffeff2", "200": "#ffe0e5", "300": "#ffd0d8", "400": "#ffc0cb", "500": "#b98c94", "600": "#775c60", "700": "#3c2f31", "800": "#000000" }),
15
+ cyan: Object.assign("#23b9b9", { "50": "#ffffff", "100": "#dbffff", "200": "#b2ffff", "300": "#7effff", "400": "#00ffff", "500": "#23b9b9", "600": "#247777", "700": "#1b3c3b", "800": "#000000" }),
16
+ teal: Object.assign("#135f5f", { "50": "#ffffff", "100": "#c9dede", "200": "#93bebd", "300": "#5b9f9e", "400": "#008080", "500": "#135f5f", "600": "#15403f", "700": "#112322", "800": "#000000" }),
17
+ indigo: Object.assign("#3a0a60", { "50": "#ffffff", "100": "#d4c0e0", "200": "#a883c0", "300": "#7b48a1", "400": "#4b0082", "500": "#3a0a60", "600": "#2a0d41", "700": "#1a0a23", "800": "#000000" }),
18
+ brown: Object.assign("#7a2421", { "50": "#ffffff", "100": "#f0cac5", "200": "#dc968d", "300": "#c3635a", "400": "#a52a2a", "500": "#7a2421", "600": "#521c19", "700": "#2c130f", "800": "#000000" }),
19
+ lime: Object.assign("#2e962a", { "50": "#ffffff", "100": "#d6f4cd", "200": "#aae89c", "300": "#79db6b", "400": "#32cd32", "500": "#2e962a", "600": "#256220", "700": "#193215", "800": "#000000" }),
20
+ magenta: Object.assign("#b91cb9", { "50": "#ffffff", "100": "#ffd3ff", "200": "#ffa5ff", "300": "#ff70ff", "400": "#ff00ff", "500": "#b91cb9", "600": "#781e77", "700": "#3d173c", "800": "#000000" }),
21
+ navy: Object.assign("#13065f", { "50": "#ffffff", "100": "#cabbe0", "200": "#947bc0", "300": "#5c3fa0", "400": "#000080", "500": "#13065f", "600": "#160840", "700": "#140423", "800": "#000000" }),
22
+ olive: Object.assign("#5f5f0c", { "50": "#ffffff", "100": "#e2dec2", "200": "#c3bd87", "300": "#a29e4d", "400": "#808000", "500": "#5f5f0c", "600": "#403f0f", "700": "#24220c", "800": "#000000" }),
23
+ maroon: Object.assign("#600c01", { "50": "#ffffff", "100": "#e8c2b9", "200": "#cb8777", "300": "#a84d3b", "400": "#800000", "500": "#600c01", "600": "#430f02", "700": "#270d01", "800": "#000000" }),
24
+ gold: Object.assign("#b99c16", { "50": "#ffffff", "100": "#fff4cc", "200": "#ffea98", "300": "#ffe061", "400": "#ffd700", "500": "#b99c16", "600": "#786518", "700": "#3d3313", "800": "#000000" }),
25
+ primary: Object.assign("#881f1e", { "50": "#ffffff", "100": "#f7cac3", "200": "#e8968b", "300": "#d26156", "400": "#b82025", "500": "#881f1e", "600": "#5a1a17", "700": "#30130e", "800": "#000000" }),
26
+ secondary: Object.assign("#2846b9", { "50": "#ffffff", "100": "#d9d4ff", "200": "#aeabff", "300": "#7c83ff", "400": "#1e5eff", "500": "#2846b9", "600": "#253077", "700": "#1a1b3c", "800": "#000000" }),
27
+ success: Object.assign("#29914f", { "50": "#ffffff", "100": "#d3f2d9", "200": "#a5e5b3", "300": "#73d68e", "400": "#2ac769", "500": "#29914f", "600": "#225f36", "700": "#18311e", "800": "#000000" }),
28
+ warning: Object.assign("#ba811f", { "50": "#ffffff", "100": "#ffebcb", "200": "#ffd797", "300": "#ffc362", "400": "#ffb020", "500": "#ba811f", "600": "#79541b", "700": "#3d2c13", "800": "#000000" }),
29
+ error: Object.assign("#ba4326", { "50": "#ffffff", "100": "#ffd7c9", "200": "#ffaf94", "300": "#ff8562", "400": "#ff5630", "500": "#ba4326", "600": "#792f1d", "700": "#3e1c13", "800": "#000000" }),
30
+ info: Object.assign("#3568b9", { "50": "#ffffff", "100": "#d9e1ff", "200": "#b1c4ff", "300": "#82a8ff", "400": "#3c8dff", "500": "#3568b9", "600": "#2a4577", "700": "#1c253c", "800": "#000000" }),
31
31
  };
32
- export var THEMES = {
32
+ export var themes = {
33
33
  light: {
34
34
  "background": "#FFFFFF",
35
35
  "text": "#101828",
36
36
  "surface": "#F9FAFB",
37
- "border": "#E4E7EC"
37
+ "border": "#E4E7EC",
38
+ "cardBackground": "#F8F8F8",
39
+ "cardColor": "#101828"
38
40
  },
39
41
  dark: {
40
42
  "background": "#0C111D",
41
43
  "text": "#F2F4F7",
42
44
  "surface": "#1D2939",
43
- "border": "#344054"
45
+ "border": "#344054",
46
+ "cardBackground": "#1D2939",
47
+ "cardColor": "#F2F4F7"
44
48
  }
45
49
  };
46
50
  export var withOpacity = function (color, opacity) {
package/dist/FONTS.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- export declare const FONTS: {
1
+ export declare const fonts: {
2
2
  readonly candlescript: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/fonts/Candlescript";
3
3
  readonly greatvibes_regular: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/fonts/GreatVibes-Regular";
4
4
  readonly ranga: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/fonts/Ranga";
5
5
  readonly fontstyle: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/fonts/fontstyle.css";
6
6
  };
7
- export type FONTSName = keyof typeof FONTS;
7
+ export type fontsName = keyof typeof fonts;
package/dist/FONTS.js CHANGED
@@ -1,4 +1,4 @@
1
- export var FONTS = {
1
+ export var fonts = {
2
2
  candlescript: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/fonts/Candlescript",
3
3
  greatvibes_regular: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/fonts/GreatVibes-Regular",
4
4
  ranga: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/fonts/Ranga",
package/dist/ICONS.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const ICONS: {
1
+ export declare const icons: {
2
2
  readonly arrow_bottom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-bottom.png";
3
3
  readonly arrow_left_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-left-white.png";
4
4
  readonly arrow_left: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-left.png";
@@ -80,4 +80,4 @@ export declare const ICONS: {
80
80
  readonly whatsapp_green: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-whatsapp-green.png";
81
81
  readonly whatsapp: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-whatsapp.png";
82
82
  };
83
- export type ICONSName = keyof typeof ICONS;
83
+ export type iconsName = keyof typeof icons;
package/dist/ICONS.js CHANGED
@@ -1,4 +1,4 @@
1
- export var ICONS = {
1
+ export var icons = {
2
2
  arrow_bottom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-bottom.png",
3
3
  arrow_left_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-left-white.png",
4
4
  arrow_left: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-left.png",
package/dist/IMAGES.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const IMAGES: {
1
+ export declare const images: {
2
2
  readonly depracated: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/depracated";
3
3
  readonly image_alt_business: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-business.png";
4
4
  readonly image_alt_entertainment: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-entertainment.png";
@@ -63,4 +63,4 @@ export declare const IMAGES: {
63
63
  readonly image_qris: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-qris.png";
64
64
  readonly image_quote_header: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-quote-header.png";
65
65
  };
66
- export type IMAGESName = keyof typeof IMAGES;
66
+ export type imagesName = keyof typeof images;
package/dist/IMAGES.js CHANGED
@@ -1,4 +1,4 @@
1
- export var IMAGES = {
1
+ export var images = {
2
2
  depracated: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/depracated",
3
3
  image_alt_business: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-business.png",
4
4
  image_alt_entertainment: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-entertainment.png",
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export * from "./ICONS";
2
2
  export * from "./IMAGES";
3
3
  export * from "./FONTS";
4
- export { COLORS, THEMES } from "./COLORS";
4
+ export { colors, themes } from "./COLORS";
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export * from "./ICONS";
2
2
  export * from "./IMAGES";
3
3
  export * from "./FONTS";
4
- export { COLORS, THEMES } from "./COLORS";
4
+ export { colors, themes } from "./COLORS";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rahmatsaputra-my-id/global-assets",
3
- "version": "0.0.13",
3
+ "version": "0.0.15",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "files": [
@@ -8,7 +8,7 @@
8
8
  ],
9
9
  "scripts": {
10
10
  "prebuild": "node scripts/generate-assets.js",
11
- "build": "tsc",
11
+ "build": "npm version patch --no-git-tag-version && tsc",
12
12
  "release": "standard-version",
13
13
  "release:publish": "standard-version && npm publish"
14
14
  },
@@ -19,4 +19,4 @@
19
19
  "dependencies": {
20
20
  "chroma-js": "^3.2.0"
21
21
  }
22
- }
22
+ }