@simsustech/quasar-components 0.5.2 → 0.5.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @simsustech/quasar-components
 
+## 0.5.4
+
+### Patch Changes
+
+- d5d0975: fix(DateInput): fix style
+
+## 0.5.3
+
+### Patch Changes
+
+- a908cb3: fix(PostalCodeInput): make modelValue optional
+
 ## 0.5.2
 
 ### Patch Changes

package/dist/form.js

@@ -329,7 +329,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1 = {
   key: 0,
-  style: { "padding": "0px", "margin": "0px", "font-size": "18px" }
+  style: { "margin-left": "-0.5em", "margin-top": "0.75em" }
 };
 const _hoisted_2 = { class: "row items-center justify-end" };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
@@ -431,7 +431,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       YYYY: {
         modelValue: year.value,
         placeholder: lang2.value.datePicker.YYYY,
-        style: "max-width: 6.5ch",
+        style: "width: 7ch; margin-top: -2em; margin-bottom: -0.5em",
         // suffix: format.value === 'YYYY-MM-DD' ? '-' : undefined,
         class: format.value !== "YYYY-MM-DD" ? "q-mb-none q-ml-xs" : void 0,
         "onUpdate:modelValue": setYear,
@@ -440,7 +440,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       MM: {
         modelValue: month.value ? String(month.value).padStart(2, "0") : "",
         placeholder: lang2.value.datePicker.MM,
-        style: "max-width: 4.5ch",
+        style: "width: 6ch; margin-top: -2em; margin-bottom: -0.5em",
         // suffix: '-',
         class: "q-ml-xs",
         "onUpdate:modelValue": setMonth,
@@ -449,7 +449,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       DD: {
         modelValue: day.value ? String(day.value).padStart(2, "0") : "",
         placeholder: lang2.value.datePicker.DD,
-        style: "max-width: 4.5ch",
+        style: "width: 6ch; margin-top: -2em; margin-bottom: -0.5em",
         // suffix: format.value === 'DD-MM-YYYY' ? '-' : undefined,
         class: format.value === "YYYY-MM-DD" ? "q-ml-xs" : void 0,
         "onUpdate:modelValue": setDay,

package/dist/style.css

@@ -1,25 +1,4 @@
 .card[data-v-302df27a] {
   width: 100%;
   max-width: 300px;
-}
-.q-field--auto-height .q-field__control,
-.q-field--auto-height .q-field__native {
-  min-height: 1em;
-}
-.q-field--borderless .q-field__bottom,
-.q-field--borderless.q-field--dense .q-field__control,
-.q-field--standard .q-field__bottom,
-.q-field--standard.q-field--dense .q-field__control {
-  padding-top: 0;
-}
-.q-field--auto-height.q-field--labeled .q-field__control-container {
-  padding-top: 13px;
-}
-.q-field--auto-height.q-field--labeled .q-field__native {
-  padding-bottom: 0px;
-}
-.q-field__after {
-  height: 1em;
-  margin-top: 0.5em;
-  margin-left: -8px;
-}
+}

package/dist/types/ui/form/PostalCodeInput.vue.d.ts

@@ -1,6 +1,6 @@
 export type PostalCodeLocales = 'nl';
 export interface Props {
-    modelValue: string;
+    modelValue?: string;
     locale: PostalCodeLocales;
     required?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",

package/src/ui/form/DateInput.vue

@@ -15,11 +15,11 @@
         v-bind="dateProps[part]"
       >
         <template #after>
-          <a v-if="index < 2" style="padding: 0px; margin: 0px; font-size: 18px"
+          <a v-if="index < 2" style="margin-left: -0.5em; margin-top: 0.75em"
             >-</a
           >
-        </template></component
-      >
+        </template>
+      </component>
     </template>
 
     <template #append>
@@ -185,7 +185,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
   YYYY: {
     modelValue: year.value,
     placeholder: lang.value.datePicker.YYYY,
-    style: 'max-width: 6.5ch',
+    style: 'width: 7ch; margin-top: -2em; margin-bottom: -0.5em',
     // suffix: format.value === 'YYYY-MM-DD' ? '-' : undefined,
     class: format.value !== 'YYYY-MM-DD' ? 'q-mb-none q-ml-xs' : undefined,
     'onUpdate:modelValue': setYear,
@@ -194,7 +194,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
   MM: {
     modelValue: month.value ? String(month.value).padStart(2, '0') : '',
     placeholder: lang.value.datePicker.MM,
-    style: 'max-width: 4.5ch',
+    style: 'width: 6ch; margin-top: -2em; margin-bottom: -0.5em',
     // suffix: '-',
     class: 'q-ml-xs',
     'onUpdate:modelValue': setMonth,
@@ -203,7 +203,7 @@ const dateProps = computed<Record<string, QInputProps>>(() => ({
   DD: {
     modelValue: day.value ? String(day.value).padStart(2, '0') : '',
     placeholder: lang.value.datePicker.DD,
-    style: 'max-width: 4.5ch',
+    style: 'width: 6ch; margin-top: -2em; margin-bottom: -0.5em',
     // suffix: format.value === 'DD-MM-YYYY' ? '-' : undefined,
     class: format.value === 'YYYY-MM-DD' ? 'q-ml-xs' : undefined,
     'onUpdate:modelValue': setDay,
@@ -226,26 +226,4 @@ if (props.required)
   )
 </script>
 
-<style>
-.q-field--auto-height .q-field__control,
-.q-field--auto-height .q-field__native {
-  min-height: 1em;
-}
-.q-field--borderless .q-field__bottom,
-.q-field--borderless.q-field--dense .q-field__control,
-.q-field--standard .q-field__bottom,
-.q-field--standard.q-field--dense .q-field__control {
-  padding-top: 0;
-}
-.q-field--auto-height.q-field--labeled .q-field__control-container {
-  padding-top: 13px;
-}
-.q-field--auto-height.q-field--labeled .q-field__native {
-  padding-bottom: 0px;
-}
-.q-field__after {
-  height: 1em;
-  margin-top: 0.5em;
-  margin-left: -8px;
-}
-</style>
+<style></style>

package/src/ui/form/PostalCodeInput.vue

@@ -17,7 +17,7 @@ import { useLang } from './lang'
 export type PostalCodeLocales = 'nl'
 
 export interface Props {
-  modelValue: string
+  modelValue?: string
   locale: PostalCodeLocales
   required?: boolean
 }