@onereach/ui-components 2.74.0-beta.2287.0 → 2.74.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 (103) hide show
  1. package/dist/bundled/v2/{OrCardCollection-4ac89ea5.js → OrCardCollection-9bc44ec5.js} +1 -1
  2. package/dist/bundled/v2/{OrCode-c0af38e3.js → OrCode-fc6876ec.js} +15 -179
  3. package/dist/bundled/v2/{OrConfirm-8c0e957d.js → OrConfirm-ea6ea2f7.js} +1 -1
  4. package/dist/bundled/v2/{OrInput-00070eee.js → OrInput-57a47093.js} +28 -11
  5. package/dist/bundled/v2/{OrInputBox-2f559e98.js → OrInputBox-e54dcef9.js} +3 -3
  6. package/dist/bundled/v2/{OrNotification-2e2a1941.js → OrNotification-3909aaf2.js} +3 -3
  7. package/dist/bundled/v2/{OrSearch-09fd004c.js → OrSearch-4072a079.js} +2 -2
  8. package/dist/bundled/v2/{OrSelect-2ececfc1.js → OrSelect-359e891b.js} +2 -2
  9. package/dist/bundled/v2/{OrSkeletonText-2f1a3cc7.js → OrSkeletonText-242d22f3.js} +3 -3
  10. package/dist/bundled/v2/{OrTextarea-5c57c02b.js → OrTextarea-1201353b.js} +1 -1
  11. package/dist/bundled/v2/components/index.js +11 -11
  12. package/dist/bundled/v2/components/or-card-collection-v3/index.js +4 -4
  13. package/dist/bundled/v2/components/or-code/index.js +1 -1
  14. package/dist/bundled/v2/components/or-confirm-v3/index.js +3 -3
  15. package/dist/bundled/v2/components/or-input-box-v3/index.js +1 -1
  16. package/dist/bundled/v2/components/or-input-v3/OrInput.vue.d.ts +13 -0
  17. package/dist/bundled/v2/components/or-input-v3/index.js +3 -2
  18. package/dist/bundled/v2/components/or-notification/index.js +1 -1
  19. package/dist/bundled/v2/components/or-search-v3/index.js +4 -3
  20. package/dist/bundled/v2/components/or-select-v3/index.js +4 -3
  21. package/dist/bundled/v2/components/or-skeleton/index.js +1 -1
  22. package/dist/bundled/v2/components/or-textarea-v3/index.js +2 -2
  23. package/dist/bundled/v2/index.js +11 -11
  24. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-f76c3264.js → OrCardCollection.vue_vue_type_script_lang-62eb2543.js} +1 -1
  25. package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-79a42008.js → OrCode.vue_vue_type_script_lang-c55de81d.js} +11 -176
  26. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-eb2bfce2.js → OrConfirm.vue_vue_type_script_lang-9aff9db3.js} +2 -2
  27. package/dist/bundled/v3/{OrInput-dcf2606e.js → OrInput-44a32124.js} +15 -6
  28. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-27220623.js → OrInput.vue_vue_type_script_lang-4d9e2f4a.js} +15 -3
  29. package/dist/bundled/v3/{OrInputBox-4c7900c2.js → OrInputBox-358d4856.js} +1 -1
  30. package/dist/bundled/v3/{OrInputBox.vue_vue_type_script_lang-47d98e81.js → OrInputBox.vue_vue_type_script_lang-b387d4ba.js} +3 -3
  31. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-c054c8db.js → OrSearch.vue_vue_type_script_lang-0ddeada5.js} +3 -3
  32. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-7fd5e2f0.js → OrSelect.vue_vue_type_script_lang-c7a9bec2.js} +4 -4
  33. package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-296da567.js → OrTextarea.vue_vue_type_script_lang-de99a858.js} +2 -2
  34. package/dist/bundled/v3/components/index.js +11 -11
  35. package/dist/bundled/v3/components/or-card-collection-v3/index.js +6 -6
  36. package/dist/bundled/v3/components/or-code/index.js +1 -1
  37. package/dist/bundled/v3/components/or-confirm-v3/index.js +5 -5
  38. package/dist/bundled/v3/components/or-input-box-v3/index.js +1 -1
  39. package/dist/bundled/v3/components/or-input-v3/OrInput.vue.d.ts +13 -0
  40. package/dist/bundled/v3/components/or-input-v3/index.js +5 -3
  41. package/dist/bundled/v3/components/or-search-v3/index.js +7 -5
  42. package/dist/bundled/v3/components/or-select-v3/index.js +7 -5
  43. package/dist/bundled/v3/components/or-textarea-v3/index.js +3 -3
  44. package/dist/bundled/v3/index.js +21 -21
  45. package/dist/esm/v2/{OrCardCollection-5a9eda35.js → OrCardCollection-4c909f4b.js} +2 -2
  46. package/dist/esm/v2/{OrCode-47331c24.js → OrCode-d4400b42.js} +17 -183
  47. package/dist/esm/v2/{OrConfirm-9dbdedd7.js → OrConfirm-7dc26526.js} +1 -1
  48. package/dist/esm/v2/{OrInput-59a15d80.js → OrInput-3d8c8925.js} +28 -11
  49. package/dist/esm/v2/{OrInputBox-9ceb9fc4.js → OrInputBox-53d1f66d.js} +3 -3
  50. package/dist/esm/v2/{OrNotification-a49e76d3.js → OrNotification-a9231a83.js} +3 -3
  51. package/dist/esm/v2/{OrSearch-7411388b.js → OrSearch-d6f1ba11.js} +2 -2
  52. package/dist/esm/v2/{OrSelect-e31d1c8b.js → OrSelect-bdb9a78a.js} +2 -2
  53. package/dist/esm/v2/{OrSkeletonText-24509efe.js → OrSkeletonText-cc94bdc9.js} +3 -3
  54. package/dist/esm/v2/{OrTextarea-a5a3572b.js → OrTextarea-373d0554.js} +1 -1
  55. package/dist/esm/v2/components/index.js +11 -13
  56. package/dist/esm/v2/components/or-card-collection-v3/index.js +4 -4
  57. package/dist/esm/v2/components/or-code/index.js +2 -4
  58. package/dist/esm/v2/components/or-confirm-v3/index.js +4 -4
  59. package/dist/esm/v2/components/or-input-box-v3/index.js +1 -1
  60. package/dist/esm/v2/components/or-input-v3/OrInput.vue.d.ts +13 -0
  61. package/dist/esm/v2/components/or-input-v3/index.js +4 -3
  62. package/dist/esm/v2/components/or-notification/index.js +1 -1
  63. package/dist/esm/v2/components/or-search-v3/index.js +5 -4
  64. package/dist/esm/v2/components/or-select-v3/index.js +5 -4
  65. package/dist/esm/v2/components/or-skeleton/index.js +1 -1
  66. package/dist/esm/v2/components/or-textarea-v3/index.js +2 -2
  67. package/dist/esm/v2/index.js +10 -12
  68. package/dist/esm/v3/{OrCardCollection-e4fde5b4.js → OrCardCollection-803f67f7.js} +2 -2
  69. package/dist/esm/v3/{OrCode-effa9edb.js → OrCode-5ed69c23.js} +14 -180
  70. package/dist/esm/v3/{OrConfirm-37454a63.js → OrConfirm-403896ca.js} +1 -1
  71. package/dist/esm/v3/{OrInput-bd054213.js → OrInput-71075f51.js} +27 -7
  72. package/dist/esm/v3/{OrInputBox-e16ade90.js → OrInputBox-2467d7e4.js} +3 -3
  73. package/dist/esm/v3/{OrNotification-eb08de33.js → OrNotification-e85a4956.js} +1 -1
  74. package/dist/esm/v3/{OrSearch-5406bf03.js → OrSearch-4e180e34.js} +2 -2
  75. package/dist/esm/v3/{OrSelect-466e50ca.js → OrSelect-c64eda46.js} +2 -2
  76. package/dist/esm/v3/{OrSkeletonText-0546754d.js → OrSkeletonText-2b1610ce.js} +3 -3
  77. package/dist/esm/v3/{OrTextarea-37566985.js → OrTextarea-42d21f77.js} +1 -1
  78. package/dist/esm/v3/components/index.js +11 -13
  79. package/dist/esm/v3/components/or-card-collection-v3/index.js +4 -4
  80. package/dist/esm/v3/components/or-code/index.js +2 -4
  81. package/dist/esm/v3/components/or-confirm-v3/index.js +4 -4
  82. package/dist/esm/v3/components/or-input-box-v3/index.js +1 -1
  83. package/dist/esm/v3/components/or-input-v3/OrInput.vue.d.ts +13 -0
  84. package/dist/esm/v3/components/or-input-v3/index.js +4 -3
  85. package/dist/esm/v3/components/or-notification/index.js +1 -1
  86. package/dist/esm/v3/components/or-search-v3/index.js +5 -4
  87. package/dist/esm/v3/components/or-select-v3/index.js +5 -4
  88. package/dist/esm/v3/components/or-skeleton/index.js +1 -1
  89. package/dist/esm/v3/components/or-textarea-v3/index.js +2 -2
  90. package/dist/esm/v3/index.js +10 -12
  91. package/package.json +4 -3
  92. package/src/components/or-code/OrCode.vue +6 -8
  93. package/src/components/or-input-box-v3/styles.ts +3 -6
  94. package/src/components/or-input-v3/OrInput.stories3.ts +4 -0
  95. package/src/components/or-input-v3/OrInput.vue +39 -19
  96. package/src/components/or-notification/OrNotification.vue +1 -26
  97. package/src/components/or-skeleton/styles.scss +3 -18
  98. package/src/components/or-stepper/OrStepper.stories.ts +1 -1
  99. package/dist/bundled/v2/components/or-code/theme.d.ts +0 -24
  100. package/dist/bundled/v3/components/or-code/theme.d.ts +0 -24
  101. package/dist/esm/v2/components/or-code/theme.d.ts +0 -24
  102. package/dist/esm/v3/components/or-code/theme.d.ts +0 -24
  103. package/src/components/or-code/theme.ts +0 -213
