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

package/dist/esm/v2/OrCheckboxGroup-f470f938.js

@@ -0,0 +1,121 @@
+import { defineComponent } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
+import { _ as __vue_component__$2, F as FormGroupDirection } from './OrFormGroup-29a514db.js';
+import { _ as __vue_component__$1 } from './OrCheckboxTree-1304ae59.js';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+
+var script = defineComponent({
+  name: 'OrCheckboxGroup',
+  components: {
+    OrCheckboxTree: __vue_component__$1,
+    OrFormGroup: __vue_component__$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
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('OrFormGroup', {
+    attrs: {
+      "label": _vm.label,
+      "error": _vm.error,
+      "hint": _vm.hint,
+      "disabled": _vm.disabled,
+      "direction": _vm.direction
+    },
+    scopedSlots: _vm._u([{
+      key: "addon",
+      fn: function () {
+        return [_vm._t("addon")];
+      },
+      proxy: true
+    }], null, true)
+  }, [_vm._v(" "), _vm._l(_vm.options, function (option) {
+    return _c('OrCheckboxTree', {
+      key: option.value,
+      attrs: {
+        "item": option,
+        "disabled": _vm.disabled || option.disabled,
+        "collapsible": option.collapsible,
+        "expanded": option.expanded
+      },
+      model: {
+        value: _vm.proxyModelValue,
+        callback: function ($$v) {
+          _vm.proxyModelValue = $$v;
+        },
+        expression: "proxyModelValue"
+      }
+    });
+  })], 2);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { __vue_component__ as _ };

package/dist/esm/v2/{OrCheckboxTree-df80d4ab.js → OrCheckboxTree-1304ae59.js}

@@ -3,7 +3,6 @@ import { useVModel, useToggle } from '@vueuse/core';
 import { _ as __vue_component__$2 } from './OrCheckbox-59332f84.js';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$3 } from './OrButton-9622e713.js';
-import { f as flattenDeep } from './flattenDeep-fe0af413.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const CheckboxTreeRoot = [
@@ -15,6 +14,11 @@ const CheckboxTreeRootParent = [
 // Layout
 'flex', 'flex-row', 'gap-xs'];
 
+function flattenDeep() {
+  let arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return arr.flatMap(subArray => Array.isArray(subArray) ? flattenDeep(subArray) : subArray);
+}
+
 var script = defineComponent({
   name: 'OrCheckboxTree',
   components: {
@@ -218,4 +222,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-export { __vue_component__ as _ };
+export { __vue_component__ as _, flattenDeep as f };

package/dist/esm/v2/{OrConfirm-b62d9ce4.js → OrConfirm-d0d9d56c.js}

@@ -157,7 +157,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-8712b442{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-8712b442{from{opacity:1}to{opacity:0}}.or-confirm-footer[data-v-8712b442]{display:flex;flex-direction:row;gap:var(--s-4);justify-content:end}.confirmation-textbox[data-v-8712b442]{margin-top:var(--s-3)}.or-modal[data-v-8712b442]  .header{padding-bottom:var(--s-4)!important}.or-modal[data-v-8712b442]  .content{padding-bottom:0!important;font-size:var(--fs-1);font-weight:400;line-height:var(--lh-1)}.or-modal[data-v-8712b442]  .footer{box-shadow:none!important}";
+var css_248z = "@keyframes spinAround-data-v-7f2367a9{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-7f2367a9{from{opacity:1}to{opacity:0}}.or-confirm-footer[data-v-7f2367a9]{display:flex;flex-direction:row;gap:var(--s-4);justify-content:flex-end}.confirmation-textbox[data-v-7f2367a9]{margin-top:var(--s-3)}.or-modal[data-v-7f2367a9]  .header{padding-bottom:var(--s-4)!important}.or-modal[data-v-7f2367a9]  .content{padding-bottom:0!important;font-size:var(--fs-1);font-weight:400;line-height:var(--lh-1)}.or-modal[data-v-7f2367a9]  .footer{box-shadow:none!important}";
 styleInject(css_248z);
 
 /* script */
@@ -240,7 +240,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-8712b442";
+const __vue_scope_id__ = "data-v-7f2367a9";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrExpansionPanel-7c359bb0.js → OrExpansionPanel-d3a2218d.js}

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