@onereach/ui-components 2.71.2-beta.2240.0 → 2.71.2-beta.2244.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 (121) hide show
  1. package/dist/bundled/v2/{OrCardCollection-c1ccde63.js → OrCardCollection-06ecb8e1.js} +2 -2
  2. package/dist/bundled/v2/{OrConfirm-cc8b767f.js → OrConfirm-8c0e957d.js} +1 -1
  3. package/dist/bundled/v2/{OrIconButton-4bdd1566.js → OrIconButton-837d57f8.js} +10 -3
  4. package/dist/bundled/v2/{OrInlineInput-b009a043.js → OrInlineInput-57fccb41.js} +1 -1
  5. package/dist/bundled/v2/{OrInlineTextarea-6e8c1f80.js → OrInlineTextarea-f8b86cf7.js} +1 -1
  6. package/dist/bundled/v2/{OrInput-c539e47c.js → OrInput-00070eee.js} +7 -24
  7. package/dist/bundled/v2/{OrModal-51b9f3e7.js → OrModal-78f5d49e.js} +1 -1
  8. package/dist/bundled/v2/{OrNotification-7f761f25.js → OrNotification-458fe937.js} +1 -1
  9. package/dist/bundled/v2/{OrSearch-d7326373.js → OrSearch-bb87b34c.js} +1 -1
  10. package/dist/bundled/v2/{OrSelect-8802f330.js → OrSelect-2ececfc1.js} +2 -2
  11. package/dist/bundled/v2/{OrTag-8d738be6.js → OrTag-4085e8a7.js} +1 -1
  12. package/dist/bundled/v2/components/index.js +13 -13
  13. package/dist/bundled/v2/components/or-card-collection-v3/index.js +4 -4
  14. package/dist/bundled/v2/components/or-confirm-v3/index.js +3 -3
  15. package/dist/bundled/v2/components/or-icon-button-v3/OrIconButton.vue.d.ts +11 -0
  16. package/dist/bundled/v2/components/or-icon-button-v3/index.js +1 -1
  17. package/dist/bundled/v2/components/or-inline-input-v3/index.js +2 -2
  18. package/dist/bundled/v2/components/or-inline-textarea-v3/index.js +2 -2
  19. package/dist/bundled/v2/components/or-input-v3/OrInput.vue.d.ts +0 -13
  20. package/dist/bundled/v2/components/or-input-v3/index.js +2 -3
  21. package/dist/bundled/v2/components/or-modal-v3/index.js +2 -2
  22. package/dist/bundled/v2/components/or-notification-v3/index.js +2 -2
  23. package/dist/bundled/v2/components/or-search-v3/index.js +3 -4
  24. package/dist/bundled/v2/components/or-select-v3/index.js +4 -5
  25. package/dist/bundled/v2/components/or-tag-v3/index.js +2 -2
  26. package/dist/bundled/v2/components/or-toast-v3/index.js +2 -2
  27. package/dist/bundled/v2/index.js +13 -13
  28. package/dist/bundled/v2/{types-79e5c18d.js → types-309b7b94.js} +1 -1
  29. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-f9897e01.js → OrCardCollection.vue_vue_type_script_lang-e2980d04.js} +3 -3
  30. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-e9ba9909.js → OrConfirm.vue_vue_type_script_lang-eb2bfce2.js} +2 -2
  31. package/dist/bundled/v3/{OrIconButton-428dd2cf.js → OrIconButton-e0566ecf.js} +3 -2
  32. package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-ec6a3622.js → OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js} +9 -3
  33. package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-ab296efc.js → OrInlineInput.vue_vue_type_script_lang-49ce3308.js} +2 -2
  34. package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-3c3e1b4a.js → OrInlineTextarea.vue_vue_type_script_lang-8fd761d7.js} +2 -2
  35. package/dist/bundled/v3/{OrInput-41f8351a.js → OrInput-dcf2606e.js} +4 -13
  36. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-b88324b6.js → OrInput.vue_vue_type_script_lang-27220623.js} +3 -15
  37. package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-5a71a851.js → OrModal.vue_vue_type_script_lang-6b1dc231.js} +2 -2
  38. package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-6287244f.js → OrNotification.vue_vue_type_script_lang-d0afc1d7.js} +2 -2
  39. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-56eb4e93.js → OrSearch.vue_vue_type_script_lang-321907ec.js} +2 -2
  40. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-ee433d47.js → OrSelect.vue_vue_type_script_lang-7fd5e2f0.js} +3 -3
  41. package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-cd3e040e.js → OrTag.vue_vue_type_script_lang-a25a49ee.js} +2 -2
  42. package/dist/bundled/v3/{OrToastContainer-ad5ae5af.js → OrToastContainer-6fe12712.js} +1 -1
  43. package/dist/bundled/v3/components/index.js +15 -15
  44. package/dist/bundled/v3/components/or-card-collection-v3/index.js +6 -6
  45. package/dist/bundled/v3/components/or-confirm-v3/index.js +5 -5
  46. package/dist/bundled/v3/components/or-icon-button-v3/OrIconButton.vue.d.ts +11 -0
  47. package/dist/bundled/v3/components/or-icon-button-v3/index.js +1 -1
  48. package/dist/bundled/v3/components/or-inline-input-v3/index.js +3 -3
  49. package/dist/bundled/v3/components/or-inline-textarea-v3/index.js +3 -3
  50. package/dist/bundled/v3/components/or-input-v3/OrInput.vue.d.ts +0 -13
  51. package/dist/bundled/v3/components/or-input-v3/index.js +3 -5
  52. package/dist/bundled/v3/components/or-modal-v3/index.js +3 -3
  53. package/dist/bundled/v3/components/or-notification-v3/index.js +3 -3
  54. package/dist/bundled/v3/components/or-search-v3/index.js +5 -7
  55. package/dist/bundled/v3/components/or-select-v3/index.js +6 -8
  56. package/dist/bundled/v3/components/or-tag-v3/index.js +3 -3
  57. package/dist/bundled/v3/components/or-toast-v3/index.js +4 -4
  58. package/dist/bundled/v3/index.js +23 -23
  59. package/dist/bundled/v3/{types-1d25bb9a.js → types-22fbf9d6.js} +2 -2
  60. package/dist/esm/v2/{OrCardCollection-ff1e9819.js → OrCardCollection-251ab033.js} +2 -2
  61. package/dist/esm/v2/{OrConfirm-ec81498e.js → OrConfirm-9dbdedd7.js} +1 -1
  62. package/dist/esm/v2/{OrIconButton-5fa56aec.js → OrIconButton-04a3566d.js} +10 -3
  63. package/dist/esm/v2/{OrInlineInput-38645a8e.js → OrInlineInput-b85b84b4.js} +1 -1
  64. package/dist/esm/v2/{OrInlineTextarea-b49a7107.js → OrInlineTextarea-afd33047.js} +1 -1
  65. package/dist/esm/v2/{OrInput-b029d058.js → OrInput-59a15d80.js} +7 -24
  66. package/dist/esm/v2/{OrModal-3b9d59de.js → OrModal-4e79e0d5.js} +1 -1
  67. package/dist/esm/v2/{OrNotification-5e145880.js → OrNotification-eac3867f.js} +1 -1
  68. package/dist/esm/v2/{OrSearch-1c934f72.js → OrSearch-f42d588d.js} +1 -1
  69. package/dist/esm/v2/{OrSelect-cfcb233a.js → OrSelect-e31d1c8b.js} +2 -2
  70. package/dist/esm/v2/{OrTag-765090df.js → OrTag-b2906865.js} +1 -1
  71. package/dist/esm/v2/components/index.js +13 -13
  72. package/dist/esm/v2/components/or-card-collection-v3/index.js +4 -4
  73. package/dist/esm/v2/components/or-confirm-v3/index.js +4 -4
  74. package/dist/esm/v2/components/or-icon-button-v3/OrIconButton.vue.d.ts +11 -0
  75. package/dist/esm/v2/components/or-icon-button-v3/index.js +1 -1
  76. package/dist/esm/v2/components/or-inline-input-v3/index.js +2 -2
  77. package/dist/esm/v2/components/or-inline-textarea-v3/index.js +2 -2
  78. package/dist/esm/v2/components/or-input-v3/OrInput.vue.d.ts +0 -13
  79. package/dist/esm/v2/components/or-input-v3/index.js +3 -4
  80. package/dist/esm/v2/components/or-modal-v3/index.js +2 -2
  81. package/dist/esm/v2/components/or-notification-v3/index.js +2 -2
  82. package/dist/esm/v2/components/or-search-v3/index.js +4 -5
  83. package/dist/esm/v2/components/or-select-v3/index.js +5 -6
  84. package/dist/esm/v2/components/or-tag-v3/index.js +2 -2
  85. package/dist/esm/v2/components/or-toast-v3/index.js +2 -2
  86. package/dist/esm/v2/index.js +12 -12
  87. package/dist/esm/v2/{types-856a804f.js → types-1f95d710.js} +1 -1
  88. package/dist/esm/v3/{OrCardCollection-5ecdcbaf.js → OrCardCollection-8b8e3745.js} +2 -2
  89. package/dist/esm/v3/{OrConfirm-beeb74d6.js → OrConfirm-37454a63.js} +1 -1
  90. package/dist/esm/v3/{OrIconButton-e5781317.js → OrIconButton-2dcfb83e.js} +11 -4
  91. package/dist/esm/v3/{OrInlineInput-09de432a.js → OrInlineInput-fbc35f85.js} +1 -1
  92. package/dist/esm/v3/{OrInlineTextarea-56328f22.js → OrInlineTextarea-79da8697.js} +1 -1
  93. package/dist/esm/v3/{OrInput-8a4573cd.js → OrInput-bd054213.js} +5 -25
  94. package/dist/esm/v3/{OrModal-10838da7.js → OrModal-4219a6dc.js} +1 -1
  95. package/dist/esm/v3/{OrNotification-25da89ca.js → OrNotification-0e682c7f.js} +1 -1
  96. package/dist/esm/v3/{OrSearch-10d09806.js → OrSearch-4c5c44f2.js} +1 -1
  97. package/dist/esm/v3/{OrSelect-1e4c6062.js → OrSelect-466e50ca.js} +2 -2
  98. package/dist/esm/v3/{OrTag-21ba5e15.js → OrTag-148ff9ae.js} +1 -1
  99. package/dist/esm/v3/components/index.js +13 -13
  100. package/dist/esm/v3/components/or-card-collection-v3/index.js +4 -4
  101. package/dist/esm/v3/components/or-confirm-v3/index.js +4 -4
  102. package/dist/esm/v3/components/or-icon-button-v3/OrIconButton.vue.d.ts +11 -0
  103. package/dist/esm/v3/components/or-icon-button-v3/index.js +1 -1
  104. package/dist/esm/v3/components/or-inline-input-v3/index.js +2 -2
  105. package/dist/esm/v3/components/or-inline-textarea-v3/index.js +2 -2
  106. package/dist/esm/v3/components/or-input-v3/OrInput.vue.d.ts +0 -13
  107. package/dist/esm/v3/components/or-input-v3/index.js +3 -4
  108. package/dist/esm/v3/components/or-modal-v3/index.js +2 -2
  109. package/dist/esm/v3/components/or-notification-v3/index.js +2 -2
  110. package/dist/esm/v3/components/or-search-v3/index.js +4 -5
  111. package/dist/esm/v3/components/or-select-v3/index.js +5 -6
  112. package/dist/esm/v3/components/or-tag-v3/index.js +2 -2
  113. package/dist/esm/v3/components/or-toast-v3/index.js +2 -2
  114. package/dist/esm/v3/index.js +12 -12
  115. package/dist/esm/v3/{types-7f17b4b2.js → types-b79e4387.js} +1 -1
  116. package/package.json +1 -1
  117. package/src/components/or-icon-button-v3/OrIconButton.stories3.ts +4 -0
  118. package/src/components/or-icon-button-v3/OrIconButton.vue +6 -0
  119. package/src/components/or-icon-button-v3/styles.ts +13 -0
  120. package/src/components/or-input-v3/OrInput.stories3.ts +0 -4
  121. package/src/components/or-input-v3/OrInput.vue +17 -37
