@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.
- package/dist/bundled/v2/components/OrResizeablePanelV3/styles.js +17 -25
- package/dist/bundled/v2/components/OrToastV3/OrToast.vue.d.ts +2 -2
- package/dist/bundled/v2/index.js +1 -1
- package/dist/bundled/v3/components/OrResizeablePanelV3/OrResizeablePanel.js +1 -1
- package/dist/bundled/v3/components/OrResizeablePanelV3/index.js +1 -1
- package/dist/bundled/v3/components/OrResizeablePanelV3/props.js +1 -1
- package/dist/bundled/v3/components/OrResizeablePanelV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrResizeablePanelV3-9aae7208.js → OrResizeablePanelV3-23324ecb.js} +17 -25
- package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js +1 -1
- package/dist/bundled/v3/components/OrSidebarV3/index.js +1 -1
- package/dist/bundled/v3/components/OrSidebarV3/props.js +1 -1
- package/dist/bundled/v3/components/OrSidebarV3/styles.js +2 -2
- package/dist/bundled/v3/components/{OrSidebarV3-0162554c.js → OrSidebarV3-645e163b.js} +1 -1
- package/dist/bundled/v3/components/index.js +2 -2
- package/dist/bundled/v3/index.js +3 -3
- package/dist/esm/v2/{OrResizeablePanel-2f741cc2.js → OrResizeablePanel-202d2e8e.js} +17 -25
- package/dist/esm/v2/components/index.js +2 -2
- package/dist/esm/v2/components/or-resizeable-panel-v3/index.js +1 -1
- package/dist/esm/v2/components/or-sidebar-v3/index.js +2 -2
- package/dist/esm/v2/index.js +2 -2
- package/dist/esm/v2/{props-69f67541.js → props-cc93ea49.js} +1 -1
- package/dist/esm/v3/{OrResizeablePanel-6e37ca25.js → OrResizeablePanel-ba37bdc3.js} +17 -25
- package/dist/esm/v3/components/index.js +2 -2
- package/dist/esm/v3/components/or-resizeable-panel-v3/index.js +1 -1
- package/dist/esm/v3/components/or-sidebar-v3/index.js +2 -2
- package/dist/esm/v3/index.js +2 -2
- package/dist/esm/v3/{props-bf1720eb.js → props-90e4459c.js} +1 -1
- package/package.json +2 -3
- 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
|
-
'
|
|
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
|
-
//
|
|
135
|
-
'-
|
|
125
|
+
'left-md', 'bottom-0',
|
|
126
|
+
// Transform
|
|
127
|
+
'translate-y-1/2'],
|
|
136
128
|
[ResizeablePanelPlacement.Bottom]: [
|
|
137
129
|
// Position
|
|
138
|
-
'left-md',
|
|
139
|
-
//
|
|
140
|
-
'-
|
|
130
|
+
'left-md', 'top-0',
|
|
131
|
+
// Transform
|
|
132
|
+
'-translate-y-1/2'],
|
|
141
133
|
[ResizeablePanelPlacement.Left]: [
|
|
142
134
|
// Position
|
|
143
|
-
'top-md',
|
|
144
|
-
//
|
|
145
|
-
'-
|
|
135
|
+
'top-md', 'right-0',
|
|
136
|
+
// Transform
|
|
137
|
+
'translate-x-1/2'],
|
|
146
138
|
[ResizeablePanelPlacement.Right]: [
|
|
147
139
|
// Position
|
|
148
|
-
'top-md',
|
|
149
|
-
//
|
|
150
|
-
'-
|
|
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("
|
|
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("
|
|
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;
|