@onereach/ui-components 2.67.12-beta.2052.0 → 2.67.12-beta.2055.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 (49) hide show
  1. package/dist/bundled/v2/{OrButton-4cccce45.js → OrButton-0e91a808.js} +1 -1
  2. package/dist/bundled/v2/{OrConfirm-f9b49c17.js → OrConfirm-ff57274f.js} +1 -1
  3. package/dist/bundled/v2/{OrInlineInput-eb42fea9.js → OrInlineInput-9add2e1e.js} +13 -5
  4. package/dist/bundled/v2/{OrInlineTextarea-63e632cc.js → OrInlineTextarea-9c6f9044.js} +2 -2
  5. package/dist/bundled/v2/components/index.js +4 -4
  6. package/dist/bundled/v2/components/or-button-v3/index.js +1 -1
  7. package/dist/bundled/v2/components/or-confirm-v3/index.js +2 -2
  8. package/dist/bundled/v2/components/or-inline-input-v3/index.js +1 -1
  9. package/dist/bundled/v2/components/or-inline-input-v3/styles.d.ts +2 -0
  10. package/dist/bundled/v2/components/or-inline-textarea-v3/index.js +1 -1
  11. package/dist/bundled/v2/index.js +5 -5
  12. package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-7dbbb917.js → OrButton.vue_vue_type_script_lang-3718b300.js} +1 -1
  13. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-3dd24c54.js → OrConfirm.vue_vue_type_script_lang-2e7fa659.js} +1 -1
  14. package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-c4fdc666.js → OrInlineInput.vue_vue_type_script_lang-3a8189f4.js} +10 -2
  15. package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-0c53397d.js → OrInlineTextarea.vue_vue_type_script_lang-890b97ab.js} +2 -2
  16. package/dist/bundled/v3/components/index.js +4 -4
  17. package/dist/bundled/v3/components/or-button-v3/index.js +1 -1
  18. package/dist/bundled/v3/components/or-confirm-v3/index.js +2 -2
  19. package/dist/bundled/v3/components/or-inline-input-v3/index.js +1 -1
  20. package/dist/bundled/v3/components/or-inline-input-v3/styles.d.ts +2 -0
  21. package/dist/bundled/v3/components/or-inline-textarea-v3/index.js +1 -1
  22. package/dist/bundled/v3/index.js +8 -8
  23. package/dist/esm/v2/{OrButton-603946ec.js → OrButton-357a5756.js} +1 -1
  24. package/dist/esm/v2/{OrConfirm-a4190c14.js → OrConfirm-74e21c56.js} +1 -1
  25. package/dist/esm/v2/{OrInlineInput-45b74446.js → OrInlineInput-cfeeea33.js} +13 -5
  26. package/dist/esm/v2/{OrInlineTextarea-d6b58c5c.js → OrInlineTextarea-897b5377.js} +2 -2
  27. package/dist/esm/v2/components/index.js +4 -4
  28. package/dist/esm/v2/components/or-button-v3/index.js +1 -1
  29. package/dist/esm/v2/components/or-confirm-v3/index.js +2 -2
  30. package/dist/esm/v2/components/or-inline-input-v3/index.js +1 -1
  31. package/dist/esm/v2/components/or-inline-input-v3/styles.d.ts +2 -0
  32. package/dist/esm/v2/components/or-inline-textarea-v3/index.js +1 -1
  33. package/dist/esm/v2/index.js +4 -4
  34. package/dist/esm/v3/{OrButton-1a900f39.js → OrButton-f4b9ee51.js} +1 -1
  35. package/dist/esm/v3/{OrConfirm-39878aef.js → OrConfirm-a3f312a6.js} +1 -1
  36. package/dist/esm/v3/{OrInlineInput-4a9789c4.js → OrInlineInput-31026cd0.js} +10 -2
  37. package/dist/esm/v3/{OrInlineTextarea-e28e4d0a.js → OrInlineTextarea-b28c3d8c.js} +2 -2
  38. package/dist/esm/v3/components/index.js +4 -4
  39. package/dist/esm/v3/components/or-button-v3/index.js +1 -1
  40. package/dist/esm/v3/components/or-confirm-v3/index.js +2 -2
  41. package/dist/esm/v3/components/or-inline-input-v3/index.js +1 -1
  42. package/dist/esm/v3/components/or-inline-input-v3/styles.d.ts +2 -0
  43. package/dist/esm/v3/components/or-inline-textarea-v3/index.js +1 -1
  44. package/dist/esm/v3/index.js +4 -4
  45. package/package.json +2 -2
  46. package/src/components/or-button-v3/styles.ts +2 -2
  47. package/src/components/or-inline-input-v3/OrInlineInput.vue +2 -1
  48. package/src/components/or-inline-input-v3/styles.ts +17 -1
  49. package/src/components/or-inline-textarea-v3/styles.ts +4 -1
