@dev-blinq/ui-systems 1.0.7 → 1.0.9

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 (14) hide show
  1. package/README.md +50 -0
  2. package/dist/colors.css +141 -0
  3. package/dist/style.css +1 -0
  4. package/dist/ui-systems.js +6964 -0
  5. package/dist/vite.svg +1 -0
  6. package/package.json +24 -14
  7. package/dist/index.css +0 -418
  8. package/dist/index.css.map +0 -1
  9. package/dist/index.d.mts +0 -57
  10. package/dist/index.d.ts +0 -57
  11. package/dist/index.js +0 -1
  12. package/dist/index.js.map +0 -1
  13. package/dist/index.mjs +0 -1
  14. package/dist/index.mjs.map +0 -1
package/dist/vite.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/package.json CHANGED
@@ -1,35 +1,45 @@
1
1
  {
2
2
  "name": "@dev-blinq/ui-systems",
3
- "version": "1.0.7",
4
3
  "description": "this package contains all ui components like button, input, checkbox, colors that blinq.io needs",
4
+ "version": "1.0.9",
5
+ "type": "module",
5
6
  "main": "./dist/index.js",
6
7
  "types": "./dist/index.d.ts",
7
8
  "module": "./dist/index.mjs",
8
9
  "style": "./dist/index.css",
9
10
  "files": [
10
- "dist"
11
+ "dist/**/*"
11
12
  ],
12
13
  "scripts": {
13
- "start": "npx vite --host",
14
- "test": "echo \"Error: no test specified\" && exit 1",
15
- "build": "tsup --minify terser"
14
+ "dev": "vite --host",
15
+ "build": "tsc -b && vite build",
16
+ "lint": "eslint .",
17
+ "preview": "vite preview"
16
18
  },
17
- "author": "",
18
- "license": "ISC",
19
19
  "dependencies": {
20
20
  "@emotion/react": "^11.13.0",
21
21
  "@emotion/styled": "^11.13.0",
22
- "@mui/material": "^5.16.6",
23
- "@types/react-dom": "^18.3.0",
24
- "@vitejs/plugin-react": "^4.3.1",
22
+ "@mui/material": "^5.16.7",
25
23
  "countries-list": "^3.1.1",
26
24
  "currency-symbol-map": "^5.1.0",
25
+ "react": "^18.3.1",
27
26
  "react-dom": "^18.3.1",
28
- "tsup": "^8.2.3",
29
- "typescript": "^5.5.4",
30
- "vite": "^5.3.5"
27
+ "terser": "^5.31.6",
28
+ "tsup": "^8.2.4"
31
29
  },
32
30
  "devDependencies": {
33
- "terser": "^5.31.3"
31
+ "@eslint/js": "^9.9.0",
32
+ "@types/node": "^22.3.0",
33
+ "@types/react": "^18.3.3",
34
+ "@types/react-dom": "^18.3.0",
35
+ "@vitejs/plugin-react": "^4.3.1",
36
+ "eslint": "^9.9.0",
37
+ "eslint-plugin-react-hooks": "^5.1.0-rc.0",
38
+ "eslint-plugin-react-refresh": "^0.4.9",
39
+ "globals": "^15.9.0",
40
+ "typescript": "^5.5.3",
41
+ "typescript-eslint": "^8.0.1",
42
+ "vite": "^5.4.1",
43
+ "vite-plugin-svgr": "^4.2.0"
34
44
  }
35
45
  }