@@ -6,7 +6,7 @@ import { O as OrButton } from './OrButton-d45772c1.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-09fd004c.js';
9
+ import { O as OrSearch } from './OrSearch-4072a079.js';
10
10
 
11
11
  const CardCollectionRoot = [
12
12
  // Layout
@@ -9311,7 +9311,7 @@ function scaleBlock(block, scaler) {
9311
9311
  bBottom = scaler.toDOM(block.bottom);
9312
9312
  return new BlockInfo(block.from, block.length, bTop, bBottom - bTop, Array.isArray(block.type) ? block.type.map(b => scaleBlock(b, scaler)) : block.type);
9313
9313
  }
9314
- const theme$1 = /*@__PURE__*/Facet.define({
9314
+ const theme = /*@__PURE__*/Facet.define({
9315
9315
  combine: strs => strs.join(" ")
9316
9316
  });
9317
9317
  const darkTheme = /*@__PURE__*/Facet.define({
@@ -10455,7 +10455,7 @@ class EditorView {
10455
10455
  this.updateState = 0 /* UpdateState.Idle */;
10456
10456
  }
10457
10457
 
10458
- if (update.startState.facet(theme$1) != update.state.facet(theme$1)) this.viewState.mustMeasureContent = true;
10458
+ if (update.startState.facet(theme) != update.state.facet(theme)) this.viewState.mustMeasureContent = true;
10459
10459
  if (redrawn || attrsChanged || scrollTarget || this.viewState.mustEnforceCursorAssoc || this.viewState.mustMeasureContent) this.requestMeasure();
10460
10460
  if (!update.empty) for (let listener of this.state.facet(updateListener)) listener(update);
10461
10461
  if (domChange) {
@@ -10602,7 +10602,7 @@ class EditorView {
10602
10602
  Get the CSS classes for the currently active editor themes.
10603
10603
  */
10604
10604
  get themeClasses() {
10605
- return baseThemeID + " " + (this.state.facet(darkTheme) ? baseDarkID : baseLightID) + " " + this.state.facet(theme$1);
10605
+ return baseThemeID + " " + (this.state.facet(darkTheme) ? baseDarkID : baseLightID) + " " + this.state.facet(theme);
10606
10606
  }
10607
10607
  updateAttrs() {
10608
10608
  let editorAttrs = attrsFromFacet(this, editorAttributes, {
@@ -10989,7 +10989,7 @@ class EditorView {
10989
10989
  */
10990
10990
  static theme(spec, options) {
10991
10991
  let prefix = StyleModule.newName();
10992
- let result = [theme$1.of(prefix), styleModule.of(buildTheme(`.${prefix}`, spec))];
10992
+ let result = [theme.of(prefix), styleModule.of(buildTheme(`.${prefix}`, spec))];
10993
10993
  if (options && options.dark) result.push(darkTheme.of(true));
10994
10994
  return result;
10995
10995
  }
@@ -29390,173 +29390,6 @@ var languages = {
29390
29390
  [OrCodeLanguages.MD]: MD
29391
29391
  };
29392
29392
 
29393
- // Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors
29394
- const chalky = 'var(--c-warning-darken-20)',
29395
- coral = 'var(--c-error)',
29396
- cyan = '#56b6c2',
29397
- invalid = 'var(--c-white)',
29398
- ivory = 'var(--c-neutral-6)',
29399
- stone = 'var(--c-neutral-5)',
29400
- // Brightened compared to original to increase contrast
29401
- malibu = '#61afef',
29402
- sage = 'var(--c-success)',
29403
- whiskey = 'var(--c-warning-darken-5)',
29404
- violet = '#c678dd',
29405
- darkBackground = 'var(--c-neutral-1)',
29406
- highlightBackground = 'var(--c-neutral-2)',
29407
- background = 'var(--c-neutral-1)',
29408
- tooltipBackground = 'var(--c-neutral-2)',
29409
- selection = 'var(--c-neutral-3)',
29410
- cursor = 'var(--c-primary)';
29411
- /// The editor theme styles for One Dark.
29412
- const orCodeTheme = EditorView.theme({
29413
- '&': {
29414
- color: ivory,
29415
- backgroundColor: background
29416
- },
29417
- '.cm-content': {
29418
- caretColor: cursor
29419
- },
29420
- '.cm-button': {
29421
- background: highlightBackground,
29422
- color: 'var(--c-neutral-6)',
29423
- border: 0,
29424
- borderRadius: 'var(--s-2)'
29425
- },
29426
- '.cm-panel.cm-search input[type=checkbox]': {
29427
- display: 'inline-block',
29428
- verticalAlign: 'middle'
29429
- },
29430
- '.cm-cursor, .cm-dropCursor': {
29431
- borderLeftColor: cursor
29432
- },
29433
- '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
29434
- backgroundColor: selection
29435
- },
29436
- '.cm-panels': {
29437
- backgroundColor: darkBackground,
29438
- color: ivory
29439
- },
29440
- '.cm-panels.cm-panels-top': {
29441
- borderBottom: '2px solid var(--c-neutral-2)'
29442
- },
29443
- '.cm-panels.cm-panels-bottom': {
29444
- borderTop: '2px solid var(--c-neutral-2)'
29445
- },
29446
- '.cm-searchMatch': {
29447
- backgroundColor: 'var(--c-neutral-1)',
29448
- outline: '1px solid var(--c-neutral-2)'
29449
- },
29450
- '.cm-searchMatch.cm-searchMatch-selected': {
29451
- backgroundColor: '#6199ff2f'
29452
- },
29453
- '.cm-activeLine': {
29454
- backgroundColor: '#6699ff0b'
29455
- },
29456
- '.cm-selectionMatch': {
29457
- backgroundColor: '#aafe661a'
29458
- },
29459
- '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
29460
- backgroundColor: '#bad0f847'
29461
- },
29462
- '.cm-gutters': {
29463
- backgroundColor: background,
29464
- color: stone,
29465
- border: 'none'
29466
- },
29467
- '.cm-activeLineGutter': {
29468
- backgroundColor: highlightBackground
29469
- },
29470
- '.cm-foldPlaceholder': {
29471
- backgroundColor: 'transparent',
29472
- border: 'none',
29473
- color: '#ddd'
29474
- },
29475
- '.cm-tooltip': {
29476
- border: 'none',
29477
- backgroundColor: tooltipBackground
29478
- },
29479
- '.cm-tooltip .cm-tooltip-arrow:before': {
29480
- borderTopColor: 'transparent',
29481
- borderBottomColor: 'transparent'
29482
- },
29483
- '.cm-tooltip .cm-tooltip-arrow:after': {
29484
- borderTopColor: tooltipBackground,
29485
- borderBottomColor: tooltipBackground
29486
- },
29487
- '.cm-tooltip-autocomplete': {
29488
- '& > ul > li[aria-selected]': {
29489
- backgroundColor: highlightBackground,
29490
- color: ivory
29491
- }
29492
- },
29493
- '.cm-textfield': {
29494
- outline: 'none',
29495
- background: background,
29496
- color: 'var(--c-neutral-6)',
29497
- backgroundColor: 'var(--c-neutral-1)',
29498
- border: '1px solid var(--c-neutral-2)',
29499
- borderRadius: 'var(--s-2)'
29500
- }
29501
- }, {
29502
- dark: true
29503
- });
29504
- /// The highlighting style for code in the One Dark theme.
29505
- const orCodeHighlightStyle = HighlightStyle.define([{
29506
- tag: tags$1.keyword,
29507
- color: violet
29508
- }, {
29509
- tag: [tags$1.name, tags$1.deleted, tags$1.character, tags$1.propertyName, tags$1.macroName],
29510
- color: coral
29511
- }, {
29512
- tag: [tags$1.function(tags$1.variableName), tags$1.labelName],
29513
- color: malibu
29514
- }, {
29515
- tag: [tags$1.color, tags$1.constant(tags$1.name), tags$1.standard(tags$1.name)],
29516
- color: whiskey
29517
- }, {
29518
- tag: [tags$1.definition(tags$1.name), tags$1.separator],
29519
- color: ivory
29520
- }, {
29521
- tag: [tags$1.typeName, tags$1.className, tags$1.number, tags$1.changed, tags$1.annotation, tags$1.modifier, tags$1.self, tags$1.namespace],
29522
- color: chalky
29523
- }, {
29524
- tag: [tags$1.operator, tags$1.operatorKeyword, tags$1.url, tags$1.escape, tags$1.regexp, tags$1.link, tags$1.special(tags$1.string)],
29525
- color: cyan
29526
- }, {
29527
- tag: [tags$1.meta, tags$1.comment],
29528
- color: stone
29529
- }, {
29530
- tag: tags$1.strong,
29531
- fontWeight: 'bold'
29532
- }, {
29533
- tag: tags$1.emphasis,
29534
- fontStyle: 'italic'
29535
- }, {
29536
- tag: tags$1.strikethrough,
29537
- textDecoration: 'line-through'
29538
- }, {
29539
- tag: tags$1.link,
29540
- color: stone,
29541
- textDecoration: 'underline'
29542
- }, {
29543
- tag: tags$1.heading,
29544
- fontWeight: 'bold',
29545
- color: coral
29546
- }, {
29547
- tag: [tags$1.atom, tags$1.bool, tags$1.special(tags$1.variableName)],
29548
- color: whiskey
29549
- }, {
29550
- tag: [tags$1.processingInstruction, tags$1.string, tags$1.inserted],
29551
- color: sage
29552
- }, {
29553
- tag: tags$1.invalid,
29554
- color: invalid
29555
- }]);
29556
- /// Extension to enable the One Dark theme (both the editor theme and
29557
- /// the highlight style).
29558
- const theme = [orCodeTheme, syntaxHighlighting(orCodeHighlightStyle)];
29559
-
29560
29393
  //partially based on https://github.com/logue/vue-codemirror6/blob/master/src/components/CodeMirror.vue
29561
29394
  var script = defineComponent({
29562
29395
  name: 'OrCode',
@@ -29640,7 +29473,6 @@ var script = defineComponent({
29640
29473
  setup(props, {
29641
29474
  emit
29642
29475
  }) {
29643
- // editor config
29644
29476
  const root = ref();
29645
29477
  const target = ref();
29646
29478
  const fullscreenTarget = ref();
@@ -29682,7 +29514,9 @@ var script = defineComponent({
29682
29514
  allowPaste,
29683
29515
  lineWrapping
29684
29516
  } = this;
29685
- const ext = _.compact([theme, EditorView.baseTheme({}),
29517
+ const ext = _.compact([
29518
+ // Toggle light/dark mode
29519
+ EditorView.baseTheme({}),
29686
29520
  // locale settings
29687
29521
  this.phrases ? EditorState.phrases.of(this.phrases) : undefined,
29688
29522
  // Parser language setting
@@ -29709,8 +29543,10 @@ var script = defineComponent({
29709
29543
  }
29710
29544
  }),
29711
29545
  // line wrapping
29712
- lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab]), ...this.extensions]);
29713
- return [...ext];
29546
+ lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab])]);
29547
+ // Append Extensions (such as basic-setup)
29548
+ if (this.extensions.length !== 0) _.merge(ext, this.extensions);
29549
+ return ext;
29714
29550
  },
29715
29551
  isShowingError() {
29716
29552
  return !!this.error && this.isInvalid;
@@ -29802,7 +29638,7 @@ var __vue_render__ = function () {
29802
29638
  staticClass: "fullscreen-button",
29803
29639
  attrs: {
29804
29640
  "icon": "fullscreen",
29805
- "icon-color": "neutral-4"
29641
+ "icon-color": "neutral-3"
29806
29642
  },
29807
29643
  on: {
29808
29644
  "click": function ($event) {
@@ -29870,14 +29706,14 @@ var __vue_staticRenderFns__ = [];
29870
29706
  /* style */
29871
29707
  const __vue_inject_styles__ = function (inject) {
29872
29708
  if (!inject) return;
29873
- inject("data-v-0e7eeac0_0", {
29874
- source: "@keyframes spinAround-data-v-0e7eeac0{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-0e7eeac0{from{opacity:1}to{opacity:0}}.or-code .fullscreen-button[data-v-0e7eeac0]{width:2.25rem;height:2.25rem}.or-code .fullscreen-button>.or-icon[data-v-0e7eeac0]{font-size:1.5rem}.or-code .footer .or-code-error[data-v-0e7eeac0],.or-code .footer .or-code-hint[data-v-0e7eeac0]{flex-shrink:1;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:height,opacity}.header[data-v-0e7eeac0]{display:flex;flex-direction:row;align-items:center;height:36px}.header .actions[data-v-0e7eeac0]{margin-left:auto}.header .actions[data-v-0e7eeac0]:not(.is-visible){display:none}.or-code-editor[data-v-0e7eeac0]{min-height:calc(1.4em + 8px);overflow:auto;font-size:var(--fs-0);border:1px solid var(--c-neutral-2);border-radius:var(--s-2)}.or-code-editor.is-invalid[data-v-0e7eeac0]{border-color:var(--c-error)}.or-code-editor[data-v-0e7eeac0]> *{width:100%;height:100%}.or-code[data-v-0e7eeac0],.or-modal[data-v-0e7eeac0] .content{display:flex;flex-direction:column}.or-code .or-code-editor[data-v-0e7eeac0],.or-modal[data-v-0e7eeac0] .content .or-code-editor{flex-grow:1;text-align:left!important}",
29709
+ inject("data-v-2056db5f_0", {
29710
+ source: "@keyframes spinAround-data-v-2056db5f{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2056db5f{from{opacity:1}to{opacity:0}}.or-code .fullscreen-button[data-v-2056db5f]{width:2.25rem;height:2.25rem}.or-code .fullscreen-button>.or-icon[data-v-2056db5f]{font-size:1.5rem}.or-code .footer .or-code-error[data-v-2056db5f],.or-code .footer .or-code-hint[data-v-2056db5f]{flex-shrink:1;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:height,opacity}.header[data-v-2056db5f]{display:flex;flex-direction:row;align-items:center;height:36px}.header .actions[data-v-2056db5f]{margin-left:auto}.header .actions[data-v-2056db5f]:not(.is-visible){display:none}.or-code-editor[data-v-2056db5f]{min-height:calc(1.4em + 8px);overflow:auto;font-size:var(--fs-0);border:1px solid var(--c-neutral-2);border-radius:var(--s-2)}.or-code-editor.is-invalid[data-v-2056db5f]{border-color:var(--c-error)}.or-code-editor[data-v-2056db5f]> *{width:100%;height:100%}.or-code[data-v-2056db5f],.or-modal[data-v-2056db5f] .content{display:flex;flex-direction:column}.or-code .or-code-editor[data-v-2056db5f],.or-modal[data-v-2056db5f] .content .or-code-editor{flex-grow:1;text-align:left!important}",
29875
29711
  map: undefined,
29876
29712
  media: undefined
29877
29713
  });
29878
29714
  };
29879
29715
  /* scoped */
29880
- const __vue_scope_id__ = "data-v-0e7eeac0";
29716
+ const __vue_scope_id__ = "data-v-2056db5f";
29881
29717
  /* module identifier */
29882
29718
  const __vue_module_identifier__ = undefined;
29883
29719
  /* functional template */
@@ -3,7 +3,7 @@ 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
5
  import { O as OrButton, a as ButtonColor } from './OrButton-d45772c1.js';
6
- import { O as OrInput } from './OrInput-00070eee.js';
6
+ import { O as OrInput } from './OrInput-57a47093.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,10 +3,12 @@ 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-2f559e98.js';
6
+ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-e54dcef9.js';
7
7
  import { O as OrLabel } from './OrLabel-aff09c39.js';
8
+ import { O as OrLoader } from './OrLoader-864ef92a.js';
8
9
  import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
9
10
  import { u as useValidationAttributes } from './useValidationAttributes-6df7bcf9.js';
11
+ import { u as useResponsive } from './useResponsive-e13dfbb0.js';
10
12
  import { defineComponent, ref, computed, reactive } from '@vue/composition-api/dist/vue-composition-api.mjs';
11
13
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
12
14
  import { c as createInjector } from './browser-82dea9ed.js';
@@ -40,7 +42,8 @@ var script = defineComponent({
40
42
  OrIcon,
41
43
  OrIconButton,
42
44
  OrInputBox,
43
- OrLabel
45
+ OrLabel,
46
+ OrLoader
44
47
  },
45
48
  model: {
46
49
  prop: 'modelValue',
@@ -75,6 +78,10 @@ var script = defineComponent({
75
78
  type: String,
76
79
  default: undefined
77
80
  },
81
+ loading: {
82
+ type: Boolean,
83
+ default: false
84
+ },
78
85
  required: {
79
86
  type: Boolean,
80
87
  default: false
@@ -120,6 +127,9 @@ var script = defineComponent({
120
127
  const maxLength = computed(() => controlAttributes.maxlength);
121
128
  const invalid = computed(() => !!props.error);
122
129
  const disclosed = ref(false);
130
+ const {
131
+ isMobile
132
+ } = useResponsive();
123
133
  // Methods
124
134
  function focus() {
125
135
  var _a;
@@ -140,6 +150,7 @@ var script = defineComponent({
140
150
  maxLength,
141
151
  invalid,
142
152
  disclosed,
153
+ isMobile,
143
154
  focus,
144
155
  blur
145
156
  };
@@ -176,7 +187,7 @@ var __vue_render__ = function () {
176
187
  "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
177
188
  "size": _vm.size,
178
189
  "invalid": _vm.invalid,
179
- "readonly": _vm.readonly,
190
+ "readonly": _vm.readonly || _vm.loading,
180
191
  "disabled": _vm.disabled
181
192
  }
182
193
  }, [(_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'checkbox' ? _c('input', _vm._b({
@@ -191,7 +202,7 @@ var __vue_render__ = function () {
191
202
  attrs: {
192
203
  "placeholder": _vm.placeholder,
193
204
  "required": _vm.required,
194
- "readonly": _vm.readonly,
205
+ "readonly": _vm.readonly || _vm.loading,
195
206
  "disabled": _vm.disabled,
196
207
  "type": "checkbox"
197
208
  },
@@ -240,7 +251,7 @@ var __vue_render__ = function () {
240
251
  attrs: {
241
252
  "placeholder": _vm.placeholder,
242
253
  "required": _vm.required,
243
- "readonly": _vm.readonly,
254
+ "readonly": _vm.readonly || _vm.loading,
244
255
  "disabled": _vm.disabled,
245
256
  "type": "radio"
246
257
  },
@@ -276,7 +287,7 @@ var __vue_render__ = function () {
276
287
  attrs: {
277
288
  "placeholder": _vm.placeholder,
278
289
  "required": _vm.required,
279
- "readonly": _vm.readonly,
290
+ "readonly": _vm.readonly || _vm.loading,
280
291
  "disabled": _vm.disabled,
281
292
  "type": _vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type
282
293
  },
@@ -305,7 +316,13 @@ var __vue_render__ = function () {
305
316
  }
306
317
  }, 'input', _vm.controlAttributes, false)), _vm._v(" "), _c('div', {
307
318
  class: ['layout-row']
308
- }, [_vm.type === 'password' ? [_c('OrIconButton', {
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', {
309
326
  attrs: {
310
327
  "icon": {
311
328
  icon: _vm.disclosed ? 'visibility_off' : 'visibility',
@@ -337,7 +354,7 @@ var __vue_render__ = function () {
337
354
  "icon": 'search',
338
355
  "variant": 'outlined'
339
356
  }
340
- })]] : _vm._e()], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
357
+ })]] : _vm._e()]], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
341
358
  attrs: {
342
359
  "disabled": _vm.disabled
343
360
  },
@@ -366,14 +383,14 @@ var __vue_staticRenderFns__ = [];
366
383
  /* style */
367
384
  const __vue_inject_styles__ = function (inject) {
368
385
  if (!inject) return;
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}",
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}",
371
388
  map: undefined,
372
389
  media: undefined
373
390
  });
374
391
  };
375
392
  /* scoped */
376
- const __vue_scope_id__ = "data-v-1243ae22";
393
+ const __vue_scope_id__ = "data-v-9ec674d8";
377
394
  /* module identifier */
378
395
  const __vue_module_identifier__ = undefined;
379
396
  /* functional template */
@@ -43,16 +43,16 @@ const InputBoxRootVariants = {
43
43
  const InputBoxRootSizes = {
44
44
  'm': [
45
45
  // Box
46
- 'children:min-h-[34px]',
46
+ 'children:min-h-[46px] children:md: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+', 'children:pt-[11px] children:md:pt-[7px]', 'children:pb-[11px] children:md:pb-[6px]', 'gap-sm+ md:gap-sm',
48
+ 'first-child:pl-md first-child:md:pl-sm+', 'last-child:pr-md last-child:md:pr-sm+', '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-sm', 'last-child:pr-sm', 'children:py-[6px]', 'gap-[6px]',
55
+ 'first-child:pl-md first-child:md:pl-sm+', 'last-child:pr-md last-child:md:pr-sm+', 'gap-[6px]',
56
56
  // Typography
57
57
  'typography-caption-regular']
58
58
  };
@@ -120,14 +120,14 @@ var __vue_staticRenderFns__ = [];
120
120
  /* style */
121
121
  const __vue_inject_styles__ = function (inject) {
122
122
  if (!inject) return;
123
- inject("data-v-6284d461_0", {
124
- source: "@keyframes spinAround-data-v-6284d461{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-6284d461{from{opacity:1}to{opacity:0}}.or-notification[data-v-6284d461]{--alignment-height:var(--lh-1);display:flex;align-items:flex-start;width:100%;padding:var(--s-4);background-color:var(--c-white);border-radius:.25rem;box-shadow:0 .0625rem .25rem .0625rem rgba(0,0,0,.08);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:background-color}.or-notification.is-size-default[data-v-6284d461]{max-width:48rem}.or-notification.is-size-inline[data-v-6284d461]{max-width:27.875rem}.or-notification a[data-v-6284d461]{font-weight:var(--fw-2);color:var(--c-black)}.or-notification--icon[data-v-6284d461]{display:flex;align-items:center;min-height:var(--alignment-height);margin-right:var(--s-4)}.or-notification--icon[data-v-6284d461] .or-icon{font-size:1rem}.or-notification--content[data-v-6284d461]{flex:1 1 100%;word-break:break-word}.or-notification--close[data-v-6284d461]{display:flex;height:var(--alignment-height);margin-left:1rem}.or-notification--close[data-v-6284d461] .or-icon{font-size:1rem!important}.or-notification.is-type-info[data-v-6284d461]{background-color:var(--c-primary-lighten-45)}.or-notification.is-type-info a[data-v-6284d461]{color:var(--c-primary)}.or-notification.is-type-error[data-v-6284d461]{background-color:var(--c-error-lighten-45)}.or-notification.is-type-error a[data-v-6284d461]{color:var(--c-error)}.or-notification.is-type-warning[data-v-6284d461]{background-color:var(--c-warning-lighten-45)}.or-notification.is-type-warning a[data-v-6284d461]{color:var(--c-warning)}.or-notification.is-type-success[data-v-6284d461]{background-color:var(--c-success-lighten-45)}.or-notification.is-type-success a[data-v-6284d461]{color:var(--c-success)}[data-theme=dark] .or-notification .or-icon[data-v-6284d461]{color:var(--c-neutral-1)}[data-theme=dark] .or-notification.is-type-info[data-v-6284d461]{background-color:var(--c-primary-darken-45);color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-info a[data-v-6284d461]{color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-error[data-v-6284d461]{background-color:var(--c-error-darken-45);color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-error a[data-v-6284d461]{color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-warning[data-v-6284d461]{background-color:var(--c-warning-darken-45);color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-warning a[data-v-6284d461]{color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-success[data-v-6284d461]{background-color:var(--c-success-darken-45);color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-success a[data-v-6284d461]{color:var(--c-neutral-6)}",
123
+ inject("data-v-7bc0e6b5_0", {
124
+ source: "@keyframes spinAround-data-v-7bc0e6b5{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-7bc0e6b5{from{opacity:1}to{opacity:0}}.or-notification[data-v-7bc0e6b5]{--alignment-height:var(--lh-1);display:flex;align-items:flex-start;width:100%;padding:var(--s-4);background-color:var(--c-white);border-radius:.25rem;box-shadow:0 .0625rem .25rem .0625rem rgba(0,0,0,.08);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:background-color}.or-notification.is-size-default[data-v-7bc0e6b5]{max-width:48rem}.or-notification.is-size-inline[data-v-7bc0e6b5]{max-width:27.875rem}.or-notification a[data-v-7bc0e6b5]{font-weight:var(--fw-2);color:var(--c-black)}.or-notification--icon[data-v-7bc0e6b5]{display:flex;align-items:center;min-height:var(--alignment-height);margin-right:var(--s-4)}.or-notification--icon[data-v-7bc0e6b5] .or-icon{font-size:1rem}.or-notification--content[data-v-7bc0e6b5]{flex:1 1 100%;word-break:break-word}.or-notification--close[data-v-7bc0e6b5]{display:flex;height:var(--alignment-height);margin-left:1rem}.or-notification--close[data-v-7bc0e6b5] .or-icon{font-size:1rem!important}.or-notification.is-type-info[data-v-7bc0e6b5]{background-color:var(--c-primary-lighten-45)}.or-notification.is-type-info a[data-v-7bc0e6b5]{color:var(--c-primary)}.or-notification.is-type-error[data-v-7bc0e6b5]{background-color:var(--c-error-lighten-45)}.or-notification.is-type-error a[data-v-7bc0e6b5]{color:var(--c-error)}.or-notification.is-type-warning[data-v-7bc0e6b5]{background-color:var(--c-warning-lighten-45)}.or-notification.is-type-warning a[data-v-7bc0e6b5]{color:var(--c-warning)}.or-notification.is-type-success[data-v-7bc0e6b5]{background-color:var(--c-success-lighten-45)}.or-notification.is-type-success a[data-v-7bc0e6b5]{color:var(--c-success)}",
125
125
  map: undefined,
126
126
  media: undefined
127
127
  });
128
128
  };
129
129
  /* scoped */
130
- const __vue_scope_id__ = "data-v-6284d461";
130
+ const __vue_scope_id__ = "data-v-7bc0e6b5";
131
131
  /* module identifier */
132
132
  const __vue_module_identifier__ = undefined;
133
133
  /* functional template */
@@ -1,8 +1,8 @@
1
1
  import { debouncedWatch } from '@vueuse/core';
2
2
  import './index-fa6eb4ca.js';
3
- import { O as OrInput } from './OrInput-00070eee.js';
3
+ import { O as OrInput } from './OrInput-57a47093.js';
4
4
  import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
5
- import { a as InputBoxSize } from './OrInputBox-2f559e98.js';
5
+ import { a as InputBoxSize } from './OrInputBox-e54dcef9.js';
6
6
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
7
7
 
8
8
  var script = defineComponent({
@@ -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-00070eee.js';
8
- import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-2f559e98.js';
7
+ import { O as OrInput } from './OrInput-57a47093.js';
8
+ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-e54dcef9.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';
@@ -59,7 +59,7 @@ var __vue_staticRenderFns__$2 = [];
59
59
  const __vue_inject_styles__$2 = function (inject) {
60
60
  if (!inject) return;
61
61
  inject("data-v-2bdce55a_0", {
62
- source: "@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-2bdce55a{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-2bdce55a]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-2bdce55a]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-2bdce55a 1.5s linear .5s infinite}[data-theme=dark] .or-skeleton[data-v-2bdce55a]{background:var(--c-neutral-3)}[data-theme=dark] .or-skeleton.is-animated[data-v-2bdce55a]::before{background:linear-gradient(90.14deg,var(--c-neutral-3) .1%,var(--c-neutral-2) 49.98%,var(--c-neutral-3) 99.06%)}.or-skeleton-circle[data-v-2bdce55a]{border-radius:9999px!important}",
62
+ source: "@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-2bdce55a{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-2bdce55a]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-2bdce55a]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-2bdce55a 1.5s linear .5s infinite}.or-skeleton-circle[data-v-2bdce55a]{border-radius:9999px!important}",
63
63
  map: undefined,
64
64
  media: undefined
65
65
  });
@@ -137,7 +137,7 @@ var __vue_staticRenderFns__$1 = [];
137
137
  const __vue_inject_styles__$1 = function (inject) {
138
138
  if (!inject) return;
139
139
  inject("data-v-570f1e07_0", {
140
- source: "@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-570f1e07{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-570f1e07]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-570f1e07]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-570f1e07 1.5s linear .5s infinite}[data-theme=dark] .or-skeleton[data-v-570f1e07]{background:var(--c-neutral-3)}[data-theme=dark] .or-skeleton.is-animated[data-v-570f1e07]::before{background:linear-gradient(90.14deg,var(--c-neutral-3) .1%,var(--c-neutral-2) 49.98%,var(--c-neutral-3) 99.06%)}.or-skeleton-rect[data-v-570f1e07]{border-radius:var(--s-2)}",
140
+ source: "@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-570f1e07{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-570f1e07]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-570f1e07]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-570f1e07 1.5s linear .5s infinite}.or-skeleton-rect[data-v-570f1e07]{border-radius:var(--s-2)}",
141
141
  map: undefined,
142
142
  media: undefined
143
143
  });
@@ -238,7 +238,7 @@ var __vue_staticRenderFns__ = [];
238
238
  const __vue_inject_styles__ = function (inject) {
239
239
  if (!inject) return;
240
240
  inject("data-v-1ddb38df_0", {
241
- source: "@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-1ddb38df{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-1ddb38df]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-1ddb38df]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-1ddb38df 1.5s linear .5s infinite}[data-theme=dark] .or-skeleton[data-v-1ddb38df]{background:var(--c-neutral-3)}[data-theme=dark] .or-skeleton.is-animated[data-v-1ddb38df]::before{background:linear-gradient(90.14deg,var(--c-neutral-3) .1%,var(--c-neutral-2) 49.98%,var(--c-neutral-3) 99.06%)}.or-skeleton-text-root[data-v-1ddb38df]{height:auto;display:flex;flex-direction:column}.or-skeleton-text-root .or-skeleton-text[data-v-1ddb38df]{border-radius:var(--s-2);width:100%}.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-1ddb38df]{height:1.5rem;margin:.145rem 0}.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-1ddb38df]{height:1.25rem;margin:.03125rem 0}.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-1[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-2[data-v-1ddb38df]{height:.875rem;margin:.21875rem 0}.or-skeleton-text-root .or-skeleton-text-button[data-v-1ddb38df]{height:.875rem;margin:.1875rem 0}.or-skeleton-text-root .or-skeleton-text-caption[data-v-1ddb38df]{height:.75rem;margin:.1875rem 0}",
241
+ source: "@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-1ddb38df{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-1ddb38df]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-1ddb38df]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-1ddb38df 1.5s linear .5s infinite}.or-skeleton-text-root[data-v-1ddb38df]{height:auto;display:flex;flex-direction:column}.or-skeleton-text-root .or-skeleton-text[data-v-1ddb38df]{border-radius:var(--s-2);width:100%}.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-1ddb38df]{height:1.5rem;margin:.145rem 0}.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-1ddb38df]{height:1.25rem;margin:.03125rem 0}.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-1[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-2[data-v-1ddb38df]{height:.875rem;margin:.21875rem 0}.or-skeleton-text-root .or-skeleton-text-button[data-v-1ddb38df]{height:.875rem;margin:.1875rem 0}.or-skeleton-text-root .or-skeleton-text-caption[data-v-1ddb38df]{height:.75rem;margin:.1875rem 0}",
242
242
  map: undefined,
243
243
  media: undefined
244
244
  });
@@ -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-2f559e98.js';
4
+ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-e54dcef9.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';
@@ -8,18 +8,18 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
8
8
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-d45772c1.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-4ac89ea5.js';
11
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-9bc44ec5.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';
15
15
  export { O as OrCheckboxV3 } from '../OrCheckbox-9be450f9.js';
16
16
  export { O as OrChip } from '../OrChip-000fe7b5.js';
17
17
  export { _ as OrChips } from '../OrChips-890b8476.js';
18
- export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-c0af38e3.js';
18
+ 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-8c0e957d.js';
22
+ export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-ea6ea2f7.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-2f559e98.js';
41
- export { I as InputType, O as OrInputV3 } from '../OrInput-00070eee.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';
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';
@@ -52,7 +52,7 @@ 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';
53
53
  export { O as OrModal, a as OrModalSizes } from '../OrModal-a5411b0d.js';
54
54
  export { M as ModalSize, _ as OrModalV3 } from '../OrModal-78f5d49e.js';
55
- export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-2e2a1941.js';
55
+ export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-3909aaf2.js';
56
56
  export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-458fe937.js';
57
57
  export { _ as OrNumberInput } from '../OrNumberInput-face8ccc.js';
58
58
  export { _ as OrOverflowMenu } from '../OrOverflowMenu-711e460e.js';
@@ -66,14 +66,14 @@ 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-09fd004c.js';
69
+ export { O as OrSearchV3 } from '../OrSearch-4072a079.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-2ececfc1.js';
72
+ export { _ as OrSelectV3 } from '../OrSelect-359e891b.js';
73
73
  export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
74
74
  export { _ as OrSidebarV3 } from '../OrSidebar-a2bc21b9.js';
75
75
  export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-8297ef86.js';
76
- export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-2f1a3cc7.js';
76
+ export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
77
77
  export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-9a2f39dc.js';
78
78
  export { _ as OrSlider } from '../OrSlider-59d05856.js';
79
79
  export { _ as OrSortHeaderV3 } from '../OrSortHeader-565ace92.js';
@@ -91,7 +91,7 @@ export { O as OrTeleport } from '../OrTeleportVue2-3544f185.js';
91
91
  export { O as OrTeleportV3 } from '../OrTeleport.vue2-e9ba3054.js';
92
92
  export { _ as OrTextV3 } from '../OrText-a665b991.js';
93
93
  export { _ as OrTextarea } from '../OrTextarea-71ff236d.js';
94
- export { _ as OrTextareaV3 } from '../OrTextarea-5c57c02b.js';
94
+ export { _ as OrTextareaV3 } from '../OrTextarea-1201353b.js';
95
95
  export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-eacd9b19.js';
96
96
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-1faa828c.js';
97
97
  export { O as OrToast, _ as OrToastContainer } from '../OrToastContainer-b03adc37.js';
@@ -114,8 +114,8 @@ import '../dom-3a15d036.js';
114
114
  import '../index-17f264f9.js';
115
115
  import '../floating-ui.dom.esm-83eba816.js';
116
116
  import '../useValidationAttributes-6df7bcf9.js';
117
- import '../v4-cf8987a3.js';
118
117
  import '../useResponsive-e13dfbb0.js';
118
+ import '../v4-cf8987a3.js';
119
119
  import '../useElevation-aac032f4.js';
120
120
  import '../useToggle-6166bd53.js';
121
121
  import '../dropdown-open-e2a93aaf.js';
@@ -1,4 +1,4 @@
1
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-4ac89ea5.js';
1
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-9bc44ec5.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -19,11 +19,11 @@ import '../../OrButton-d45772c1.js';
19
19
  import '../../OrLoader-864ef92a.js';
20
20
  import '../../OrMenu-52da43bc.js';
21
21
  import '../../OrMenuItem-e2693a5f.js';
22
- import '../../OrSearch-09fd004c.js';
23
- import '../../OrInput-00070eee.js';
22
+ import '../../OrSearch-4072a079.js';
23
+ import '../../OrInput-57a47093.js';
24
24
  import '../../OrError-52f668a4.js';
25
25
  import '../../OrHint-fde53334.js';
26
- import '../../OrInputBox-2f559e98.js';
26
+ import '../../OrInputBox-e54dcef9.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 { _ as OrCode, O as OrCodeLanguages } from '../../OrCode-c0af38e3.js';
1
+ export { _ as OrCode, O as OrCodeLanguages } from '../../OrCode-fc6876ec.js';
2
2
  import '@vueuse/core';
3
3
  import 'lodash';
4
4
  import '../../index-fa6eb4ca.js';