@onereach/ui-components 4.1.3-beta.2569.0 → 4.1.3-beta.2570.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/bundled/v2/components/OrFormGroupV3/OrFormGroup.js +1 -1
  2. package/dist/bundled/v2/components/OrFormGroupV3/styles.js +6 -6
  3. package/dist/bundled/v3/components/OrCheckboxGroupV3/OrCheckboxGroup.js +1 -1
  4. package/dist/bundled/v3/components/OrCheckboxGroupV3/index.js +1 -1
  5. package/dist/bundled/v3/components/OrFormGroupV3/OrFormGroup.js +3 -3
  6. package/dist/bundled/v3/components/OrFormGroupV3/index.js +1 -1
  7. package/dist/bundled/v3/components/OrFormGroupV3/styles.js +6 -6
  8. package/dist/bundled/v3/components/OrRadioGroupV3/OrRadioGroup.js +1 -1
  9. package/dist/bundled/v3/components/OrRadioGroupV3/index.js +1 -1
  10. package/dist/esm/v2/{OrFormGroup-7a883bce.js → OrFormGroup-70c5f984.js} +7 -7
  11. package/dist/esm/v2/components/or-checkbox-group-v3/index.js +1 -1
  12. package/dist/esm/v2/components/or-form-group-v3/index.js +1 -1
  13. package/dist/esm/v2/components/or-radio-group-v3/index.js +1 -1
  14. package/dist/esm/v3/{OrFormGroup-d9255559.js → OrFormGroup-7163fe17.js} +7 -7
  15. package/dist/esm/v3/components/or-checkbox-group-v3/index.js +1 -1
  16. package/dist/esm/v3/components/or-form-group-v3/index.js +1 -1
  17. package/dist/esm/v3/components/or-radio-group-v3/index.js +1 -1
  18. package/package.json +1 -1
  19. package/src/components/or-form-group-v3/OrFormGroup.vue +2 -4
  20. package/src/components/or-form-group-v3/styles.ts +7 -7
  21. /package/dist/bundled/v3/{OrFormGroup.vue_vue_type_script_lang-360b258b.js → OrFormGroup.vue_vue_type_script_lang-f031bfde.js} +0 -0
