@onereach/ui-components 4.3.13 → 4.3.14-beta.2689.0

package/dist/bundled/v3/OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js

@@ -0,0 +1,60 @@
+import { defineComponent } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
+import './components/OrCheckboxTreeV3/OrCheckboxTree.js';
+import { s as script$1 } from './OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
+import './components/OrFormGroupV3/OrFormGroup.js';
+import { s as script$2 } from './OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
+import { FormGroupDirection } from './components/OrFormGroupV3/props.js';
+
+var script = defineComponent({
+  name: 'OrCheckboxGroup',
+  components: {
+    OrCheckboxTree: script$1,
+    OrFormGroup: script$2
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: ''
+    },
+    error: {
+      type: String,
+      default: ''
+    },
+    hint: {
+      type: String,
+      default: ''
+    },
+    direction: {
+      type: String,
+      default: FormGroupDirection.Vertical
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const proxyModelValue = useVModel(props, 'modelValue', emit);
+    return {
+      proxyModelValue
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/OrRadioGroup.vue_vue_type_script_lang-dfffdd80.js

@@ -0,0 +1,59 @@
+import { defineComponent } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
+import './components/OrFormGroupV3/OrFormGroup.js';
+import './components/OrRadioV3/OrRadio.js';
+import { s as script$2 } from './OrRadio.vue_vue_type_script_lang-e9ac87e8.js';
+import { s as script$1 } from './OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
+
+var script = defineComponent({
+  name: 'OrRadioGroup',
+  components: {
+    OrFormGroup: script$1,
+    OrRadio: script$2
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: null,
+      default: null
+    },
+    direction: {
+      type: String,
+      default: 'vertical'
+    },
+    label: {
+      type: String,
+      default: ''
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    error: {
+      type: String,
+      default: ''
+    },
+    hint: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const proxyModelValue = useVModel(props, 'modelValue', emit);
+    return {
+      proxyModelValue
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-264914d3.js → OrSelect.vue_vue_type_script_lang-2c4c9f9d.js}

@@ -1,10 +1,9 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
 import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
 import './components/OrCheckboxV3/OrCheckbox.js';
-import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrExpansionPanelV3/OrExpansionPanel.js';
-import { s as script$3 } from './OrExpansionPanel.vue_vue_type_script_lang-f1b6ff7d.js';
+import { s as script$3 } from './OrExpansionPanel.vue_vue_type_script_lang-d4ed6199.js';
 import './components/OrHintV3/OrHint.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrInputV3/OrInput.js';
@@ -15,6 +14,7 @@ import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
 import { s as script$b } from './OrTag.vue_vue_type_script_lang-8643b784.js';
 import { useOverflow } from './hooks/useOverflow.js';
+import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-75c6053a.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$4 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';

package/dist/bundled/v3/components/OrCheckboxGroupV3/OrCheckboxGroup.js

@@ -1,11 +1,10 @@
-import { defineComponent } from 'vue-demi';
-import { useVModel } from '@vueuse/core';
-import '../OrCheckboxTreeV3/OrCheckboxTree.js';
-import { s as script$1 } from '../../OrCheckboxTree.vue_vue_type_script_lang-528dd4d5.js';
-import '../OrFormGroupV3/OrFormGroup.js';
-import { FormGroupDirection } from '../OrFormGroupV3/props.js';
-import { s as script$2 } from '../../OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
+import { s as script } from '../../OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js';
+export { s as default } from '../../OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
+import 'vue-demi';
+import '@vueuse/core';
+import '../OrCheckboxTreeV3/OrCheckboxTree.js';
+import '../../OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
 import '../OrCheckboxTreeV3/styles.js';
 import '../../utils/functions/flattenDeep.js';
 import '../OrIconV3/OrIcon.js';
@@ -30,6 +29,9 @@ import '../OrLoaderV3/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
+import '../OrFormGroupV3/OrFormGroup.js';
+import '../../OrFormGroup.vue_vue_type_script_lang-1c6844d6.js';
+import '../OrFormGroupV3/props.js';
 import '../OrFormGroupV3/styles.js';
 import '../OrErrorV3/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-df7b5e32.js';
@@ -38,57 +40,6 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 
-var script = defineComponent({
-  name: 'OrCheckboxGroup',
-  components: {
-    OrCheckboxTree: script$1,
-    OrFormGroup: script$2
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    label: {
-      type: String,
-      default: ''
-    },
-    error: {
-      type: String,
-      default: ''
-    },
-    hint: {
-      type: String,
-      default: ''
-    },
-    direction: {
-      type: String,
-      default: FormGroupDirection.Vertical
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, _ref) {
-    let {
-      emit
-    } = _ref;
-    const proxyModelValue = useVModel(props, 'modelValue', emit);
-    return {
-      proxyModelValue
-    };
-  }
-});
-
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrCheckboxTree = resolveComponent("OrCheckboxTree");
   const _component_OrFormGroup = resolveComponent("OrFormGroup");
@@ -118,5 +69,3 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 script.render = render;
 script.__file = "src/components/or-checkbox-group-v3/OrCheckboxGroup.vue";
-
-export { script as default };

package/dist/bundled/v3/components/OrCheckboxGroupV3/index.js

@@ -1,8 +1,8 @@
-export { default as OrCheckboxGroupV3 } from './OrCheckboxGroup.js';
+export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../OrCheckboxTreeV3/OrCheckboxTree.js';
-import '../../OrCheckboxTree.vue_vue_type_script_lang-528dd4d5.js';
+import '../../OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
 import '../OrCheckboxTreeV3/styles.js';
 import '../../utils/functions/flattenDeep.js';
 import '../OrIconV3/OrIcon.js';

package/dist/bundled/v3/components/OrCheckboxTreeV3/OrCheckboxTree.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCheckboxTree.vue_vue_type_script_lang-528dd4d5.js';
-export { s as default } from '../../OrCheckboxTree.vue_vue_type_script_lang-528dd4d5.js';
+import { s as script } from '../../OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
+export { s as default } from '../../OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';
 import 'vue-demi';
 import '@vueuse/core';

package/dist/bundled/v3/components/OrCheckboxTreeV3/index.js

@@ -1,4 +1,4 @@
-export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree.vue_vue_type_script_lang-528dd4d5.js';
+export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js';
 import 'vue-demi';
 import '@vueuse/core';
 import './styles.js';

package/dist/bundled/v3/components/OrConfirm/OrConfirm.js

@@ -94,7 +94,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["is-open", "title-text", "size", "show-close", "close-on-click-outside", "onClose"]);
 }
 
-var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-077d7158 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-077d7158 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-confirm-footer[data-v-077d7158] {\n  display: flex;\n  flex-direction: row;\n  gap: var(--s-4);\n  justify-content: end;\n}\n.confirmation-textbox[data-v-077d7158] {\n  margin-top: var(--s-3);\n}\n.or-modal[data-v-077d7158] .header {\n  padding-bottom: var(--s-4) !important;\n}\n.or-modal[data-v-077d7158] .content {\n  padding-bottom: 0 !important;\n}\n.or-modal[data-v-077d7158] .content {\n  font-size: var(--fs-1);\n  font-weight: normal;\n  line-height: var(--lh-1);\n}\n.or-modal[data-v-077d7158] .footer {\n  box-shadow: none !important;\n}";
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-077d7158 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-077d7158 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-confirm-footer[data-v-077d7158] {\n  display: flex;\n  flex-direction: row;\n  gap: var(--s-4);\n  justify-content: flex-end;\n}\n.confirmation-textbox[data-v-077d7158] {\n  margin-top: var(--s-3);\n}\n.or-modal[data-v-077d7158] .header {\n  padding-bottom: var(--s-4) !important;\n}\n.or-modal[data-v-077d7158] .content {\n  padding-bottom: 0 !important;\n}\n.or-modal[data-v-077d7158] .content {\n  font-size: var(--fs-1);\n  font-weight: normal;\n  line-height: var(--lh-1);\n}\n.or-modal[data-v-077d7158] .footer {\n  box-shadow: none !important;\n}";
 styleInject(css_248z);
 
 script.render = render;

package/dist/bundled/v3/components/OrExpansionPanelV3/OrExpansionPanel.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrExpansionPanel.vue_vue_type_script_lang-f1b6ff7d.js';
-export { s as default } from '../../OrExpansionPanel.vue_vue_type_script_lang-f1b6ff7d.js';
+import { s as script } from '../../OrExpansionPanel.vue_vue_type_script_lang-d4ed6199.js';
+export { s as default } from '../../OrExpansionPanel.vue_vue_type_script_lang-d4ed6199.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createVNode, toDisplayString, renderSlot, withDirectives, vShow } from 'vue';
 import 'vue-demi';
 import './props.js';

package/dist/bundled/v3/components/OrExpansionPanelV3/index.js

@@ -1,5 +1,5 @@
 export { ExpansionPanelColor, ExpansionPanelVariant } from './props.js';
-export { s as OrExpansionPanelV3 } from '../../OrExpansionPanel.vue_vue_type_script_lang-f1b6ff7d.js';
+export { s as OrExpansionPanelV3 } from '../../OrExpansionPanel.vue_vue_type_script_lang-d4ed6199.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrIconV3/OrIcon.js';

package/dist/bundled/v3/components/OrExpansionPanelV3/styles.js

@@ -2,7 +2,9 @@ const ExpansionPanelRoot = [
 // Layout
 'layout-column'];
 const ExpansionPanelRootVariants = {
-  'default': [],
+  'default': [
+  // Spacing
+  'gap-sm'],
   'card': [
   // Shape
   'rounded-md',