@onereach/ui-components-vue2 20.2.0 → 20.3.0-beta.5253.0

package/dist/esm/components/index.js

@@ -42,7 +42,7 @@ export { FabColor, OrFabV3 } from './or-fab-v3/index.js';
 export { OrFilterPopoverV3 } from './or-filter-popover-v3/index.js';
 export { OrFilterTriggerV3 } from './or-filter-trigger-v3/index.js';
 export { OrFilterV3 } from './or-filter-v3/index.js';
-export { FormGroupDirection, OrFormGroupV3 } from './or-form-group-v3/index.js';
+export { FormGroupDirection, FormGroupSpacing, OrFormGroupV3 } from './or-form-group-v3/index.js';
 export { OrHintV3 } from './or-hint-v3/index.js';
 export { IconButtonColor, OrIconButtonV3 } from './or-icon-button-v3/index.js';
 export { IconSize, IconVariant, OrIconV3 } from './or-icon-v3/index.js';

package/dist/esm/components/or-checkbox-group-v3/index.js

@@ -1,7 +1,7 @@
 import { defineComponent, toRef } from 'vue-demi';
-import { a as re } from '../../useValidationAttributes-w0RCHARs-21132c84.js';
+import { a as re, n as ne } from '../../useValidationAttributes-w0RCHARs-21132c84.js';
 import { OrCheckboxTreeV3 as OrCheckboxTree } from '../or-checkbox-tree-v3/index.js';
-import { OrFormGroupV3 as OrFormGroup, FormGroupDirection } from '../or-form-group-v3/index.js';
+import { OrFormGroupV3 as OrFormGroup, FormGroupDirection, FormGroupSpacing } from '../or-form-group-v3/index.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../dom-DzNS5tBj-6d9cf0ef.js';
 import 'lodash/get';
@@ -62,12 +62,20 @@ var script = defineComponent({
     readonly: {
       type: Boolean,
       default: false
+    },
+    spacing: {
+      type: String,
+      default: FormGroupSpacing.SM
     }
   },
   setup(props, context) {
     const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
+    const {
+      isMobile
+    } = ne();
     return {
-      proxyModelValue
+      proxyModelValue,
+      isMobile
     };
   }
 });
