@indielayer/ui 1.10.2 → 1.10.4

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.10.2";
+declare const _default: "1.10.4";
 export default _default;

package/lib/version.js

@@ -1,4 +1,4 @@
-const e = "1.10.2";
+const e = "1.10.4";
 export {
   e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.10.2",
+  "version": "1.10.4",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",

package/src/components/button/theme/Button.base.theme.ts

@@ -3,7 +3,7 @@ import type { ButtonTheme } from '../Button.vue'
 const theme: ButtonTheme = {
   classes: {
     wrapper({ props, slots, data }) {
-      const classes = ['relative transition duration-150 focus:outline-none inline-flex items-center justify-center font-medium whitespace-nowrap overflow-hidden align-middle active:!shadow-none border appearance-none']
+      const classes = ['relative transition duration-150 focus:outline-none inline-flex items-center justify-center font-medium whitespace-nowrap overflow-hidden align-middle active:!shadow-none border appearance-none shrink-0']
 
       // radius
       if (!data.isButtonGroup) classes.push(props.rounded ? 'rounded-full' : 'rounded-md')
@@ -15,8 +15,8 @@ const theme: ButtonTheme = {
       if (props.size === 'xs') classes.push(slots.default ? `py-1 text-xs ${props.icon ? 'px-2' : 'px-2'}` : 'leading-none p-1')
       else if (props.size === 'sm') classes.push(slots.default ? `py-1.5 text-sm ${props.icon ? 'px-3' : 'px-3'}` : 'leading-none p-1.5')
       else if (props.size === 'lg') classes.push(slots.default ? `py-3 text-lg ${props.icon ? 'px-4' : 'px-6'}` : 'leading-none p-3')
-      else if (props.size === 'xl') classes.push(slots.default ? `py-4 text-xl ${props.icon ? 'px-6' : 'px-6'}` : 'leading-none p-4')
-      else classes.push(slots.default ? `py-2 ${props.icon ? 'px-4' : 'px-5'}` : 'leading-none p-2')
+      else if (props.size === 'xl') classes.push(slots.default ? `py-4 text-xl ${props.icon ? 'px-6' : 'px-6'}` : 'leading-none p-3.5')
+      else classes.push(slots.default ? `py-2 ${props.icon ? 'px-4' : 'px-5'}` : 'leading-none p-[0.532rem]')
 
       // cursor
       if (props.disabled) classes.push('cursor-not-allowed')

package/src/components/datepicker/Datepicker.vue

@@ -87,6 +87,7 @@ const vueDatepickerProps = {
   state: { type: Boolean as PropType<VueDatePickerProps['state']>, default: null },
   required: { type: Boolean as PropType<boolean>, default: false },
   autocomplete: { type: String as PropType<string>, default: 'off' },
+  timePicker: { type: Boolean as PropType<boolean>, default: false },
   enableSeconds: { type: Boolean as PropType<boolean>, default: false },
   is24: { type: Boolean as PropType<boolean>, default: true },
   noHoursOverlay: { type: Boolean as PropType<boolean>, default: false },
@@ -266,6 +267,7 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
       :state="state"
       :required="required"
       :autocomplete="autocomplete"
+      :time-picker="timePicker"
       :enable-seconds="enableSeconds"
       :no-hours-overlay="noHoursOverlay"
       :no-minutes-overlay="noMinutesOverlay"

package/src/components/form/Form.vue

@@ -132,6 +132,8 @@ const submit = (e: Event) => {
   emit('submit', isFormValid)
 }
 
+defineExpose({ validate, submit })
+
 const { styles, classes, className } = useTheme('Form', {}, props)
 </script>
 

package/src/version.ts

@@ -1 +1 @@
-export default '1.10.2'
+export default '1.10.4'