@onereach/ui-components 10.3.3 → 10.3.4-beta.4320.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 (29) hide show
  1. package/dist/bundled/v2/components/OrResizeablePanelV3/styles.js +17 -25
  2. package/dist/bundled/v2/components/OrToastV3/OrToast.vue.d.ts +2 -2
  3. package/dist/bundled/v2/index.js +1 -1
  4. package/dist/bundled/v3/components/OrResizeablePanelV3/OrResizeablePanel.js +1 -1
  5. package/dist/bundled/v3/components/OrResizeablePanelV3/index.js +1 -1
  6. package/dist/bundled/v3/components/OrResizeablePanelV3/props.js +1 -1
  7. package/dist/bundled/v3/components/OrResizeablePanelV3/styles.js +1 -1
  8. package/dist/bundled/v3/components/{OrResizeablePanelV3-9aae7208.js → OrResizeablePanelV3-23324ecb.js} +17 -25
  9. package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js +1 -1
  10. package/dist/bundled/v3/components/OrSidebarV3/index.js +1 -1
  11. package/dist/bundled/v3/components/OrSidebarV3/props.js +1 -1
  12. package/dist/bundled/v3/components/OrSidebarV3/styles.js +2 -2
  13. package/dist/bundled/v3/components/{OrSidebarV3-0162554c.js → OrSidebarV3-645e163b.js} +1 -1
  14. package/dist/bundled/v3/components/index.js +2 -2
  15. package/dist/bundled/v3/index.js +3 -3
  16. package/dist/esm/v2/{OrResizeablePanel-2f741cc2.js → OrResizeablePanel-202d2e8e.js} +17 -25
  17. package/dist/esm/v2/components/index.js +2 -2
  18. package/dist/esm/v2/components/or-resizeable-panel-v3/index.js +1 -1
  19. package/dist/esm/v2/components/or-sidebar-v3/index.js +2 -2
  20. package/dist/esm/v2/index.js +2 -2
  21. package/dist/esm/v2/{props-69f67541.js → props-cc93ea49.js} +1 -1
  22. package/dist/esm/v3/{OrResizeablePanel-6e37ca25.js → OrResizeablePanel-ba37bdc3.js} +17 -25
  23. package/dist/esm/v3/components/index.js +2 -2
  24. package/dist/esm/v3/components/or-resizeable-panel-v3/index.js +1 -1
  25. package/dist/esm/v3/components/or-sidebar-v3/index.js +2 -2
  26. package/dist/esm/v3/index.js +2 -2
  27. package/dist/esm/v3/{props-bf1720eb.js → props-90e4459c.js} +1 -1
  28. package/package.json +2 -3
  29. package/src/components/or-resizeable-panel-v3/styles.ts +17 -21
@@ -76,10 +76,8 @@ const ResizeablePanelResizeBarPlacements = {
76
76
  'flex flex-col justify-center',
77
77
  // Interactivity
78
78
  'interactivity-resize-row',
79
- // Box
80
- 'h-[calc(theme(spacing.md)+1px)]',
81
79
  // Spacing
82
- '-my-[calc(theme(spacing.md)/2)]',
80
+ '-my-[calc(theme(spacing.md)/2)]', 'py-[calc(theme(spacing.md)/2)]',
83
81
  // Theme (after)
84
82
  'after:border-b-1'],
85
83
  [ResizeablePanelPlacement.Bottom]: [
@@ -87,10 +85,8 @@ const ResizeablePanelResizeBarPlacements = {
87
85
  'flex flex-col justify-center',
88
86
  // Interactivity
89
87
  'interactivity-resize-row',
90
- // Box
91
- 'h-[calc(theme(spacing.md)+1px)]',
92
88
  // Spacing
93
- '-my-[calc(theme(spacing.md)/2)]',
89
+ '-my-[calc(theme(spacing.md)/2)]', 'py-[calc(theme(spacing.md)/2)]',
94
90
  // Theme (after)
95
91
  'after:border-t-1'],
96
92
  [ResizeablePanelPlacement.Left]: [
@@ -98,10 +94,8 @@ const ResizeablePanelResizeBarPlacements = {
98
94
  'flex flex-row justify-center',
99
95
  // Interactivity
100
96
  'interactivity-resize-column',
101
- // Box
102
- 'w-[calc(theme(spacing.md)+1px)]',
103
97
  // Spacing
104
- '-mx-[calc(theme(spacing.md)/2)]',
98
+ '-mx-[calc(theme(spacing.md)/2)]', 'px-[calc(theme(spacing.md)/2)]',
105
99
  // Theme (after)
106
100
  'after:border-r-1'],
107
101
  [ResizeablePanelPlacement.Right]: [
@@ -109,16 +103,14 @@ const ResizeablePanelResizeBarPlacements = {
109
103
  'flex flex-row justify-center',
110
104
  // Interactivity
111
105
  'interactivity-resize-column',
112
- // Box
113
- 'w-[calc(theme(spacing.md)+1px)]',
114
106
  // Spacing
115
- '-mx-[calc(theme(spacing.md)/2)]',
107
+ '-mx-[calc(theme(spacing.md)/2)]', 'px-[calc(theme(spacing.md)/2)]',
116
108
  // Theme (after)
117
109
  'after:border-l-1']
118
110
  };
119
111
  const ResizeablePanelCollapseButtonContainer = [
120
112
  // Position
121
- 'relative z-10',
113
+ 'absolute z-10',
122
114
  // Shape
123
115
  'rounded-full',
124
116
  // Box
@@ -130,24 +122,24 @@ const ResizeablePanelCollapseButtonContainer = [
130
122
  const ResizeablePanelCollapseButtonContainerPlacements = {
131
123
  [ResizeablePanelPlacement.Top]: [
132
124
  // Position
133
- 'left-md',
134
- // Spacing
135
- '-my-[calc(theme(spacing.md)-2px)]'],
125
+ 'left-md', 'bottom-0',
126
+ // Transform
127
+ 'translate-y-1/2'],
136
128
  [ResizeablePanelPlacement.Bottom]: [
137
129
  // Position
138
- 'left-md',
139
- // Spacing
140
- '-my-[calc(theme(spacing.md)-2px)]'],
130
+ 'left-md', 'top-0',
131
+ // Transform
132
+ '-translate-y-1/2'],
141
133
  [ResizeablePanelPlacement.Left]: [
142
134
  // Position
143
- 'top-md',
144
- // Spacing
145
- '-mx-[calc(theme(spacing.md)-2px)]'],
135
+ 'top-md', 'right-0',
136
+ // Transform
137
+ 'translate-x-1/2'],
146
138
  [ResizeablePanelPlacement.Right]: [
147
139
  // Position
148
- 'top-md',
149
- // Spacing
150
- '-mx-[calc(theme(spacing.md)-2px)]']
140
+ 'top-md', 'left-0',
141
+ // Transform
142
+ '-translate-x-1/2']
151
143
  };
152
144
  const ResizeablePanelToolbar = [
153
145
  // Layout
@@ -1,7 +1,7 @@
1
1
  import { PropType } from 'vue-demi';
2
2
  import { ToastType } from './props';
3
3
  import { ToastLink } from './types';
4
- declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
4
+ declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
5
5
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
6
6
  toastIconStyle: import("@vue/composition-api").ComputedRef<string[]>;
7
7
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -45,7 +45,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
45
45
  type: BooleanConstructor;
46
46
  default: boolean;
47
47
  };
48
- }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
48
+ }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
49
49
  toastType: "success" | "error" | "loading";
50
50
  link: ToastLink;
51
51
  messageText: string;