bianic-ui 2.7.0 → 2.8.0-alpha.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.
Files changed (38) hide show
  1. package/README.md +49 -49
  2. package/dist/cjs/index.js +384 -98
  3. package/dist/cjs/lib.css +1 -1
  4. package/dist/cjs/types/components/Forms/DatePicker/DateInputDisplay.d.ts +2 -2
  5. package/dist/cjs/types/components/Forms/DatePicker/DatePicker.d.ts +4 -3
  6. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/DateDisplay.d.ts +1 -1
  7. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/MonthDisplay.d.ts +1 -1
  8. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/PickerContent.d.ts +14 -0
  9. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/PickerHeader.d.ts +18 -0
  10. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/RangePicker.d.ts +10 -0
  11. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/SinglePicker.d.ts +9 -0
  12. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/index.d.ts +4 -0
  13. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/helpers/dateUtils.d.ts +10 -1
  14. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/hooks/useCalendarLogic.d.ts +1 -0
  15. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/types/types.d.ts +3 -2
  16. package/dist/cjs/types/components/Forms/DatePicker/RangeDatePickerSimulation.d.ts +3 -0
  17. package/dist/cjs/types/stories/Form/DatePicker/RangeDatepickerSimulation.stories.d.ts +13 -0
  18. package/dist/esm/index.js +384 -98
  19. package/dist/esm/lib.css +1 -1
  20. package/dist/esm/types/components/Forms/DatePicker/DateInputDisplay.d.ts +2 -2
  21. package/dist/esm/types/components/Forms/DatePicker/DatePicker.d.ts +4 -3
  22. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/DateDisplay.d.ts +1 -1
  23. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/MonthDisplay.d.ts +1 -1
  24. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/PickerContent.d.ts +14 -0
  25. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/PickerHeader.d.ts +18 -0
  26. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/RangePicker.d.ts +10 -0
  27. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/SinglePicker.d.ts +9 -0
  28. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/index.d.ts +4 -0
  29. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/helpers/dateUtils.d.ts +10 -1
  30. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/hooks/useCalendarLogic.d.ts +1 -0
  31. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/types/types.d.ts +3 -2
  32. package/dist/esm/types/components/Forms/DatePicker/RangeDatePickerSimulation.d.ts +3 -0
  33. package/dist/esm/types/stories/Form/DatePicker/RangeDatepickerSimulation.stories.d.ts +13 -0
  34. package/dist/index.d.ts +7 -5
  35. package/package.json +141 -141
  36. package/src/style/color.css +650 -650
  37. package/src/style/scrollbar.css +78 -78
  38. package/tailwind.config.js +574 -574
