@koaris/bloom-ui 1.0.4 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/tailwind.css CHANGED
@@ -1,5 +1,113 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }
108
+
1
109
  /*
2
- ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
110
+ ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
3
111
  */
4
112
 
5
113
  /*
@@ -211,6 +319,8 @@ textarea {
211
319
  /* 1 */
212
320
  line-height: inherit;
213
321
  /* 1 */
322
+ letter-spacing: inherit;
323
+ /* 1 */
214
324
  color: inherit;
215
325
  /* 1 */
216
326
  margin: 0;
@@ -234,9 +344,9 @@ select {
234
344
  */
235
345
 
236
346
  button,
237
- [type='button'],
238
- [type='reset'],
239
- [type='submit'] {
347
+ input:where([type='button']),
348
+ input:where([type='reset']),
349
+ input:where([type='submit']) {
240
350
  -webkit-appearance: button;
241
351
  /* 1 */
242
352
  background-color: transparent;
@@ -440,110 +550,10 @@ video {
440
550
 
441
551
  /* Make elements with the HTML hidden attribute stay hidden by default */
442
552
 
443
- [hidden] {
553
+ [hidden]:where(:not([hidden="until-found"])) {
444
554
  display: none;
445
555
  }
446
556
 
447
- *, ::before, ::after {
448
- --tw-border-spacing-x: 0;
449
- --tw-border-spacing-y: 0;
450
- --tw-translate-x: 0;
451
- --tw-translate-y: 0;
452
- --tw-rotate: 0;
453
- --tw-skew-x: 0;
454
- --tw-skew-y: 0;
455
- --tw-scale-x: 1;
456
- --tw-scale-y: 1;
457
- --tw-pan-x: ;
458
- --tw-pan-y: ;
459
- --tw-pinch-zoom: ;
460
- --tw-scroll-snap-strictness: proximity;
461
- --tw-gradient-from-position: ;
462
- --tw-gradient-via-position: ;
463
- --tw-gradient-to-position: ;
464
- --tw-ordinal: ;
465
- --tw-slashed-zero: ;
466
- --tw-numeric-figure: ;
467
- --tw-numeric-spacing: ;
468
- --tw-numeric-fraction: ;
469
- --tw-ring-inset: ;
470
- --tw-ring-offset-width: 0px;
471
- --tw-ring-offset-color: #fff;
472
- --tw-ring-color: rgb(59 130 246 / 0.5);
473
- --tw-ring-offset-shadow: 0 0 #0000;
474
- --tw-ring-shadow: 0 0 #0000;
475
- --tw-shadow: 0 0 #0000;
476
- --tw-shadow-colored: 0 0 #0000;
477
- --tw-blur: ;
478
- --tw-brightness: ;
479
- --tw-contrast: ;
480
- --tw-grayscale: ;
481
- --tw-hue-rotate: ;
482
- --tw-invert: ;
483
- --tw-saturate: ;
484
- --tw-sepia: ;
485
- --tw-drop-shadow: ;
486
- --tw-backdrop-blur: ;
487
- --tw-backdrop-brightness: ;
488
- --tw-backdrop-contrast: ;
489
- --tw-backdrop-grayscale: ;
490
- --tw-backdrop-hue-rotate: ;
491
- --tw-backdrop-invert: ;
492
- --tw-backdrop-opacity: ;
493
- --tw-backdrop-saturate: ;
494
- --tw-backdrop-sepia: ;
495
- }
496
-
497
- ::backdrop {
498
- --tw-border-spacing-x: 0;
499
- --tw-border-spacing-y: 0;
500
- --tw-translate-x: 0;
501
- --tw-translate-y: 0;
502
- --tw-rotate: 0;
503
- --tw-skew-x: 0;
504
- --tw-skew-y: 0;
505
- --tw-scale-x: 1;
506
- --tw-scale-y: 1;
507
- --tw-pan-x: ;
508
- --tw-pan-y: ;
509
- --tw-pinch-zoom: ;
510
- --tw-scroll-snap-strictness: proximity;
511
- --tw-gradient-from-position: ;
512
- --tw-gradient-via-position: ;
513
- --tw-gradient-to-position: ;
514
- --tw-ordinal: ;
515
- --tw-slashed-zero: ;
516
- --tw-numeric-figure: ;
517
- --tw-numeric-spacing: ;
518
- --tw-numeric-fraction: ;
519
- --tw-ring-inset: ;
520
- --tw-ring-offset-width: 0px;
521
- --tw-ring-offset-color: #fff;
522
- --tw-ring-color: rgb(59 130 246 / 0.5);
523
- --tw-ring-offset-shadow: 0 0 #0000;
524
- --tw-ring-shadow: 0 0 #0000;
525
- --tw-shadow: 0 0 #0000;
526
- --tw-shadow-colored: 0 0 #0000;
527
- --tw-blur: ;
528
- --tw-brightness: ;
529
- --tw-contrast: ;
530
- --tw-grayscale: ;
531
- --tw-hue-rotate: ;
532
- --tw-invert: ;
533
- --tw-saturate: ;
534
- --tw-sepia: ;
535
- --tw-drop-shadow: ;
536
- --tw-backdrop-blur: ;
537
- --tw-backdrop-brightness: ;
538
- --tw-backdrop-contrast: ;
539
- --tw-backdrop-grayscale: ;
540
- --tw-backdrop-hue-rotate: ;
541
- --tw-backdrop-invert: ;
542
- --tw-backdrop-opacity: ;
543
- --tw-backdrop-saturate: ;
544
- --tw-backdrop-sepia: ;
545
- }
546
-
547
557
  .relative {
548
558
  position: relative;
549
559
  }
@@ -616,6 +626,10 @@ video {
616
626
  width: 100%;
617
627
  }
618
628
 
629
+ .max-w-\[180px\] {
630
+ max-width: 180px;
631
+ }
632
+
619
633
  .cursor-not-allowed {
620
634
  cursor: not-allowed;
621
635
  }
@@ -624,10 +638,18 @@ video {
624
638
  cursor: pointer;
625
639
  }
626
640
 
641
+ .resize-none {
642
+ resize: none;
643
+ }
644
+
627
645
  .resize-y {
628
646
  resize: vertical;
629
647
  }
630
648
 
649
+ .resize {
650
+ resize: both;
651
+ }
652
+
631
653
  .grid-flow-col {
632
654
  grid-auto-flow: column;
633
655
  }
@@ -656,6 +678,10 @@ video {
656
678
  gap: 0.5rem;
657
679
  }
658
680
 
681
+ .gap-4 {
682
+ gap: 1rem;
683
+ }
684
+
659
685
  .overflow-hidden {
660
686
  overflow: hidden;
661
687
  }
@@ -686,67 +712,67 @@ video {
686
712
 
687
713
  .border-green-900 {
688
714
  --tw-border-opacity: 1;
689
- border-color: rgb(20 83 45 / var(--tw-border-opacity));
715
+ border-color: rgb(20 83 45 / var(--tw-border-opacity, 1));
690
716
  }
691
717
 
692
718
  .border-neutral {
693
719
  --tw-border-opacity: 1;
694
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
720
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
695
721
  }
696
722
 
697
723
  .border-neutral-300 {
698
724
  --tw-border-opacity: 1;
699
- border-color: rgb(227 227 226 / var(--tw-border-opacity));
725
+ border-color: rgb(227 227 226 / var(--tw-border-opacity, 1));
700
726
  }
701
727
 
702
728
  .border-neutral-500 {
703
729
  --tw-border-opacity: 1;
704
- border-color: rgb(157 157 157 / var(--tw-border-opacity));
730
+ border-color: rgb(157 157 157 / var(--tw-border-opacity, 1));
705
731
  }
706
732
 
707
733
  .border-neutral-800 {
708
734
  --tw-border-opacity: 1;
709
- border-color: rgb(28 33 38 / var(--tw-border-opacity));
735
+ border-color: rgb(28 33 38 / var(--tw-border-opacity, 1));
710
736
  }
711
737
 
712
738
  .border-orange-500 {
713
739
  --tw-border-opacity: 1;
714
- border-color: rgb(243 98 70 / var(--tw-border-opacity));
740
+ border-color: rgb(243 98 70 / var(--tw-border-opacity, 1));
715
741
  }
716
742
 
717
743
  .border-red-900 {
718
744
  --tw-border-opacity: 1;
719
- border-color: rgb(158 0 63 / var(--tw-border-opacity));
745
+ border-color: rgb(158 0 63 / var(--tw-border-opacity, 1));
720
746
  }
721
747
 
722
748
  .bg-neutral {
723
749
  --tw-bg-opacity: 1;
724
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
750
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
725
751
  }
726
752
 
727
753
  .bg-neutral-200 {
728
754
  --tw-bg-opacity: 1;
729
- background-color: rgb(246 246 246 / var(--tw-bg-opacity));
755
+ background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
730
756
  }
731
757
 
732
758
  .bg-neutral-500 {
733
759
  --tw-bg-opacity: 1;
734
- background-color: rgb(157 157 157 / var(--tw-bg-opacity));
760
+ background-color: rgb(157 157 157 / var(--tw-bg-opacity, 1));
735
761
  }
736
762
 
737
763
  .bg-neutral-600 {
738
764
  --tw-bg-opacity: 1;
739
- background-color: rgb(50 60 69 / var(--tw-bg-opacity));
765
+ background-color: rgb(50 60 69 / var(--tw-bg-opacity, 1));
740
766
  }
741
767
 
742
768
  .bg-neutral-800 {
743
769
  --tw-bg-opacity: 1;
744
- background-color: rgb(28 33 38 / var(--tw-bg-opacity));
770
+ background-color: rgb(28 33 38 / var(--tw-bg-opacity, 1));
745
771
  }
746
772
 
747
773
  .bg-orange-500 {
748
774
  --tw-bg-opacity: 1;
749
- background-color: rgb(243 98 70 / var(--tw-bg-opacity));
775
+ background-color: rgb(243 98 70 / var(--tw-bg-opacity, 1));
750
776
  }
751
777
 
752
778
  .object-cover {
@@ -811,6 +837,10 @@ video {
811
837
  text-align: center;
812
838
  }
813
839
 
840
+ .text-justify {
841
+ text-align: justify;
842
+ }
843
+
814
844
  .font-default {
815
845
  font-family: Open Sans, sans-serif;
816
846
  }
@@ -883,39 +913,44 @@ video {
883
913
  line-height: 1.25;
884
914
  }
885
915
 
916
+ .text-blue-800 {
917
+ --tw-text-opacity: 1;
918
+ color: rgb(30 64 175 / var(--tw-text-opacity, 1));
919
+ }
920
+
886
921
  .text-neutral {
887
922
  --tw-text-opacity: 1;
888
- color: rgb(255 255 255 / var(--tw-text-opacity));
923
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
889
924
  }
890
925
 
891
926
  .text-neutral-1000 {
892
927
  --tw-text-opacity: 1;
893
- color: rgb(0 0 0 / var(--tw-text-opacity));
928
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
894
929
  }
895
930
 
896
931
  .text-neutral-200 {
897
932
  --tw-text-opacity: 1;
898
- color: rgb(246 246 246 / var(--tw-text-opacity));
933
+ color: rgb(246 246 246 / var(--tw-text-opacity, 1));
899
934
  }
900
935
 
901
936
  .text-neutral-500 {
902
937
  --tw-text-opacity: 1;
903
- color: rgb(157 157 157 / var(--tw-text-opacity));
938
+ color: rgb(157 157 157 / var(--tw-text-opacity, 1));
904
939
  }
905
940
 
906
941
  .text-neutral-800 {
907
942
  --tw-text-opacity: 1;
908
- color: rgb(28 33 38 / var(--tw-text-opacity));
943
+ color: rgb(28 33 38 / var(--tw-text-opacity, 1));
909
944
  }
910
945
 
911
946
  .text-orange-500 {
912
947
  --tw-text-opacity: 1;
913
- color: rgb(243 98 70 / var(--tw-text-opacity));
948
+ color: rgb(243 98 70 / var(--tw-text-opacity, 1));
914
949
  }
915
950
 
916
951
  .text-red-900 {
917
952
  --tw-text-opacity: 1;
918
- color: rgb(158 0 63 / var(--tw-text-opacity));
953
+ color: rgb(158 0 63 / var(--tw-text-opacity, 1));
919
954
  }
920
955
 
921
956
  .opacity-50 {
@@ -932,17 +967,22 @@ html {
932
967
 
933
968
  .hover\:border-orange-500:hover {
934
969
  --tw-border-opacity: 1;
935
- border-color: rgb(243 98 70 / var(--tw-border-opacity));
970
+ border-color: rgb(243 98 70 / var(--tw-border-opacity, 1));
936
971
  }
937
972
 
938
- .hover\:bg-neutral-200:hover {
973
+ .hover\:bg-orange-500:hover {
939
974
  --tw-bg-opacity: 1;
940
- background-color: rgb(246 246 246 / var(--tw-bg-opacity));
975
+ background-color: rgb(243 98 70 / var(--tw-bg-opacity, 1));
941
976
  }
942
977
 
943
978
  .hover\:bg-orange-700:hover {
944
979
  --tw-bg-opacity: 1;
945
- background-color: rgb(194 65 12 / var(--tw-bg-opacity));
980
+ background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
981
+ }
982
+
983
+ .hover\:text-orange-100:hover {
984
+ --tw-text-opacity: 1;
985
+ color: rgb(255 237 213 / var(--tw-text-opacity, 1));
946
986
  }
947
987
 
948
988
  .hover\:shadow-md:hover {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@koaris/bloom-ui",
3
- "version": "1.0.4",
3
+ "version": "1.1.0",
4
4
  "description": "Bloom-ui is a public design system from the Koaris Project developed with React, Typescript, and Tailwind.",
5
5
  "source": "./src/index.ts",
6
6
  "main": "./dist/index.js",