@bagelink/vue 1.4.153 → 1.4.159
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/components/Alert.vue.d.ts +17 -2
- package/dist/components/Alert.vue.d.ts.map +1 -1
- package/dist/components/ListItem.vue.d.ts +2 -2
- package/dist/components/ListItem.vue.d.ts.map +1 -1
- package/dist/components/Loading.vue.d.ts +3 -2
- package/dist/components/Loading.vue.d.ts.map +1 -1
- package/dist/components/Modal.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/ColorInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/DateInput.vue.d.ts +1 -1
- package/dist/components/form/inputs/DateInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/NumberInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/Upload/UploadInput.vue.d.ts.map +1 -1
- package/dist/components/layout/TabsNav.vue.d.ts.map +1 -1
- package/dist/components/lightbox/Lightbox.vue.d.ts.map +1 -1
- package/dist/index.cjs +21 -21
- package/dist/index.mjs +21 -21
- package/dist/style.css +1 -1
- package/dist/types/BagelForm.d.ts +1 -0
- package/dist/types/BagelForm.d.ts.map +1 -1
- package/dist/types/BtnOptions.d.ts +3 -0
- package/dist/types/BtnOptions.d.ts.map +1 -1
- package/dist/utils/sizeParsing.d.ts +3 -0
- package/dist/utils/sizeParsing.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/Alert.vue +12 -9
- package/src/components/ListItem.vue +42 -35
- package/src/components/Loading.vue +73 -25
- package/src/components/Modal.vue +40 -24
- package/src/components/form/inputs/ColorInput.vue +5 -5
- package/src/components/form/inputs/DateInput.vue +0 -1
- package/src/components/form/inputs/NumberInput.vue +2 -2
- package/src/components/form/inputs/RichText/index.vue +147 -271
- package/src/components/form/inputs/Upload/UploadInput.vue +95 -212
- package/src/components/form/inputs/Upload/upload.css +36 -2
- package/src/components/layout/AppSidebar.vue +1 -1
- package/src/components/layout/TabsNav.vue +24 -22
- package/src/components/lightbox/Lightbox.vue +1 -0
- package/src/styles/colors.css +502 -3
- package/src/styles/inputs.css +12 -4
- package/src/styles/layout.css +779 -1
- package/src/styles/mobilLayout.css +779 -1
- package/src/styles/mobileColors.css +4167 -3739
- package/src/types/BagelForm.ts +1 -0
- package/src/types/BtnOptions.ts +4 -0
- package/src/utils/sizeParsing.ts +26 -0
package/src/styles/inputs.css
CHANGED
|
@@ -184,6 +184,10 @@ select {
|
|
|
184
184
|
margin: 0 0.5%;
|
|
185
185
|
}
|
|
186
186
|
|
|
187
|
+
.bg-input {
|
|
188
|
+
background: var(--input-bg);
|
|
189
|
+
}
|
|
190
|
+
|
|
187
191
|
.custom-select .input {
|
|
188
192
|
height: var(--input-height);
|
|
189
193
|
font-size: var(--input-font-size);
|
|
@@ -276,16 +280,16 @@ select {
|
|
|
276
280
|
}
|
|
277
281
|
|
|
278
282
|
.bagel-input input[type='color'] {
|
|
279
|
-
padding: 0
|
|
283
|
+
padding: 0;
|
|
280
284
|
display: block;
|
|
281
|
-
width: var(--input-height);
|
|
282
|
-
min-width: var(--input-height);
|
|
283
|
-
height: var(--input-height);
|
|
284
285
|
border: none;
|
|
285
286
|
-webkit-appearance: none;
|
|
286
287
|
-moz-appearance: none;
|
|
287
288
|
appearance: none;
|
|
288
289
|
cursor: pointer;
|
|
290
|
+
height: calc(var(--input-height) - 0.5rem);
|
|
291
|
+
width: calc(var(--input-height) - 0.5em);
|
|
292
|
+
min-width: calc(var(--input-height) - 0.5rem);
|
|
289
293
|
}
|
|
290
294
|
|
|
291
295
|
.bagel-input input[type='color']::-webkit-color-swatch {
|
|
@@ -295,6 +299,10 @@ select {
|
|
|
295
299
|
transition: box-shadow 200ms ease;
|
|
296
300
|
}
|
|
297
301
|
|
|
302
|
+
.bagel-input input[type='color']::-webkit-color-swatch-wrapper {
|
|
303
|
+
padding: 0 !important;
|
|
304
|
+
}
|
|
305
|
+
|
|
298
306
|
.bagel-input input[type='color']::-moz-color-swatch {
|
|
299
307
|
border-radius: var(--input-border-radius);
|
|
300
308
|
border: none;
|