package/dist/bundled/v2/components/OrFormGroupV3/OrFormGroup.js CHANGED
@@ -71,7 +71,7 @@ var __vue_render__ = function () {
71
71
  ref: "root",
72
72
  class: _vm.rootStyles
73
73
  }, [_c('div', {
74
- staticClass: "flex flex-row"
74
+ staticClass: "layout-row"
75
75
  }, [_vm._t("label", function () {
76
76
  return [_vm.label ? _c('OrLabel', {
77
77
  class: _vm.labelStyles,
package/dist/bundled/v2/components/OrFormGroupV3/styles.js CHANGED
@@ -2,19 +2,19 @@ import { FormGroupDirection } from './props.js';
2
2
 
3
3
  const FormGroupRoot = [
4
4
  // Layout
5
- 'flex', 'flex-col', 'gap-md md:gap-sm'];
5
+ 'layout-column', 'gap-md md:gap-sm'];
6
6
  const FormGroupContent = [
7
7
  // Layout
8
- 'flex', 'pl-[10px] md:pl-[0]', 'gap-md md:gap-sm'];
8
+ 'pl-[10px] md:pl-[0]', 'gap-md md:gap-sm'];
9
9
  const FormGroupLabel = [
10
10
  // Typography
11
- '!typography-body-2-regular', '!theme-foreground dark:!theme-foreground-dark'];
11
+ '!typography-body-2-regular', '!theme-foreground', 'dark:!theme-foreground-dark'];
12
12
  const FormGroupLabelError = [
13
13
  // Typography
14
- '!theme-foreground-error dark:!theme-foreground-error-dark'];
14
+ '!theme-foreground-error', 'dark:!theme-foreground-error-dark'];
15
15
  const FormGroupContentDirections = {
16
- [FormGroupDirection.Vertical]: ['flex-col', 'gap-sm'],
17
- [FormGroupDirection.Horizontal]: ['flex-row', 'gap-[18px] md:gap-md']
16
+ [FormGroupDirection.Vertical]: ['layout-column', 'gap-sm'],
17
+ [FormGroupDirection.Horizontal]: ['layout-row', 'gap-[18px] md:gap-md']
18
18
  };
19
19
 
20
20
  export { FormGroupContent, FormGroupContentDirections, FormGroupLabel, FormGroupLabelError, FormGroupRoot };
package/dist/bundled/v3/components/OrCheckboxGroupV3/OrCheckboxGroup.js CHANGED
@@ -4,7 +4,7 @@ import '../OrCheckboxTreeV3/OrCheckboxTree.js';
4
4
  import { s as script$1 } from '../../OrCheckboxTree.vue_vue_type_script_lang-f9807b75.js';
5
5
  import '../OrFormGroupV3/OrFormGroup.js';
6
6
  import { FormGroupDirection } from '../OrFormGroupV3/props.js';
7
- import { s as script$2 } from '../../OrFormGroup.vue_vue_type_script_lang-360b258b.js';
7
+ import { s as script$2 } from '../../OrFormGroup.vue_vue_type_script_lang-f031bfde.js';
8
8
  import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
9
9
  import '../OrCheckboxTreeV3/styles.js';
10
10
  import '../../utils/functions/flattenDeep.js';
package/dist/bundled/v3/components/OrCheckboxGroupV3/index.js CHANGED
@@ -29,7 +29,7 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
29
29
  import '../OrLoaderV3/props.js';
30
30
  import '../OrLoaderV3/styles.js';
31
31
  import '../OrFormGroupV3/OrFormGroup.js';
32
- import '../../OrFormGroup.vue_vue_type_script_lang-360b258b.js';
32
+ import '../../OrFormGroup.vue_vue_type_script_lang-f031bfde.js';
33
33
  import '../OrFormGroupV3/props.js';
34
34
  import '../OrFormGroupV3/styles.js';
35
35
  import '../OrErrorV3/OrError.js';
package/dist/bundled/v3/components/OrFormGroupV3/OrFormGroup.js CHANGED
@@ -1,5 +1,5 @@
1
- import { s as script } from '../../OrFormGroup.vue_vue_type_script_lang-360b258b.js';
2
- export { s as default } from '../../OrFormGroup.vue_vue_type_script_lang-360b258b.js';
1
+ import { s as script } from '../../OrFormGroup.vue_vue_type_script_lang-f031bfde.js';
2
+ export { s as default } from '../../OrFormGroup.vue_vue_type_script_lang-f031bfde.js';
3
3
  import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
4
4
  import 'vue-demi';
5
5
  import './props.js';
@@ -16,7 +16,7 @@ import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
16
16
  import '../OrHintV3/styles.js';
17
17
 
18
18
  const _hoisted_1 = {
19
- class: "flex flex-row"
19
+ class: "layout-row"
20
20
  };
21
21
  function render(_ctx, _cache, $props, $setup, $data, $options) {
22
22
  const _component_OrLabel = resolveComponent("OrLabel");
package/dist/bundled/v3/components/OrFormGroupV3/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { FormGroupDirection } from './props.js';
2
- export { s as OrFormGroupV3 } from '../../OrFormGroup.vue_vue_type_script_lang-360b258b.js';
2
+ export { s as OrFormGroupV3 } from '../../OrFormGroup.vue_vue_type_script_lang-f031bfde.js';
3
3
  import 'vue-demi';
4
4
  import './styles.js';
5
5
  import '../OrLabelV3/OrLabel.js';
package/dist/bundled/v3/components/OrFormGroupV3/styles.js CHANGED
@@ -2,19 +2,19 @@ import { FormGroupDirection } from './props.js';
2
2
 
3
3
  const FormGroupRoot = [
4
4
  // Layout
5
- 'flex', 'flex-col', 'gap-md md:gap-sm'];
5
+ 'layout-column', 'gap-md md:gap-sm'];
6
6
  const FormGroupContent = [
7
7
  // Layout
8
- 'flex', 'pl-[10px] md:pl-[0]', 'gap-md md:gap-sm'];
8
+ 'pl-[10px] md:pl-[0]', 'gap-md md:gap-sm'];
9
9
  const FormGroupLabel = [
10
10
  // Typography
11
- '!typography-body-2-regular', '!theme-foreground dark:!theme-foreground-dark'];
11
+ '!typography-body-2-regular', '!theme-foreground', 'dark:!theme-foreground-dark'];
12
12
  const FormGroupLabelError = [
13
13
  // Typography
14
- '!theme-foreground-error dark:!theme-foreground-error-dark'];
14
+ '!theme-foreground-error', 'dark:!theme-foreground-error-dark'];
15
15
  const FormGroupContentDirections = {
16
- [FormGroupDirection.Vertical]: ['flex-col', 'gap-sm'],
17
- [FormGroupDirection.Horizontal]: ['flex-row', 'gap-[18px] md:gap-md']
16
+ [FormGroupDirection.Vertical]: ['layout-column', 'gap-sm'],
17
+ [FormGroupDirection.Horizontal]: ['layout-row', 'gap-[18px] md:gap-md']
18
18
  };
19
19
 
20
20
  export { FormGroupContent, FormGroupContentDirections, FormGroupLabel, FormGroupLabelError, FormGroupRoot };
package/dist/bundled/v3/components/OrRadioGroupV3/OrRadioGroup.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { defineComponent } from 'vue-demi';
2
2
  import { useVModel } from '@vueuse/core';
3
3
  import '../OrFormGroupV3/OrFormGroup.js';
4
- import { s as script$1 } from '../../OrFormGroup.vue_vue_type_script_lang-360b258b.js';
4
+ import { s as script$1 } from '../../OrFormGroup.vue_vue_type_script_lang-f031bfde.js';
5
5
  import '../OrRadioV3/OrRadio.js';
6
6
  import { s as script$2 } from '../../OrRadio.vue_vue_type_script_lang-99b109c4.js';
7
7
  import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
package/dist/bundled/v3/components/OrRadioGroupV3/index.js CHANGED
@@ -2,7 +2,7 @@ export { default as OrRadioGroupV3 } from './OrRadioGroup.js';
2
2
  import 'vue-demi';
3
3
  import '@vueuse/core';
4
4
  import '../OrFormGroupV3/OrFormGroup.js';
5
- import '../../OrFormGroup.vue_vue_type_script_lang-360b258b.js';
5
+ import '../../OrFormGroup.vue_vue_type_script_lang-f031bfde.js';
6
6
  import '../OrFormGroupV3/props.js';
7
7
  import '../OrFormGroupV3/styles.js';
8
8
  import '../OrLabelV3/OrLabel.js';
package/dist/esm/v2/{OrFormGroup-7a883bce.js → OrFormGroup-70c5f984.js} RENAMED
@@ -12,19 +12,19 @@ var FormGroupDirection;
12
12
 
13
13
  const FormGroupRoot = [
14
14
  // Layout
15
- 'flex', 'flex-col', 'gap-md md:gap-sm'];
15
+ 'layout-column', 'gap-md md:gap-sm'];
16
16
  const FormGroupContent = [
17
17
  // Layout
18
- 'flex', 'pl-[10px] md:pl-[0]', 'gap-md md:gap-sm'];
18
+ 'pl-[10px] md:pl-[0]', 'gap-md md:gap-sm'];
19
19
  const FormGroupLabel = [
20
20
  // Typography
21
- '!typography-body-2-regular', '!theme-foreground dark:!theme-foreground-dark'];
21
+ '!typography-body-2-regular', '!theme-foreground', 'dark:!theme-foreground-dark'];
22
22
  const FormGroupLabelError = [
23
23
  // Typography
24
- '!theme-foreground-error dark:!theme-foreground-error-dark'];
24
+ '!theme-foreground-error', 'dark:!theme-foreground-error-dark'];
25
25
  const FormGroupContentDirections = {
26
- [FormGroupDirection.Vertical]: ['flex-col', 'gap-sm'],
27
- [FormGroupDirection.Horizontal]: ['flex-row', 'gap-[18px] md:gap-md']
26
+ [FormGroupDirection.Vertical]: ['layout-column', 'gap-sm'],
27
+ [FormGroupDirection.Horizontal]: ['layout-row', 'gap-[18px] md:gap-md']
28
28
  };
