@onereach/ui-components 8.16.0-beta.3826.0 → 8.16.0

package/dist/esm/v2/{OrCardCollection-38f8afb9.js → OrCardCollection-a5af5643.js}

@@ -46,7 +46,7 @@ const CardCollectionContent = [
 // Overflow
 'overflow-auto',
 // Spacing
-'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm', 'gap-sm md:gap-md'];
+'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm', 'gap-sm'];
 const CardCollectionContentViews = {
   [CardCollectionView.Grid]: [
   // Layout

package/dist/esm/v2/{OrRating-daf4f801.js → OrRating-abf1b609.js}

@@ -125,6 +125,7 @@ var __vue_render__ = function () {
         },
         "click": function ($event) {
           _vm.proxyModelValue = _vm.draftModelValue;
+          _vm.hoverIndex[value - 1] = false;
         }
       }
     }, [_c('OrIcon', {

package/dist/esm/v2/{OrTabs-5d967a02.js → OrTabs-778ce12d.js}

@@ -26,26 +26,26 @@ const TabsContainer = [
 'gap-lg'];
 const Tabs = [
 // Layout
-'grid', 'grid-flow-col', 'items-center',
-// Box
-'shrink-0',
-// Spacing
-'gap-lg',
+'grid grid-flow-col items-center shrink-0',
 // Theme
 'theme-border-underline', 'theme-border-1-outline', 'dark:theme-border-1-outline'];
 const TabsVariants = {
   'default': [
   // Layout
-  'auto-cols-max'],
+  'auto-cols-max',
+  // Spacing
+  'gap-lg'],
   'fitted': [
   // Layout
-  'auto-cols-auto']
+  'auto-cols-auto',
+  // Spacing (children)
+  'children:px-lg']
 };
 const TabsContent = [
 // Layout
 'grow',
-// box
-'h-full', 'overflow-auto'];
+// Overflow
+'overflow-auto'];
 
 var script = defineComponent({
   name: 'OrTabs',
@@ -121,7 +121,7 @@ var script = defineComponent({
       [...children].reverse().forEach(element => {
         if (currentWidth > rootElement.clientWidth) {
           nextHiddenTabs.unshift(nextNormalTabs.pop());
-          currentWidth -= element.clientWidth + 16;
+          currentWidth -= element.clientWidth + (props.variant === TabsVariant.Default ? 16 : 0);
         }
       });
       if (nextHiddenTabs.includes(activeTab)) {

package/dist/esm/v2/components/index.js

@@ -10,7 +10,7 @@ export { _ as OrIconButton, _ as OrIconButtonV2 } from '../OrIconButton-f6370222
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrIconButton.vue_rollup-plugin-vue_styles.0-02ba7b68.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-d7e546a0.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-38f8afb9.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-a5af5643.js';
 export { C as CardPadding, _ as OrCardV3 } from '../OrCard-54dce216.js';
 export { _ as OrCheckbox } from '../OrCheckbox-3337d903.js';
 export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-f8781127.js';
@@ -95,7 +95,7 @@ export { _ as OrRadioV3 } from '../OrRadio-3d341a8c.js';
 export { _ as OrRangeSliderV3 } from '../OrRangeSlider-23be9910.js';
 export { _ as OrSliderV3 } from '../OrSlider-a474445c.js';
 export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-09b4700b.js';
-export { _ as OrRatingV3 } from '../OrRating-daf4f801.js';
+export { _ as OrRatingV3 } from '../OrRating-abf1b609.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-c4c84bde.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-598c582f.js';
 export { _ as OrSearch } from '../OrSearch-ddf244e6.js';
@@ -122,7 +122,7 @@ export { _ as OrTab } from '../OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from '../OrTab-a989b4fd.js';
 export { _ as OrTabs } from '../OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-5d967a02.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-778ce12d.js';
 export { _ as OrTag } from '../OrTag-ce728fad.js';
 export { _ as OrTagInputV3 } from '../OrTagInput-2642f4d9.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-bf15f5ad.js';

package/dist/esm/v2/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-38f8afb9.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-a5af5643.js';
 import 'vue-demi';
 import '../../OrIconButton-edff56d4.js';
 import '../../OrIcon-3f99ef27.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrRatingV3 } from '../../OrRating-daf4f801.js';
+export { _ as OrRatingV3 } from '../../OrRating-abf1b609.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';

package/dist/esm/v2/components/or-tabs-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-5d967a02.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-778ce12d.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

package/dist/esm/v2/index.js

@@ -10,7 +10,7 @@ export { _ as OrIconButton, _ as OrIconButtonV2 } from './OrIconButton-f6370222.
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-02ba7b68.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-d7e546a0.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-38f8afb9.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-a5af5643.js';
 export { C as CardPadding, _ as OrCardV3 } from './OrCard-54dce216.js';
 export { _ as OrCheckbox } from './OrCheckbox-3337d903.js';
 export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-f8781127.js';
@@ -95,7 +95,7 @@ export { _ as OrRadioV3 } from './OrRadio-3d341a8c.js';
 export { _ as OrRangeSliderV3 } from './OrRangeSlider-23be9910.js';
 export { _ as OrSliderV3 } from './OrSlider-a474445c.js';
 export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-09b4700b.js';
-export { _ as OrRatingV3 } from './OrRating-daf4f801.js';
+export { _ as OrRatingV3 } from './OrRating-abf1b609.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-c4c84bde.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-598c582f.js';
 export { _ as OrSearch } from './OrSearch-ddf244e6.js';
@@ -122,7 +122,7 @@ export { _ as OrTab } from './OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from './OrTab-a989b4fd.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-5d967a02.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-778ce12d.js';
 export { _ as OrTag } from './OrTag-ce728fad.js';
 export { _ as OrTagInputV3 } from './OrTagInput-2642f4d9.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-bf15f5ad.js';

package/dist/esm/v3/{OrCardCollection-bbb40f43.js → OrCardCollection-66ef68c6.js}

@@ -46,7 +46,7 @@ const CardCollectionContent = [
 // Overflow
 'overflow-auto',
 // Spacing
-'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm', 'gap-sm md:gap-md'];
+'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm', 'gap-sm'];
 const CardCollectionContentViews = {
   [CardCollectionView.Grid]: [
   // Layout

package/dist/esm/v3/{OrRating-65159952.js → OrRating-ec9462c5.js}

@@ -90,7 +90,7 @@ var script = defineComponent({
 });
 
 const _hoisted_1 = ["disabled"];
-const _hoisted_2 = ["activated", "disabled", "onMouseenter", "onMousemove", "onMouseleave"];
+const _hoisted_2 = ["activated", "disabled", "onMouseenter", "onMousemove", "onMouseleave", "onClick"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIcon = resolveComponent("OrIcon");
   return openBlock(), createElementBlock("div", {
@@ -108,7 +108,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onMouseenter: $event => _ctx.onMouseEnter($event, value - 1),
       onMousemove: $event => _ctx.onMouseMove($event, value - 1),
       onMouseleave: $event => _ctx.onMouseLeave($event, value - 1),
-      onClick: _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = _ctx.draftModelValue)
+      onClick: $event => {
+        _ctx.proxyModelValue = _ctx.draftModelValue;
+        _ctx.hoverIndex[value - 1] = false;
+      }
     }, [createVNode(_component_OrIcon, {
       icon: _ctx.draftModelValue - value + 1 === 0.5 ? 'star_half' : 'star',
       variant: value <= _ctx.draftModelValue ? 'filled' : 'outlined',

package/dist/esm/v3/{OrTabs-dc3137e8.js → OrTabs-e53980aa.js}

@@ -26,26 +26,26 @@ const TabsContainer = [
 'gap-lg'];
 const Tabs = [
 // Layout
-'grid', 'grid-flow-col', 'items-center',
-// Box
-'shrink-0',
-// Spacing
-'gap-lg',
+'grid grid-flow-col items-center shrink-0',
 // Theme
 'theme-border-underline', 'theme-border-1-outline', 'dark:theme-border-1-outline'];
 const TabsVariants = {
   'default': [
   // Layout
-  'auto-cols-max'],
+  'auto-cols-max',
+  // Spacing
+  'gap-lg'],
   'fitted': [
   // Layout
-  'auto-cols-auto']
+  'auto-cols-auto',
+  // Spacing (children)
+  'children:px-lg']
 };
 const TabsContent = [
 // Layout
 'grow',
-// box
-'h-full', 'overflow-auto'];
+// Overflow
+'overflow-auto'];
 
 var script = defineComponent({
   name: 'OrTabs',
@@ -121,7 +121,7 @@ var script = defineComponent({
       [...children].reverse().forEach(element => {
         if (currentWidth > rootElement.clientWidth) {
           nextHiddenTabs.unshift(nextNormalTabs.pop());
-          currentWidth -= element.clientWidth + 16;
+          currentWidth -= element.clientWidth + (props.variant === TabsVariant.Default ? 16 : 0);
         }
       });
       if (nextHiddenTabs.includes(activeTab)) {

package/dist/esm/v3/components/index.js

@@ -8,7 +8,7 @@ export { s as OrButtonV2 } from '../OrButton-f4098587.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton, s as OrIconButtonV2 } from '../OrIconButton-4424a0dc.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-7fd78cc8.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-bbb40f43.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-66ef68c6.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-d3320b27.js';
 export { s as OrCheckbox } from '../OrCheckbox-42ed332c.js';
 export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-e12e94c8.js';
@@ -91,7 +91,7 @@ export { s as OrRadioGroupV3 } from '../OrRadioGroup-201ee01c.js';
 export { s as OrRadioV3 } from '../OrRadio-09a6916c.js';
 export { s as OrRangeSliderV3 } from '../OrRangeSlider-758f8cc7.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider-1437f51e.js';
-export { s as OrRatingV3 } from '../OrRating-65159952.js';
+export { s as OrRatingV3 } from '../OrRating-ec9462c5.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-65d7e4fb.js';
 export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-31ca0236.js';
 export { s as OrSearch } from '../OrSearch-aa57d4e8.js';
@@ -118,7 +118,7 @@ export { s as OrTab } from '../OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from '../OrTab-42be32d1.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-dc3137e8.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-e53980aa.js';
 export { s as OrTag } from '../OrTag-bc8177a4.js';
 export { s as OrTagInputV3 } from '../OrTagInput-4cec4018.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-ccb7734c.js';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-bbb40f43.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-66ef68c6.js';
 import 'vue-demi';
 import '../../OrIconButton-13fd3f96.js';
 import '../../OrIcon-b2e2d0aa.js';

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

@@ -1,4 +1,4 @@
-export { s as OrRatingV3 } from '../../OrRating-65159952.js';
+export { s as OrRatingV3 } from '../../OrRating-ec9462c5.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';

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

@@ -1,4 +1,4 @@
-export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs-dc3137e8.js';
+export { s as OrTabsV3, T as TabsVariant } from '../../OrTabs-e53980aa.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';

package/dist/esm/v3/index.js

@@ -8,7 +8,7 @@ export { s as OrButtonV2 } from './OrButton-f4098587.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton, s as OrIconButtonV2 } from './OrIconButton-4424a0dc.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-7fd78cc8.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-bbb40f43.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-66ef68c6.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCard-d3320b27.js';
 export { s as OrCheckbox } from './OrCheckbox-42ed332c.js';
 export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-e12e94c8.js';
@@ -91,7 +91,7 @@ export { s as OrRadioGroupV3 } from './OrRadioGroup-201ee01c.js';
 export { s as OrRadioV3 } from './OrRadio-09a6916c.js';
 export { s as OrRangeSliderV3 } from './OrRangeSlider-758f8cc7.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider-1437f51e.js';
-export { s as OrRatingV3 } from './OrRating-65159952.js';
+export { s as OrRatingV3 } from './OrRating-ec9462c5.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-65d7e4fb.js';
 export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-31ca0236.js';
 export { s as OrSearch } from './OrSearch-aa57d4e8.js';
@@ -118,7 +118,7 @@ export { s as OrTab } from './OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from './OrTab-42be32d1.js';
 export { s as OrTabs } from './OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-dc3137e8.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-e53980aa.js';
 export { s as OrTag } from './OrTag-bc8177a4.js';
 export { s as OrTagInputV3 } from './OrTagInput-4cec4018.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-ccb7734c.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "8.16.0-beta.3826.0",
+  "version": "8.16.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -176,5 +176,6 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "3d295f3c7bb755087bcd6fcd7317807d64dfe17e"
 }

package/src/components/or-card-collection-v3/styles.ts

@@ -47,7 +47,7 @@ export const CardCollectionContent: string[] = [
   'px-sm',
   'py-sm',
 
-  'gap-sm md:gap-md',
+  'gap-sm',
 ];
 
 export const CardCollectionContentViews: Record<CardCollectionView, string[]> = {

package/src/components/or-rating-v3/OrRating.vue

@@ -14,7 +14,7 @@
       @mouseenter="onMouseEnter($event, value - 1)"
       @mousemove="onMouseMove($event, value - 1)"
       @mouseleave="onMouseLeave($event, value - 1)"
-      @click="proxyModelValue = draftModelValue"
+      @click="proxyModelValue = draftModelValue; hoverIndex[value - 1] = false"
     >
       <OrIcon
         :icon="draftModelValue - value + 1 === 0.5 ? 'star_half' : 'star'"

package/src/components/or-tabs-v3/OrTabs.vue

@@ -162,7 +162,7 @@ export default defineComponent({
       [...children].reverse().forEach((element) => {
         if (currentWidth > rootElement.clientWidth) {
           nextHiddenTabs.unshift(nextNormalTabs.pop()!);
-          currentWidth -= element.clientWidth + 16;
+          currentWidth -= element.clientWidth + (props.variant === TabsVariant.Default ? 16 : 0);
         }
       });
 

package/src/components/or-tabs-v3/styles.ts

@@ -13,16 +13,7 @@ export const TabsContainer: string[] = [
 
 export const Tabs: string[] = [
   // Layout
-  'grid',
-  'grid-flow-col',
-
-  'items-center',
-
-  // Box
-  'shrink-0',
-
-  // Spacing
-  'gap-lg',
+  'grid grid-flow-col items-center shrink-0',
 
   // Theme
   'theme-border-underline',
@@ -35,11 +26,17 @@ export const TabsVariants: Record<TabsVariant, string[]> = {
   'default': [
     // Layout
     'auto-cols-max',
+
+    // Spacing
+    'gap-lg',
   ],
 
   'fitted': [
     // Layout
     'auto-cols-auto',
+
+    // Spacing (children)
+    'children:px-lg',
   ],
 };
 
@@ -47,7 +44,6 @@ export const TabsContent: string[] = [
   // Layout
   'grow',
 
-  // box
-  'h-full',
+  // Overflow
   'overflow-auto',
 ];