@saasmakers/ui 1.4.53 → 1.4.54

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.
@@ -62,6 +62,7 @@ function onClick(event: MouseEvent) {
62
62
  :is="to && !disabled ? NuxtLinkLocale : 'div'"
63
63
  class="group flex flex-col"
64
64
  :class="{
65
+ 'cursor-default': !isClickable,
65
66
  'cursor-pointer': isClickable,
66
67
  'pointer-events-none': disabled,
67
68
  'opacity-50': disabled,
@@ -197,8 +198,8 @@ function onClick(event: MouseEvent) {
197
198
  v-if="isSelected"
198
199
  class="mr-1.5 self-center flex-initial"
199
200
  :class="{
200
- 'text-2xl': size === 'base',
201
- 'text-3xl': size === 'lg',
201
+ 'text-xl': size === 'base',
202
+ 'text-2xl': size === 'lg',
202
203
  }"
203
204
  color="green"
204
205
  :icon="getIcon('checkCircle')"
@@ -80,6 +80,10 @@ const finalColor = computed(() => {
80
80
  })
81
81
 
82
82
  function onClick(event: MouseEvent) {
83
+ if (!isClickable.value) {
84
+ return
85
+ }
86
+
83
87
  if (props.confirmation) {
84
88
  if (confirming.value) {
85
89
  emit('confirm', event)
@@ -112,8 +116,8 @@ function onKeyDown(event: KeyboardEvent) {
112
116
  'flex-row': !reverse,
113
117
  'flex-row-reverse': reverse,
114
118
  }"
115
- role="button"
116
- tabindex="0"
119
+ :role="isClickable ? 'button' : undefined"
120
+ :tabindex="isClickable ? 0 : undefined"
117
121
  @click="onClick"
118
122
  @keydown.enter="onKeyDown"
119
123
  @keydown.space.prevent="onKeyDown"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saasmakers/ui",
3
- "version": "1.4.53",
3
+ "version": "1.4.54",
4
4
  "private": false,
5
5
  "description": "Reusable Nuxt UI components for SaaS Makers projects",
6
6
  "license": "MIT",