@onereach/ui-components 2.70.0-beta.2131.0 → 2.70.0-beta.2159.0

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-289b5600.js → OrConfirm.vue_vue_type_script_lang-f57ffa1a.js}

@@ -1,43 +1,13 @@
-import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, defineComponent, ref, computed, watch } from 'vue';
+import { defineComponent, ref, computed, watch } from 'vue';
 import { useMagicKeys, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-01519e46.js';
 import './OrBottomSheet.vue_vue_type_script_lang-6fb49de9.js';
-import { s as script$1, a as ButtonColor } from './OrButton.vue_vue_type_script_lang-3718b300.js';
+import './OrButton-a671b8a1.js';
 import './OrInput-fa782fc1.js';
-import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
+import { s as script$2, a as ButtonColor } from './OrButton.vue_vue_type_script_lang-b0dc31ca.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
 import { s as script$3 } from './OrInput.vue_vue_type_script_lang-f6d793d3.js';
 
-const _hoisted_1 = ["type", "disabled"];
-const _hoisted_2 = {
-  key: 0,
-  class: /*#__PURE__*/normalizeClass(['absolute'])
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrLoader = resolveComponent("OrLoader");
-  return openBlock(), createElementBlock("button", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _ctx.rootStyles,
-    type: _ctx.type,
-    disabled: _ctx.disabled,
-    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event)),
-    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
-    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-  }), [createElementVNode("div", {
-    class: normalizeClass(['contents', _ctx.loading && 'invisible'])
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [_ctx.variant !== 'link' ? (openBlock(), createBlock(_component_OrLoader, {
-    key: 0,
-    variant: 'circular',
-    color: 'inherit',
-    size: 's'
-  })) : (openBlock(), createElementBlock(Fragment, {
-    key: 1
-  }, [createTextVNode(toDisplayString(_ctx.loadingText) + "… ", 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */))])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
-}
-
-script$1.render = render;
-script$1.__file = "src/components/or-button-v3/OrButton.vue";
-
 var ConfirmType;
 (function (ConfirmType) {
   ConfirmType["D"] = "d";
@@ -89,8 +59,8 @@ const ConfirmFooterButtons = [
 var script = defineComponent({
   name: 'OrConfirm',
   components: {
-    OrOverlay: script$2,
-    OrButton: script$1,
+    OrOverlay: script$1,
+    OrButton: script$2,
     OrInput: script$3
   },
   props: {

package/dist/bundled/v3/OrEmptyState.vue_vue_type_script_lang-da7d6c42.js

@@ -0,0 +1,111 @@
+import { defineComponent, ref, computed } from 'vue';
+
+var EmptyStateSize;
+(function (EmptyStateSize) {
+  EmptyStateSize["L"] = "l";
+  EmptyStateSize["M"] = "m";
+})(EmptyStateSize || (EmptyStateSize = {}));
+
+const EmptyStateRoot = [
+// Layout
+'grow', 'flex', 'flex-col', 'justify-center', 'items-center',
+// Box
+'w-full',
+// Sizing
+'gap-sm'];
+const EmptyStateImage = [
+// Sizing
+'mb-sm'];
+const EmptyStateImageSizes = {
+  [EmptyStateSize.L]: [
+  // Box
+  'h-3xl'],
+  [EmptyStateSize.M]: [
+  // Box
+  'h-2xl']
+};
+const EmptyStateHeading = [
+// Theme
+'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const EmptyStateHeadingSizes = {
+  [EmptyStateSize.L]: [
+  // Typography
+  'typography-headline-2'],
+  [EmptyStateSize.M]: [
+  // Typography
+  'typography-headline-4']
+};
+const EmptyStateText = ['text-center',
+// Theme
+'text-outline', 'dark:text-outline-dark'];
+const EmptyStateContent = EmptyStateText;
+const EmptyStateTextSizes = {
+  [EmptyStateSize.L]: [
+  // Typography
+  'typography-body-2-regular'],
+  [EmptyStateSize.M]: [
+  // Typography
+  'typography-caption-regular']
+};
+const EmptyStateContentSizes = EmptyStateTextSizes;
+
+/**
+ * The component to display when there is no content on a page,
+ * no records found or selected, or while the data is being loaded.
+ * Provides a hint to the user on what to do.
+ * Consists of text message, optional icon and optional loader.
+ */
+var script = defineComponent({
+  name: 'OrEmptyState',
+  props: {
+    /**
+     * Size of the component, affects font and icon size.
+     * Use Large if the component takes all screen space,
+     * and Medium if it is a part of the complex layout.
+     */
+    size: {
+      type: String,
+      default: EmptyStateSize.M
+    },
+    /**
+     * The heading of the empty state block.
+     */
+    heading: {
+      type: String,
+      default: ''
+    },
+    /**
+     * Additional text such as a hint for a user with proposed next steps.
+     */
+    text: {
+      type: String,
+      default: ''
+    },
+    /**
+     * Path to the image to display above the heading.
+     * Image height is fixed depending on `size` prop, width is undefined to preserve aspect ratio.
+     */
+    imageSrc: {
+      type: String,
+      default: undefined
+    }
+  },
+  setup(props) {
+    const root = ref();
+    const rootClasses = computed(() => ['or-empty-state', ...EmptyStateRoot]);
+    const imageClasses = computed(() => ['or-empty-state_image', ...EmptyStateImage, ...EmptyStateImageSizes[props.size]]);
+    const headingClasses = computed(() => ['or-empty-state_heading', ...EmptyStateHeading, ...EmptyStateHeadingSizes[props.size]]);
+    const textClasses = computed(() => ['or-empty-state_text', ...EmptyStateText, ...EmptyStateTextSizes[props.size]]);
+    const slotClasses = computed(() => ['or-empty-state_content', ...EmptyStateContent, ...EmptyStateContentSizes[props.size]]);
+    return {
+      root,
+      rootClasses,
+      imageClasses,
+      headingClasses,
+      textClasses,
+      slotClasses
+    };
+  }
+});
+
+export { EmptyStateSize as E, script as s };

package/dist/bundled/v3/{OrIconButton-4bd33e3c.js → OrIconButton-1581013c.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
+import { s as script } from './OrIconButton.vue_vue_type_script_lang-f6f801ff.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, createVNode } from 'vue';
 
 const _hoisted_1 = ["disabled"];

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-641f6e06.js → OrIconButton.vue_vue_type_script_lang-f6f801ff.js}

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, defineComponent, ref, computed } from 'vue';
 import './OrIcon-d878b768.js';
-import { s as script$2, I as IconSize } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
 import { s as script$1 } from './OrTooltip.vue_vue_type_script_lang-67cc86ed.js';
+import { s as script$2, I as IconSize } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-3a8189f4.js → OrInlineInput.vue_vue_type_script_lang-f29483f4.js}

@@ -1,12 +1,12 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue';
 import './OrHint-9592499e.js';
-import './OrIconButton-4bd33e3c.js';
+import './OrIconButton-1581013c.js';
 import './OrInlineInputBox-9d68ded1.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox.vue_vue_type_script_lang-73750005.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-cc6c135f.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-8e657168.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-f6f801ff.js';
 
 var InlineInputType;
 (function (InlineInputType) {

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-890b97ab.js → OrInlineTextarea.vue_vue_type_script_lang-cc40af48.js}

@@ -1,11 +1,11 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue';
 import './OrHint-9592499e.js';
-import './OrIconButton-4bd33e3c.js';
+import './OrIconButton-1581013c.js';
 import './OrInlineInputBox-9d68ded1.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-cc6c135f.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-8e657168.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-f6f801ff.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-73750005.js';
 
 const InlineTextareaRoot = [

package/dist/bundled/v3/OrInput.vue_vue_type_script_lang-f6d793d3.js

@@ -3,14 +3,14 @@ import './OrHint-9592499e.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-cc6c135f.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-8e657168.js';
 import './OrIcon-d878b768.js';
-import './OrIconButton-4bd33e3c.js';
+import './OrIconButton-1581013c.js';
 import './OrInputBox-eb54d73d.js';
 import { s as script$5, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
 import './OrLabel-c6873e79.js';
 import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-96f94c4e.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-f6f801ff.js';
 
 var InputType;
 (function (InputType) {

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-00a477f0.js → OrModal.vue_vue_type_script_lang-80a7b906.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, watch } from 'vue';
 import './OrBottomSheet.vue_vue_type_script_lang-6fb49de9.js';
-import './OrIconButton-4bd33e3c.js';
+import './OrIconButton-1581013c.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-f6f801ff.js';
 
 var ModalSize;
 (function (ModalSize) {

package/dist/bundled/v3/OrNotification.vue_vue_type_script_lang-fbb35355.js

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed } from 'vue';
 import './OrIcon-d878b768.js';
-import './OrIconButton-4bd33e3c.js';
+import './OrIconButton-1581013c.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-f6f801ff.js';
 
 var NotificationVariant;
 (function (NotificationVariant) {