@indielayer/ui 1.10.3 → 1.10.5

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/lib/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "1.10.3";
1
+ declare const _default: "1.10.5";
2
2
  export default _default;
package/lib/version.js CHANGED
@@ -1,4 +1,4 @@
1
- const e = "1.10.3";
1
+ const e = "1.10.5";
2
2
  export {
3
3
  e as default
4
4
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@indielayer/ui",
3
- "version": "1.10.3",
3
+ "version": "1.10.5",
4
4
  "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
5
5
  "author": {
6
6
  "name": "João Teixeira",
@@ -14,9 +14,9 @@ const theme: ButtonTheme = {
14
14
  // size
15
15
  if (props.size === 'xs') classes.push(slots.default ? `py-1 text-xs ${props.icon ? 'px-2' : 'px-2'}` : 'leading-none p-1')
16
16
  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')
17
- else if (props.size === 'lg') classes.push(slots.default ? `py-3 text-lg ${props.icon ? 'px-4' : 'px-6'}` : 'leading-none p-3')
18
- else if (props.size === 'xl') classes.push(slots.default ? `py-4 text-xl ${props.icon ? 'px-6' : 'px-6'}` : 'leading-none p-3.5')
19
- else classes.push(slots.default ? `py-2 ${props.icon ? 'px-4' : 'px-5'}` : 'leading-none p-[0.532rem]')
17
+ else if (props.size === 'lg') classes.push(slots.default ? `py-3 text-lg ${props.icon ? 'px-4' : 'px-5'}` : 'leading-none p-3')
18
+ else if (props.size === 'xl') classes.push(slots.default ? 'py-4 text-xl px-6' : 'leading-none p-3.5')
19
+ else classes.push(slots.default ? 'py-2 px-4' : 'leading-none p-[0.532rem]')
20
20
 
21
21
  // cursor
22
22
  if (props.disabled) classes.push('cursor-not-allowed')
@@ -87,6 +87,7 @@ const vueDatepickerProps = {
87
87
  state: { type: Boolean as PropType<VueDatePickerProps['state']>, default: null },
88
88
  required: { type: Boolean as PropType<boolean>, default: false },
89
89
  autocomplete: { type: String as PropType<string>, default: 'off' },
90
+ timePicker: { type: Boolean as PropType<boolean>, default: false },
90
91
  enableSeconds: { type: Boolean as PropType<boolean>, default: false },
91
92
  is24: { type: Boolean as PropType<boolean>, default: true },
92
93
  noHoursOverlay: { type: Boolean as PropType<boolean>, default: false },
@@ -266,6 +267,7 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
266
267
  :state="state"
267
268
  :required="required"
268
269
  :autocomplete="autocomplete"
270
+ :time-picker="timePicker"
269
271
  :enable-seconds="enableSeconds"
270
272
  :no-hours-overlay="noHoursOverlay"
271
273
  :no-minutes-overlay="noMinutesOverlay"
@@ -5,7 +5,7 @@ const theme: TableCellTheme = {
5
5
  wrapper: ({ props }) => {
6
6
  const c = ['px-3']
7
7
 
8
- c.push(props.dense ? 'py-2' : 'py-4')
8
+ c.push(props.dense ? 'h-9 py-0.5' : 'h-11 py-1')
9
9
 
10
10
  if (props.textAlign === 'left') c.push('text-left')
11
11
  else if (props.textAlign === 'center') c.push('text-center')
@@ -1,5 +1,6 @@
1
1
  <script lang="ts">
2
2
  const tooltipProps = {
3
+ tooltip: String,
3
4
  placement: {
4
5
  type: String as PropType<PopoverPlacement>,
5
6
  default: 'bottom',
@@ -28,7 +29,7 @@ const props = defineProps(tooltipProps)
28
29
  <template #content>
29
30
  <div class="dark">
30
31
  <x-popover-container class="p-2 text-white text-xs w-max max-w-xs">
31
- <slot name="tooltip"></slot>
32
+ <slot name="tooltip">{{ tooltip }}</slot>
32
33
  </x-popover-container>
33
34
  </div>
34
35
  </template>
package/src/version.ts CHANGED
@@ -1 +1 @@
1
- export default '1.10.3'
1
+ export default '1.10.5'