blixify-ui-web 0.1.7 → 0.1.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.
- package/lib/index.css +0 -105
- package/lib/tail.css +105 -0
- package/package.json +4 -3
package/lib/index.css
CHANGED
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
@tailwind base;
|
|
2
|
-
@tailwind components;
|
|
3
|
-
@tailwind utilities;
|
|
4
|
-
|
|
5
|
-
.react-datepicker__input-container input {
|
|
6
|
-
@apply block w-full text-base bg-white border border-gray-300 rounded-md px-5 py-3 text-base text-gray-900 placeholder-gray-300 focus:border-primary-500 focus:outline-none;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.react-datepicker__tab-loop {
|
|
10
|
-
@apply absolute;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.react-datepicker-popper {
|
|
14
|
-
@apply absolute top-20 z-10 left-0 w-72 text-sm transform-none bg-white shadow px-3 py-2;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.react-datepicker__month-container {
|
|
18
|
-
@apply flex flex-col;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.react-datepicker__month {
|
|
22
|
-
@apply flex flex-col;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.react-datepicker__current-month {
|
|
26
|
-
@apply ml-2.5 text-lg font-semibold text-gray-800;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.react-datepicker__week {
|
|
30
|
-
@apply flex justify-around;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.react-datepicker__day-names {
|
|
34
|
-
@apply flex justify-around text-gray-800 font-medium text-center text-xs;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.react-datepicker__day-name {
|
|
38
|
-
@apply w-8 h-8 flex items-center justify-center py-1 rounded-full;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.react-datepicker__navigation {
|
|
42
|
-
@apply absolute top-2;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.react-datepicker__navigation--previous {
|
|
46
|
-
@apply right-12 w-8 h-8 rounded transition flex items-center justify-center hover:bg-gray-200;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.react-datepicker__navigation--next {
|
|
50
|
-
@apply right-4 w-8 h-8 rounded transition flex items-center justify-center hover:bg-gray-200;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.react-datepicker__day {
|
|
54
|
-
@apply mb-1 w-8 h-8 flex items-center justify-center py-1 text-sm leading-loose transition text-gray-700 rounded cursor-pointer hover:bg-gray-200;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.react-datepicker__day--disabled {
|
|
58
|
-
@apply cursor-not-allowed opacity-50 hover:bg-transparent;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.react-datepicker__day--outside-month {
|
|
62
|
-
@apply text-gray-400;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.react-datepicker__day--in-range {
|
|
66
|
-
@apply bg-primary-200;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.react-datepicker__day--in-selecting-range {
|
|
70
|
-
@apply bg-primary-200;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.react-datepicker__day--selecting-range-start {
|
|
74
|
-
@apply bg-white border-2 border-primary-500;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.react-datepicker__day--selecting-range-end {
|
|
78
|
-
@apply bg-white border-2 border-primary-500;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.react-datepicker__day--selected {
|
|
82
|
-
@apply bg-primary-500 text-white;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.react-datepicker__day--range-start {
|
|
86
|
-
@apply bg-primary-500 text-white hover:text-gray-700 hover:bg-white;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.react-datepicker__day--range-end {
|
|
90
|
-
@apply bg-primary-500 text-white hover:text-gray-700 hover:bg-white;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.loading-spinner {
|
|
94
|
-
border-top-color: theme("colors.primary.500");
|
|
95
|
-
animation: spin 2s linear infinite;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
@keyframes spin {
|
|
99
|
-
0% {
|
|
100
|
-
transform: rotate(0deg);
|
|
101
|
-
}
|
|
102
|
-
100% {
|
|
103
|
-
transform: rotate(360deg);
|
|
104
|
-
}
|
|
105
|
-
}
|
package/lib/tail.css
ADDED
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
@tailwind base;
|
|
2
|
+
@tailwind components;
|
|
3
|
+
@tailwind utilities;
|
|
4
|
+
|
|
5
|
+
.react-datepicker__input-container input {
|
|
6
|
+
@apply block w-full text-base bg-white border border-gray-300 rounded-md px-5 py-3 text-base text-gray-900 placeholder-gray-300 focus:border-primary-500 focus:outline-none;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.react-datepicker__tab-loop {
|
|
10
|
+
@apply absolute;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.react-datepicker-popper {
|
|
14
|
+
@apply absolute top-20 z-10 left-0 w-72 text-sm transform-none bg-white shadow px-3 py-2;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.react-datepicker__month-container {
|
|
18
|
+
@apply flex flex-col;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.react-datepicker__month {
|
|
22
|
+
@apply flex flex-col;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.react-datepicker__current-month {
|
|
26
|
+
@apply ml-2.5 text-lg font-semibold text-gray-800;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.react-datepicker__week {
|
|
30
|
+
@apply flex justify-around;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.react-datepicker__day-names {
|
|
34
|
+
@apply flex justify-around text-gray-800 font-medium text-center text-xs;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.react-datepicker__day-name {
|
|
38
|
+
@apply w-8 h-8 flex items-center justify-center py-1 rounded-full;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.react-datepicker__navigation {
|
|
42
|
+
@apply absolute top-2;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.react-datepicker__navigation--previous {
|
|
46
|
+
@apply right-12 w-8 h-8 rounded transition flex items-center justify-center hover:bg-gray-200;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.react-datepicker__navigation--next {
|
|
50
|
+
@apply right-4 w-8 h-8 rounded transition flex items-center justify-center hover:bg-gray-200;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.react-datepicker__day {
|
|
54
|
+
@apply mb-1 w-8 h-8 flex items-center justify-center py-1 text-sm leading-loose transition text-gray-700 rounded cursor-pointer hover:bg-gray-200;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.react-datepicker__day--disabled {
|
|
58
|
+
@apply cursor-not-allowed opacity-50 hover:bg-transparent;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.react-datepicker__day--outside-month {
|
|
62
|
+
@apply text-gray-400;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.react-datepicker__day--in-range {
|
|
66
|
+
@apply bg-primary-200;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.react-datepicker__day--in-selecting-range {
|
|
70
|
+
@apply bg-primary-200;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.react-datepicker__day--selecting-range-start {
|
|
74
|
+
@apply bg-white border-2 border-primary-500;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.react-datepicker__day--selecting-range-end {
|
|
78
|
+
@apply bg-white border-2 border-primary-500;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.react-datepicker__day--selected {
|
|
82
|
+
@apply bg-primary-500 text-white;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.react-datepicker__day--range-start {
|
|
86
|
+
@apply bg-primary-500 text-white hover:text-gray-700 hover:bg-white;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.react-datepicker__day--range-end {
|
|
90
|
+
@apply bg-primary-500 text-white hover:text-gray-700 hover:bg-white;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.loading-spinner {
|
|
94
|
+
border-top-color: theme("colors.primary.500");
|
|
95
|
+
animation: spin 2s linear infinite;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
@keyframes spin {
|
|
99
|
+
0% {
|
|
100
|
+
transform: rotate(0deg);
|
|
101
|
+
}
|
|
102
|
+
100% {
|
|
103
|
+
transform: rotate(360deg);
|
|
104
|
+
}
|
|
105
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "blixify-ui-web",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.9",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/src/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -18,8 +18,9 @@
|
|
|
18
18
|
"prebuild": "yarn clean",
|
|
19
19
|
"clean": "rm -rf ./lib",
|
|
20
20
|
"build": "yarn run lint && tsc --build \"./tsconfig.json\"",
|
|
21
|
-
"postbuild": "yarn run copy-
|
|
22
|
-
"copy-
|
|
21
|
+
"postbuild": "yarn run copy-index && yarn run copy-dev",
|
|
22
|
+
"copy-index": "copyfiles -u 1 src/index.css lib/ && cd lib && mv index.css tail.css",
|
|
23
|
+
"copy-dev": "copyfiles -u 1 src/dev.css lib/ && cd lib && mv dev.css index.css",
|
|
23
24
|
"install:husky": "yarn husky install",
|
|
24
25
|
"eject": "react-scripts eject"
|
|
25
26
|
},
|