@julseb-lib/react 0.1.16 → 0.1.17

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 (6) hide show
  1. package/dist/julseb-lib-react.cjs.js +10805 -39
  2. package/dist/julseb-lib-react.es.js +6774 -8848
  3. package/dist/lib/index.css +155 -157
  4. package/dist/{index.css → style.css} +155 -157
  5. package/package.json +23 -22
  6. package/dist/julseb-lib-react.umd.js +0 -39
package/dist/lib/index.css CHANGED
@@ -332,210 +332,208 @@ button {
332
332
  }
333
333
  }
334
334
 
335
- @layer base {
336
- img,
337
- video,
338
- iframe {
339
- max-width: 100%;
340
- }
335
+ img,
336
+ video,
337
+ iframe {
338
+ max-width: 100%;
339
+ }
341
340
 
342
- .no-scrollbar {
343
- -ms-overflow-style: none;
344
- scrollbar-width: none;
341
+ .no-scrollbar {
342
+ -ms-overflow-style: none;
343
+ scrollbar-width: none;
345
344
 
346
- &::-webkit-scrollbar {
347
- display: none;
348
- }
345
+ &::-webkit-scrollbar {
346
+ display: none;
349
347
  }
348
+ }
350
349
 
351
- /*====================== Fonts ======================*/
352
-
353
- .lato-thin {
354
- font-family: var(--font-sans);
355
- font-weight: var(--font-weight-thin);
356
- font-style: normal;
357
- }
350
+ /*====================== Fonts ======================*/
358
351
 
359
- .lato-light {
360
- font-family: var(--font-sans);
361
- font-weight: var(--font-weight-light);
362
- font-style: normal;
363
- }
352
+ .lato-thin {
353
+ font-family: var(--font-sans);
354
+ font-weight: var(--font-weight-thin);
355
+ font-style: normal;
356
+ }
364
357
 
365
- .lato-regular {
366
- font-family: var(--font-sans);
367
- font-weight: var(--font-weight-normal);
368
- font-style: normal;
369
- }
358
+ .lato-light {
359
+ font-family: var(--font-sans);
360
+ font-weight: var(--font-weight-light);
361
+ font-style: normal;
362
+ }
370
363
 
371
- .lato-bold {
372
- font-family: var(--font-sans);
373
- font-weight: var(--font-weight-bold);
374
- font-style: normal;
375
- }
364
+ .lato-regular {
365
+ font-family: var(--font-sans);
366
+ font-weight: var(--font-weight-normal);
367
+ font-style: normal;
368
+ }
376
369
 
377
- .lato-black {
378
- font-family: var(--font-sans);
379
- font-weight: var(--font-weight-black);
380
- font-style: normal;
381
- }
370
+ .lato-bold {
371
+ font-family: var(--font-sans);
372
+ font-weight: var(--font-weight-bold);
373
+ font-style: normal;
374
+ }
382
375
 
383
- .lato-thin-italic {
384
- font-family: var(--font-sans);
385
- font-weight: var(--font-weight-thin);
386
- font-style: italic;
387
- }
376
+ .lato-black {
377
+ font-family: var(--font-sans);
378
+ font-weight: var(--font-weight-black);
379
+ font-style: normal;
380
+ }
388
381
 
389
- .lato-light-italic {
390
- font-family: var(--font-sans);
391
- font-weight: var(--font-weight-light);
392
- font-style: italic;
393
- }
382
+ .lato-thin-italic {
383
+ font-family: var(--font-sans);
384
+ font-weight: var(--font-weight-thin);
385
+ font-style: italic;
386
+ }
394
387
 
395
- .lato-regular-italic {
396
- font-family: var(--font-sans);
397
- font-weight: var(--font-weight-normal);
398
- font-style: italic;
399
- }
388
+ .lato-light-italic {
389
+ font-family: var(--font-sans);
390
+ font-weight: var(--font-weight-light);
391
+ font-style: italic;
392
+ }
400
393
 
401
- .lato-bold-italic {
402
- font-family: var(--font-sans);
403
- font-weight: var(--font-weight-bold);
404
- font-style: italic;
405
- }
394
+ .lato-regular-italic {
395
+ font-family: var(--font-sans);
396
+ font-weight: var(--font-weight-normal);
397
+ font-style: italic;
398
+ }
406
399
 
407
- .lato-black-italic {
408
- font-family: var(--font-sans);
409
- font-weight: var(--font-weight-black);
410
- font-style: italic;
411
- }
400
+ .lato-bold-italic {
401
+ font-family: var(--font-sans);
402
+ font-weight: var(--font-weight-bold);
403
+ font-style: italic;
404
+ }
412
405
 
413
- /*====================== Colors ======================*/
406
+ .lato-black-italic {
407
+ font-family: var(--font-sans);
408
+ font-weight: var(--font-weight-black);
409
+ font-style: italic;
410
+ }
414
411
 
415
- .text-primary {
416
- color: var(--color-primary-500);
417
- }
412
+ /*====================== Colors ======================*/
418
413
 
419
- .bg-primary {
420
- background-color: var(--color-primary-500);
421
- }
414
+ .text-primary {
415
+ color: var(--color-primary-500);
416
+ }
422
417
 
423
- .text-secondary {
424
- color: var(--color-secondary-500);
425
- }
418
+ .bg-primary {
419
+ background-color: var(--color-primary-500);
420
+ }
426
421
 
427
- .bg-secondary {
428
- background-color: var(--color-secondary-500);
429
- }
422
+ .text-secondary {
423
+ color: var(--color-secondary-500);
424
+ }
430
425
 
431
- .text-success {
432
- color: var(--color-success-500);
433
- }
426
+ .bg-secondary {
427
+ background-color: var(--color-secondary-500);
428
+ }
434
429
 
435
- .bg-success {
436
- background-color: var(--color-success-500);
437
- }
430
+ .text-success {
431
+ color: var(--color-success-500);
432
+ }
438
433
 
439
- .text-danger {
440
- color: var(--color-danger-500);
441
- }
434
+ .bg-success {
435
+ background-color: var(--color-success-500);
436
+ }
442
437
 
443
- .bg-danger {
444
- background-color: var(--color-danger-500);
445
- }
438
+ .text-danger {
439
+ color: var(--color-danger-500);
440
+ }
446
441
 
447
- .text-warning {
448
- color: var(--color-warning-500);
449
- }
442
+ .bg-danger {
443
+ background-color: var(--color-danger-500);
444
+ }
450
445
 
451
- .bg-warning {
452
- background-color: var(--color-warning-500);
453
- }
446
+ .text-warning {
447
+ color: var(--color-warning-500);
448
+ }
454
449
 
455
- .text-gray {
456
- color: var(--color-gray-500);
457
- }
450
+ .bg-warning {
451
+ background-color: var(--color-warning-500);
452
+ }
458
453
 
459
- .bg-gray {
460
- background-color: var(--color-gray-500);
461
- }
454
+ .text-gray {
455
+ color: var(--color-gray-500);
456
+ }
462
457
 
463
- .text-white {
464
- color: var(--color-white);
465
- }
458
+ .bg-gray {
459
+ background-color: var(--color-gray-500);
460
+ }
466
461
 
467
- .bg-white {
468
- background-color: var(--color-white);
469
- }
462
+ .text-white {
463
+ color: var(--color-white);
464
+ }
470
465
 
471
- .overlay-black-50 {
472
- background: var(--color-overlay-black-50);
473
- }
466
+ .bg-white {
467
+ background-color: var(--color-white);
468
+ }
474
469
 
475
- .overlay-black-80 {
476
- background: var(--color-overlay-black-80);
477
- }
470
+ .overlay-black-50 {
471
+ background: var(--color-overlay-black-50);
472
+ }
478
473
 
479
- .overlay-white-50 {
480
- background: var(--color-overlay-white-50);
481
- }
474
+ .overlay-black-80 {
475
+ background: var(--color-overlay-black-80);
476
+ }
482
477
 
483
- .overlay-white-80 {
484
- background: var(--color-overlay-white-80);
485
- }
478
+ .overlay-white-50 {
479
+ background: var(--color-overlay-white-50);
480
+ }
486
481
 
487
- .overlay-gradient-black {
488
- background: var(--color-overlay-gradient-black);
489
- }
482
+ .overlay-white-80 {
483
+ background: var(--color-overlay-white-80);
484
+ }
490
485
 
491
- .overlay-gradient-white {
492
- background: var(--color-overlay-gradient-white);
493
- }
486
+ .overlay-gradient-black {
487
+ background: var(--color-overlay-gradient-black);
488
+ }
494
489
 
495
- /*====================== Keyframes & animations ======================*/
490
+ .overlay-gradient-white {
491
+ background: var(--color-overlay-gradient-white);
492
+ }
496
493
 
497
- @keyframes shine {
498
- from {
499
- left: -150px;
500
- }
494
+ /*====================== Keyframes & animations ======================*/
501
495
 
502
- to {
503
- left: 106%;
504
- }
496
+ @keyframes shine {
497
+ from {
498
+ left: -150px;
505
499
  }
506
500
 
507
- @keyframes spin {
508
- from {
509
- transform: rotate(0deg);
510
- }
501
+ to {
502
+ left: 106%;
503
+ }
504
+ }
511
505
 
512
- to {
513
- transform: rotate(360deg);
514
- }
506
+ @keyframes spin {
507
+ from {
508
+ transform: rotate(0deg);
515
509
  }
516
510
 
517
- @keyframes loader-pulse {
518
- 0%,
519
- 100% {
520
- transform: scale(0);
521
- }
511
+ to {
512
+ transform: rotate(360deg);
513
+ }
514
+ }
522
515
 
523
- 50% {
524
- transform: scale(1);
525
- }
516
+ @keyframes loader-pulse {
517
+ 0%,
518
+ 100% {
519
+ transform: scale(0);
526
520
  }
527
521
 
528
- .Toastify__progress-bar--bg {
529
- background-color: transparent !important;
522
+ 50% {
523
+ transform: scale(1);
530
524
  }
525
+ }
531
526
 
532
- @keyframes progress-bar {
533
- 0% {
534
- width: 0;
535
- }
527
+ .Toastify__progress-bar--bg {
528
+ background-color: transparent !important;
529
+ }
530
+
531
+ @keyframes progress-bar {
532
+ 0% {
533
+ width: 0;
534
+ }
536
535
 
537
- 100% {
538
- width: var(--meter-value);
539
- }
536
+ 100% {
537
+ width: var(--meter-value);
540
538
  }
541
539
  }