@koaris/bloom-ui 1.0.5 → 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
  }
@@ -690,67 +712,67 @@ video {
690
712
 
691
713
  .border-green-900 {
692
714
  --tw-border-opacity: 1;
693
- border-color: rgb(20 83 45 / var(--tw-border-opacity));
715
+ border-color: rgb(20 83 45 / var(--tw-border-opacity, 1));
694
716
  }
695
717
 
696
718
  .border-neutral {
697
719
  --tw-border-opacity: 1;
698
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
720
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
699
721
  }
700
722
 
701
723
  .border-neutral-300 {
702
724
  --tw-border-opacity: 1;
703
- border-color: rgb(227 227 226 / var(--tw-border-opacity));
725
+ border-color: rgb(227 227 226 / var(--tw-border-opacity, 1));
704
726
  }
705
727
 
706
728
  .border-neutral-500 {
707
729
  --tw-border-opacity: 1;
708
- border-color: rgb(157 157 157 / var(--tw-border-opacity));
730
+ border-color: rgb(157 157 157 / var(--tw-border-opacity, 1));
709
731
  }
710
732
 
711
733
  .border-neutral-800 {
712
734
  --tw-border-opacity: 1;
713
- border-color: rgb(28 33 38 / var(--tw-border-opacity));
735
+ border-color: rgb(28 33 38 / var(--tw-border-opacity, 1));
714
736
  }
715
737
 
716
738
  .border-orange-500 {
717
739
  --tw-border-opacity: 1;
718
- border-color: rgb(243 98 70 / var(--tw-border-opacity));
740
+ border-color: rgb(243 98 70 / var(--tw-border-opacity, 1));
719
741
  }
720
742
 
721
743
  .border-red-900 {
722
744
  --tw-border-opacity: 1;
723
- border-color: rgb(158 0 63 / var(--tw-border-opacity));
745
+ border-color: rgb(158 0 63 / var(--tw-border-opacity, 1));
724
746
  }
725
747
 
726
748
  .bg-neutral {
727
749
  --tw-bg-opacity: 1;
728
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
750
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
729
751
  }
730
752
 
731
753
  .bg-neutral-200 {
732
754
  --tw-bg-opacity: 1;
733
- background-color: rgb(246 246 246 / var(--tw-bg-opacity));
755
+ background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
734
756
  }
735
757
 
736
758
  .bg-neutral-500 {
737
759
  --tw-bg-opacity: 1;
738
- background-color: rgb(157 157 157 / var(--tw-bg-opacity));
760
+ background-color: rgb(157 157 157 / var(--tw-bg-opacity, 1));
739
761
  }
740
762
 
741
763
  .bg-neutral-600 {
742
764
  --tw-bg-opacity: 1;
743
- background-color: rgb(50 60 69 / var(--tw-bg-opacity));
765
+ background-color: rgb(50 60 69 / var(--tw-bg-opacity, 1));
744
766
  }
745
767
 
746
768
  .bg-neutral-800 {
747
769
  --tw-bg-opacity: 1;
748
- background-color: rgb(28 33 38 / var(--tw-bg-opacity));
770
+ background-color: rgb(28 33 38 / var(--tw-bg-opacity, 1));
749
771
  }
750
772
 
751
773
  .bg-orange-500 {
752
774
  --tw-bg-opacity: 1;
753
- background-color: rgb(243 98 70 / var(--tw-bg-opacity));
775
+ background-color: rgb(243 98 70 / var(--tw-bg-opacity, 1));
754
776
  }
755
777
 
756
778
  .object-cover {
@@ -815,6 +837,10 @@ video {
815
837
  text-align: center;
816
838
  }
817
839
 
840
+ .text-justify {
841
+ text-align: justify;
842
+ }
843
+
818
844
  .font-default {
819
845
  font-family: Open Sans, sans-serif;
820
846
  }
@@ -889,42 +915,42 @@ video {
889
915
 
890
916
  .text-blue-800 {
891
917
  --tw-text-opacity: 1;
892
- color: rgb(30 64 175 / var(--tw-text-opacity));
918
+ color: rgb(30 64 175 / var(--tw-text-opacity, 1));
893
919
  }
894
920
 
895
921
  .text-neutral {
896
922
  --tw-text-opacity: 1;
897
- color: rgb(255 255 255 / var(--tw-text-opacity));
923
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
898
924
  }
899
925
 
900
926
  .text-neutral-1000 {
901
927
  --tw-text-opacity: 1;
902
- color: rgb(0 0 0 / var(--tw-text-opacity));
928
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
903
929
  }
904
930
 
905
931
  .text-neutral-200 {
906
932
  --tw-text-opacity: 1;
907
- color: rgb(246 246 246 / var(--tw-text-opacity));
933
+ color: rgb(246 246 246 / var(--tw-text-opacity, 1));
908
934
  }
909
935
 
910
936
  .text-neutral-500 {
911
937
  --tw-text-opacity: 1;
912
- color: rgb(157 157 157 / var(--tw-text-opacity));
938
+ color: rgb(157 157 157 / var(--tw-text-opacity, 1));
913
939
  }
914
940
 
915
941
  .text-neutral-800 {
916
942
  --tw-text-opacity: 1;
917
- color: rgb(28 33 38 / var(--tw-text-opacity));
943
+ color: rgb(28 33 38 / var(--tw-text-opacity, 1));
918
944
  }
919
945
 
920
946
  .text-orange-500 {
921
947
  --tw-text-opacity: 1;
922
- color: rgb(243 98 70 / var(--tw-text-opacity));
948
+ color: rgb(243 98 70 / var(--tw-text-opacity, 1));
923
949
  }
924
950
 
925
951
  .text-red-900 {
926
952
  --tw-text-opacity: 1;
927
- color: rgb(158 0 63 / var(--tw-text-opacity));
953
+ color: rgb(158 0 63 / var(--tw-text-opacity, 1));
928
954
  }
929
955
 
930
956
  .opacity-50 {
@@ -941,22 +967,22 @@ html {
941
967
 
942
968
  .hover\:border-orange-500:hover {
943
969
  --tw-border-opacity: 1;
944
- border-color: rgb(243 98 70 / var(--tw-border-opacity));
970
+ border-color: rgb(243 98 70 / var(--tw-border-opacity, 1));
945
971
  }
946
972
 
947
973
  .hover\:bg-orange-500:hover {
948
974
  --tw-bg-opacity: 1;
949
- background-color: rgb(243 98 70 / var(--tw-bg-opacity));
975
+ background-color: rgb(243 98 70 / var(--tw-bg-opacity, 1));
950
976
  }
951
977
 
952
978
  .hover\:bg-orange-700:hover {
953
979
  --tw-bg-opacity: 1;
954
- background-color: rgb(194 65 12 / var(--tw-bg-opacity));
980
+ background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
955
981
  }
956
982
 
957
983
  .hover\:text-orange-100:hover {
958
984
  --tw-text-opacity: 1;
959
- color: rgb(255 237 213 / var(--tw-text-opacity));
985
+ color: rgb(255 237 213 / var(--tw-text-opacity, 1));
960
986
  }
961
987
 
962
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.5",
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",