29
29
 
30
30
  var script = defineComponent({
@@ -88,7 +88,7 @@ var __vue_render__ = function () {
88
88
  ref: "root",
89
89
  class: _vm.rootStyles
90
90
  }, [_c('div', {
91
- staticClass: "flex flex-row"
91
+ staticClass: "layout-row"
92
92
  }, [_vm._t("label", function () {
93
93
  return [_vm.label ? _c('OrLabel', {
94
94
  class: _vm.labelStyles,
package/dist/esm/v2/components/or-checkbox-group-v3/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { defineComponent } from 'vue-demi';
2
2
  import { useVModel } from '@vueuse/core';
3
- import { _ as __vue_component__$2, F as FormGroupDirection } from '../../OrFormGroup-7a883bce.js';
3
+ import { _ as __vue_component__$2, F as FormGroupDirection } from '../../OrFormGroup-70c5f984.js';
4
4
  import { _ as __vue_component__$1 } from '../../OrCheckboxTree-7b81e76c.js';
5
5
  import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
6
6
  import '../../OrLabel-63380256.js';
package/dist/esm/v2/components/or-form-group-v3/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../../OrFormGroup-7a883bce.js';
1
+ export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../../OrFormGroup-70c5f984.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrLabel-63380256.js';
4
4
  import '../../normalize-component-6e8e3d80.js';
package/dist/esm/v2/components/or-radio-group-v3/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { defineComponent } from 'vue-demi';
2
2
  import { useVModel } from '@vueuse/core';
3
- import { _ as __vue_component__$1 } from '../../OrFormGroup-7a883bce.js';
3
+ import { _ as __vue_component__$1 } from '../../OrFormGroup-70c5f984.js';
4
4
  import { _ as __vue_component__$2 } from '../../OrRadio-26031dd3.js';
5
5
  import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
6
6
  import '../../OrLabel-63380256.js';
package/dist/esm/v3/{OrFormGroup-d9255559.js → OrFormGroup-7163fe17.js} RENAMED
@@ -12,19 +12,19 @@ var FormGroupDirection;
12
12
 
13
13
  const FormGroupRoot = [
14
14
  // Layout
15
- 'flex', 'flex-col', 'gap-md md:gap-sm'];
15
+ 'layout-column', 'gap-md md:gap-sm'];
16
16
  const FormGroupContent = [
17
17
  // Layout
18
- 'flex', 'pl-[10px] md:pl-[0]', 'gap-md md:gap-sm'];
18
+ 'pl-[10px] md:pl-[0]', 'gap-md md:gap-sm'];
19
19
  const FormGroupLabel = [
20
20
  // Typography
21
- '!typography-body-2-regular', '!theme-foreground dark:!theme-foreground-dark'];
21
+ '!typography-body-2-regular', '!theme-foreground', 'dark:!theme-foreground-dark'];
22
22
  const FormGroupLabelError = [
23
23
  // Typography
24
- '!theme-foreground-error dark:!theme-foreground-error-dark'];
24
+ '!theme-foreground-error', 'dark:!theme-foreground-error-dark'];
25
25
  const FormGroupContentDirections = {
26
- [FormGroupDirection.Vertical]: ['flex-col', 'gap-sm'],
27
- [FormGroupDirection.Horizontal]: ['flex-row', 'gap-[18px] md:gap-md']
26
+ [FormGroupDirection.Vertical]: ['layout-column', 'gap-sm'],
27
+ [FormGroupDirection.Horizontal]: ['layout-row', 'gap-[18px] md:gap-md']
28
28
  };
29
29
 
30
30
  var script = defineComponent({
@@ -77,7 +77,7 @@ var script = defineComponent({
77
77
  });
78
78
 
79
79
  const _hoisted_1 = {
80
- class: "flex flex-row"
80
+ class: "layout-row"
81
81
  };
82
82
  function render(_ctx, _cache, $props, $setup, $data, $options) {
83
83
  const _component_OrLabel = resolveComponent("OrLabel");
package/dist/esm/v3/components/or-checkbox-group-v3/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { defineComponent } from 'vue-demi';
2
2
  import { useVModel } from '@vueuse/core';
3
- import { s as script$2, F as FormGroupDirection } from '../../OrFormGroup-d9255559.js';
3
+ import { s as script$2, F as FormGroupDirection } from '../../OrFormGroup-7163fe17.js';
4
4
  import { s as script$1 } from '../../OrCheckboxTree-87d0528b.js';
5
5
  import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
6
6
  import '../../OrLabel-4da56db0.js';
package/dist/esm/v3/components/or-form-group-v3/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { F as FormGroupDirection, s as OrFormGroupV3 } from '../../OrFormGroup-d9255559.js';
1
+ export { F as FormGroupDirection, s as OrFormGroupV3 } from '../../OrFormGroup-7163fe17.js';
2
2
  import 'vue-demi';
3
3
  import '../../OrLabel-4da56db0.js';
4
4
  import 'vue';
package/dist/esm/v3/components/or-radio-group-v3/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { defineComponent } from 'vue-demi';
2
2
  import { useVModel } from '@vueuse/core';
3
- import { s as script$1 } from '../../OrFormGroup-d9255559.js';
3
+ import { s as script$1 } from '../../OrFormGroup-7163fe17.js';
4
4
  import { s as script$2 } from '../../OrRadio-a890ee7c.js';
5
5
  import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
6
6
  import '../../OrLabel-4da56db0.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "4.1.3-beta.2569.0",
3
+ "version": "4.1.3-beta.2570.0",
4
4
  "description": "Vue components library for v2/3",
5
5
  "sideEffects": false,
6
6
  "main": "./dist/auto/index.js",
package/src/components/or-form-group-v3/OrFormGroup.vue CHANGED
@@ -3,7 +3,7 @@
3
3
  ref="root"
4
4
  :class="rootStyles"
5
5
  >
6
- <div class="flex flex-row">
6
+ <div class="layout-row">
7
7
  <slot name="label">
8
8
  <OrLabel
9
9
  v-if="label"
@@ -19,9 +19,7 @@
19
19
  </OrLabel>
20
20
  </slot>
21
21
  </div>
22
- <div
23
- :class="contentStyles"
24
- >
22
+ <div :class="contentStyles">
25
23
  <slot />
26
24
  </div>
27
25
 
package/src/components/or-form-group-v3/styles.ts CHANGED
@@ -2,13 +2,11 @@ import { FormGroupDirection } from './props';
2
2
 
3
3
  export const FormGroupRoot: string[] = [
4
4
  // Layout
5
- 'flex',
6
- 'flex-col',
5
+ 'layout-column',
7
6
  'gap-md md:gap-sm',
8
7
  ];
9
8
  export const FormGroupContent: string[] = [
10
9
  // Layout
11
- 'flex',
12
10
  'pl-[10px] md:pl-[0]',
13
11
  'gap-md md:gap-sm',
14
12
  ];
@@ -16,21 +14,23 @@ export const FormGroupContent: string[] = [
16
14
  export const FormGroupLabel: string[] = [
17
15
  // Typography
18
16
  '!typography-body-2-regular',
19
- '!theme-foreground dark:!theme-foreground-dark',
17
+ '!theme-foreground',
18
+ 'dark:!theme-foreground-dark',
20
19
  ];
21
20
 
22
21
  export const FormGroupLabelError: string[] = [
23
22
  // Typography
24
- '!theme-foreground-error dark:!theme-foreground-error-dark',
23
+ '!theme-foreground-error',
24
+ 'dark:!theme-foreground-error-dark',
25
25
  ];
26
26
 
27
27
  export const FormGroupContentDirections: Record<FormGroupDirection, string[]> = {
28
28
  [FormGroupDirection.Vertical]: [
29
- 'flex-col',
29
+ 'layout-column',
30
30
  'gap-sm',
31
31
  ],
32
32
  [FormGroupDirection.Horizontal]: [
33
- 'flex-row',
33
+ 'layout-row',
34
34
  'gap-[18px] md:gap-md',
35
35
  ],
36
36
  };