package/dist/index.css DELETED
@@ -1,418 +0,0 @@
1
- /* src/components/CustomButton/css/customButton.css */
2
- .button {
3
- display: inline-flex;
4
- justify-content: center;
5
- align-items: center;
6
- font-size: 14px;
7
- font-weight: bold;
8
- cursor: pointer;
9
- transition: all 0.3s ease;
10
- border: none;
11
- }
12
-
13
- /* src/components/CustomButton/css/size.css */
14
- .button[data-size=sm] {
15
- padding: 8px 12px;
16
- gap: 8px;
17
- border-radius: 12px;
18
- }
19
- .button[data-size=md] {
20
- padding: 10px 14px;
21
- gap: 8px;
22
- border-radius: 12px;
23
- }
24
- .button[data-size=lg] {
25
- padding: 12px 16px;
26
- gap: 10px;
27
- border-radius: 12px;
28
- }
29
- .button[data-size=xl] {
30
- padding: 16px 24px;
31
- gap: 12px;
32
- border-radius: 16px;
33
- }
34
-
35
- /* src/components/CustomButton/css/color/default.css */
36
- .button[data-colorHierarchy="brand/primary"] {
37
- background-color: var(--primary-main);
38
- }
39
- .button[data-colorHierarchy="brand/primary"] .input-typography {
40
- color: #fff;
41
- }
42
- .button[data-colorHierarchy="gray/secondary"] {
43
- background-color: #f1f1f1;
44
- }
45
- .button[data-colorHierarchy="gray/secondary"] .input-typography {
46
- color: #080808;
47
- }
48
- .button[data-colorHierarchy="white/secondary"] {
49
- background-color: #fff;
50
- box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);
51
- border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);
52
- }
53
- .button[data-colorHierarchy="white/secondary"] .input-typography {
54
- color: #080808;
55
- }
56
- .button[data-colorHierarchy="gray/linkContainer"] {
57
- background-color: #fff;
58
- }
59
- .button[data-colorHierarchy="gray/linkContainer"] .input-typography {
60
- color: #080808;
61
- }
62
- .button[data-colorHierarchy="gray/link"] {
63
- background-color: #fff;
64
- padding: 0;
65
- }
66
- .button[data-colorHierarchy="gray/link"] .input-typography {
67
- color: #080808;
68
- }
69
- .button[data-colorHierarchy="brand/link"] {
70
- background-color: #fff;
71
- padding: 0;
72
- }
73
- .button[data-colorHierarchy="brand/link"] .input-typography {
74
- color: var(--primary-main);
75
- }
76
- .button[data-colorHierarchy="destructive/primary"] {
77
- background: var(--surface-error, #ea4621);
78
- }
79
- .button[data-colorHierarchy="destructive/primary"] .input-typography {
80
- color: #fff;
81
- }
82
- .button[data-colorHierarchy="destructive/secondary"] {
83
- background: var(--surface-error-secondary, #fdece9);
84
- }
85
- .button[data-colorHierarchy="destructive/secondary"] .input-typography {
86
- color: var(--text-error, #ea4621);
87
- }
88
- .button[data-colorHierarchy="destructive/linkContainer"] {
89
- background-color: #fff;
90
- }
91
- .button[data-colorHierarchy="destructive/linkContainer"] .input-typography {
92
- color: var(--text-error, #ea4621);
93
- }
94
- .button[data-colorHierarchy=""] {
95
- background-color: #fff;
96
- padding: 0;
97
- }
98
- .button[data-colorHierarchy=""] .input-typography {
99
- color: var(--text-error, #ea4621);
100
- }
101
-
102
- /* src/components/CustomButton/css/color/hover.css */
103
- .button[data-colorHierarchy="brand/primary"]:hover {
104
- background: var(--surface-primary-hover, #08379e);
105
- }
106
- .button[data-colorHierarchy="gray/secondary"]:hover {
107
- background: var(--surface-secondary-hover, #ececed);
108
- }
109
- .button[data-colorHierarchy="white/secondary"]:hover {
110
- background: var(--surface-white---hover, #f9f9f9);
111
- }
112
- .button[data-colorHierarchy="gray/linkContainer"]:hover {
113
- background: var(--surface-secondary, #f1f1f1);
114
- }
115
- .button[data-colorHierarchy="gray/link"]:hover {
116
- background-color: #fff;
117
- }
118
- .button[data-colorHierarchy="brand/link"]:hover {
119
- background-color: #fff;
120
- }
121
- .button[data-colorHierarchy="destructive/primary"]:hover {
122
- background: var(--surface-error-hover, #d33f1e);
123
- }
124
- .button[data-colorHierarchy="destructive/secondary"]:hover {
125
- background: var(--surface-error-secondary-hover, #fbdad3);
126
- }
127
- .button[data-colorHierarchy="destructive/linkContainer"]:hover {
128
- background: var(--colors-red-5, #fef6f4);
129
- }
130
- .button[data-colorHierarchy=""]:hover {
131
- background-color: #fff;
132
- }
133
-
134
- /* src/components/CustomButton/css/color/focused.css */
135
- .button[data-colorHierarchy="brand/primary"]:focus {
136
- box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);
137
- }
138
- .button[data-colorHierarchy="gray/secondary"]:focus {
139
- box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);
140
- }
141
- .button[data-colorHierarchy="white/secondary"]:focus {
142
- box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);
143
- }
144
- .button[data-colorHierarchy="gray/linkContainer"]:focus {
145
- box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);
146
- }
147
- .button[data-colorHierarchy="gray/link"]:focus {
148
- box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);
149
- }
150
- .button[data-colorHierarchy="brand/link"]:focus {
151
- box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);
152
- }
153
- .button[data-colorHierarchy="destructive/primary"]:focus {
154
- box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);
155
- }
156
- .button[data-colorHierarchy="destructive/secondary"]:focus {
157
- box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);
158
- }
159
- .button[data-colorHierarchy="destructive/linkContainer"]:focus {
160
- box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);
161
- }
162
- .button[data-colorHierarchy=""]:focus {
163
- box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);
164
- }
165
-
166
- /* src/components/CustomButton/css/color/disabled.css */
167
- .button[data-colorHierarchy="brand/primary"]:disabled {
168
- background: var(--surface-disabled, #f1f1f1);
169
- }
170
- .button:disabled .input-typography {
171
- color: var(--text-disabled, #939197);
172
- }
173
- .button[data-colorHierarchy="gray/secondary"]:disabled {
174
- background: var(--surface-disabled, #f1f1f1);
175
- }
176
- .button[data-colorHierarchy="white/secondary"]:disabled {
177
- background: var(--surface-white---disabled, #fdfdfd);
178
- }
179
- .button[data-colorHierarchy="brand/link"]:disabled .input-typography {
180
- color: var(--text-action-disabled, #849ed7);
181
- }
182
- .button[data-colorHierarchy="destructive/primary"]:disabled {
183
- background: var(--surface-error-disabled, #fdece9);
184
- }
185
- .button[data-colorHierarchy="destructive/primary"]:disabled .input-typography {
186
- color: var(--text-error-disabled, #f5a290);
187
- }
188
- .button[data-colorHierarchy="destructive/secondary"]:disabled {
189
- background: var(--surface-error-disabled, #fdece9);
190
- }
191
- .button[data-colorHierarchy="destructive/secondary"]:disabled .input-typography {
192
- color: var(--text-error-disabled, #f5a290);
193
- }
194
- .button[data-colorHierarchy="destructive/linkContainer"]:disabled .input-typography {
195
- color: var(--text-error-disabled, #f5a290);
196
- }
197
- .button[data-colorHierarchy="destructive/link"]:disabled .input-typography {
198
- color: var(--text-error-disabled, #f5a290);
199
- }
200
-
201
- /* src/components/Typography/css/bold.css */
202
- .TypographyCustom {
203
- color: var(--Gray-110, var(--colors-greyscale-110, #2d2b32));
204
- }
205
- .TypographyCustom[data-bold=extrabold] {
206
- font-weight: 800;
207
- }
208
- .TypographyCustom[data-bold=bold] {
209
- font-weight: 700;
210
- }
211
- .TypographyCustom[data-bold=semibold] {
212
- font-weight: 600;
213
- }
214
- .TypographyCustom[data-bold=medium] {
215
- font-weight: 500;
216
- }
217
-
218
- /* src/components/Typography/css/category/display.css */
219
- .TypographyCustom[data-category=display][data-size=lg] {
220
- font-size: 180px;
221
- font-style: normal;
222
- line-height: 188px;
223
- letter-spacing: -9px;
224
- }
225
- .TypographyCustom[data-category=display][data-size=md] {
226
- font-size: 128px;
227
- font-style: normal;
228
- line-height: 136px;
229
- letter-spacing: -5.12px;
230
- }
231
- .TypographyCustom[data-category=display][data-size=sm] {
232
- font-size: 96px;
233
- font-style: normal;
234
- line-height: 104px;
235
- letter-spacing: -2.88px;
236
- }
237
-
238
- /* src/components/Typography/css/category/heading.css */
239
- .TypographyCustom[data-category=heading][data-size=xxl] {
240
- font-size: 72px;
241
- font-style: normal;
242
- line-height: 80px;
243
- letter-spacing: -1.44px;
244
- }
245
- .TypographyCustom[data-category=heading][data-size=xl] {
246
- font-size: 60px;
247
- font-style: normal;
248
- line-height: 68px;
249
- letter-spacing: -1.08px;
250
- }
251
- .TypographyCustom[data-category=heading][data-size=lg] {
252
- font-size: 48px;
253
- font-style: normal;
254
- line-height: 56px;
255
- letter-spacing: -0.768px;
256
- }
257
- .TypographyCustom[data-category=heading][data-size=md] {
258
- font-size: 36px;
259
- font-style: normal;
260
- line-height: 44px;
261
- letter-spacing: -0.504px;
262
- }
263
- .TypographyCustom[data-category=heading][data-size=sm] {
264
- font-size: 30px;
265
- font-style: normal;
266
- line-height: 38px;
267
- letter-spacing: -0.39px;
268
- }
269
- .TypographyCustom[data-category=heading][data-size=xs] {
270
- font-size: 24px;
271
- font-style: normal;
272
- line-height: 32px;
273
- letter-spacing: -0.288px;
274
- }
275
-
276
- /* src/components/Typography/css/category/text.css */
277
- .TypographyCustom[data-category=text][data-size=xxl] {
278
- font-size: 24px;
279
- font-style: normal;
280
- line-height: 32px;
281
- letter-spacing: -0.288px;
282
- }
283
- .TypographyCustom[data-category=text][data-size=xl] {
284
- font-size: 20px;
285
- font-style: normal;
286
- line-height: 28px;
287
- letter-spacing: -0.2px;
288
- }
289
- .TypographyCustom[data-category=text][data-size=lg] {
290
- font-size: 18px;
291
- font-style: normal;
292
- line-height: 24px;
293
- letter-spacing: -0.144px;
294
- }
295
- .TypographyCustom[data-category=text][data-size=md] {
296
- font-size: 16px;
297
- font-style: normal;
298
- line-height: 22px;
299
- letter-spacing: -0.112px;
300
- }
301
- .TypographyCustom[data-category=text][data-size=sm] {
302
- font-size: 14px;
303
- font-style: normal;
304
- line-height: 20px;
305
- letter-spacing: -0.084px;
306
- }
307
- .TypographyCustom[data-category=text][data-size=xs] {
308
- font-size: 12px;
309
- font-style: normal;
310
- line-height: 16px;
311
- letter-spacing: -0.06px;
312
- }
313
- .TypographyCustom[data-category=text][data-size=xxs] {
314
- font-size: 10px;
315
- font-style: normal;
316
- line-height: 14px;
317
- letter-spacing: -0.04px;
318
- }
319
-
320
- /* src/components/Typography/css/index.css */
321
-
322
- /* src/components/CustomInput/css/input.css */
323
- .custom-input {
324
- display: flex;
325
- flex-direction: row;
326
- padding: 12px;
327
- align-items: center;
328
- gap: 12px;
329
- width: 296px;
330
- align-self: stretch;
331
- border-radius: var(--border-radius-radius-pre-lg, 12px);
332
- border: 1px solid var(--border-default, #e6e6e6);
333
- background: var(--surface-white, #fff);
334
- box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);
335
- }
336
- .custom-input input {
337
- width: 100%;
338
- border: none;
339
- }
340
- .custom-input input::placeholder {
341
- color: var(--text-disabled, #939197);
342
- font-weight: 500;
343
- }
344
- .custom-input input:hover,
345
- .custom-input input:focus,
346
- .custom-input input:active {
347
- border: none;
348
- outline: none;
349
- }
350
- .custom-input .left-icon,
351
- .custom-input .right-icon {
352
- display: flex;
353
- align-items: center;
354
- justify-content: center;
355
- }
356
- .custom-input input {
357
- font-family: var(--font-family);
358
- color: var(--text-primary, #080808);
359
- font-weight: 600;
360
- font-size: 14px;
361
- font-style: normal;
362
- }
363
- .custom-input .grey-box {
364
- margin: -12px;
365
- padding: 12px;
366
- gap: 6px;
367
- display: flex;
368
- flex-direction: row;
369
- background: #f9f9f9;
370
- }
371
- .custom-input .grey-right-box {
372
- padding: 12px;
373
- border-top-right-radius: 12px;
374
- border-bottom-right-radius: 12px;
375
- border-left: 1px solid #e6e6e6;
376
- }
377
- .custom-input .grey-left-box {
378
- padding: 12px 14px;
379
- border-top-left-radius: 12px;
380
- border-bottom-left-radius: 12px;
381
- border-right: 1px solid #e6e6e6;
382
- }
383
- .custom-input select:focus {
384
- border: none;
385
- outline: none;
386
- }
387
-
388
- /* src/components/CustomInput/css/state/default.css */
389
-
390
- /* src/components/CustomInput/css/state/hover.css */
391
- .custom-input:hover {
392
- border: var(--border-radius-radius-none, 1px) solid var(--border-hover, #c9c9cc);
393
- box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);
394
- }
395
-
396
- /* src/components/CustomInput/css/state/focused.css */
397
- .custom-input:focus-within {
398
- border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);
399
- background: var(--surface-white, #fff);
400
- box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);
401
- }
402
-
403
- /* src/components/CustomInput/css/state/disabled.css */
404
- .custom-input:has(input:disabled) {
405
- border-radius: var(--border-radius-radius-pre-lg, 12px);
406
- border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);
407
- background: var(--surface-disabled, #f1f1f1);
408
- }
409
-
410
- /* src/components/CustomInput/css/state/error.css */
411
- .custom-input[data-error=true] {
412
- border: var(--border-radius-radius-none, 1px) solid var(--border-error, #ea4621);
413
- }
414
-
415
- /* src/components/CustomInput/css/state/filled.css */
416
-
417
- /* src/components/CustomInput/css/index.css */
418
- /*# sourceMappingURL=index.css.map */
package/dist/index.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/CustomButton/css/customButton.css","../src/components/CustomButton/css/size.css","../src/components/CustomButton/css/color/default.css","../src/components/CustomButton/css/color/hover.css","../src/components/CustomButton/css/color/focused.css","../src/components/CustomButton/css/color/disabled.css","../src/components/Typography/css/bold.css","../src/components/Typography/css/category/display.css","../src/components/Typography/css/category/heading.css","../src/components/Typography/css/category/text.css","../src/components/CustomInput/css/input.css","../src/components/CustomInput/css/state/hover.css","../src/components/CustomInput/css/state/focused.css","../src/components/CustomInput/css/state/disabled.css","../src/components/CustomInput/css/state/error.css"],"sourcesContent":[".button {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n border: none;\n}\n\n/* .button[data-color='brand'] {\n background-color: var(--brand-color, #093DB0);\n color: #fff;\n}\n\n.button[data-color='gray'] {\n background-color: var(--gray-color, #6c757d);\n color: #fff;\n}\n\n.button[data-color='destructive'] {\n background-color: var(--destructive-color, #dc3545);\n color: #fff;\n} */\n\n/* .button[data-color='white'] {\n background-color: #fff;\n color: #000;\n border: 1px solid var(--gray-color, #6c757d);\n} */\n\n/* .button[data-hierarchy='primary'] {\n box-shadow: 0px 0px 0px 2px var(--primary-color, #007bff);\n}\n\n.button[data-hierarchy='secondary'] {\n box-shadow: none;\n border: 1px solid var(--secondary-color, #6c757d);\n}\n\n.button[data-hierarchy='link'] {\n background: none;\n border: none;\n color: var(--brand-color, #007bff);\n}\n\n.button[data-hierarchy='linkContainer'] {\n background-color: #f8f9fa;\n color: var(--brand-color, #007bff);\n border: 1px solid var(--gray-color, #6c757d);\n} */\n\n/*\n.button[data-state='default'] {\n opacity: 1;\n}\n\n.button[data-state='hover'] {\n opacity: 0.9;\n background: #08379E;\n \n}\n\n.button[data-state='focused'] {\n box-shadow: 0px 0px 0px 4px var(--primary-30, #B5C5E7);\n}\n\n.button[data-state='disabled'] {\n opacity: 0.5;\n cursor: not-allowed;\n}\n*/\n",".button[data-size=\"sm\"] {\n padding: 8px 12px;\n gap: 8px;\n border-radius: 12px;\n}\n\n.button[data-size=\"md\"] {\n padding: 10px 14px;\n gap: 8px;\n border-radius: 12px;\n}\n\n.button[data-size=\"lg\"] {\n padding: 12px 16px;\n gap: 10px;\n border-radius: 12px;\n}\n\n.button[data-size=\"xl\"] {\n padding: 16px 24px;\n gap: 12px;\n border-radius: 16px;\n}\n",".button[data-colorHierarchy=\"brand/primary\"] {\n background-color: var(--primary-main);\n}\n\n.button[data-colorHierarchy=\"brand/primary\"] .input-typography {\n color: #fff;\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"] {\n background-color: #f1f1f1;\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"] .input-typography {\n color: #080808;\n}\n\n.button[data-colorHierarchy=\"white/secondary\"] {\n background-color: #fff;\n box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);\n border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"white/secondary\"] .input-typography {\n color: #080808;\n}\n\n.button[data-colorHierarchy=\"gray/linkContainer\"] {\n background-color: #fff;\n}\n\n.button[data-colorHierarchy=\"gray/linkContainer\"] .input-typography {\n color: #080808;\n}\n\n.button[data-colorHierarchy=\"gray/link\"] {\n background-color: #fff;\n padding: 0;\n}\n\n.button[data-colorHierarchy=\"gray/link\"] .input-typography {\n color: #080808;\n}\n\n.button[data-colorHierarchy=\"brand/link\"] {\n background-color: #fff;\n padding: 0;\n}\n\n.button[data-colorHierarchy=\"brand/link\"] .input-typography {\n color: var(--primary-main);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"] {\n background: var(--surface-error, #ea4621);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"] .input-typography {\n color: #fff;\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"] {\n background: var(--surface-error-secondary, #fdece9);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"] .input-typography {\n color: var(--text-error, #ea4621);\n}\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"] {\n background-color: #fff;\n}\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"] .input-typography {\n color: var(--text-error, #ea4621);\n}\n\n.button[data-colorHierarchy=\"\"] {\n background-color: #fff;\n padding: 0;\n}\n\n.button[data-colorHierarchy=\"\"] .input-typography {\n color: var(--text-error, #ea4621);\n}\n",".button[data-colorHierarchy=\"brand/primary\"]:hover {\n background: var(--surface-primary-hover, #08379e);\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"]:hover {\n background: var(--surface-secondary-hover, #ececed);\n}\n\n.button[data-colorHierarchy=\"white/secondary\"]:hover {\n background: var(--surface-white---hover, #f9f9f9);\n}\n\n.button[data-colorHierarchy=\"gray/linkContainer\"]:hover {\n background: var(--surface-secondary, #f1f1f1);\n}\n\n.button[data-colorHierarchy=\"gray/link\"]:hover {\n background-color: #fff;\n}\n\n.button[data-colorHierarchy=\"brand/link\"]:hover {\n background-color: #fff;\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"]:hover {\n background: var(--surface-error-hover, #d33f1e);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"]:hover {\n background: var(--surface-error-secondary-hover, #fbdad3);\n}\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"]:hover {\n background: var(--colors-red-5, #fef6f4);\n}\n\n.button[data-colorHierarchy=\"\"]:hover {\n background-color: #fff;\n}\n",".button[data-colorHierarchy=\"brand/primary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"white/secondary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"gray/linkContainer\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"gray/link\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"brand/link\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);\n}\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);\n}\n\n.button[data-colorHierarchy=\"\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);\n}\n",".button[data-colorHierarchy=\"brand/primary\"]:disabled {\n background: var(--surface-disabled, #f1f1f1);\n}\n\n.button:disabled .input-typography {\n color: var(--text-disabled, #939197);\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"]:disabled {\n background: var(--surface-disabled, #f1f1f1);\n}\n\n.button[data-colorHierarchy=\"white/secondary\"]:disabled {\n background: var(--surface-white---disabled, #fdfdfd);\n}\n\n/* .button[data-colorHierarchy=\"gray/linkContainer\"]:disabled {\n }\n \n .button[data-colorHierarchy=\"gray/link\"]:disabled {\n }\n \n .button[data-colorHierarchy=\"brand/link\"]:disabled {\n } */\n\n.button[data-colorHierarchy=\"brand/link\"]:disabled .input-typography {\n color: var(--text-action-disabled, #849ed7);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"]:disabled {\n background: var(--surface-error-disabled, #fdece9);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"]:disabled .input-typography {\n color: var(--text-error-disabled, #f5a290);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"]:disabled {\n background: var(--surface-error-disabled, #fdece9);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"]:disabled .input-typography {\n color: var(--text-error-disabled, #f5a290);\n}\n\n/* .button[data-colorHierarchy=\"destructive/linkContainer\"]:disabled {\n }\n \n .button[data-colorHierarchy=\"\"]:disabled {\n } */\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"]:disabled .input-typography {\n color: var(--text-error-disabled, #f5a290);\n}\n\n.button[data-colorHierarchy=\"destructive/link\"]:disabled .input-typography {\n color: var(--text-error-disabled, #f5a290);\n}\n",".TypographyCustom {\n color: var(--Gray-110, var(--colors-greyscale-110, #2d2b32));\n}\n\n/* text bold css*/\n.TypographyCustom[data-bold=\"extrabold\"] {\n font-weight: 800;\n}\n\n.TypographyCustom[data-bold=\"bold\"] {\n font-weight: 700;\n}\n\n.TypographyCustom[data-bold=\"semibold\"] {\n font-weight: 600;\n}\n\n.TypographyCustom[data-bold=\"medium\"] {\n font-weight: 500;\n}\n",".TypographyCustom[data-category=\"display\"][data-size=\"lg\"] {\n font-size: 180px;\n font-style: normal;\n line-height: 188px; /* 104.444% */\n letter-spacing: -9px;\n}\n\n.TypographyCustom[data-category=\"display\"][data-size=\"md\"] {\n font-size: 128px;\n font-style: normal;\n line-height: 136px; /* 106.25% */\n letter-spacing: -5.12px;\n}\n\n.TypographyCustom[data-category=\"display\"][data-size=\"sm\"] {\n font-size: 96px;\n font-style: normal;\n line-height: 104px; /* 108.333% */\n letter-spacing: -2.88px;\n}\n",".TypographyCustom[data-category=\"heading\"][data-size=\"xxl\"] {\n font-size: 72px;\n font-style: normal;\n line-height: 80px; /* 111.111% */\n letter-spacing: -1.44px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"xl\"] {\n font-size: 60px;\n font-style: normal;\n line-height: 68px; /* 113.333% */\n letter-spacing: -1.08px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"lg\"] {\n font-size: 48px;\n font-style: normal;\n line-height: 56px; /* 116.667% */\n letter-spacing: -0.768px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"md\"] {\n font-size: 36px;\n font-style: normal;\n line-height: 44px; /* 122.222% */\n letter-spacing: -0.504px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"sm\"] {\n font-size: 30px;\n font-style: normal;\n line-height: 38px; /* 126.667% */\n letter-spacing: -0.39px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"xs\"] {\n font-size: 24px;\n font-style: normal;\n line-height: 32px; /* 133.333% */\n letter-spacing: -0.288px;\n}\n",".TypographyCustom[data-category=\"text\"][data-size=\"xxl\"] {\n font-size: 24px;\n font-style: normal;\n line-height: 32px; /* 133.333% */\n letter-spacing: -0.288px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"xl\"] {\n font-size: 20px;\n font-style: normal;\n line-height: 28px; /* 140% */\n letter-spacing: -0.2px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"lg\"] {\n font-size: 18px;\n font-style: normal;\n line-height: 24px; /* 133.333% */\n letter-spacing: -0.144px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"md\"] {\n font-size: 16px;\n font-style: normal;\n line-height: 22px; /* 137.5% */\n letter-spacing: -0.112px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"sm\"] {\n font-size: 14px;\n font-style: normal;\n line-height: 20px; /* 142.857% */\n letter-spacing: -0.084px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"xs\"] {\n font-size: 12px;\n font-style: normal;\n line-height: 16px; /* 133.333% */\n letter-spacing: -0.06px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"xxs\"] {\n font-size: 10px;\n font-style: normal;\n line-height: 14px; /* 140% */\n letter-spacing: -0.04px;\n}\n",".custom-input {\n display: flex;\n flex-direction: row;\n padding: 12px;\n align-items: center;\n gap: 12px;\n width: 296px;\n align-self: stretch;\n border-radius: var(--border-radius-radius-pre-lg, 12px);\n\n border: 1px solid var(--border-default, #e6e6e6);\n background: var(--surface-white, #fff);\n\n /* Shadow/xs */\n box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);\n}\n\n.custom-input input {\n width: 100%;\n border: none;\n}\n\n.custom-input input::placeholder {\n color: var(--text-disabled, #939197);\n font-weight: 500;\n}\n\n.custom-input input:hover,\n.custom-input input:focus,\n.custom-input input:active {\n border: none;\n outline: none;\n}\n\n.custom-input .left-icon,\n.custom-input .right-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.custom-input input {\n font-family: var(--font-family);\n color: var(--text-primary, #080808);\n font-weight: 600;\n font-size: 14px;\n font-style: normal;\n}\n\n.custom-input .grey-box {\n margin: -12px;\n padding: 12px;\n gap: 6px;\n display: flex;\n flex-direction: row;\n background: #f9f9f9;\n}\n\n.custom-input .grey-right-box {\n padding: 12px;\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n border-left: 1px solid #e6e6e6;\n}\n\n.custom-input .grey-left-box {\n padding: 12px 14px;\n border-top-left-radius: 12px;\n border-bottom-left-radius: 12px;\n border-right: 1px solid #e6e6e6;\n}\n\n.custom-input select:focus {\n border: none;\n outline: none;\n}\n",".custom-input:hover {\n border: var(--border-radius-radius-none, 1px) solid var(--border-hover, #c9c9cc);\n /* Shadow/xs */\n box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);\n}\n",".custom-input:focus-within {\n border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);\n background: var(--surface-white, #fff);\n\n box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);\n}\n",".custom-input:has(input:disabled) {\n border-radius: var(--border-radius-radius-pre-lg, 12px);\n border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);\n background: var(--surface-disabled, #f1f1f1);\n}\n",".custom-input[data-error=\"true\"] {\n border: var(--border-radius-radius-none, 1px) solid var(--border-error, #ea4621);\n}\n"],"mappings":"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","names":[]}
package/dist/index.d.mts DELETED
@@ -1,57 +0,0 @@
1
- import React$1, { CSSProperties } from 'react';
2
- import { TypographyProps } from '@mui/material';
3
-
4
- type ButtonSize = "sm" | "md" | "lg" | "xl";
5
- type ButtonColor = "brand" | "gray" | "destructive" | "white";
6
- type ButtonHierarchy = "primary" | "secondary" | "link" | "linkContainer";
7
- type ButtonColorHierarchyType = `${ButtonColor}/${ButtonHierarchy}`;
8
-
9
- interface CustomButtonProps {
10
- size?: ButtonSize;
11
- colorHierarchy?: ButtonColorHierarchyType;
12
- disabled?: boolean;
13
- text: string;
14
- leftIcon?: any;
15
- rightIcon?: any;
16
- onClick?: () => void;
17
- }
18
-
19
- declare const CustomButton: React$1.FC<CustomButtonProps>;
20
-
21
- type Size = "md" | "lg";
22
- type Type = "default" | "action" | "currency" | "creditCard" | "date" | "link" | "password" | "search" | "tel" | "number";
23
- interface CustomInputProps {
24
- Size?: Size;
25
- type?: Type;
26
- label?: string;
27
- disabled?: boolean;
28
- errExists?: boolean;
29
- placeholder: string;
30
- leftIcon?: any;
31
- rightIcon?: any;
32
- onAction?: () => void;
33
- style?: CSSProperties;
34
- [key: string]: any;
35
- }
36
-
37
- declare const CustomInput: React$1.FC<CustomInputProps>;
38
-
39
- type CustomCheckboxProps = {
40
- checked: boolean;
41
- onChange?: (checked: boolean) => void;
42
- label?: string;
43
- disabled?: boolean;
44
- };
45
- declare const CustomCheckbox: React$1.FC<CustomCheckboxProps>;
46
-
47
- type category = "display" | "heading" | "text";
48
- type size = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
49
- type bold = "semibold" | "bold" | "extrabold" | "medium";
50
- interface TypegraphyCustomType extends TypographyProps {
51
- Size?: size;
52
- category?: category;
53
- bold?: bold;
54
- }
55
- declare const TypographyCustom: React.FC<TypegraphyCustomType>;
56
-
57
- export { CustomButton as Button, CustomCheckbox, CustomInput, TypographyCustom };
package/dist/index.d.ts DELETED
@@ -1,57 +0,0 @@
1
- import React$1, { CSSProperties } from 'react';
2
- import { TypographyProps } from '@mui/material';
3
-
4
- type ButtonSize = "sm" | "md" | "lg" | "xl";
5
- type ButtonColor = "brand" | "gray" | "destructive" | "white";
6
- type ButtonHierarchy = "primary" | "secondary" | "link" | "linkContainer";
7
- type ButtonColorHierarchyType = `${ButtonColor}/${ButtonHierarchy}`;
8
-
9
- interface CustomButtonProps {
10
- size?: ButtonSize;
11
- colorHierarchy?: ButtonColorHierarchyType;
12
- disabled?: boolean;
13
- text: string;
14
- leftIcon?: any;
15
- rightIcon?: any;
16
- onClick?: () => void;
17
- }
18
-
19
- declare const CustomButton: React$1.FC<CustomButtonProps>;
20
-
21
- type Size = "md" | "lg";
22
- type Type = "default" | "action" | "currency" | "creditCard" | "date" | "link" | "password" | "search" | "tel" | "number";
23
- interface CustomInputProps {
24
- Size?: Size;
25
- type?: Type;
26
- label?: string;
27
- disabled?: boolean;
28
- errExists?: boolean;
29
- placeholder: string;
30
- leftIcon?: any;
31
- rightIcon?: any;
32
- onAction?: () => void;
33
- style?: CSSProperties;
34
- [key: string]: any;
35
- }
36
-
37
- declare const CustomInput: React$1.FC<CustomInputProps>;
38
-
39
- type CustomCheckboxProps = {
40
- checked: boolean;
41
- onChange?: (checked: boolean) => void;
42
- label?: string;
43
- disabled?: boolean;
44
- };
45
- declare const CustomCheckbox: React$1.FC<CustomCheckboxProps>;
46
-
47
- type category = "display" | "heading" | "text";
48
- type size = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
49
- type bold = "semibold" | "bold" | "extrabold" | "medium";
50
- interface TypegraphyCustomType extends TypographyProps {
51
- Size?: size;
52
- category?: category;
53
- bold?: bold;
54
- }
55
- declare const TypographyCustom: React.FC<TypegraphyCustomType>;
56
-
57
- export { CustomButton as Button, CustomCheckbox, CustomInput, TypographyCustom };