package/src/style/scrollbar.css CHANGED
@@ -1,78 +1,78 @@
1
- /* Original Scrollbar */
2
- ::-webkit-scrollbar {
3
- height: 11px;
4
- width: 11px;
5
- background-color: var(--coolgrey-light-90);
6
- }
7
-
8
- ::-webkit-scrollbar-thumb:vertical {
9
- width: 100%;
10
- }
11
-
12
- ::-webkit-scrollbar-thumb:horizontal {
13
- height: 100%;
14
- }
15
-
16
- ::-webkit-scrollbar-thumb {
17
- background-color: var(--coolgrey-light-70);
18
- border-radius: 10px;
19
- border: 2px solid transparent;
20
- background-clip: content-box;
21
- }
22
-
23
- ::-webkit-scrollbar-thumb:hover {
24
- background-color: var(--coolgrey);
25
- border-radius: 10px;
26
- border: 2px solid transparent;
27
- background-clip: content-box;
28
- }
29
-
30
- /* Hidden Scrollbar */
31
- .scrollbar-hidden {
32
- overflow: scroll;
33
- mask-image: linear-gradient(to top, transparent, black),
34
- linear-gradient(to left, transparent 17px, black 17px);
35
- mask-size: 100% 20000px;
36
- mask-position: left bottom;
37
- -webkit-mask-image: linear-gradient(to top, transparent, black),
38
- linear-gradient(to left, transparent 17px, black 17px);
39
- -webkit-mask-size: 100% 20000px;
40
- -webkit-mask-position: left bottom;
41
- transition:
42
- mask-position 0.75s,
43
- -webkit-mask-position 0.75s;
44
- }
45
-
46
- .scrollbar-hidden:hover {
47
- -webkit-mask-position: left top;
48
- }
49
-
50
- .scrollbar-hidden::-webkit-scrollbar {
51
- width: 7px;
52
- height: 7px;
53
- /* background-color: transparent; */
54
- }
55
-
56
- .scrollbar-hidden::-webkit-scrollbar-track {
57
- /* background-color: transparent; */
58
- }
59
-
60
- .scrollbar-hidden::-webkit-scrollbar-thumb {
61
- background-color: var(--coolgrey-light-30);
62
- }
63
-
64
- .scrollbar-hidden:hover::-webkit-scrollbar {
65
- width: 7px;
66
- background-color: var(--grey-light-80);
67
- }
68
-
69
- .scrollbar-hidden:hover::-webkit-scrollbar-track {
70
- background-color: var(--grey-light-80);
71
- }
72
-
73
- .scrollbar-hidden:hover::-webkit-scrollbar-thumb {
74
- background-color: var(--coolgrey-light-30);
75
- border-radius: 10px;
76
- border: 2px solid transparent;
77
- background-clip: content-box;
78
- }
1
+ /* Original Scrollbar */
2
+ ::-webkit-scrollbar {
3
+ height: 11px;
4
+ width: 11px;
5
+ background-color: var(--coolgrey-light-90);
6
+ }
7
+
8
+ ::-webkit-scrollbar-thumb:vertical {
9
+ width: 100%;
10
+ }
11
+
12
+ ::-webkit-scrollbar-thumb:horizontal {
13
+ height: 100%;
14
+ }
15
+
16
+ ::-webkit-scrollbar-thumb {
17
+ background-color: var(--coolgrey-light-70);
18
+ border-radius: 10px;
19
+ border: 2px solid transparent;
20
+ background-clip: content-box;
21
+ }
22
+
23
+ ::-webkit-scrollbar-thumb:hover {
24
+ background-color: var(--coolgrey);
25
+ border-radius: 10px;
26
+ border: 2px solid transparent;
27
+ background-clip: content-box;
28
+ }
29
+
30
+ /* Hidden Scrollbar */
31
+ .scrollbar-hidden {
32
+ overflow: scroll;
33
+ mask-image: linear-gradient(to top, transparent, black),
34
+ linear-gradient(to left, transparent 17px, black 17px);
35
+ mask-size: 100% 20000px;
36
+ mask-position: left bottom;
37
+ -webkit-mask-image: linear-gradient(to top, transparent, black),
38
+ linear-gradient(to left, transparent 17px, black 17px);
39
+ -webkit-mask-size: 100% 20000px;
40
+ -webkit-mask-position: left bottom;
41
+ transition:
42
+ mask-position 0.75s,
43
+ -webkit-mask-position 0.75s;
44
+ }
45
+
46
+ .scrollbar-hidden:hover {
47
+ -webkit-mask-position: left top;
48
+ }
49
+
50
+ .scrollbar-hidden::-webkit-scrollbar {
51
+ width: 7px;
52
+ height: 7px;
53
+ /* background-color: transparent; */
54
+ }
55
+
56
+ .scrollbar-hidden::-webkit-scrollbar-track {
57
+ /* background-color: transparent; */
58
+ }
59
+
60
+ .scrollbar-hidden::-webkit-scrollbar-thumb {
61
+ background-color: var(--coolgrey-light-30);
62
+ }
63
+
64
+ .scrollbar-hidden:hover::-webkit-scrollbar {
65
+ width: 7px;
66
+ background-color: var(--grey-light-80);
67
+ }
68
+
69
+ .scrollbar-hidden:hover::-webkit-scrollbar-track {
70
+ background-color: var(--grey-light-80);
71
+ }
72
+
73
+ .scrollbar-hidden:hover::-webkit-scrollbar-thumb {
74
+ background-color: var(--coolgrey-light-30);
75
+ border-radius: 10px;
76
+ border: 2px solid transparent;
77
+ background-clip: content-box;
78
+ }