@onereach/ui-components-vue2 21.3.1 → 21.3.2

package/dist/esm/components/or-autocomplete-v3/index.js

@@ -22,12 +22,12 @@ import '@onereach/styles/tailwind.config.json';
 import '../../constants-2e3ea701.js';
 import '../or-icon-v3/index.js';
 import '../or-tooltip-v3/index.js';
+import '../../style-inject.es-87955792.js';
 import '@floating-ui/dom';
 import '../or-bottom-sheet-v3/index.js';
 import '../or-overlay-v3/index.js';
 import '../or-teleport-v3/index.js';
 import 'portal-vue';
-import '../../style-inject.es-87955792.js';
 import '../or-tag-v3/index.js';
 import '../or-button-v3/index.js';
 import '../../props-bba3dca8.js';

package/dist/esm/components/or-rating-v3/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, inject, toRef, watch, reactive } from 'vue-demi';
-import { a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
+import { n as ne, a as re } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
 import { OrIconV3 as OrIcon } from '../or-icon-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../dom-qGGG2YCX-4d4cca6e.js';
@@ -22,7 +22,7 @@ const RatingVariants = {
   'layout-row'],
   [RatingVariant.Fitted]: [
   // Layout
-  'layout-row justify-between']
+  'layout-row md:justify-between']
 };
 const RatingStar = [
 // Layout
@@ -30,11 +30,14 @@ const RatingStar = [
 // Interactivity
 'interactivity-click',
 // Box
-'w-[28px] md:w-[24px]', 'h-[28px] md:h-[24px]',
+'w-[32px] md:w-[24px]', 'h-[32px] md:h-[24px]',
 // Theme (activated)
 'activated:text-warning-hover', 'dark:activated:text-warning-hover-dark',
 // Theme (disabled)
 'disabled:text-disabled', 'dark:disabled:text-disabled-dark'];
+const RatingStarMobile = [
+// Typography;
+'text-[32px]'];
 
 const RATING_LENGTH = Symbol();
 var script = defineComponent({
@@ -69,8 +72,11 @@ var script = defineComponent({
   setup(props, context) {
     // Refs & Styles
     const root = ref();
+    const {
+      isMobile
+    } = ne();
     const rootStyles = computed(() => ['or-rating-v3', ...Rating, ...RatingVariants[props.variant]]);
-    const starStyles = computed(() => [...RatingStar, ...(props.readonly ? ['interactivity-none'] : [])]);
+    const starStyles = computed(() => [...RatingStar, ...(props.readonly ? ['interactivity-none'] : []), ...(isMobile.value ? RatingStarMobile : [])]);
     // Options
     const length = inject(RATING_LENGTH, 5);
     // State
@@ -84,6 +90,17 @@ var script = defineComponent({
       immediate: true
     });
     const hoverIndex = reactive(Array(length).fill(false));
+    const starSize = computed(() => {
+      return index => {
+        if (props.variant === 'fitted' || isMobile.value) {
+          return 'inherit';
+        }
+        if (hoverIndex[index]) {
+          return 'xl';
+        }
+        return 'l';
+      };
+    });
     // Handlers
     function onMouseEnter(event, index) {
       hoverIndex[index] = true;
@@ -103,8 +120,10 @@ var script = defineComponent({
       root,
       rootStyles,
       starStyles,
+      starSize,
       model,
       draft,
+      isMobile,
       hoverIndex,
       onMouseEnter,
       onMouseMove,
@@ -156,7 +175,7 @@ var __vue_render__ = function () {
       attrs: {
         "icon": _vm.draft - value + 1 === 0.5 ? 'star_half' : 'star',
         "variant": value <= _vm.draft ? 'filled' : 'outlined',
-        "size": _vm.variant === 'fitted' ? 'inherit' : _vm.hoverIndex[value - 1] ? 'xl' : 'l'
+        "size": _vm.starSize(value - 1)
       }
     })], 1);
   }), 0);

package/dist/esm/components/or-rating-v3/styles.d.ts

@@ -2,3 +2,4 @@ import { RatingVariant } from './types';
 export declare const Rating: string[];
 export declare const RatingVariants: Record<RatingVariant, string[]>;
 export declare const RatingStar: string[];
+export declare const RatingStarMobile: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "21.3.1",
+  "version": "21.3.2",
   "description": "Vue components library for v2",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -40,8 +40,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^21.3.1",
-    "@onereach/ui-components-common": "^21.3.1",
+    "@onereach/styles": "^21.3.2",
+    "@onereach/ui-components-common": "^21.3.2",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -105,5 +105,5 @@
     "access": "public"
   },
   "npmUnpacked": "4.15.2",
-  "gitHead": "0ecc914fab53967c7357b45dc04eff8814db4c7a"
+  "gitHead": "fa5876d40691fa509d8575963492da0c2cce65d0"
 }