@iqual/nuxt-icms 1.5.11 → 1.5.13

package/components/Paragraph/Testimonial/Layout/index.vue

@@ -21,8 +21,9 @@
           :pretitle="pretitle"
           :pretitleClass="themedClass('pretitleClass')"
           :title="title"
-          :text="text"
           :titleClass="themedClass('titleClass')"
+          :text="text"
+          :textClass="themedClass('textClass')"
           :titleWeight="titleWeight"
           :titleStyle="titleStyle"
           :subtitle="subtitle"
@@ -65,8 +66,12 @@
             prevIcon="i-lucide-chevron-left"
             nextIcon="i-lucide-chevron-right"
             :ui="{
-              item: 'basis-full',
-              container: themedClass('carouselContent'),
+              root: themedClass('carouselRootClass'),
+              viewport: themedClass('carouselViewportClass'),
+              item: themedClass('carouselItemClass', 'basis-full'),
+              container: themedClass('carouselContentClass'),
+              controls: themedClass('carouselControlsClass'),
+              arrows: themedClass('carouselArrowsClass'),
               prev: cn(
                 themedClass('carouselButtonPrevClass', 'sm:-start-24'),
                 carouselButton({ colorScheme }),
@@ -75,6 +80,8 @@
                 themedClass('carouselButtonNextClass', 'sm:-end-24'),
                 carouselButton({ colorScheme }),
               ),
+              dots: themedClass('carouselDotsClass'),
+              dot: carouselDot({ colorScheme }),
             }"
           >
             <template #default="{ item }">
@@ -159,6 +166,36 @@ const carouselButton = tv({
   },
 })
 
+const carouselDot = tv({
+  base: themedClass(
+    'carouselDotBase',
+    'cursor-pointer size-3 rounded-full transition focus:outline-none focus-visible:ring-2',
+  ),
+  variants: {
+    colorScheme: {
+      none: themedClass(
+        'carouselDotVariantsColorSchemeNone',
+        'bg-gray-300 data-[state=active]:bg-gray-950 focus-visible:ring-primary',
+      ),
+      dark: themedClass(
+        'carouselDotVariantsColorSchemeDark',
+        'bg-gray-600 data-[state=active]:bg-white focus-visible:ring-primary',
+      ),
+      light: themedClass(
+        'carouselDotVariantsColorSchemeLight',
+        'bg-gray-300 data-[state=active]:bg-gray-950 focus-visible:ring-primary',
+      ),
+      accent: themedClass(
+        'carouselDotVariantsColorSchemeAccent',
+        'bg-primary-300 data-[state=active]:bg-white focus-visible:ring-white',
+      ),
+    },
+  },
+  defaultVariants: {
+    colorScheme: 'none',
+  },
+})
+
 const spacing = computed(() => {
   return { bottom: options.value.spacingBottom, top: options.value.spacingTop }
 })

package/components/Search/Facets/FacetDropdownUI.vue

@@ -101,7 +101,6 @@
                         icon: themedClass('filterOptionUCheckboxIcon'),
                       }"
                       tabindex="-1"
-                      @click.stop
                     />
 
                     <span :class="filterOptionLabel({ colorScheme })">
@@ -571,7 +570,7 @@ const resetFiltersButton = tv({
 })
 
 const checkboxBase = tv({
-  base: themedClass('checkboxBase', 'rounded-none'),
+  base: themedClass('checkboxBase', 'rounded-none cursor-pointer'),
   variants: {
     colorScheme: {
       none: themedClass('checkboxBaseVariantsColorSchemeNone', 'ring-gray-200'),
@@ -615,7 +614,7 @@ const checkboxIndicator = tv({
 const filterOptionButton = tv({
   base: themedClass(
     'filterOptionButtonBase',
-    'flex w-full items-center gap-4 px-4 py-3 text-left focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-offset-4',
+    'flex w-full items-center gap-4 px-4 py-3 text-left focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-offset-4 cursor-pointer',
   ),
   variants: {
     colorScheme: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iqual/nuxt-icms",
-  "version": "1.5.11",
+  "version": "1.5.13",
   "description": "ICMS Base",
   "type": "module",
   "private": false,