@@ -41,7 +41,7 @@ const ButtonRootVariants = {
41
41
  'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
42
42
  'outlined': [
43
43
  // Spacing
44
- 'px-[15px] md:px-[15px]', 'py-[11px] md:py-[7px]', 'gap-sm+ md:gap-sm'],
44
+ 'px-md* md:px-md*', 'py-sm+* md:py-sm*', 'gap-sm+ md:gap-sm'],
45
45
  'text': [
46
46
  // Spacing
47
47
  'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm'],
@@ -2,7 +2,7 @@ import './index-fa6eb4ca.js';
2
2
  import { useMagicKeys, whenever } from '@vueuse/core';
3
3
  import { l as logicAnd } from './index-17f264f9.js';
4
4
  import { O as OrOverlay } from './OrOverlay-3c89d622.js';
5
- import { O as OrButton, a as ButtonColor } from './OrButton-4cccce45.js';
5
+ import { O as OrButton, a as ButtonColor } from './OrButton-0e91a808.js';
6
6
  import { O as OrInput } from './OrInput-4b82eb59.js';
7
7
  import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
8
8
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -28,11 +28,19 @@ const InlineInputControl = [
28
28
  'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
29
29
  const InlineInputAction = [
30
30
  // Layout
31
- 'layout-row',
31
+ 'layout-row self-start',
32
32
  // Spacing
33
33
  'gap-sm+',
34
34
  // Theme
35
35
  'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
36
+ const InlineInputActionSizes = {
37
+ 'm': [
38
+ // Spacing
39
+ 'px-none', 'py-sm'],
40
+ 's': [
41
+ // Spacing
42
+ 'px-none', 'py-xs*']
43
+ };
36
44
 
37
45
  var script = defineComponent({
38
46
  name: 'OrInlineInput',
@@ -88,7 +96,7 @@ var script = defineComponent({
88
96
  const classAttribute = useClassAttribute();
89
97
  const rootStyles = computed(() => ['or-inline-input', ...InlineInputRoot, classAttribute.value]);
90
98
  const controlStyles = computed(() => [...InlineInputControl]);
91
- const actionStyles = computed(() => [...InlineInputAction]);
99
+ const actionStyles = computed(() => [...InlineInputAction, ...InlineInputActionSizes[props.size]]);
92
100
  // State
93
101
  const controlId = ref((_a = context.attrs.id) !== null && _a !== void 0 ? _a : currentInstance.uid.toString());
94
102
  const proxyModelValue = computed({
@@ -332,14 +340,14 @@ var __vue_staticRenderFns__ = [];
332
340
  /* style */
333
341
  const __vue_inject_styles__ = function (inject) {
334
342
  if (!inject) return;
335
- inject("data-v-83d9afe0_0", {
336
- source: "input[data-v-83d9afe0]{min-width:0;background:0 0;outline:0}input[type=number][data-v-83d9afe0]::-webkit-inner-spin-button{display:none}input[type=search][data-v-83d9afe0]::-webkit-search-cancel-button{display:none}",
343
+ inject("data-v-0c9a54ea_0", {
344
+ source: "input[data-v-0c9a54ea]{min-width:0;background:0 0;outline:0}input[type=number][data-v-0c9a54ea]::-webkit-inner-spin-button{display:none}input[type=search][data-v-0c9a54ea]::-webkit-search-cancel-button{display:none}",
337
345
  map: undefined,
338
346
  media: undefined
339
347
  });
340
348
  };
341
349
  /* scoped */
342
- const __vue_scope_id__ = "data-v-83d9afe0";
350
+ const __vue_scope_id__ = "data-v-0c9a54ea";
343
351
  /* module identifier */
344
352
  const __vue_module_identifier__ = undefined;
345
353
  /* functional template */
@@ -22,9 +22,9 @@ const InlineTextareaControl = [
22
22
  'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
23
23
  const InlineTextareaAction = [
24
24
  // Layout
25
- 'layout-row',
25
+ 'layout-row self-start',
26
26
  // Spacing
27
- 'gap-sm+',
27
+ 'px-none', 'py-sm', 'gap-sm+',
28
28
  // Theme
29
29
  'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
30
30
 
@@ -5,7 +5,7 @@ export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonVi
5
5
  export { O as OrButtonV2 } from '../OrButton-705cd0bd.js';
6
6
  export { O as OrIconButton } from '../OrIconButton-65962c1c.js';
7
7
  export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../constants-c5d1139f.js';
8
- export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-4cccce45.js';
8
+ export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-0e91a808.js';
9
9
  export { O as OrCard } from '../OrCard-a6b30f8f.js';
10
10
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-89428bbf.js';
11
11
  export { C as CardCollectionView, _ as OrCardCollectionV3 } from '../OrCardCollection-dac9fd1e.js';
@@ -19,7 +19,7 @@ export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-edc7a1f5.js';
19
19
  export { O as OrCollapse } from '../OrCollapse-3aa9a9b7.js';
20
20
  export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-a1a37e83.js';
21
21
  export { _ as OrConfirm } from '../OrConfirm-56d01cff.js';
22
- export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-f9b49c17.js';
22
+ export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-ff57274f.js';
23
23
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-e212f892.js';
24
24
  export { O as OrError } from '../OrError-31503e4c.js';
25
25
  export { _ as OrErrorTagV3 } from '../OrErrorTag-d0c5bcf4.js';
@@ -33,9 +33,9 @@ export { O as OrIcon, a as OrIconColors, b as OrIconType } from '../OrIcon-10ec4
33
33
  export { I as IconButtonColor, O as OrIconButtonV3 } from '../OrIconButton-a215104c.js';
34
34
  export { I as IconButtonSize, I as IconSize, a as IconVariant, O as OrIconV3 } from '../OrIcon-8625385f.js';
35
35
  export { I as InlineInputBoxSize, I as InlineInputSize, O as OrInlineInputBoxV3 } from '../OrInlineInputBox-f457210f.js';
36
- export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-eb42fea9.js';
36
+ export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-9add2e1e.js';
37
37
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-7262efdf.js';
38
- export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-63e632cc.js';
38
+ export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-9c6f9044.js';
39
39
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, O as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-79ec54ad.js';
40
40
  export { I as InputType, O as OrInputV3 } from '../OrInput-4b82eb59.js';
41
41
  export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from '../OrPassword-7da938aa.js';
@@ -1,4 +1,4 @@
1
- export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../../OrButton-4cccce45.js';
1
+ export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../../OrButton-0e91a808.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -1,4 +1,4 @@
1
- export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-f9b49c17.js';
1
+ export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-ff57274f.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -10,7 +10,7 @@ import 'portal-vue';
10
10
  import '../../normalize-component-6e8e3d80.js';
11
11
  import '../../useClassAttribute-9bf33346.js';
12
12
  import '../../useElevation-aac032f4.js';
13
- import '../../OrButton-4cccce45.js';
13
+ import '../../OrButton-0e91a808.js';
14
14
  import '../../OrLoader-6a1f937b.js';
15
15
  import '../../OrInput-4b82eb59.js';
16
16
  import '../../OrError-aad17598.js';
@@ -1,4 +1,4 @@
1
- export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-eb42fea9.js';
1
+ export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-9add2e1e.js';
2
2
  export { I as InlineInputSize } from '../../OrInlineInputBox-f457210f.js';
3
3
  import '../../index-fa6eb4ca.js';
4
4
  import 'vue';
@@ -1,3 +1,5 @@
1
+ import { InlineInputSize } from './props';
1
2
  export declare const InlineInputRoot: string[];
2
3
  export declare const InlineInputControl: string[];
3
4
  export declare const InlineInputAction: string[];
5
+ export declare const InlineInputActionSizes: Record<InlineInputSize, string[]>;
@@ -1,4 +1,4 @@
1
- export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-63e632cc.js';
1
+ export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-9c6f9044.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';