@onereach/ui-components 2.72.2-beta.2275.0 → 2.72.2-beta.2276.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 (125) hide show
  1. package/dist/bundled/v2/{OrButton-d45772c1.js → OrButton-f1f28b9b.js} +1 -1
  2. package/dist/bundled/v2/{OrCardCollection-80ac6444.js → OrCardCollection-35abc63a.js} +2 -2
  3. package/dist/bundled/v2/{OrConfirm-ea6ea2f7.js → OrConfirm-c5717fec.js} +2 -2
  4. package/dist/bundled/v2/{OrInput-57a47093.js → OrInput-00070eee.js} +11 -28
  5. package/dist/bundled/v2/{OrInputBox-e54dcef9.js → OrInputBox-2f559e98.js} +3 -3
  6. package/dist/bundled/v2/{OrLoader-864ef92a.js → OrLoader-07f84c71.js} +11 -4
  7. package/dist/bundled/v2/{OrPagination-daf25de2.js → OrPagination-1b65273d.js} +1 -1
  8. package/dist/bundled/v2/{OrSearch-2ff8cadd.js → OrSearch-09fd004c.js} +4 -3
  9. package/dist/bundled/v2/{OrSelect-359e891b.js → OrSelect-2ececfc1.js} +2 -2
  10. package/dist/bundled/v2/{OrSwitch-782d7b43.js → OrSwitch-3804a2d8.js} +1 -1
  11. package/dist/bundled/v2/{OrTextarea-1201353b.js → OrTextarea-5c57c02b.js} +1 -1
  12. package/dist/bundled/v2/components/index.js +13 -13
  13. package/dist/bundled/v2/components/or-button-v3/index.js +2 -2
  14. package/dist/bundled/v2/components/or-card-collection-v3/index.js +6 -6
  15. package/dist/bundled/v2/components/or-confirm-v3/index.js +5 -5
  16. package/dist/bundled/v2/components/or-input-box-v3/index.js +1 -1
  17. package/dist/bundled/v2/components/or-input-v3/OrInput.vue.d.ts +0 -13
  18. package/dist/bundled/v2/components/or-input-v3/index.js +2 -3
  19. package/dist/bundled/v2/components/or-loader-v3/OrLoader.vue.d.ts +16 -2
  20. package/dist/bundled/v2/components/or-loader-v3/index.js +1 -1
  21. package/dist/bundled/v2/components/or-pagination-v3/index.js +3 -3
  22. package/dist/bundled/v2/components/or-search-v3/index.js +3 -4
  23. package/dist/bundled/v2/components/or-select-v3/index.js +3 -4
  24. package/dist/bundled/v2/components/or-switch-v3/index.js +2 -2
  25. package/dist/bundled/v2/components/or-textarea-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-309b7b94.js → types-13daf4de.js} +1 -1
  29. package/dist/bundled/v3/{OrButton-a1448bfa.js → OrButton-d8b1c4ac.js} +1 -1
  30. package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-3b1e442b.js → OrButton.vue_vue_type_script_lang-d31b504f.js} +2 -2
  31. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-09e66060.js → OrCardCollection.vue_vue_type_script_lang-23f82328.js} +3 -3
  32. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-9aff9db3.js → OrConfirm.vue_vue_type_script_lang-ab682ec1.js} +4 -4
  33. package/dist/bundled/v3/{OrInput-44a32124.js → OrInput-dcf2606e.js} +6 -15
  34. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-4d9e2f4a.js → OrInput.vue_vue_type_script_lang-27220623.js} +3 -15
  35. package/dist/bundled/v3/{OrInputBox-358d4856.js → OrInputBox-4c7900c2.js} +1 -1
  36. package/dist/bundled/v3/{OrInputBox.vue_vue_type_script_lang-b387d4ba.js → OrInputBox.vue_vue_type_script_lang-47d98e81.js} +3 -3
  37. package/dist/bundled/v3/{OrLoader-123ef8c4.js → OrLoader-40942969.js} +1 -1
  38. package/dist/bundled/v3/{OrLoader.vue_vue_type_script_lang-4c3c1ac9.js → OrLoader.vue_vue_type_script_lang-9efedfe7.js} +11 -4
  39. package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-f64827ef.js → OrPagination.vue_vue_type_script_lang-c0eceb82.js} +2 -2
  40. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-faec384c.js → OrSearch.vue_vue_type_script_lang-c054c8db.js} +5 -4
  41. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-c7a9bec2.js → OrSelect.vue_vue_type_script_lang-7fd5e2f0.js} +4 -4
  42. package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-31994be7.js → OrSwitch.vue_vue_type_script_lang-25f16621.js} +2 -2
  43. package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-de99a858.js → OrTextarea.vue_vue_type_script_lang-296da567.js} +2 -2
  44. package/dist/bundled/v3/{OrToastContainer-6fe12712.js → OrToastContainer-2e9489f9.js} +1 -1
  45. package/dist/bundled/v3/components/index.js +17 -17
  46. package/dist/bundled/v3/components/or-button-v3/index.js +3 -3
  47. package/dist/bundled/v3/components/or-card-collection-v3/index.js +10 -10
  48. package/dist/bundled/v3/components/or-confirm-v3/index.js +9 -9
  49. package/dist/bundled/v3/components/or-input-box-v3/index.js +1 -1
  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-loader-v3/OrLoader.vue.d.ts +16 -2
  53. package/dist/bundled/v3/components/or-loader-v3/index.js +1 -1
  54. package/dist/bundled/v3/components/or-pagination-v3/index.js +5 -5
  55. package/dist/bundled/v3/components/or-search-v3/index.js +5 -7
  56. package/dist/bundled/v3/components/or-select-v3/index.js +5 -7
  57. package/dist/bundled/v3/components/or-switch-v3/index.js +3 -3
  58. package/dist/bundled/v3/components/or-textarea-v3/index.js +3 -3
  59. package/dist/bundled/v3/components/or-toast-v3/index.js +4 -4
  60. package/dist/bundled/v3/index.js +24 -24
  61. package/dist/bundled/v3/{types-22fbf9d6.js → types-8f6f3598.js} +2 -2
  62. package/dist/esm/v2/{OrButton-66964360.js → OrButton-d067bcac.js} +1 -1
  63. package/dist/esm/v2/{OrCardCollection-079828a4.js → OrCardCollection-cab5acb9.js} +3 -3
  64. package/dist/esm/v2/{OrConfirm-7dc26526.js → OrConfirm-efe95ff6.js} +2 -2
  65. package/dist/esm/v2/{OrInput-3d8c8925.js → OrInput-59a15d80.js} +11 -28
  66. package/dist/esm/v2/{OrInputBox-53d1f66d.js → OrInputBox-9ceb9fc4.js} +3 -3
  67. package/dist/esm/v2/{OrLoader-76307488.js → OrLoader-a6ae193f.js} +11 -4
  68. package/dist/esm/v2/{OrPagination-1adbcadb.js → OrPagination-1acb7176.js} +1 -1
  69. package/dist/esm/v2/{OrSearch-f9b7e168.js → OrSearch-7411388b.js} +4 -3
  70. package/dist/esm/v2/{OrSelect-bdb9a78a.js → OrSelect-e31d1c8b.js} +2 -2
  71. package/dist/esm/v2/{OrSwitch-8549219a.js → OrSwitch-c2429fc0.js} +1 -1
  72. package/dist/esm/v2/{OrTextarea-373d0554.js → OrTextarea-a5a3572b.js} +1 -1
  73. package/dist/esm/v2/components/index.js +13 -13
  74. package/dist/esm/v2/components/or-button-v3/index.js +2 -2
  75. package/dist/esm/v2/components/or-card-collection-v3/index.js +6 -6
  76. package/dist/esm/v2/components/or-confirm-v3/index.js +6 -6
  77. package/dist/esm/v2/components/or-input-box-v3/index.js +1 -1
  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-loader-v3/OrLoader.vue.d.ts +16 -2
  81. package/dist/esm/v2/components/or-loader-v3/index.js +1 -1
  82. package/dist/esm/v2/components/or-pagination-v3/index.js +3 -3
  83. package/dist/esm/v2/components/or-search-v3/index.js +4 -5
  84. package/dist/esm/v2/components/or-select-v3/index.js +4 -5
  85. package/dist/esm/v2/components/or-switch-v3/index.js +2 -2
  86. package/dist/esm/v2/components/or-textarea-v3/index.js +2 -2
  87. package/dist/esm/v2/components/or-toast-v3/index.js +2 -2
  88. package/dist/esm/v2/index.js +12 -12
  89. package/dist/esm/v2/{types-1f95d710.js → types-4a75cef1.js} +1 -1
  90. package/dist/esm/v3/{OrButton-c56998e7.js → OrButton-d9f6c316.js} +1 -1
  91. package/dist/esm/v3/{OrCardCollection-c3a7cc7a.js → OrCardCollection-04b36455.js} +3 -3
  92. package/dist/esm/v3/{OrConfirm-403896ca.js → OrConfirm-d7d6255c.js} +2 -2
  93. package/dist/esm/v3/{OrInput-71075f51.js → OrInput-bd054213.js} +7 -27
  94. package/dist/esm/v3/{OrInputBox-2467d7e4.js → OrInputBox-e16ade90.js} +3 -3
  95. package/dist/esm/v3/{OrLoader-a53d2edf.js → OrLoader-1709eb68.js} +11 -4
  96. package/dist/esm/v3/{OrPagination-da9e5017.js → OrPagination-7cbdbb05.js} +1 -1
  97. package/dist/esm/v3/{OrSearch-21ac89f3.js → OrSearch-5406bf03.js} +4 -3
  98. package/dist/esm/v3/{OrSelect-c64eda46.js → OrSelect-466e50ca.js} +2 -2
  99. package/dist/esm/v3/{OrSwitch-1c2196da.js → OrSwitch-54988e7a.js} +1 -1
  100. package/dist/esm/v3/{OrTextarea-42d21f77.js → OrTextarea-37566985.js} +1 -1
  101. package/dist/esm/v3/components/index.js +13 -13
  102. package/dist/esm/v3/components/or-button-v3/index.js +2 -2
  103. package/dist/esm/v3/components/or-card-collection-v3/index.js +6 -6
  104. package/dist/esm/v3/components/or-confirm-v3/index.js +6 -6
  105. package/dist/esm/v3/components/or-input-box-v3/index.js +1 -1
  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-loader-v3/OrLoader.vue.d.ts +16 -2
  109. package/dist/esm/v3/components/or-loader-v3/index.js +1 -1
  110. package/dist/esm/v3/components/or-pagination-v3/index.js +3 -3
  111. package/dist/esm/v3/components/or-search-v3/index.js +4 -5
  112. package/dist/esm/v3/components/or-select-v3/index.js +4 -5
  113. package/dist/esm/v3/components/or-switch-v3/index.js +2 -2
  114. package/dist/esm/v3/components/or-textarea-v3/index.js +2 -2
  115. package/dist/esm/v3/components/or-toast-v3/index.js +2 -2
  116. package/dist/esm/v3/index.js +12 -12
  117. package/dist/esm/v3/{types-b79e4387.js → types-c3417028.js} +1 -1
  118. package/package.json +1 -1
  119. package/src/components/or-input-box-v3/styles.ts +6 -3
  120. package/src/components/or-input-v3/OrInput.stories3.ts +0 -4
  121. package/src/components/or-input-v3/OrInput.vue +19 -39
  122. package/src/components/or-loader-v3/OrLoader.stories3.ts +16 -4
  123. package/src/components/or-loader-v3/OrLoader.vue +10 -2
  124. package/src/components/or-loader-v3/styles.ts +1 -2
  125. package/src/components/or-search-v3/OrSearch.vue +2 -1
