@djb25/digit-ui-css 1.0.87 → 1.0.89
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/package.json
CHANGED
|
@@ -22,10 +22,20 @@
|
|
|
22
22
|
@apply relative rounded-md;
|
|
23
23
|
|
|
24
24
|
.select {
|
|
25
|
-
border:
|
|
25
|
+
border-style: solid;
|
|
26
|
+
border-width: 1px;
|
|
27
|
+
border-color: #D1D5DB;
|
|
26
28
|
@apply relative block w-full h-10 rounded-md;
|
|
29
|
+
|
|
30
|
+
@media (prefers-color-scheme: dark) {
|
|
31
|
+
border-color: #4B5563;
|
|
32
|
+
}
|
|
33
|
+
|
|
27
34
|
&:hover {
|
|
28
|
-
border:
|
|
35
|
+
border-color: #94A3B8;
|
|
36
|
+
@media (prefers-color-scheme: dark) {
|
|
37
|
+
border-color: #6B7280;
|
|
38
|
+
}
|
|
29
39
|
@apply rounded-md;
|
|
30
40
|
}
|
|
31
41
|
input[type="text"] {
|
|
@@ -57,8 +67,15 @@
|
|
|
57
67
|
|
|
58
68
|
.select-active {
|
|
59
69
|
outline: none;
|
|
60
|
-
border:
|
|
61
|
-
|
|
70
|
+
border-style: solid;
|
|
71
|
+
border-width: 1px;
|
|
72
|
+
border-color: #2563EB;
|
|
73
|
+
|
|
74
|
+
@media (prefers-color-scheme: dark) {
|
|
75
|
+
border-color: #60A5FA;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
|
|
62
79
|
@apply relative block w-full h-10 rounded-md;
|
|
63
80
|
|
|
64
81
|
input[type="text"] {
|
|
@@ -123,8 +140,22 @@
|
|
|
123
140
|
@apply relative;
|
|
124
141
|
|
|
125
142
|
.select {
|
|
126
|
-
border:
|
|
143
|
+
border-style: solid;
|
|
144
|
+
border-width: 1px;
|
|
145
|
+
border-color: #D1D5DB;
|
|
127
146
|
@apply relative block w-full h-10 rounded-md;
|
|
147
|
+
|
|
148
|
+
@media (prefers-color-scheme: dark) {
|
|
149
|
+
border-color: #4B5563;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
&:hover {
|
|
153
|
+
border-color: #94A3B8;
|
|
154
|
+
@media (prefers-color-scheme: dark) {
|
|
155
|
+
border-color: #6B7280;
|
|
156
|
+
}
|
|
157
|
+
@apply rounded-md;
|
|
158
|
+
}
|
|
128
159
|
|
|
129
160
|
input[type="text"] {
|
|
130
161
|
width: calc(100% - 32px);
|
|
@@ -149,8 +180,15 @@
|
|
|
149
180
|
|
|
150
181
|
.select-active {
|
|
151
182
|
outline: none;
|
|
152
|
-
border:
|
|
153
|
-
|
|
183
|
+
border-style: solid;
|
|
184
|
+
border-width: 1px;
|
|
185
|
+
border-color: #2563EB;
|
|
186
|
+
|
|
187
|
+
@media (prefers-color-scheme: dark) {
|
|
188
|
+
border-color: #60A5FA;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
|
|
154
192
|
@apply relative block w-full h-10 rounded-md;
|
|
155
193
|
|
|
156
194
|
input[type="text"] {
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
.summary-card {
|
|
32
32
|
background-color: #fff;
|
|
33
33
|
border-radius: 6px;
|
|
34
|
-
padding:
|
|
34
|
+
padding: 10px 10px;
|
|
35
35
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
|
36
36
|
|
|
37
37
|
flex: 1 1 0%;
|
|
@@ -47,6 +47,9 @@
|
|
|
47
47
|
|
|
48
48
|
transition: all 0.2s ease-in-out;
|
|
49
49
|
|
|
50
|
+
/* Tooltip anchor */
|
|
51
|
+
position: relative;
|
|
52
|
+
|
|
50
53
|
.summary-card-label {
|
|
51
54
|
font-size: 0.6875rem;
|
|
52
55
|
color: #64748b;
|
|
@@ -58,9 +61,46 @@
|
|
|
58
61
|
overflow: hidden;
|
|
59
62
|
text-overflow: ellipsis;
|
|
60
63
|
}
|
|
64
|
+
|
|
61
65
|
.summary-card-count {
|
|
62
66
|
font-size: 1.75rem;
|
|
63
67
|
font-weight: 700;
|
|
64
68
|
margin-top: 12px;
|
|
65
69
|
}
|
|
70
|
+
|
|
71
|
+
/* ── Tooltip ── */
|
|
72
|
+
&[data-tooltip]::after {
|
|
73
|
+
content: attr(data-tooltip);
|
|
74
|
+
|
|
75
|
+
/* Positioning */
|
|
76
|
+
position: absolute;
|
|
77
|
+
bottom: calc(100% + 8px);
|
|
78
|
+
left: 50%;
|
|
79
|
+
transform: translateX(-50%);
|
|
80
|
+
white-space: nowrap;
|
|
81
|
+
|
|
82
|
+
/* Look */
|
|
83
|
+
background-color: #1e293b;
|
|
84
|
+
color: #f1f5f9;
|
|
85
|
+
font-size: 0.75rem;
|
|
86
|
+
font-weight: 500;
|
|
87
|
+
padding: 5px 10px;
|
|
88
|
+
border-radius: 6px;
|
|
89
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
|
|
90
|
+
letter-spacing: 0.2px;
|
|
91
|
+
pointer-events: none;
|
|
92
|
+
z-index: 9999;
|
|
93
|
+
|
|
94
|
+
/* Hidden by default */
|
|
95
|
+
opacity: 0;
|
|
96
|
+
visibility: hidden;
|
|
97
|
+
transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
|
|
98
|
+
transform: translateX(-50%) translateY(4px);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
&[data-tooltip]:hover::after {
|
|
102
|
+
opacity: 1;
|
|
103
|
+
visibility: visible;
|
|
104
|
+
transform: translateX(-50%) translateY(0);
|
|
105
|
+
}
|
|
66
106
|
}
|
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
.card-input {
|
|
2
|
-
@apply mb-lg pl-sm outline-none mt-sm block
|
|
2
|
+
@apply mb-lg pl-sm outline-none mt-sm block w-full h-10 border-solid bg-white leading-10 text-form-field text-text-primary;
|
|
3
|
+
border-width: 1px;
|
|
4
|
+
border-color: #D1D5DB;
|
|
5
|
+
|
|
6
|
+
@media (prefers-color-scheme: dark) {
|
|
7
|
+
border-color: #4B5563;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
&:hover {
|
|
11
|
+
border-color: #94A3B8;
|
|
12
|
+
@media (prefers-color-scheme: dark) {
|
|
13
|
+
border-color: #6B7280;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
&:focus, &:focus-within {
|
|
18
|
+
border-color: #2563EB;
|
|
19
|
+
@media (prefers-color-scheme: dark) {
|
|
20
|
+
border-color: #60A5FA;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
3
23
|
}
|
|
4
24
|
|
|
5
25
|
.card-input-error {
|
|
@@ -7,11 +27,29 @@
|
|
|
7
27
|
}
|
|
8
28
|
|
|
9
29
|
.employee-card-input {
|
|
10
|
-
border: 1px solid #007bff;
|
|
11
30
|
background-color: transparent;
|
|
12
31
|
@apply pl-sm outline-none block w-full h-10 leading-10 text-form-field text-text-primary rounded-md;
|
|
32
|
+
|
|
33
|
+
border-style: solid;
|
|
34
|
+
border-width: 1px;
|
|
35
|
+
border-color: #D1D5DB;
|
|
36
|
+
|
|
37
|
+
@media (prefers-color-scheme: dark) {
|
|
38
|
+
border-color: #4B5563;
|
|
39
|
+
}
|
|
40
|
+
|
|
13
41
|
&:hover {
|
|
14
|
-
border:
|
|
42
|
+
border-color: #94A3B8;
|
|
43
|
+
@media (prefers-color-scheme: dark) {
|
|
44
|
+
border-color: #6B7280;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&:focus, &:focus-within {
|
|
49
|
+
border-color: #2563EB;
|
|
50
|
+
@media (prefers-color-scheme: dark) {
|
|
51
|
+
border-color: #60A5FA;
|
|
52
|
+
}
|
|
15
53
|
}
|
|
16
54
|
}
|
|
17
55
|
|