@@ -86,7 +94,8 @@ var __vue_render__ = function () {
       "error": _vm.error,
       "hint": _vm.hint,
       "disabled": _vm.disabled,
-      "direction": _vm.direction
+      "direction": _vm.direction,
+      "spacing": _vm.isMobile ? 'none' : _vm.spacing
     },
     scopedSlots: _vm._u([{
       key: "addon",

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

@@ -14,7 +14,7 @@ const Checkbox = [
 // Layout
 'layout-row',
 // Spacing
-'gap-sm+ md:gap-sm'];
+'gap-[10px] md:gap-sm', 'p-sm pl-[10px] md:p-none md:pl-none'];
 const CheckboxControl = [
 // Layout
 'layout-inline-row justify-center',

package/dist/esm/components/or-form-group-v3/index.d.ts

@@ -1,2 +1,3 @@
 export { default as OrFormGroupV3 } from './OrFormGroup.vue';
 export * from './types';
+export * from './props';

package/dist/esm/components/or-form-group-v3/index.js

@@ -10,14 +10,19 @@ var FormGroupDirection;
   FormGroupDirection["Horizontal"] = "horizontal";
 })(FormGroupDirection || (FormGroupDirection = {}));
 
+var FormGroupSpacing;
+(function (FormGroupSpacing) {
+  FormGroupSpacing["NONE"] = "none";
+  FormGroupSpacing["SM"] = "sm";
+  FormGroupSpacing["MD"] = "md";
+})(FormGroupSpacing || (FormGroupSpacing = {}));
+
 const FormGroup = [
 // Layout
 'layout-column',
 // Spacing
 'gap-md md:gap-sm'];
-const FormGroupContent = [
-// Spacing
-'gap-md md:gap-sm'];
+const FormGroupContent = [];
 const FormGroupContentDirections = {
   [FormGroupDirection.Vertical]: [
   // Layout
@@ -26,6 +31,15 @@ const FormGroupContentDirections = {
   // Layout
   'layout-row']
 };
+const FormGroupContentSpacing = {
+  [FormGroupSpacing.NONE]: [],
+  [FormGroupSpacing.SM]: [
+  // Spacing
+  'gap-sm'],
+  [FormGroupSpacing.MD]: [
+  // Spacing
+  'gap-md']
+};
 
 var script = defineComponent({
   name: 'OrFormGroup',
@@ -58,13 +72,17 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    spacing: {
+      type: String,
+      default: FormGroupSpacing.SM
     }
   },
   setup(props) {
     // Refs & Styles
     const root = ref();
     const rootStyles = computed(() => ['or-form-group-v3', ...FormGroup]);
-    const contentStyles = computed(() => [...FormGroupContent, ...FormGroupContentDirections[props.direction]]);
+    const contentStyles = computed(() => [...FormGroupContent, ...FormGroupContentDirections[props.direction], ...FormGroupContentSpacing[props.spacing]]);
     return {
       root,
       rootStyles,
@@ -148,4 +166,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 var OrFormGroup = __vue_component__;
 
-export { FormGroupDirection, OrFormGroup as OrFormGroupV3 };
+export { FormGroupDirection, FormGroupSpacing, OrFormGroup as OrFormGroupV3 };

package/dist/esm/components/or-form-group-v3/props.d.ts

@@ -0,0 +1,5 @@
+export declare enum FormGroupSpacing {
+    NONE = "none",
+    SM = "sm",
+    MD = "md"
+}

package/dist/esm/components/or-form-group-v3/styles.d.ts

@@ -1,4 +1,6 @@
 import { FormGroupDirection } from './types';
+import { FormGroupSpacing } from './props';
 export declare const FormGroup: string[];
 export declare const FormGroupContent: string[];
 export declare const FormGroupContentDirections: Record<FormGroupDirection, string[]>;
+export declare const FormGroupContentSpacing: Record<FormGroupSpacing, string[]>;

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

@@ -14,7 +14,7 @@ const Radio = [
 // Layout
 'layout-row',
 // Spacing
-'gap-sm+ md:gap-sm'];
+'gap-[10px] md:gap-sm', 'p-sm pl-[10px] md:p-none md:pl-none'];
 const RadioControl = [
 // Layout
 'layout-inline-row justify-center',

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

@@ -116,10 +116,11 @@ var script = defineComponent({
     const control = ref();
     const controlStyles = computed(() => [...TextareaControl, ...TextareaControlSizes[props.size], ...(_(props.rows) ? ['resize-none'] : [])]);
     const controlInlineStyles = computed(() => {
+      var _a, _b, _c, _d, _e, _f;
       if (control.value) {
-        const paddingTop = Number(getComputedStyle(control.value).getPropertyValue('padding-top').match(/^(?<value>\d+)px$/).groups.value);
-        const paddingBottom = Number(getComputedStyle(control.value).getPropertyValue('padding-bottom').match(/^(?<value>\d+)px$/).groups.value);
-        const lineHeight = Number(getComputedStyle(control.value).getPropertyValue('line-height').match(/^(?<value>\d+)px$/).groups.value);
+        const paddingTop = Number(((_b = (_a = getComputedStyle(control.value).getPropertyValue('padding-top').match(/^(?<value>\d+)px$/)) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b.value) || 0);
+        const paddingBottom = Number(((_d = (_c = getComputedStyle(control.value).getPropertyValue('padding-bottom').match(/^(?<value>\d+)px$/)) === null || _c === void 0 ? void 0 : _c.groups) === null || _d === void 0 ? void 0 : _d.value) || 0);
+        const lineHeight = Number(((_f = (_e = getComputedStyle(control.value).getPropertyValue('line-height').match(/^(?<value>\d+)px$/)) === null || _e === void 0 ? void 0 : _e.groups) === null || _f === void 0 ? void 0 : _f.value) || 0);
         return {
           minHeight: `${paddingTop + paddingBottom + (_(props.rows) ? props.rows.min : props.rows) * lineHeight}px`,
           maxHeight: _(props.rows) && props.rows.max ? `${paddingTop + paddingBottom + props.rows.max * lineHeight}px` : undefined
@@ -172,7 +173,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-0c2e59ef]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-0a9f092e]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -296,7 +297,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-0c2e59ef";
+const __vue_scope_id__ = "data-v-0a9f092e";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/index.js

@@ -48,7 +48,7 @@ export { FabColor, OrFabV3 } from './components/or-fab-v3/index.js';
 export { OrFilterPopoverV3 } from './components/or-filter-popover-v3/index.js';
 export { OrFilterTriggerV3 } from './components/or-filter-trigger-v3/index.js';
 export { OrFilterV3 } from './components/or-filter-v3/index.js';
-export { FormGroupDirection, OrFormGroupV3 } from './components/or-form-group-v3/index.js';
+export { FormGroupDirection, FormGroupSpacing, OrFormGroupV3 } from './components/or-form-group-v3/index.js';
 export { OrHintV3 } from './components/or-hint-v3/index.js';
 export { IconButtonColor, OrIconButtonV3 } from './components/or-icon-button-v3/index.js';
 export { IconSize, IconVariant, OrIconV3 } from './components/or-icon-v3/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "20.2.0",
+  "version": "20.3.0-beta.5253.0",
   "description": "Vue components library for v2",
   "sideEffects": false,
   "exports": {
@@ -24,8 +24,6 @@
   "scripts": {
     "build": "rollup --config rollup.config.js --preserveSymlinks --bundleConfigAsCjs",
     "dev": "ROLLUP_WATCH=true pnpm build -w",
-    "make-symlinks": "./scripts/make-symlinks.sh",
-    "prepare": "pnpm make-symlinks",
     "sync-deps": "node ./scripts/preinstall.js"
   },
   "dependencies": {
@@ -105,6 +103,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "1b353dbcacd7ee2de511ccbef960b71b41b774ad"
+  "npmUnpacked": "4.15.2"
 }