@bagelink/vue 1.9.164 → 1.9.166

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 (14) hide show
  1. package/dist/components/form/inputs/EmailInput.vue.d.ts.map +1 -1
  2. package/dist/components/form/inputs/NumberInput.vue.d.ts.map +1 -1
  3. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  4. package/dist/components/form/inputs/TelInput.vue.d.ts.map +1 -1
  5. package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
  6. package/dist/index.cjs +5 -5
  7. package/dist/index.mjs +6 -6
  8. package/dist/style.css +1 -1
  9. package/package.json +1 -1
  10. package/src/components/form/inputs/EmailInput.vue +1 -0
  11. package/src/components/form/inputs/NumberInput.vue +1 -0
  12. package/src/components/form/inputs/SelectInput.vue +6 -1
  13. package/src/components/form/inputs/TelInput.vue +3 -0
  14. package/src/components/form/inputs/TextInput.vue +3 -5
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "1.9.164",
4
+ "version": "1.9.166",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Bagel Studio",
package/src/components/form/inputs/EmailInput.vue CHANGED
@@ -472,6 +472,7 @@ onMounted(() => {
472
472
 
473
473
  .bagel-input.has-error input {
474
474
  border-color: var(--bgl-red, #dc3545) !important;
475
+ outline: 1px solid var(--bgl-red, #dc3545) !important;
475
476
  }
476
477
 
477
478
  .error-message {
package/src/components/form/inputs/NumberInput.vue CHANGED
@@ -256,6 +256,7 @@ const hasValue = computed(() => {
256
256
 
257
257
  .bagel-input.has-error input {
258
258
  border-color: var(--bgl-red, #dc3545) !important;
259
+ outline: 1px solid var(--bgl-red, #dc3545) !important;
259
260
  }
260
261
 
261
262
  .error-message {
package/src/components/form/inputs/SelectInput.vue CHANGED
@@ -437,7 +437,12 @@ onMounted(() => {
437
437
  }
438
438
 
439
439
  .selectinput.has-error .selectinput-btn {
440
- border: 1px solid var(--bgl-red, #dc3545) !important;
440
+ border-color: var(--bgl-red, #dc3545) !important;
441
+ outline: 1px solid var(--bgl-red, #dc3545) !important;
442
+ }
443
+
444
+ .selectinput.underlined.has-error .selectinput-btn {
445
+ border-color: var(--bgl-red, #dc3545) !important;
441
446
  }
442
447
 
443
448
  .error-message {
package/src/components/form/inputs/TelInput.vue CHANGED
@@ -353,6 +353,9 @@ onMounted(initializeCountry)
353
353
  .bagel-input.has-error .tel-input {
354
354
  border: 1px solid var(--bgl-red, #dc3545) !important;
355
355
  }
356
+ .bagel-input.has-error .tel-input {
357
+ --border-color: var(--bgl-red, #dc3545) !important;
358
+ }
356
359
 
357
360
  .error-message {
358
361
  color: var(--bgl-red, #dc3545);
package/src/components/form/inputs/TextInput.vue CHANGED
@@ -183,7 +183,7 @@ onMounted(async () => {
183
183
  <Icon v-if="iconStart" :class="{ ' -top-025 line-height-0 ': underlined }" class="iconStart" :icon="iconStart" />
184
184
  <Icon v-if="icon" :class="{ ' -top-025 line-height-0 ': underlined }" :icon />
185
185
  </label>
186
- <div v-if="error" class="error-message bg-red-light">
186
+ <div v-if="error" class="error-message">
187
187
  {{ error }}
188
188
  </div>
189
189
  </div>
@@ -280,18 +280,16 @@ onMounted(async () => {
280
280
 
281
281
  .bagel-input.has-error input,
282
282
  .bagel-input.has-error textarea {
283
+ border-color: var(--bgl-red, #dc3545) !important;
283
284
  outline: 1px solid var(--bgl-red, #dc3545) !important;
284
285
  }
285
286
 
286
287
  .error-message {
287
288
  color: var(--bgl-red, #dc3545);
288
289
  font-size: 10px;
289
- border-radius: 0.25rem;
290
- padding: 0rem 0.25rem;
291
290
  position: absolute;
292
291
  inset-inline-end: 0;
293
- bottom: -1.2rem;
294
- left: 0.5rem;
292
+ bottom: -0.9rem;
295
293
  margin-top: 0.25rem;
296
294
  }
297
295
  </style>