@saasmakers/ui 0.1.91 → 0.1.93
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.
|
@@ -33,7 +33,7 @@ function onTabClick(event: MouseEvent, tabValue: string) {
|
|
|
33
33
|
|
|
34
34
|
<template>
|
|
35
35
|
<div
|
|
36
|
-
class="
|
|
36
|
+
class="flex items-center border border-gray-300 shadow-inner dark:border-gray-700"
|
|
37
37
|
:class="{
|
|
38
38
|
'gap-0 border-b border-gray-300 dark:border-gray-700 bg-gray-100 dark:bg-gray-900': theme === 'border',
|
|
39
39
|
'gap-2 rounded-lg bg-gray-200 dark:bg-gray-800 p-0.5 sm:p-1': theme === 'rounded',
|
|
@@ -20,6 +20,8 @@ const emit = defineEmits<{
|
|
|
20
20
|
blur: [event: FocusEvent, value: string, name?: string]
|
|
21
21
|
}>()
|
|
22
22
|
|
|
23
|
+
const { getIcon } = useLayerIcons()
|
|
24
|
+
|
|
23
25
|
const modelValue = defineModel<FieldTime['modelValue']>({ default: '' })
|
|
24
26
|
|
|
25
27
|
const uuid = ref(`${Math.floor((1 + Math.random()) * 0x100000)}`)
|
|
@@ -42,7 +44,18 @@ function onFieldBlur(event: FocusEvent) {
|
|
|
42
44
|
:size="size"
|
|
43
45
|
/>
|
|
44
46
|
|
|
45
|
-
<div
|
|
47
|
+
<div
|
|
48
|
+
class="h-[42px] flex cursor-pointer items-center gap-2 overflow-hidden border border-gray-200 rounded-lg px-3 dark:border-gray-800 focus-within:border-gray-400 hover:border-gray-300 dark:focus-within:border-gray-600 dark:hover:border-gray-700"
|
|
49
|
+
:class="{
|
|
50
|
+
'bg-gray-100 dark:bg-gray-900': background === 'gray',
|
|
51
|
+
'bg-white dark:bg-gray-900': background === 'white',
|
|
52
|
+
}"
|
|
53
|
+
>
|
|
54
|
+
<BaseIcon
|
|
55
|
+
:icon="getIcon('clock')"
|
|
56
|
+
:size="size"
|
|
57
|
+
/>
|
|
58
|
+
|
|
46
59
|
<input
|
|
47
60
|
:id="`${id}`"
|
|
48
61
|
v-model="modelValue"
|
|
@@ -14,6 +14,7 @@ const icons = {
|
|
|
14
14
|
arrowUp: 'solar:alt-arrow-up-bold',
|
|
15
15
|
back: 'hugeicons:arrow-turn-backward',
|
|
16
16
|
checkCircle: 'hugeicons:checkmark-circle-02',
|
|
17
|
+
clock: 'solar:alarm-linear',
|
|
17
18
|
close: 'hugeicons:cancel-01',
|
|
18
19
|
closeCircle: 'hugeicons:cancel-circle',
|
|
19
20
|
default: 'hugeicons:help-circle',
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@saasmakers/ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.93",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "Reusable Nuxt UI components for SaaS Makers projects",
|
|
7
7
|
"license": "MIT",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"@capacitor/preferences": "7.0.2",
|
|
30
30
|
"@nuxt/icon": "2.1.1",
|
|
31
31
|
"@nuxt/scripts": "0.13.2",
|
|
32
|
-
"@nuxtjs/color-mode": "
|
|
32
|
+
"@nuxtjs/color-mode": "3.5.2",
|
|
33
33
|
"@nuxtjs/i18n": "10.2.1",
|
|
34
34
|
"@nuxtjs/plausible": "2.0.1",
|
|
35
35
|
"@nuxtjs/robots": "5.6.7",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"scripts": {
|
|
64
64
|
"dev": "nuxi dev",
|
|
65
65
|
"lint": "eslint .",
|
|
66
|
-
"storybook": "storybook dev",
|
|
66
|
+
"storybook": "storybook dev -p 6006",
|
|
67
67
|
"typecheck": "nuxi typecheck"
|
|
68
68
|
}
|
|
69
69
|
}
|