jbx 2.1.0 → 2.2.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/CHANGELOG.md +4 -0
- package/index.js +1 -31
- package/package.json +1 -1
- package/style.css +49 -0
package/CHANGELOG.md
CHANGED
package/index.js
CHANGED
|
@@ -130,37 +130,7 @@ export const Stack = Component(`jbx-stack`, ({ v, h, gap }) => ({
|
|
|
130
130
|
// }
|
|
131
131
|
// });
|
|
132
132
|
|
|
133
|
-
|
|
134
|
-
// height: '120px',
|
|
135
|
-
// flex: 1,
|
|
136
|
-
// 'max-width': '320px',
|
|
137
|
-
// display: 'flex',
|
|
138
|
-
// 'text-align': 'center',
|
|
139
|
-
// 'align-items': 'center',
|
|
140
|
-
// 'align-content': 'center',
|
|
141
|
-
// 'justify-content': 'center',
|
|
142
|
-
// 'flex-direction': 'column',
|
|
143
|
-
// border: '2px dashed #000',
|
|
144
|
-
// color: '#000',
|
|
145
|
-
// padding: '0',
|
|
146
|
-
// cursor: 'pointer',
|
|
147
|
-
// '& span': {
|
|
148
|
-
// width: '100%',
|
|
149
|
-
// cursor: 'pointer'
|
|
150
|
-
// },
|
|
151
|
-
// '&:hover': {
|
|
152
|
-
// 'border-color': '#999'
|
|
153
|
-
// },
|
|
154
|
-
// '& input': {
|
|
155
|
-
// position: 'absolute',
|
|
156
|
-
// top: '0',
|
|
157
|
-
// left: '0',
|
|
158
|
-
// height: '100%',
|
|
159
|
-
// width: '100%',
|
|
160
|
-
// opacity: '0',
|
|
161
|
-
// cursor: 'pointer'
|
|
162
|
-
// }
|
|
163
|
-
// });
|
|
133
|
+
export const Dropzone = Component(`jbx-dropzone`);
|
|
164
134
|
|
|
165
135
|
export const Ul = Component(
|
|
166
136
|
`jbx-ul`,
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -164,6 +164,54 @@ body,
|
|
|
164
164
|
box-shadow: inset rgba(0, 0, 0, 0.04) 3px 3px 0, inset rgba(0, 0, 0, 0.03) 0.5px 0.5px 0;
|
|
165
165
|
}
|
|
166
166
|
|
|
167
|
+
.jbx-dropzone {
|
|
168
|
+
height: 120px;
|
|
169
|
+
flex: 1;
|
|
170
|
+
max-width: 320px;
|
|
171
|
+
display: flex;
|
|
172
|
+
text-align: center;
|
|
173
|
+
align-items: center;
|
|
174
|
+
align-content: center;
|
|
175
|
+
justify-content: center;
|
|
176
|
+
flex-direction: column;
|
|
177
|
+
border: 2px dashed #000;
|
|
178
|
+
color: #000;
|
|
179
|
+
padding: 0;
|
|
180
|
+
cursor: pointer;
|
|
181
|
+
}
|
|
182
|
+
.jbx-dropzone:hover {
|
|
183
|
+
border-color: #999;
|
|
184
|
+
}
|
|
185
|
+
.jbx-dropzone span {
|
|
186
|
+
width: 100%;
|
|
187
|
+
cursor: pointer;
|
|
188
|
+
}
|
|
189
|
+
.jbx-dropzone input {
|
|
190
|
+
position: absolute;
|
|
191
|
+
top: 0;
|
|
192
|
+
left: 0;
|
|
193
|
+
height: 100%;
|
|
194
|
+
width: 100%;
|
|
195
|
+
opacity: 0;
|
|
196
|
+
cursor: pointer;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
/*export const Dropzone = Styled.div({
|
|
200
|
+
|
|
201
|
+
|
|
202
|
+
|
|
203
|
+
},
|
|
204
|
+
'& input': {
|
|
205
|
+
position: 'absolute',
|
|
206
|
+
top: '0',
|
|
207
|
+
left: '0',
|
|
208
|
+
height: '100%',
|
|
209
|
+
width: '100%',
|
|
210
|
+
opacity: '0',
|
|
211
|
+
cursor: 'pointer'
|
|
212
|
+
}
|
|
213
|
+
});*/
|
|
214
|
+
|
|
167
215
|
.jbx-range {
|
|
168
216
|
flex: 1;
|
|
169
217
|
width: 100%;
|
|
@@ -174,6 +222,7 @@ body,
|
|
|
174
222
|
}
|
|
175
223
|
|
|
176
224
|
.jbx-range::-webkit-slider-thumb {
|
|
225
|
+
-webkit-appearance: none;
|
|
177
226
|
appearance: none;
|
|
178
227
|
box-shadow: none;
|
|
179
228
|
border-radius: 0;
|