@@ -23,7 +23,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
23
23
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
24
24
  invalid: import("@vue/composition-api").ComputedRef<boolean>;
25
25
  disclosed: import("@vue/composition-api").Ref<boolean>;
26
- isMobile: import("@vue/composition-api").Ref<boolean>;
27
26
  focus: () => void;
28
27
  blur: () => void;
29
28
  }> & import("@vue/composition-api").Data, {}, {}, {
@@ -55,10 +54,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
55
54
  type: StringConstructor;
56
55
  default: undefined;
57
56
  };
58
- loading: {
59
- type: BooleanConstructor;
60
- default: boolean;
61
- };
62
57
  required: {
63
58
  type: BooleanConstructor;
64
59
  default: boolean;
@@ -104,10 +99,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
104
99
  type: StringConstructor;
105
100
  default: undefined;
106
101
  };
107
- loading: {
108
- type: BooleanConstructor;
109
- default: boolean;
110
- };
111
102
  required: {
112
103
  type: BooleanConstructor;
113
104
  default: boolean;
@@ -132,7 +123,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
132
123
  placeholder: string;
133
124
  hint: string;
134
125
  error: string;
135
- loading: boolean;
136
126
  required: boolean;
137
127
  readonly: boolean;
138
128
  disabled: boolean;
@@ -162,7 +152,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
162
152
  maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
163
153
  invalid: import("@vue/composition-api").ComputedRef<boolean>;
164
154
  disclosed: import("@vue/composition-api").Ref<boolean>;
165
- isMobile: import("@vue/composition-api").Ref<boolean>;
166
155
  focus: () => void;
167
156
  blur: () => void;
168
157
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
@@ -173,7 +162,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
173
162
  placeholder: string;
174
163
  hint: string;
175
164
  error: string;
176
- loading: boolean;
177
165
  required: boolean;
178
166
  readonly: boolean;
179
167
  disabled: boolean;
@@ -188,7 +176,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
188
176
  placeholder: string;
189
177
  hint: string;
190
178
  error: string;
191
- loading: boolean;
192
179
  required: boolean;
193
180
  readonly: boolean;
194
181
  disabled: boolean;
@@ -1,22 +1,21 @@
1
- export { I as InputType, s as OrInputV3 } from '../../OrInput-8a4573cd.js';
1
+ export { I as InputType, s as OrInputV3 } from '../../OrInput-bd054213.js';
2
2
  export { a as InputSize } from '../../OrInputBox-e16ade90.js';
3
3
  import 'vue-demi';
4
4
  import '../../useIdAttribute-859439f0.js';
5
5
  import '@vueuse/core';
6
- import '../../useResponsive-a02e95b7.js';
7
6
  import '../../useValidationAttributes-d1abbe34.js';
8
7
  import '../../OrError-19198748.js';
9
8
  import 'vue';
10
9
  import '../../OrHint-6863124f.js';
11
- import '../../OrIconButton-e5781317.js';
10
+ import '../../OrIconButton-2dcfb83e.js';
12
11
  import '../../OrIcon-34f59f73.js';
13
12
  import '../../OrTooltip-b07616f4.js';
14
13
  import '../../OrPopover-40217b49.js';
15
14
  import '@floating-ui/dom';
16
15
  import '../../useElevation-31bfe1f6.js';
16
+ import '../../useResponsive-a02e95b7.js';
17
17
  import '../../OrBottomSheet-13a416ef.js';
18
18
  import '../../OrOverlay-afad3aa4.js';
19
19
  import '../../OrTeleport.vue3-8099178c.js';
20
20
  import '../../OrLabel-f700f9fb.js';
21
- import '../../OrLoader-a53d2edf.js';
22
21
  import '../../style-inject.es-4c6f2515.js';
@@ -1,6 +1,6 @@
1
- export { M as ModalSize, s as OrModalV3 } from '../../OrModal-10838da7.js';
1
+ export { M as ModalSize, s as OrModalV3 } from '../../OrModal-4219a6dc.js';
2
2
  import 'vue-demi';
3
- import '../../OrIconButton-e5781317.js';
3
+ import '../../OrIconButton-2dcfb83e.js';
4
4
  import '../../OrIcon-34f59f73.js';
5
5
  import 'vue';
6
6
  import '../../OrTooltip-b07616f4.js';
@@ -1,6 +1,6 @@
1
- export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification-25da89ca.js';
1
+ export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification-0e682c7f.js';
2
2
  import 'vue-demi';
3
- import '../../OrIconButton-e5781317.js';
3
+ import '../../OrIconButton-2dcfb83e.js';
4
4
  import '../../OrIcon-34f59f73.js';
5
5
  import 'vue';
6
6
  import '../../OrTooltip-b07616f4.js';
@@ -1,23 +1,22 @@
1
- export { s as OrSearchV3 } from '../../OrSearch-10d09806.js';
1
+ export { s as OrSearchV3 } from '../../OrSearch-4c5c44f2.js';
2
2
  export { a as SearchSize } from '../../OrInputBox-e16ade90.js';
3
3
  import '@vueuse/core';
4
4
  import 'vue-demi';
5
- import '../../OrInput-8a4573cd.js';
5
+ import '../../OrInput-bd054213.js';
6
6
  import '../../useIdAttribute-859439f0.js';
7
- import '../../useResponsive-a02e95b7.js';
8
7
  import '../../useValidationAttributes-d1abbe34.js';
9
8
  import '../../OrError-19198748.js';
10
9
  import 'vue';
11
10
  import '../../OrHint-6863124f.js';
12
- import '../../OrIconButton-e5781317.js';
11
+ import '../../OrIconButton-2dcfb83e.js';
13
12
  import '../../OrIcon-34f59f73.js';
14
13
  import '../../OrTooltip-b07616f4.js';
15
14
  import '../../OrPopover-40217b49.js';
16
15
  import '@floating-ui/dom';
17
16
  import '../../useElevation-31bfe1f6.js';
17
+ import '../../useResponsive-a02e95b7.js';
18
18
  import '../../OrBottomSheet-13a416ef.js';
19
19
  import '../../OrOverlay-afad3aa4.js';
20
20
  import '../../OrTeleport.vue3-8099178c.js';
21
21
  import '../../OrLabel-f700f9fb.js';
22
- import '../../OrLoader-a53d2edf.js';
23
22
  import '../../style-inject.es-4c6f2515.js';
@@ -1,4 +1,4 @@
1
- export { s as OrSelectV3 } from '../../OrSelect-1e4c6062.js';
1
+ export { s as OrSelectV3 } from '../../OrSelect-466e50ca.js';
2
2
  export { a as SelectSize } from '../../OrInputBox-e16ade90.js';
3
3
  import 'vue-demi';
4
4
  import '../../dropdown-open-0d314aa4.js';
@@ -13,17 +13,16 @@ import '../../OrError-19198748.js';
13
13
  import '../../OrExpansionPanel-3a4282da.js';
14
14
  import '../../OrIcon-34f59f73.js';
15
15
  import '../../OrHint-6863124f.js';
16
- import '../../OrInput-8a4573cd.js';
17
- import '../../useResponsive-a02e95b7.js';
16
+ import '../../OrInput-bd054213.js';
18
17
  import '../../useValidationAttributes-d1abbe34.js';
19
- import '../../OrIconButton-e5781317.js';
18
+ import '../../OrIconButton-2dcfb83e.js';
20
19
  import '../../OrTooltip-b07616f4.js';
21
20
  import '../../OrPopover-40217b49.js';
22
21
  import '@floating-ui/dom';
23
22
  import '../../useElevation-31bfe1f6.js';
23
+ import '../../useResponsive-a02e95b7.js';
24
24
  import '../../OrBottomSheet-13a416ef.js';
25
25
  import '../../OrOverlay-afad3aa4.js';
26
26
  import '../../OrTeleport.vue3-8099178c.js';
27
- import '../../OrLoader-a53d2edf.js';
28
27
  import '../../OrMenuItem-58707d47.js';
29
- import '../../OrTag-21ba5e15.js';
28
+ import '../../OrTag-148ff9ae.js';
@@ -1,6 +1,6 @@
1
- export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-21ba5e15.js';
1
+ export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-148ff9ae.js';
2
2
  import 'vue-demi';
3
- import '../../OrIconButton-e5781317.js';
3
+ import '../../OrIconButton-2dcfb83e.js';
4
4
  import '../../OrIcon-34f59f73.js';
5
5
  import 'vue';
6
6
  import '../../OrTooltip-b07616f4.js';
@@ -1,10 +1,10 @@
1
- export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../../types-7f17b4b2.js';
1
+ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../../types-b79e4387.js';
2
2
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../useToast-0665462d.js';
3
3
  import '@vueuse/core';
4
4
  import 'vue-demi';
5
5
  import '../../OrTeleport.vue3-8099178c.js';
6
6
  import 'vue';
7
- import '../../OrIconButton-e5781317.js';
7
+ import '../../OrIconButton-2dcfb83e.js';
8
8
  import '../../OrIcon-34f59f73.js';
9
9
  import '../../OrTooltip-b07616f4.js';
10
10
  import '../../OrPopover-40217b49.js';
@@ -6,7 +6,7 @@ export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTT
6
6
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-c56998e7.js';
7
7
  export { s as OrCard } from './OrCard-e3a5aea4.js';
8
8
  export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-a5e326ef.js';
9
- export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-5ecdcbaf.js';
9
+ export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-8b8e3745.js';
10
10
  export { s as OrCardV3 } from './OrCard-cd6af82e.js';
11
11
  export { a as OrCarousel, s as OrCarouselItem } from './OrCarouselItem-636d99a1.js';
12
12
  export { s as OrCheckbox } from './OrCheckbox-ed4a19cf.js';
@@ -16,7 +16,7 @@ export { s as OrCode, O as OrCodeLanguages } from './OrCode-5ed69c23.js';
16
16
  export { s as OrCollapse } from './OrCollapse-445141ab.js';
17
17
  export { s 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-189cb097.js';
18
18
  export { s as OrConfirm } from './OrConfirm-f39bd784.js';
19
- export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-beeb74d6.js';
19
+ export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-37454a63.js';
20
20
  export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-f2e08564.js';
21
21
  export { s as OrError } from './OrError-f90296db.js';
22
22
  export { s as OrErrorTagV3 } from './OrErrorTag-308119de.js';
@@ -28,14 +28,14 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
28
28
  export { s as OrHint } from './OrHint-1414c530.js';
29
29
  export { s as OrHintV3 } from './OrHint-6863124f.js';
30
30
  export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-669503c3.js';
31
- export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-e5781317.js';
31
+ export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-2dcfb83e.js';
32
32
  export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from './OrIcon-34f59f73.js';
33
33
  export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-09b33e18.js';
34
- export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-09de432a.js';
34
+ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-fbc35f85.js';
35
35
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-1aa477b5.js';
36
- export { s as OrInlineTextareaV3 } from './OrInlineTextarea-56328f22.js';
36
+ export { s as OrInlineTextareaV3 } from './OrInlineTextarea-79da8697.js';
37
37
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-e16ade90.js';
38
- export { I as InputType, s as OrInputV3 } from './OrInput-8a4573cd.js';
38
+ export { I as InputType, s as OrInputV3 } from './OrInput-bd054213.js';
39
39
  export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-7cb2c91c.js';
40
40
  export { s as OrLabel } from './OrLabel-876f8729.js';
41
41
  export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-f700f9fb.js';
@@ -48,9 +48,9 @@ export { s as OrMenuItemV3 } from './OrMenuItem-58707d47.js';
48
48
  export { s as OrMenuV3 } from './OrMenu-7f3ea117.js';
49
49
  export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-40217b49.js';
50
50
  export { s as OrModal, O as OrModalSizes } from './OrModal-8b074b0c.js';
51
- export { M as ModalSize, s as OrModalV3 } from './OrModal-10838da7.js';
51
+ export { M as ModalSize, s as OrModalV3 } from './OrModal-4219a6dc.js';
52
52
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-e85a4956.js';
53
- export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-25da89ca.js';
53
+ export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-0e682c7f.js';
54
54
  export { s as OrOverflowMenu } from './OrOverflowMenu-e82cbcbe.js';
55
55
  export { s as OrOverlay } from './OrOverlay-451dce49.js';
56
56
  export { s as OrOverlayV3 } from './OrOverlay-afad3aa4.js';
@@ -60,10 +60,10 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
60
60
  export { s as OrRadio } from './OrRadio-c3ab11f2.js';
61
61
  export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
62
62
  export { s as OrRadioV3 } from './OrRadio-bb9b37c1.js';
63
- export { s as OrSearchV3 } from './OrSearch-10d09806.js';
63
+ export { s as OrSearchV3 } from './OrSearch-4c5c44f2.js';
64
64
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-880b4911.js';
65
65
  export { s as OrSelect } from './OrSelect-0821b907.js';
66
- export { s as OrSelectV3 } from './OrSelect-1e4c6062.js';
66
+ export { s as OrSelectV3 } from './OrSelect-466e50ca.js';
67
67
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
68
68
  export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
69
69
  export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
@@ -79,7 +79,7 @@ export { s as OrTabV3 } from './OrTab-d3785ea4.js';
79
79
  export { s as OrTabs } from './OrTabs-d3812c11.js';
80
80
  export { s as OrTabsV3, T as TabsVariant } from './OrTabs-328d41b9.js';
81
81
  export { s as OrTag } from './OrTag-1b5e43fa.js';
82
- export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-21ba5e15.js';
82
+ export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-148ff9ae.js';
83
83
  export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
84
84
  export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
85
85
  export { s as OrTextV3 } from './OrText-6b4f7cd1.js';
@@ -87,7 +87,7 @@ export { s as OrTextareaV3 } from './OrTextarea-37566985.js';
87
87
  export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-2f33e9c3.js';
88
88
  export { s as OrToast, a as OrToastContainer } from './OrToastContainer-40c4c1c8.js';
89
89
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
90
- export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-7f17b4b2.js';
90
+ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-b79e4387.js';
91
91
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
92
92
  export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-78cd7f6b.js';
93
93
  export { s as OrTooltipV3 } from './OrTooltip-b07616f4.js';
@@ -2,7 +2,7 @@ import { useToggle } from '@vueuse/core';
2
2
  import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
3
3
  import { s as script$4 } from './OrTeleport.vue3-8099178c.js';
4
4
  import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-0665462d.js';
5
- import { s as script$2 } from './OrIconButton-e5781317.js';
5
+ import { s as script$2 } from './OrIconButton-2dcfb83e.js';
6
6
  import { s as script$3 } from './OrLoader-a53d2edf.js';
7
7
  import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createElementVNode, toDisplayString, createBlock, withModifiers, withCtx, TransitionGroup, Fragment, renderList, mergeProps } from 'vue';
8
8
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "2.71.2-beta.2240.0",
3
+ "version": "2.71.2-beta.2244.0",
4
4
  "description": "Vue components library for v2/3",
5
5
  "sideEffects": false,
6
6
  "main": "./dist/auto/index.js",
@@ -24,6 +24,10 @@ export default {
24
24
  options: Object.values(IconButtonSize),
25
25
  },
26
26
 
27
+ selected: {
28
+ control: { type: 'boolean' },
29
+ },
30
+
27
31
  disabled: {
28
32
  control: { type: 'boolean' },
29
33
  },
@@ -5,6 +5,7 @@
5
5
  v-bind="$attrs"
6
6
  :class="rootStyles"
7
7
  :type="'button'"
8
+ :selected="selected ? '' : null"
8
9
  :disabled="disabled"
9
10
  @click="$emit('click', $event)"
10
11
  @focus="$emit('focus', $event)"
@@ -52,6 +53,11 @@ export default defineComponent({
52
53
  default: IconButtonSize.M,
53
54
  },
54
55
 
56
+ selected: {
57
+ type: Boolean,
58
+ default: false,
59
+ },
60
+
55
61
  disabled: {
56
62
  type: Boolean,
57
63
  default: false,
@@ -39,13 +39,26 @@ export const IconButtonRootColors: Record<IconButtonColor, string[]> = {
39
39
  'hover:outline-primary-opacity-0-08',
40
40
  'dark:hover:outline-primary-opacity-0-08-dark',
41
41
 
42
+ 'hover:theme-foreground-default',
43
+ 'dark:hover:theme-foreground-default-dark',
44
+
42
45
  // Theme (focus)
43
46
  'focus:outline-primary-opacity-0-08',
44
47
  'dark:focus:outline-primary-opacity-0-08-dark',
45
48
 
49
+ 'focus:theme-foreground-default',
50
+ 'dark:focus:theme-foreground-default-dark',
51
+
46
52
  // Theme (active)
47
53
  'active:outline-primary-opacity-0-16',
48
54
  'dark:active:outline-primary-opacity-0-16-dark',
55
+
56
+ 'active:theme-foreground-default',
57
+ 'dark:active:theme-foreground-default-dark',
58
+
59
+ // Theme (selected)
60
+ 'selected:theme-foreground-default',
61
+ 'dark:selected:theme-foreground-default-dark',
49
62
  ],
50
63
 
51
64
  'danger': [
@@ -62,10 +62,6 @@ export default {
62
62
  control: { type: 'text' },
63
63
  },
64
64
 
65
- loading: {
66
- control: { type: 'boolean' },
67
- },
68
-
69
65
  required: {
70
66
  control: { type: 'boolean' },
71
67
  },
@@ -42,40 +42,30 @@
42
42
  >
43
43
 
44
44
  <div :class="['layout-row']">
45
- <template v-if="loading">
46
- <OrLoader
47
- :variant="'circular'"
48
- :color="'primary'"
49
- :size="isMobile ? 'm' : 's'"
45
+ <template v-if="type === 'password'">
46
+ <OrIconButton
47
+ :icon="{ icon: disclosed ? 'visibility_off' : 'visibility', variant: 'filled' }"
48
+ :color="'inherit'"
49
+ :disabled="disabled"
50
+ @click.stop="disclosed = !disclosed"
50
51
  />
51
52
  </template>
52
53
 
53
- <template v-else>
54
- <template v-if="type === 'password'">
54
+ <template v-if="type === 'search'">
55
+ <template v-if="modelValue">
55
56
  <OrIconButton
56
- :icon="{ icon: disclosed ? 'visibility_off' : 'visibility', variant: 'filled' }"
57
+ :icon="'close'"
57
58
  :color="'inherit'"
58
- :disabled="disabled"
59
- @click.stop="disclosed = !disclosed"
59
+ :disabled="readonly || disabled"
60
+ @click.stop="$emit('update:modelValue', '')"
60
61
  />
61
62
  </template>
62
63
 
63
- <template v-if="type === 'search'">
64
- <template v-if="modelValue">
65
- <OrIconButton
66
- :icon="'close'"
67
- :color="'inherit'"
68
- :disabled="readonly || disabled"
69
- @click.stop="$emit('update:modelValue', '')"
70
- />
71
- </template>
72
-
73
- <template v-else>
74
- <OrIcon
75
- :icon="'search'"
76
- :variant="'outlined'"
77
- />
78
- </template>
64
+ <template v-else>
65
+ <OrIcon
66
+ :icon="'search'"
67
+ :variant="'outlined'"
68
+ />
79
69
  </template>
80
70
  </template>
81
71
  </div>
@@ -113,14 +103,13 @@
113
103
 
114
104
  <script lang="ts">
115
105
  import { computed, defineComponent, PropType, reactive, ref } from 'vue-demi';
116
- import { useControlAttributes, useIdAttribute, useResponsive, useValidationAttributes } from '../../hooks';
106
+ import { useControlAttributes, useIdAttribute, useValidationAttributes } from '../../hooks';
117
107
  import { OrErrorV3 as OrError } from '../or-error-v3';
118
108
  import { OrHintV3 as OrHint } from '../or-hint-v3';
119
109
  import { OrIconButtonV3 as OrIconButton } from '../or-icon-button-v3';
120
110
  import { OrIconV3 as OrIcon } from '../or-icon-v3';
121
111
  import { OrInputBoxV3 as OrInputBox } from '../or-input-box-v3';
122
112
  import { OrLabelV3 as OrLabel } from '../or-label-v3';
123
- import { OrLoaderV3 as OrLoader } from '../or-loader-v3';
124
113
  import { InputSize, InputType } from './props';
125
114
  import { InputControl, InputRoot } from './styles';
126
115
 
@@ -134,7 +123,6 @@ export default defineComponent({
134
123
  OrIconButton,
135
124
  OrInputBox,
136
125
  OrLabel,
137
- OrLoader,
138
126
  },
139
127
 
140
128
  model: {
@@ -178,11 +166,6 @@ export default defineComponent({
178
166
  default: undefined,
179
167
  },
180
168
 
181
- loading: {
182
- type: Boolean,
183
- default: false,
184
- },
185
-
186
169
  required: {
187
170
  type: Boolean,
188
171
  default: false,
@@ -257,8 +240,6 @@ export default defineComponent({
257
240
 
258
241
  const disclosed = ref(false);
259
242
 
260
- const { isMobile } = useResponsive();
261
-
262
243
  // Methods
263
244
  function focus(): void {
264
245
  control.value?.focus();
@@ -279,7 +260,6 @@ export default defineComponent({
279
260
  maxLength,
280
261
  invalid,
281
262
  disclosed,
282
- isMobile,
283
263
  focus,
284
264
  blur,
285
265
  };