@onereach/ui-components 19.1.1 → 19.1.2

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.
@@ -1 +1 @@
1
- export { s as default } from '../OrRichTextEditorV3-d8f48d58.js';
1
+ export { s as default } from '../OrRichTextEditorV3-4664ec6d.js';
@@ -19,10 +19,6 @@ declare const _default: import("vue").DefineComponent<{
19
19
  type: PropType<"markdown" | "markup">;
20
20
  default: () => Formats;
21
21
  };
22
- fullHeight: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
22
  label: {
27
23
  type: StringConstructor;
28
24
  default: undefined;
@@ -103,10 +99,6 @@ declare const _default: import("vue").DefineComponent<{
103
99
  type: PropType<"markdown" | "markup">;
104
100
  default: () => Formats;
105
101
  };
106
- fullHeight: {
107
- type: BooleanConstructor;
108
- default: boolean;
109
- };
110
102
  label: {
111
103
  type: StringConstructor;
112
104
  default: undefined;
@@ -140,7 +132,6 @@ declare const _default: import("vue").DefineComponent<{
140
132
  toolbar: Tools;
141
133
  autofocus: boolean;
142
134
  format: "markdown" | "markup";
143
- fullHeight: boolean;
144
135
  label: string;
145
136
  placeholder: string;
146
137
  hint: string;
@@ -1 +1 @@
1
- export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from '../OrRichTextEditorV3-d8f48d58.js';
1
+ export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from '../OrRichTextEditorV3-4664ec6d.js';
@@ -1 +1 @@
1
- export { F as Formats, R as RichTextEditorIcons, a as RichTextEditorTooltips } from '../OrRichTextEditorV3-d8f48d58.js';
1
+ export { F as Formats, R as RichTextEditorIcons, a as RichTextEditorTooltips } from '../OrRichTextEditorV3-4664ec6d.js';
@@ -1 +1 @@
1
- export { b as RichTextEditor, e as RichTextEditorControl, c as RichTextEditorToolbar, d as RichTextEditorToolbarGroup } from '../OrRichTextEditorV3-d8f48d58.js';
1
+ export { b as RichTextEditor, e as RichTextEditorControl, c as RichTextEditorToolbar, d as RichTextEditorToolbarGroup } from '../OrRichTextEditorV3-4664ec6d.js';
@@ -1,2 +1,2 @@
1
- export { h as default } from '../../../OrRichTextEditorV3-d8f48d58.js';
1
+ export { h as default } from '../../../OrRichTextEditorV3-4664ec6d.js';
2
2
  import '../../../OrCode-091c4960.js';
@@ -1,2 +1,2 @@
1
- export { C as default } from '../../../OrRichTextEditorV3-d8f48d58.js';
1
+ export { C as default } from '../../../OrRichTextEditorV3-4664ec6d.js';
2
2
  import '../../../OrCode-091c4960.js';
@@ -1 +1 @@
1
- export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-d8f48d58.js';
1
+ export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-4664ec6d.js';
@@ -1,3 +1,3 @@
1
1
  import '../../../OrCode-091c4960.js';
2
2
  import '../../../../hooks/useTheme.js';
3
- export { f as color, t as default, g as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-d8f48d58.js';
3
+ export { f as color, t as default, g as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-4664ec6d.js';
@@ -1 +1 @@
1
- export { j as deserialize, i as serialize } from '../../OrRichTextEditorV3-d8f48d58.js';
1
+ export { j as deserialize, i as serialize } from '../../OrRichTextEditorV3-4664ec6d.js';
@@ -21152,7 +21152,9 @@ const RichTextEditorToolbarGroup = [
21152
21152
  'theme-foreground-outline', 'dark:theme-foreground-outline-dark', 'border-e-1 last:border-e-0', 'theme-border-outline', 'dark:theme-border-outline-dark'];
21153
21153
  const RichTextEditorControl = [
21154
21154
  // Typography
21155
- 'typography-body-2-regular'];
21155
+ 'typography-body-2-regular',
21156
+ // Size
21157
+ 'h-full'];
21156
21158
 
21157
21159
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
21158
21160
  const themes = useTheme();
@@ -29018,10 +29020,6 @@ var script = defineComponent({
29018
29020
  type: String,
29019
29021
  default: () => Formats.Markup
29020
29022
  },
29021
- fullHeight: {
29022
- type: Boolean,
29023
- default: false
29024
- },
29025
29023
  label: {
29026
29024
  type: String,
29027
29025
  default: undefined
@@ -29184,7 +29182,7 @@ var script = defineComponent({
29184
29182
  })],
29185
29183
  editorProps: {
29186
29184
  attributes: {
29187
- class: 'flex flex-col focus:outline-none gap-xs'
29185
+ class: 'flex flex-col focus:outline-none gap-xs h-full'
29188
29186
  }
29189
29187
  },
29190
29188
  parseOptions: {
@@ -29440,7 +29438,7 @@ var script = defineComponent({
29440
29438
  const _hoisted_1 = ["disabled"];
29441
29439
  const _hoisted_2 = ["disabled"];
29442
29440
  const _hoisted_3 = {
29443
- class: /*#__PURE__*/normalizeClass(['p-sm', 'overflow-auto', 'min-h-[88px]'])
29441
+ class: /*#__PURE__*/normalizeClass(['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full'])
29444
29442
  };
29445
29443
  const _hoisted_4 = ["activated"];
29446
29444
  const _hoisted_5 = {
@@ -29478,6 +29476,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
29478
29476
  _: 3 /* FORWARDED */
29479
29477
  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
29480
29478
  ref: 'containerRef',
29479
+ class: "grow",
29481
29480
  direction: 'column',
29482
29481
  invalid: !!_ctx.error,
29483
29482
  disabled: _ctx.disabled,
@@ -87,7 +87,7 @@ export { s as OrRadioV3 } from './OrRadioV3-24091b7e.js';
87
87
  export { s as OrRangeSliderV3 } from './OrRangeSliderV3-0954d4ec.js';
88
88
  export { s as OrRatingV3, R as RatingVariant } from './OrRatingV3-2a906a67.js';
89
89
  export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanelV3-8098fbf3.js';
90
- export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './OrRichTextEditorV3-d8f48d58.js';
90
+ export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './OrRichTextEditorV3-4664ec6d.js';
91
91
  export { s as OrRichTooltipV3, R as RichTooltipBehavior } from './OrRichTooltipV3-1c3321db.js';
92
92
  export { default as OrSearch } from './OrSearch/OrSearch.js';
93
93
  export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
@@ -44,7 +44,7 @@ export { s as OrRadio } from './components/OrRadio-30e01fc0.js';
44
44
  export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.js';
45
45
  export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
46
46
  export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-0954d4ec.js';
47
- export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './components/OrRichTextEditorV3-d8f48d58.js';
47
+ export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './components/OrRichTextEditorV3-4664ec6d.js';
48
48
  export { s as OrRichTooltipV3, R as RichTooltipBehavior } from './components/OrRichTooltipV3-1c3321db.js';
49
49
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-5db203ab.js';
50
50
  export { s as OrSelect } from './components/OrSelect-2966f641.js';
@@ -19,10 +19,6 @@ declare const _default: import("vue").DefineComponent<{
19
19
  type: PropType<"markdown" | "markup">;
20
20
  default: () => Formats;
21
21
  };
22
- fullHeight: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
22
  label: {
27
23
  type: StringConstructor;
28
24
  default: undefined;
@@ -103,10 +99,6 @@ declare const _default: import("vue").DefineComponent<{
103
99
  type: PropType<"markdown" | "markup">;
104
100
  default: () => Formats;
105
101
  };
106
- fullHeight: {
107
- type: BooleanConstructor;
108
- default: boolean;
109
- };
110
102
  label: {
111
103
  type: StringConstructor;
112
104
  default: undefined;
@@ -140,7 +132,6 @@ declare const _default: import("vue").DefineComponent<{
140
132
  toolbar: Tools;
141
133
  autofocus: boolean;
142
134
  format: "markdown" | "markup";
143
- fullHeight: boolean;
144
135
  label: string;
145
136
  placeholder: string;
146
137
  hint: string;
@@ -132,7 +132,9 @@ const RichTextEditorToolbarGroup = [
132
132
  'theme-foreground-outline', 'dark:theme-foreground-outline-dark', 'border-e-1 last:border-e-0', 'theme-border-outline', 'dark:theme-border-outline-dark'];
133
133
  const RichTextEditorControl = [
134
134
  // Typography
135
- 'typography-body-2-regular'];
135
+ 'typography-body-2-regular',
136
+ // Size
137
+ 'h-full'];
136
138
 
137
139
  var codemirrorNode = Node.create({
138
140
  name: 'codeBlock',
@@ -282,10 +284,6 @@ var script = defineComponent({
282
284
  type: String,
283
285
  default: () => Formats.Markup
284
286
  },
285
- fullHeight: {
286
- type: Boolean,
287
- default: false
288
- },
289
287
  label: {
290
288
  type: String,
291
289
  default: undefined
@@ -448,7 +446,7 @@ var script = defineComponent({
448
446
  })],
449
447
  editorProps: {
450
448
  attributes: {
451
- class: 'flex flex-col focus:outline-none gap-xs'
449
+ class: 'flex flex-col focus:outline-none gap-xs h-full'
452
450
  }
453
451
  },
454
452
  parseOptions: {
@@ -704,7 +702,7 @@ var script = defineComponent({
704
702
  const _hoisted_1 = ["disabled"];
705
703
  const _hoisted_2 = ["disabled"];
706
704
  const _hoisted_3 = {
707
- class: /*#__PURE__*/normalizeClass(['p-sm', 'overflow-auto', 'min-h-[88px]'])
705
+ class: /*#__PURE__*/normalizeClass(['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full'])
708
706
  };
709
707
  const _hoisted_4 = ["activated"];
710
708
  const _hoisted_5 = {
@@ -742,6 +740,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
742
740
  _: 3 /* FORWARDED */
743
741
  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
744
742
  ref: 'containerRef',
743
+ class: "grow",
745
744
  direction: 'column',
746
745
  invalid: !!_ctx.error,
747
746
  disabled: _ctx.disabled,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "19.1.1",
3
+ "version": "19.1.2",
4
4
  "npmUnpacked": "4.15.2",
5
5
  "description": "Vue components library for v3",
6
6
  "sideEffects": false,
@@ -33,7 +33,7 @@
33
33
  "@codemirror/view": "^6",
34
34
  "@floating-ui/dom": "1.5.3",
35
35
  "@lezer/highlight": "*",
36
- "@onereach/styles": "^19.1.1",
36
+ "@onereach/styles": "^19.1.2",
37
37
  "@splidejs/splide": "4.0.6",
38
38
  "@tiptap/core": "2.0.3",
39
39
  "@tiptap/extension-blockquote": "2.0.3",
@@ -141,5 +141,5 @@
141
141
  },
142
142
  "./package.json": "./package.json"
143
143
  },
144
- "gitHead": "5acd971d501a89303d5b0c2d24c8aace117f4d9f"
144
+ "gitHead": "8b437ff1c8d7de5c81d26e493a2735fff0128961"
145
145
  }
@@ -21,6 +21,7 @@
21
21
 
22
22
  <OrInputBox
23
23
  :ref="'containerRef'"
24
+ class="grow"
24
25
  :direction="'column'"
25
26
  :invalid="!!error"
26
27
  :disabled="disabled"
@@ -73,7 +74,7 @@
73
74
  />
74
75
  </div>
75
76
 
76
- <div :class="['p-sm', 'overflow-auto', 'min-h-[88px]']">
77
+ <div :class="['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full']">
77
78
  <textarea
78
79
  v-show="disableMarkdown"
79
80
  :ref="'textareaRef'"
@@ -270,11 +271,6 @@ export default defineComponent({
270
271
  default: () => Formats.Markup,
271
272
  },
272
273
 
273
- fullHeight: {
274
- type: Boolean,
275
- default: false,
276
- },
277
-
278
274
  label: {
279
275
  type: String,
280
276
  default: undefined,
@@ -467,7 +463,7 @@ export default defineComponent({
467
463
  ],
468
464
  editorProps: {
469
465
  attributes: {
470
- class: 'flex flex-col focus:outline-none gap-xs',
466
+ class: 'flex flex-col focus:outline-none gap-xs h-full',
471
467
  },
472
468
  },
473
469
  parseOptions: {
@@ -47,4 +47,7 @@ export const RichTextEditorToolbarGroup: string[] = [
47
47
  export const RichTextEditorControl: string[] = [
48
48
  // Typography
49
49
  'typography-body-2-regular',
50
+
51
+ // Size
52
+ 'h-full',
50
53
  ];