@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.
- package/dist/bundled/v2/{OrButton-4cccce45.js → OrButton-0e91a808.js} +1 -1
- package/dist/bundled/v2/{OrConfirm-f9b49c17.js → OrConfirm-ff57274f.js} +1 -1
- package/dist/bundled/v2/{OrInlineInput-eb42fea9.js → OrInlineInput-9add2e1e.js} +13 -5
- package/dist/bundled/v2/{OrInlineTextarea-63e632cc.js → OrInlineTextarea-9c6f9044.js} +2 -2
- package/dist/bundled/v2/components/index.js +4 -4
- package/dist/bundled/v2/components/or-button-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-confirm-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-inline-input-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-inline-input-v3/styles.d.ts +2 -0
- package/dist/bundled/v2/components/or-inline-textarea-v3/index.js +1 -1
- package/dist/bundled/v2/index.js +5 -5
- package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-7dbbb917.js → OrButton.vue_vue_type_script_lang-3718b300.js} +1 -1
- package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-3dd24c54.js → OrConfirm.vue_vue_type_script_lang-2e7fa659.js} +1 -1
- package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-c4fdc666.js → OrInlineInput.vue_vue_type_script_lang-3a8189f4.js} +10 -2
- package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-0c53397d.js → OrInlineTextarea.vue_vue_type_script_lang-890b97ab.js} +2 -2
- package/dist/bundled/v3/components/index.js +4 -4
- package/dist/bundled/v3/components/or-button-v3/index.js +1 -1
- package/dist/bundled/v3/components/or-confirm-v3/index.js +2 -2
- package/dist/bundled/v3/components/or-inline-input-v3/index.js +1 -1
- package/dist/bundled/v3/components/or-inline-input-v3/styles.d.ts +2 -0
- package/dist/bundled/v3/components/or-inline-textarea-v3/index.js +1 -1
- package/dist/bundled/v3/index.js +8 -8
- package/dist/esm/v2/{OrButton-603946ec.js → OrButton-357a5756.js} +1 -1
- package/dist/esm/v2/{OrConfirm-a4190c14.js → OrConfirm-74e21c56.js} +1 -1
- package/dist/esm/v2/{OrInlineInput-45b74446.js → OrInlineInput-cfeeea33.js} +13 -5
- package/dist/esm/v2/{OrInlineTextarea-d6b58c5c.js → OrInlineTextarea-897b5377.js} +2 -2
- package/dist/esm/v2/components/index.js +4 -4
- package/dist/esm/v2/components/or-button-v3/index.js +1 -1
- package/dist/esm/v2/components/or-confirm-v3/index.js +2 -2
- package/dist/esm/v2/components/or-inline-input-v3/index.js +1 -1
- package/dist/esm/v2/components/or-inline-input-v3/styles.d.ts +2 -0
- package/dist/esm/v2/components/or-inline-textarea-v3/index.js +1 -1
- package/dist/esm/v2/index.js +4 -4
- package/dist/esm/v3/{OrButton-1a900f39.js → OrButton-f4b9ee51.js} +1 -1
- package/dist/esm/v3/{OrConfirm-39878aef.js → OrConfirm-a3f312a6.js} +1 -1
- package/dist/esm/v3/{OrInlineInput-4a9789c4.js → OrInlineInput-31026cd0.js} +10 -2
- package/dist/esm/v3/{OrInlineTextarea-e28e4d0a.js → OrInlineTextarea-b28c3d8c.js} +2 -2
- package/dist/esm/v3/components/index.js +4 -4
- package/dist/esm/v3/components/or-button-v3/index.js +1 -1
- package/dist/esm/v3/components/or-confirm-v3/index.js +2 -2
- package/dist/esm/v3/components/or-inline-input-v3/index.js +1 -1
- package/dist/esm/v3/components/or-inline-input-v3/styles.d.ts +2 -0
- package/dist/esm/v3/components/or-inline-textarea-v3/index.js +1 -1
- package/dist/esm/v3/index.js +4 -4
- package/package.json +2 -2
- package/src/components/or-button-v3/styles.ts +2 -2
- package/src/components/or-inline-input-v3/OrInlineInput.vue +2 -1
- package/src/components/or-inline-input-v3/styles.ts +17 -1
- 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-
|
|
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-
|
|
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-
|
|
336
|
-
source: "input[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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[]>;
|