@@ -1,5 +1,5 @@
1
1
  import './index-fa6eb4ca.js';
2
- import { O as OrLoader } from './OrLoader-864ef92a.js';
2
+ import { O as OrLoader } from './OrLoader-07f84c71.js';
3
3
  import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
4
4
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
5
5
 
@@ -2,11 +2,11 @@ import './index-fa6eb4ca.js';
2
2
  import { defineComponent, computed, ref, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
3
3
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
4
4
  import { O as OrIconButton } from './OrIconButton-837d57f8.js';
5
- import { O as OrButton } from './OrButton-d45772c1.js';
5
+ import { O as OrButton } from './OrButton-f1f28b9b.js';
6
6
  import { O as OrMenu } from './OrMenu-52da43bc.js';
7
7
  import { O as OrMenuItem } from './OrMenuItem-e2693a5f.js';
8
8
  import { O as OrIcon } from './OrIcon-458206aa.js';
9
- import { O as OrSearch } from './OrSearch-2ff8cadd.js';
9
+ import { O as OrSearch } from './OrSearch-09fd004c.js';
10
10
 
11
11
  const CardCollectionRoot = [
12
12
  // Layout
@@ -2,8 +2,8 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
2
2
  import { l as logicAnd } from './index-17f264f9.js';
3
3
  import './index-fa6eb4ca.js';
4
4
  import { O as OrOverlay } from './OrOverlay-efa7992e.js';
5
- import { O as OrButton, a as ButtonColor } from './OrButton-d45772c1.js';
6
- import { O as OrInput } from './OrInput-57a47093.js';
5
+ import { O as OrButton, a as ButtonColor } from './OrButton-f1f28b9b.js';
6
+ import { O as OrInput } from './OrInput-00070eee.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';
9
9
 
@@ -3,12 +3,10 @@ import { O as OrError } from './OrError-52f668a4.js';
3
3
  import { O as OrHint } from './OrHint-fde53334.js';
4
4
  import { O as OrIcon } from './OrIcon-458206aa.js';
5
5
  import { O as OrIconButton } from './OrIconButton-837d57f8.js';
6
- import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-e54dcef9.js';
6
+ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-2f559e98.js';
7
7
  import { O as OrLabel } from './OrLabel-aff09c39.js';
8
- import { O as OrLoader } from './OrLoader-864ef92a.js';
9
8
  import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
10
9
  import { u as useValidationAttributes } from './useValidationAttributes-6df7bcf9.js';
11
- import { u as useResponsive } from './useResponsive-e13dfbb0.js';
12
10
  import { defineComponent, ref, computed, reactive } from '@vue/composition-api/dist/vue-composition-api.mjs';
13
11
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
14
12
  import { c as createInjector } from './browser-82dea9ed.js';
@@ -42,8 +40,7 @@ var script = defineComponent({
42
40
  OrIcon,
43
41
  OrIconButton,
44
42
  OrInputBox,
45
- OrLabel,
46
- OrLoader
43
+ OrLabel
47
44
  },
48
45
  model: {
49
46
  prop: 'modelValue',
@@ -78,10 +75,6 @@ var script = defineComponent({
78
75
  type: String,
79
76
  default: undefined
80
77
  },
81
- loading: {
82
- type: Boolean,
83
- default: false
84
- },
85
78
  required: {
86
79
  type: Boolean,
87
80
  default: false
@@ -127,9 +120,6 @@ var script = defineComponent({
127
120
  const maxLength = computed(() => controlAttributes.maxlength);
128
121
  const invalid = computed(() => !!props.error);
129
122
  const disclosed = ref(false);
130
- const {
131
- isMobile
132
- } = useResponsive();
133
123
  // Methods
134
124
  function focus() {
135
125
  var _a;
@@ -150,7 +140,6 @@ var script = defineComponent({
150
140
  maxLength,
151
141
  invalid,
152
142
  disclosed,
153
- isMobile,
154
143
  focus,
155
144
  blur
156
145
  };
@@ -187,7 +176,7 @@ var __vue_render__ = function () {
187
176
  "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
188
177
  "size": _vm.size,
189
178
  "invalid": _vm.invalid,
190
- "readonly": _vm.readonly || _vm.loading,
179
+ "readonly": _vm.readonly,
191
180
  "disabled": _vm.disabled
192
181
  }
193
182
  }, [(_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'checkbox' ? _c('input', _vm._b({
@@ -202,7 +191,7 @@ var __vue_render__ = function () {
202
191
  attrs: {
203
192
  "placeholder": _vm.placeholder,
204
193
  "required": _vm.required,
205
- "readonly": _vm.readonly || _vm.loading,
194
+ "readonly": _vm.readonly,
206
195
  "disabled": _vm.disabled,
207
196
  "type": "checkbox"
208
197
  },
@@ -251,7 +240,7 @@ var __vue_render__ = function () {
251
240
  attrs: {
252
241
  "placeholder": _vm.placeholder,
253
242
  "required": _vm.required,
254
- "readonly": _vm.readonly || _vm.loading,
243
+ "readonly": _vm.readonly,
255
244
  "disabled": _vm.disabled,
256
245
  "type": "radio"
257
246
  },
@@ -287,7 +276,7 @@ var __vue_render__ = function () {
287
276
  attrs: {
288
277
  "placeholder": _vm.placeholder,
289
278
  "required": _vm.required,
290
- "readonly": _vm.readonly || _vm.loading,
279
+ "readonly": _vm.readonly,
291
280
  "disabled": _vm.disabled,
292
281
  "type": _vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type
293
282
  },
@@ -316,13 +305,7 @@ var __vue_render__ = function () {
316
305
  }
317
306
  }, 'input', _vm.controlAttributes, false)), _vm._v(" "), _c('div', {
318
307
  class: ['layout-row']
319
- }, [_vm.loading ? [_c('OrLoader', {
320
- attrs: {
321
- "variant": 'circular',
322
- "color": 'primary',
323
- "size": _vm.isMobile ? 'm' : 's'
324
- }
325
- })] : [_vm.type === 'password' ? [_c('OrIconButton', {
308
+ }, [_vm.type === 'password' ? [_c('OrIconButton', {
326
309
  attrs: {
327
310
  "icon": {
328
311
  icon: _vm.disclosed ? 'visibility_off' : 'visibility',
@@ -354,7 +337,7 @@ var __vue_render__ = function () {
354
337
  "icon": 'search',
355
338
  "variant": 'outlined'
356
339
  }
357
- })]] : _vm._e()]], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
340
+ })]] : _vm._e()], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
358
341
  attrs: {
359
342
  "disabled": _vm.disabled
360
343
  },
@@ -383,14 +366,14 @@ var __vue_staticRenderFns__ = [];
383
366
  /* style */
384
367
  const __vue_inject_styles__ = function (inject) {
385
368
  if (!inject) return;
386
- inject("data-v-9ec674d8_0", {
387
- source: "input[data-v-9ec674d8]{min-width:0;background:0 0;outline:0}input[type=number][data-v-9ec674d8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-9ec674d8]::-webkit-search-cancel-button{display:none}",
369
+ inject("data-v-1243ae22_0", {
370
+ source: "input[data-v-1243ae22]{min-width:0;background:0 0;outline:0}input[type=number][data-v-1243ae22]::-webkit-inner-spin-button{display:none}input[type=search][data-v-1243ae22]::-webkit-search-cancel-button{display:none}",
388
371
  map: undefined,
389
372
  media: undefined
390
373
  });
391
374
  };
392
375
  /* scoped */
393
- const __vue_scope_id__ = "data-v-9ec674d8";
376
+ const __vue_scope_id__ = "data-v-1243ae22";
394
377
  /* module identifier */
395
378
  const __vue_module_identifier__ = undefined;
396
379
  /* functional template */
@@ -43,16 +43,16 @@ const InputBoxRootVariants = {
43
43
  const InputBoxRootSizes = {
44
44
  'm': [
45
45
  // Box
46
- 'children:min-h-[46px] children:md:min-h-[34px]',
46
+ 'children:min-h-[34px]',
47
47
  // Spacing
48
- 'first-child:pl-md first-child:md:pl-sm+', 'last-child:pr-md last-child:md:pr-sm+', 'gap-sm+ md:gap-sm',
48
+ 'first-child:pl-md first-child:md:pl-sm+', 'last-child:pr-md last-child:md:pr-sm+', 'children:pt-[11px] children:md:pt-[7px]', 'children:pb-[11px] children:md:pb-[6px]', 'gap-sm+ md:gap-sm',
49
49
  // Typography
50
50
  'typography-body-2-regular'],
51
51
  's': [
52
52
  // Box
53
53
  'children:min-h-[30px]',
54
54
  // Spacing
55
- 'first-child:pl-md first-child:md:pl-sm+', 'last-child:pr-md last-child:md:pr-sm+', 'gap-[6px]',
55
+ 'first-child:pl-sm', 'last-child:pr-sm', 'children:py-[6px]', 'gap-[6px]',
56
56
  // Typography
57
57
  'typography-caption-regular']
58
58
  };
@@ -21,7 +21,7 @@ var LoaderSize;
21
21
 
22
22
  const LoaderRoot = [
23
23
  // Layout
24
- 'contents', 'flex', 'flex-col', 'space-y-md'];
24
+ 'flex', 'flex-col', 'gap-md'];
25
25
  const LoaderRootColors = {
26
26
  'primary': [
27
27
  // Theme
@@ -42,10 +42,17 @@ var script = defineComponent({
42
42
  type: String,
43
43
  default: LoaderVariant.Circular
44
44
  },
45
+ /**
46
+ * Defines a semantic color of the loading indicator.
47
+ * Use `'inherit'` option to set your own color from the parent (not recommended).
48
+ */
45
49
  color: {
46
50
  type: String,
47
51
  default: LoaderColor.Primary
48
52
  },
53
+ /**
54
+ * Defines a diameter of the circular loader. Ignored for linear one.
55
+ */
49
56
  size: {
50
57
  type: String,
51
58
  default: LoaderSize.M
@@ -67,13 +74,13 @@ var script = defineComponent({
67
74
  const rootStyles = computed(() => ['or-loader', ...LoaderRoot, ...LoaderRootColors[props.color]]);
68
75
  const titleStyles = computed(() => [...LoaderTitle]);
69
76
  const descriptionStyles = computed(() => [...LoaderDescription]);
70
- const containerStyles = computed(() => [...LoaderContainer]);
77
+ const containerStyles = computed(() => [...LoaderContainer, `min-w-[${computedSize}px]`]);
71
78
  // State
72
79
  const computedSize = computed(() => {
73
80
  switch (props.size) {
74
- case 'm':
81
+ case LoaderSize.M:
75
82
  return 20;
76
- case 's':
83
+ case LoaderSize.S:
77
84
  return 16;
78
85
  }
79
86
  });
@@ -1,5 +1,5 @@
1
1
  import './index-fa6eb4ca.js';
2
- import { O as OrButton } from './OrButton-d45772c1.js';
2
+ import { O as OrButton } from './OrButton-f1f28b9b.js';
3
3
  import { O as OrIcon } from './OrIcon-458206aa.js';
4
4
  import { O as OrMenu } from './OrMenu-52da43bc.js';
5
5
  import { O as OrMenuItem } from './OrMenuItem-e2693a5f.js';
@@ -1,8 +1,8 @@
1
1
  import { debouncedWatch } from '@vueuse/core';
2
2
  import './index-fa6eb4ca.js';
3
- import { O as OrInput } from './OrInput-57a47093.js';
3
+ import { O as OrInput } from './OrInput-00070eee.js';
4
4
  import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
5
- import { a as InputBoxSize } from './OrInputBox-e54dcef9.js';
5
+ import { a as InputBoxSize } from './OrInputBox-2f559e98.js';
6
6
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
7
7
 
8
8
  var script = defineComponent({
@@ -48,11 +48,12 @@ var script = defineComponent({
48
48
  // State
49
49
  const localModelValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
50
50
  // Events
51
- debouncedWatch(localModelValue, () => context.emit('search', localModelValue.value), {
51
+ debouncedWatch(localModelValue, () => localModelValue.value.length > 0 && context.emit('search', localModelValue.value), {
52
52
  debounce: props.debounce
53
53
  });
54
54
  watch(localModelValue, (val, beforeVal) => {
55
55
  if (val.length === 0 && beforeVal.length > 0) {
56
+ context.emit('search');
56
57
  context.emit('clear');
57
58
  }
58
59
  });
@@ -4,8 +4,8 @@ import { O as OrError } from './OrError-52f668a4.js';
4
4
  import { O as OrExpansionPanel } from './OrExpansionPanel-96b8f568.js';
5
5
  import { O as OrHint } from './OrHint-fde53334.js';
6
6
  import { O as OrIcon } from './OrIcon-458206aa.js';
7
- import { O as OrInput } from './OrInput-57a47093.js';
8
- import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-e54dcef9.js';
7
+ import { O as OrInput } from './OrInput-00070eee.js';
8
+ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-2f559e98.js';
9
9
  import { O as OrLabel } from './OrLabel-aff09c39.js';
10
10
  import { O as OrMenuItem } from './OrMenuItem-e2693a5f.js';
11
11
  import { O as OrPopover } from './OrPopover-4e8acb7b.js';
@@ -1,6 +1,6 @@
1
1
  import './index-fa6eb4ca.js';
2
2
  import { O as OrLabel, L as LabelVariant } from './OrLabel-aff09c39.js';
3
- import { O as OrLoader } from './OrLoader-864ef92a.js';
3
+ import { O as OrLoader } from './OrLoader-07f84c71.js';
4
4
  import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
5
5
  import { defineComponent, ref, computed, reactive } from '@vue/composition-api/dist/vue-composition-api.mjs';
6
6
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -1,7 +1,7 @@
1
1
  import './index-fa6eb4ca.js';
2
2
  import { O as OrError } from './OrError-52f668a4.js';
3
3
  import { O as OrHint } from './OrHint-fde53334.js';
4
- import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-e54dcef9.js';
4
+ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-2f559e98.js';
5
5
  import { O as OrLabel } from './OrLabel-aff09c39.js';
6
6
  import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
7
7
  import { u as useValidationAttributes } from './useValidationAttributes-6df7bcf9.js';
@@ -5,10 +5,10 @@ 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-d45772c1.js';
8
+ export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-f1f28b9b.js';
9
9
  export { O as OrCard } from '../OrCard-a6b30f8f.js';
10
10
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-166cfcc6.js';
11
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-80ac6444.js';
11
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-35abc63a.js';
12
12
  export { _ as OrCardV3 } from '../OrCard-45d5869b.js';
13
13
  export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-6da755c0.js';
14
14
  export { O as OrCheckbox } from '../OrCheckbox-4cbddd67.js';
@@ -19,7 +19,7 @@ export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-fc6876ec.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-55b89b17.js';
22
- export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-ea6ea2f7.js';
22
+ export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-c5717fec.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-97a9112b.js';
@@ -37,8 +37,8 @@ export { I as InlineInputBoxSize, I as InlineInputSize, O as OrInlineInputBoxV3
37
37
  export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-57fccb41.js';
38
38
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-7262efdf.js';
39
39
  export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-f8b86cf7.js';
40
- export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, O as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-e54dcef9.js';
41
- export { I as InputType, O as OrInputV3 } from '../OrInput-57a47093.js';
40
+ export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, O as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-2f559e98.js';
41
+ export { I as InputType, O as OrInputV3 } from '../OrInput-00070eee.js';
42
42
  export { O as OrInput } from '../OrInput-df1a14fa.js';
43
43
  export { O as OrLabel } from '../OrLabel-74c73ba4.js';
44
44
  export { L as LabelVariant, O as OrLabelV3 } from '../OrLabel-aff09c39.js';
@@ -46,7 +46,7 @@ export { L as LinkColor, _ as OrLinkV3 } from '../OrLink-0d952e87.js';
46
46
  export { O as OrList } from '../OrList-4e84a3b4.js';
47
47
  export { _ as OrListOfInputs } from '../OrListOfInputs-ab7f9d97.js';
48
48
  export { L as LoaderViews, O as OrLoader } from '../OrLoader-05057239.js';
49
- export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, O as OrLoaderV3 } from '../OrLoader-864ef92a.js';
49
+ export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, O as OrLoaderV3 } from '../OrLoader-07f84c71.js';
50
50
  export { O as OrMenuItemV3 } from '../OrMenuItem-e2693a5f.js';
51
51
  export { O as OrMenuV3 } from '../OrMenu-52da43bc.js';
52
52
  export { P as MenuPlacement, O as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-4e8acb7b.js';
@@ -59,17 +59,17 @@ export { _ as OrOverflowMenu } from '../OrOverflowMenu-711e460e.js';
59
59
  export { O as OrOverlay } from '../OrOverlay-47967a8b.js';
60
60
  export { O as OrOverlayV3 } from '../OrOverlay-efa7992e.js';
61
61
  export { _ as OrPassword } from '../OrPassword-a818e7b5.js';
62
- export { _ as OrPaginationV3 } from '../OrPagination-daf25de2.js';
62
+ export { _ as OrPaginationV3 } from '../OrPagination-1b65273d.js';
63
63
  export { O as OrProgress, a as OrProgressColors, b as OrProgressTypes } from '../OrProgress-de947341.js';
64
64
  export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-15fe65ec.js';
65
65
  export { _ as OrRadio } from '../OrRadio-187d6fc7.js';
66
66
  export { _ as OrRadioGroup } from '../OrRadioGroup-aa9f0757.js';
67
67
  export { _ as OrRadioV3 } from '../OrRadio-fe23947a.js';
68
68
  export { O as OrSearch } from '../OrSearch-832d7978.js';
69
- export { O as OrSearchV3 } from '../OrSearch-2ff8cadd.js';
69
+ export { O as OrSearchV3 } from '../OrSearch-09fd004c.js';
70
70
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-878279bf.js';
71
71
  export { _ as OrSelect } from '../OrSelect-a23d4210.js';
72
- export { _ as OrSelectV3 } from '../OrSelect-359e891b.js';
72
+ export { _ as OrSelectV3 } from '../OrSelect-2ececfc1.js';
73
73
  export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
74
74
  export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-c95ef614.js';
75
75
  export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
@@ -78,7 +78,7 @@ export { _ as OrSlider } from '../OrSlider-59d05856.js';
78
78
  export { _ as OrSortHeaderV3 } from '../OrSortHeader-565ace92.js';
79
79
  export { _ as OrStepper } from '../OrStepper-3fc1a2b3.js';
80
80
  export { _ as OrSwitch } from '../OrSwitch-47670dbd.js';
81
- export { _ as OrSwitchV3 } from '../OrSwitch-782d7b43.js';
81
+ export { _ as OrSwitchV3 } from '../OrSwitch-3804a2d8.js';
82
82
  export { _ as OrTab } from '../OrTab-b2c6d977.js';
83
83
  export { O as OrTabHeaderItem } from '../OrTabHeaderItem-d39c3cf7.js';
84
84
  export { O as OrTabV3 } from '../OrTab-8c5acf8a.js';
@@ -90,11 +90,11 @@ export { O as OrTeleport } from '../OrTeleportVue2-3544f185.js';
90
90
  export { O as OrTeleportV3 } from '../OrTeleport.vue2-e9ba3054.js';
91
91
  export { _ as OrTextV3 } from '../OrText-a665b991.js';
92
92
  export { _ as OrTextarea } from '../OrTextarea-71ff236d.js';
93
- export { _ as OrTextareaV3 } from '../OrTextarea-1201353b.js';
93
+ export { _ as OrTextareaV3 } from '../OrTextarea-5c57c02b.js';
94
94
  export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-eacd9b19.js';
95
95
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-1faa828c.js';
96
96
  export { O as OrToast, _ as OrToastContainer } from '../OrToastContainer-b03adc37.js';
97
- export { _ as OrToastContainerV3, O as OrToastV3, t as TypesV3 } from '../types-309b7b94.js';
97
+ export { _ as OrToastContainerV3, O as OrToastV3, t as TypesV3 } from '../types-13daf4de.js';
98
98
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-3a3d4280.js';
99
99
  export { O as OrTooltip } from '../OrTooltip-dfea7af2.js';
100
100
  export { O as OrTooltipContent } from '../OrTooltipContent-f0fd5f75.js';
@@ -113,8 +113,8 @@ import '../dom-3a15d036.js';
113
113
  import '../index-17f264f9.js';
114
114
  import '../floating-ui.dom.esm-83eba816.js';
115
115
  import '../useValidationAttributes-6df7bcf9.js';
116
- import '../useResponsive-e13dfbb0.js';
117
116
  import '../v4-cf8987a3.js';
117
+ import '../useResponsive-e13dfbb0.js';
118
118
  import '../useElevation-aac032f4.js';
119
119
  import '../useToggle-6166bd53.js';
120
120
  import '../dropdown-open-e2a93aaf.js';
@@ -1,6 +1,6 @@
1
- export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../../OrButton-d45772c1.js';
1
+ export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../../OrButton-f1f28b9b.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
5
- import '../../OrLoader-864ef92a.js';
5
+ import '../../OrLoader-07f84c71.js';
6
6
  import '../../normalize-component-6e8e3d80.js';
@@ -1,4 +1,4 @@
1
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-80ac6444.js';
1
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-35abc63a.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -15,15 +15,15 @@ import '../../OrTeleport.vue2-e9ba3054.js';
15
15
  import 'portal-vue';
16
16
  import '../../useElevation-aac032f4.js';
17
17
  import '../../useResponsive-e13dfbb0.js';
18
- import '../../OrButton-d45772c1.js';
19
- import '../../OrLoader-864ef92a.js';
18
+ import '../../OrButton-f1f28b9b.js';
19
+ import '../../OrLoader-07f84c71.js';
20
20
  import '../../OrMenu-52da43bc.js';
21
21
  import '../../OrMenuItem-e2693a5f.js';
22
- import '../../OrSearch-2ff8cadd.js';
23
- import '../../OrInput-57a47093.js';
22
+ import '../../OrSearch-09fd004c.js';
23
+ import '../../OrInput-00070eee.js';
24
24
  import '../../OrError-52f668a4.js';
25
25
  import '../../OrHint-fde53334.js';
26
- import '../../OrInputBox-e54dcef9.js';
26
+ import '../../OrInputBox-2f559e98.js';
27
27
  import '../../OrLabel-aff09c39.js';
28
28
  import '../../useIdAttribute-cf61643f.js';
29
29
  import '../../useValidationAttributes-6df7bcf9.js';
@@ -1,4 +1,4 @@
1
- export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-ea6ea2f7.js';
1
+ export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-c5717fec.js';
2
2
  import '@vueuse/core';
3
3
  import '../../index-17f264f9.js';
4
4
  import '../../index-fa6eb4ca.js';
@@ -9,9 +9,9 @@ import '../../OrTeleport.vue2-e9ba3054.js';
9
9
  import 'portal-vue';
10
10
  import '../../normalize-component-6e8e3d80.js';
11
11
  import '../../useElevation-aac032f4.js';
12
- import '../../OrButton-d45772c1.js';
13
- import '../../OrLoader-864ef92a.js';
14
- import '../../OrInput-57a47093.js';
12
+ import '../../OrButton-f1f28b9b.js';
13
+ import '../../OrLoader-07f84c71.js';
14
+ import '../../OrInput-00070eee.js';
15
15
  import '../../OrError-52f668a4.js';
16
16
  import '../../OrHint-fde53334.js';
17
17
  import '../../OrIcon-458206aa.js';
@@ -21,7 +21,7 @@ import '../../OrPopover-4e8acb7b.js';
21
21
  import '../../floating-ui.dom.esm-83eba816.js';
22
22
  import '../../OrBottomSheet-ddba20c1.js';
23
23
  import '../../useResponsive-e13dfbb0.js';
24
- import '../../OrInputBox-e54dcef9.js';
24
+ import '../../OrInputBox-2f559e98.js';
25
25
  import '../../OrLabel-aff09c39.js';
26
26
  import '../../useIdAttribute-cf61643f.js';
27
27
  import '../../useValidationAttributes-6df7bcf9.js';
@@ -1,4 +1,4 @@
1
- export { a as InputBoxSize, I as InputBoxVariant, O as OrInputBoxV3 } from '../../OrInputBox-e54dcef9.js';
1
+ export { a as InputBoxSize, I as InputBoxVariant, O as OrInputBoxV3 } from '../../OrInputBox-2f559e98.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -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,5 +1,5 @@
1
- export { I as InputType, O as OrInputV3 } from '../../OrInput-57a47093.js';
2
- export { a as InputSize } from '../../OrInputBox-e54dcef9.js';
1
+ export { I as InputType, O as OrInputV3 } from '../../OrInput-00070eee.js';
2
+ export { a as InputSize } from '../../OrInputBox-2f559e98.js';
3
3
  import '../../index-fa6eb4ca.js';
4
4
  import 'vue';
5
5
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -19,7 +19,6 @@ import 'portal-vue';
19
19
  import '../../useElevation-aac032f4.js';
20
20
  import '../../useResponsive-e13dfbb0.js';
21
21
  import '../../OrLabel-aff09c39.js';
22
- import '../../OrLoader-864ef92a.js';
23
22
  import '../../useIdAttribute-cf61643f.js';
24
23
  import '../../useValidationAttributes-6df7bcf9.js';
25
24
  import '../../browser-82dea9ed.js';
@@ -6,16 +6,23 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
6
6
  containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
7
7
  titleStyles: import("@vue/composition-api").ComputedRef<string[]>;
8
8
  descriptionStyles: import("@vue/composition-api").ComputedRef<string[]>;
9
- computedSize: import("@vue/composition-api").ComputedRef<20 | 16 | undefined>;
9
+ computedSize: import("@vue/composition-api").ComputedRef<20 | 16>;
10
10
  }> & import("@vue/composition-api").Data, {}, {}, {
11
11
  variant: {
12
12
  type: PropType<LoaderVariant>;
13
13
  default: LoaderVariant;
14
14
  };
15
+ /**
16
+ * Defines a semantic color of the loading indicator.
17
+ * Use `'inherit'` option to set your own color from the parent (not recommended).
18
+ */
15
19
  color: {
16
20
  type: PropType<LoaderColor>;
17
21
  default: LoaderColor;
18
22
  };
23
+ /**
24
+ * Defines a diameter of the circular loader. Ignored for linear one.
25
+ */
19
26
  size: {
20
27
  type: PropType<LoaderSize>;
21
28
  default: LoaderSize;
@@ -33,10 +40,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
33
40
  type: PropType<LoaderVariant>;
34
41
  default: LoaderVariant;
35
42
  };
43
+ /**
44
+ * Defines a semantic color of the loading indicator.
45
+ * Use `'inherit'` option to set your own color from the parent (not recommended).
46
+ */
36
47
  color: {
37
48
  type: PropType<LoaderColor>;
38
49
  default: LoaderColor;
39
50
  };
51
+ /**
52
+ * Defines a diameter of the circular loader. Ignored for linear one.
53
+ */
40
54
  size: {
41
55
  type: PropType<LoaderSize>;
42
56
  default: LoaderSize;
@@ -61,7 +75,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
61
75
  containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
62
76
  titleStyles: import("@vue/composition-api").ComputedRef<string[]>;
63
77
  descriptionStyles: import("@vue/composition-api").ComputedRef<string[]>;
64
- computedSize: import("@vue/composition-api").ComputedRef<20 | 16 | undefined>;
78
+ computedSize: import("@vue/composition-api").ComputedRef<20 | 16>;
65
79
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
66
80
  variant: LoaderVariant;
67
81
  color: LoaderColor;
@@ -1,4 +1,4 @@
1
- export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, O as OrLoaderV3 } from '../../OrLoader-864ef92a.js';
1
+ export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, O as OrLoaderV3 } from '../../OrLoader-07f84c71.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -1,9 +1,9 @@
1
- export { _ as OrPaginationV3 } from '../../OrPagination-daf25de2.js';
1
+ export { _ as OrPaginationV3 } from '../../OrPagination-1b65273d.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
5
- import '../../OrButton-d45772c1.js';
6
- import '../../OrLoader-864ef92a.js';
5
+ import '../../OrButton-f1f28b9b.js';
6
+ import '../../OrLoader-07f84c71.js';
7
7
  import '../../normalize-component-6e8e3d80.js';
8
8
  import '../../OrIcon-458206aa.js';
9
9
  import '../../OrMenu-52da43bc.js';
@@ -1,10 +1,10 @@
1
- export { O as OrSearchV3 } from '../../OrSearch-2ff8cadd.js';
2
- export { a as SearchSize } from '../../OrInputBox-e54dcef9.js';
1
+ export { O as OrSearchV3 } from '../../OrSearch-09fd004c.js';
2
+ export { a as SearchSize } from '../../OrInputBox-2f559e98.js';
3
3
  import '@vueuse/core';
4
4
  import '../../index-fa6eb4ca.js';
5
5
  import 'vue';
6
6
  import '@vue/composition-api/dist/vue-composition-api.mjs';
7
- import '../../OrInput-57a47093.js';
7
+ import '../../OrInput-00070eee.js';
8
8
  import '../../OrError-52f668a4.js';
9
9
  import '../../normalize-component-6e8e3d80.js';
10
10
  import '../../OrHint-fde53334.js';
@@ -20,7 +20,6 @@ import 'portal-vue';
20
20
  import '../../useElevation-aac032f4.js';
21
21
  import '../../useResponsive-e13dfbb0.js';
22
22
  import '../../OrLabel-aff09c39.js';
23
- import '../../OrLoader-864ef92a.js';
24
23
  import '../../useIdAttribute-cf61643f.js';
25
24
  import '../../useValidationAttributes-6df7bcf9.js';
26
25
  import '../../browser-82dea9ed.js';