@onereach/ui-components 6.2.0 → 6.2.1-beta.3335.0

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-c329e727.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-8b3a57de.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-146c2f16.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-c329e727.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-8b3a57de.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-146c2f16.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7286977a.js';
 import { DateTimePickerTimeFormat } from './props.js';

package/dist/bundled/v2/components/OrIconButtonV3/OrIconButton.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { IconButtonColor } from './props.js';
-import { IconButtonRoot, IconButtonRootColors } from './styles.js';
+import { IconButton, IconButtonColors } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrTooltipV3/OrTooltip.js';
 import { IconSize } from '../OrIconV3/props.js';
@@ -50,7 +50,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-icon-button-v3', ...IconButtonRoot, ...IconButtonRootColors[props.color]]);
+    const rootStyles = computed(() => ['or-icon-button-v3', ...IconButton, ...IconButtonColors[props.color]]);
     return {
       root,
       rootStyles,
@@ -67,8 +67,16 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('OrTooltip', _vm._b({}, 'OrTooltip', typeof _vm.tooltip === 'string' ? {
-    text: _vm.tooltip
+  return _c('OrTooltip', _vm._b({
+    scopedSlots: _vm._u([_vm.$slots.tooltipContent ? {
+      key: "content",
+      fn: function () {
+        return [_vm._t("tooltipContent")];
+      },
+      proxy: true
+    } : null], null, true)
+  }, 'OrTooltip', typeof _vm.tooltip === 'string' ? {
+    content: _vm.tooltip
   } : _vm.tooltip, false), [_c('button', _vm._g(_vm._b({
     ref: "root",
     class: [_vm.rootStyles].concat(_vm.additionalStyles),

package/dist/bundled/v2/components/OrIconButtonV3/styles.d.ts

@@ -1,3 +1,3 @@
 import { IconButtonColor } from './props';
-export declare const IconButtonRoot: string[];
-export declare const IconButtonRootColors: Record<IconButtonColor, string[]>;
+export declare const IconButton: string[];
+export declare const IconButtonColors: Record<IconButtonColor, string[]>;

package/dist/bundled/v2/components/OrIconButtonV3/styles.js

@@ -1,4 +1,6 @@
-const IconButtonRoot = [
+import { IconButtonColor } from './props.js';
+
+const IconButton = [
 // Layout
 'layout-inline-row justify-center',
 // Shape
@@ -17,8 +19,8 @@ const IconButtonRoot = [
 'active:iconography-filled',
 // Theme
 '!outline outline-2 outline-transparent'];
-const IconButtonRootColors = {
-  'default': [
+const IconButtonColors = {
+  [IconButtonColor.Default]: [
   // Theme
   'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
   // Theme (hover)
@@ -29,7 +31,7 @@ const IconButtonRootColors = {
   'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark', 'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark',
   // Theme (selected)
   'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark'],
-  'danger': [
+  [IconButtonColor.Danger]: [
   // Theme
   'theme-preset-3-error', 'dark:theme-preset-3-error-dark',
   // Theme (hover)
@@ -38,7 +40,7 @@ const IconButtonRootColors = {
   'focus-visible:md:outline-error-opacity-0-08', 'dark:focus-visible:md:outline-error-opacity-0-08-dark',
   // Theme (active)
   'active:outline-error-opacity-0-08', 'dark:active:outline-error-opacity-0-08-dark', 'active:md:outline-error-opacity-0-16', 'dark:active:md:outline-error-opacity-0-16-dark'],
-  'inherit': [
+  [IconButtonColor.Inherit]: [
   // Theme
   'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-inherit', 'dark:theme-foreground-inherit-dark',
   // Theme (hover)
@@ -49,4 +51,4 @@ const IconButtonRootColors = {
   'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark']
 };
 
-export { IconButtonRoot, IconButtonRootColors };
+export { IconButton, IconButtonColors };

package/dist/bundled/v2/components/OrIconV3/OrIcon.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { IconVariant, IconSize } from './props.js';
-import { IconRoot, IconRootVariants, IconRootSizes } from './styles.js';
+import { Icon, IconVariants, IconSizes } from './styles.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
@@ -24,7 +24,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-icon-v3', ...IconRoot, ...IconRootVariants[props.variant], ...IconRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-icon-v3', ...Icon, ...IconVariants[props.variant], ...IconSizes[props.size]]);
     return {
       root,
       rootStyles

package/dist/bundled/v2/components/OrIconV3/styles.d.ts

@@ -1,4 +1,4 @@
 import { IconSize, IconVariant } from './props';
-export declare const IconRoot: string[];
-export declare const IconRootVariants: Record<IconVariant, string[]>;
-export declare const IconRootSizes: Record<IconSize, string[]>;
+export declare const Icon: string[];
+export declare const IconVariants: Record<IconVariant, string[]>;
+export declare const IconSizes: Record<IconSize, string[]>;

package/dist/bundled/v2/components/OrIconV3/styles.js

@@ -1,46 +1,46 @@
-const IconRoot = [
+import { IconVariant, IconSize } from './props.js';
+
+const Icon = [
 // Layout
 'layout-inline-row justify-center',
 // Interactivity
 'select-none'];
-const IconRootVariants = {
-  'outlined': [
+const IconVariants = {
+  [IconVariant.Outlined]: [
   // Iconography
   'iconography-outlined'],
-  'outlined-bold': [
+  [IconVariant.OutlinedBold]: [
   // Iconography
   'iconography-outlined-bold'],
-  'filled': [
+  [IconVariant.Filled]: [
   // Iconography
   'iconography-filled'],
-  'filled-bold': [
+  [IconVariant.FilledBold]: [
   // Iconography
   'iconography-filled-bold'],
-  'inherit': [
+  [IconVariant.Inherit]: [
   // Iconography
   'iconography-inherit']
 };
-const IconRootSizes = {
-  'xl': [
+const IconSizes = {
+  [IconSize.XL]: [
   // Box
   'w-[28px] md:w-[24px]', 'h-[28px] md:h-[24px]',
   // Typography
   'text-[28px] md:text-[24px]'],
-  'l': [
+  [IconSize.L]: [
   // Box
   'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]',
   // Typography
   'text-[24px] md:text-[20px]'],
-  'm': [
+  [IconSize.M]: [
   // Box
   'w-[20px] md:w-[16px]', 'h-[20px] md:h-[16px]',
   // Typography
   'text-[20px] md:text-[16px]'],
-  'inherit': [
-  // Box
-  'w-full', 'h-full',
+  [IconSize.Inherit]: [
   // Typography
   'text-inherit']
 };
 
-export { IconRoot, IconRootSizes, IconRootVariants };
+export { Icon, IconSizes, IconVariants };

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { TooltipRoot, TooltipBody, TooltipBodyPlacements } from './styles.js';
+import { Tooltip, TooltipBody, TooltipBodyPlacements } from './styles.js';
 import __vue_component__$1 from '../OrPopoverV3/OrPopover.js';
 import { PopoverPlacement } from '../OrPopoverV3/props.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
@@ -15,7 +15,18 @@ var script = defineComponent({
       type: Boolean,
       default: false
     },
+    /**
+     * @deprecated
+     */
     text: {
+      type: String,
+      default: undefined,
+      validator: () => {
+        console.warn('OrTooltip: Property \'text\' is deprecated. Use \'content\' instead.');
+        return true;
+      }
+    },
+    content: {
       type: String,
       default: undefined
     },
@@ -34,7 +45,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-tooltip-v3', ...TooltipRoot]);
+    const rootStyles = computed(() => ['or-tooltip-v3', ...Tooltip]);
     const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
     // State
     const {
@@ -76,7 +87,7 @@ var __vue_render__ = function () {
         return _vm.close();
       }
     }
-  }, [_vm._t("default"), _vm._v(" "), _vm.text ? [_c('OrPopover', {
+  }, [_vm._t("default"), _vm._v(" "), _vm.$slots.content || _vm.content || _vm.text ? [_c('OrPopover', {
     attrs: {
       "is-open": _vm.state === 'open',
       "variant": 'popover',
@@ -92,7 +103,9 @@ var __vue_render__ = function () {
     }
   }, [_c('div', {
     class: _vm.bodyStyles
-  }, [_vm._v("\n        " + _vm._s(_vm.text) + "\n      ")])])] : _vm._e()], 2);
+  }, [_vm._t("content", function () {
+    return [_vm._v("\n          " + _vm._s(_vm.content || _vm.text) + "\n        ")];
+  })], 2)])] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.vue.d.ts

@@ -13,9 +13,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @deprecated
+     */
     text: {
         type: StringConstructor;
         default: undefined;
+        validator: () => boolean;
+    };
+    content: {
+        type: StringConstructor;
+        default: undefined;
     };
     placement: {
         type: PropType<TooltipPlacement>;
@@ -30,9 +38,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @deprecated
+     */
     text: {
         type: StringConstructor;
         default: undefined;
+        validator: () => boolean;
+    };
+    content: {
+        type: StringConstructor;
+        default: undefined;
     };
     placement: {
         type: PropType<TooltipPlacement>;
@@ -45,6 +61,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     isOpen: boolean;
     text: string;
+    content: string;
     placement: TooltipPlacement;
     offset: TooltipOffset;
 } & {} & {
@@ -60,6 +77,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     isOpen: boolean;
     text: string;
+    content: string;
     placement: TooltipPlacement;
     offset: TooltipOffset;
 } & {} & {
@@ -67,6 +85,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, {
     isOpen: boolean;
     text: string;
+    content: string;
     placement: TooltipPlacement;
     offset: TooltipOffset;
 }, true>);

package/dist/bundled/v2/components/OrTooltipV3/styles.d.ts

@@ -1,4 +1,4 @@
 import { TooltipPlacement } from './props';
-export declare const TooltipRoot: string[];
+export declare const Tooltip: string[];
 export declare const TooltipBody: string[];
 export declare const TooltipBodyPlacements: Record<TooltipPlacement, string[]>;

package/dist/bundled/v2/components/OrTooltipV3/styles.js

@@ -1,9 +1,11 @@
-const TooltipRoot = [
+import { PopoverPlacement } from '../OrPopoverV3/props.js';
+
+const Tooltip = [
 // Layout
 'layout-inline-row'];
 const TooltipBody = [
 // Layout
-'layout-inline-row',
+'layout-inline-column',
 // Shape
 'rounded-sm',
 // Spacing
@@ -13,34 +15,34 @@ const TooltipBody = [
 // Theme
 'bg-inverse-surface', 'dark:bg-inverse-surface-dark', 'text-inverse-on-surface', 'dark:text-inverse-on-surface-dark'];
 const TooltipBodyPlacements = {
-  'top': [],
-  'top-start': [
+  [PopoverPlacement.Top]: [],
+  [PopoverPlacement.TopStart]: [
   // Spacing
   'ml-none'],
-  'top-end': [
+  [PopoverPlacement.TopEnd]: [
   // Spacing
   'mr-none'],
-  'bottom': [],
-  'bottom-start': [
+  [PopoverPlacement.Bottom]: [],
+  [PopoverPlacement.BottomStart]: [
   // Spacing
   'ml-none'],
-  'bottom-end': [
+  [PopoverPlacement.BottomEnd]: [
   // Spacing
   'mr-none'],
-  'left': [],
-  'left-start': [
+  [PopoverPlacement.Left]: [],
+  [PopoverPlacement.LeftStart]: [
   // Spacing
   'mt-none'],
-  'left-end': [
+  [PopoverPlacement.LeftEnd]: [
   // Spacing
   'mb-none'],
-  'right': [],
-  'right-start': [
+  [PopoverPlacement.Right]: [],
+  [PopoverPlacement.RightStart]: [
   // Spacing
   'mt-none'],
-  'right-end': [
+  [PopoverPlacement.RightEnd]: [
   // Spacing
   'mb-none']
 };
 
-export { TooltipBody, TooltipBodyPlacements, TooltipRoot };
+export { Tooltip, TooltipBody, TooltipBodyPlacements };