@zendeskgarden/react-grid 8.73.4 → 8.74.1
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/index.cjs.js +10 -11
- package/dist/index.esm.js +8 -8
- package/package.json +7 -7
package/dist/index.cjs.js
CHANGED
|
@@ -15,7 +15,7 @@ var reactTheming = require('@zendeskgarden/react-theming');
|
|
|
15
15
|
var reactButtons = require('@zendeskgarden/react-buttons');
|
|
16
16
|
var containerUtilities = require('@zendeskgarden/container-utilities');
|
|
17
17
|
var useResizeObserver = require('use-resize-observer');
|
|
18
|
-
var
|
|
18
|
+
var reactMergeRefs = require('react-merge-refs');
|
|
19
19
|
var containerSplitter = require('@zendeskgarden/container-splitter');
|
|
20
20
|
var reactTooltips = require('@zendeskgarden/react-tooltips');
|
|
21
21
|
|
|
@@ -25,7 +25,6 @@ var React__default = /*#__PURE__*/_interopDefault(React);
|
|
|
25
25
|
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
26
26
|
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
27
27
|
var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
|
|
28
|
-
var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
|
|
29
28
|
|
|
30
29
|
function _extends() {
|
|
31
30
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -103,7 +102,7 @@ const sizeStyles$4 = props => {
|
|
|
103
102
|
};
|
|
104
103
|
const StyledCol = styled__default.default.div.attrs({
|
|
105
104
|
'data-garden-id': COMPONENT_ID$6,
|
|
106
|
-
'data-garden-version': '8.
|
|
105
|
+
'data-garden-version': '8.74.1'
|
|
107
106
|
}).withConfig({
|
|
108
107
|
displayName: "StyledCol",
|
|
109
108
|
componentId: "sc-inuw62-0"
|
|
@@ -125,7 +124,7 @@ const sizeStyles$3 = props => {
|
|
|
125
124
|
};
|
|
126
125
|
const StyledGrid = styled__default.default.div.attrs({
|
|
127
126
|
'data-garden-id': COMPONENT_ID$5,
|
|
128
|
-
'data-garden-version': '8.
|
|
127
|
+
'data-garden-version': '8.74.1'
|
|
129
128
|
}).withConfig({
|
|
130
129
|
displayName: "StyledGrid",
|
|
131
130
|
componentId: "sc-oxgg5i-0"
|
|
@@ -167,7 +166,7 @@ const sizeStyles$2 = props => {
|
|
|
167
166
|
};
|
|
168
167
|
const StyledRow = styled__default.default.div.attrs({
|
|
169
168
|
'data-garden-id': COMPONENT_ID$4,
|
|
170
|
-
'data-garden-version': '8.
|
|
169
|
+
'data-garden-version': '8.74.1'
|
|
171
170
|
}).withConfig({
|
|
172
171
|
displayName: "StyledRow",
|
|
173
172
|
componentId: "sc-xjsdg1-0"
|
|
@@ -180,7 +179,7 @@ StyledRow.defaultProps = {
|
|
|
180
179
|
const COMPONENT_ID$3 = 'pane';
|
|
181
180
|
const StyledPane = styled__default.default.div.attrs({
|
|
182
181
|
'data-garden-id': COMPONENT_ID$3,
|
|
183
|
-
'data-garden-version': '8.
|
|
182
|
+
'data-garden-version': '8.74.1'
|
|
184
183
|
}).withConfig({
|
|
185
184
|
displayName: "StyledPane",
|
|
186
185
|
componentId: "sc-1ltjst7-0"
|
|
@@ -192,7 +191,7 @@ StyledPane.defaultProps = {
|
|
|
192
191
|
const COMPONENT_ID$2 = 'pane.content';
|
|
193
192
|
const StyledPaneContent = styled__default.default.div.attrs({
|
|
194
193
|
'data-garden-id': COMPONENT_ID$2,
|
|
195
|
-
'data-garden-version': '8.
|
|
194
|
+
'data-garden-version': '8.74.1'
|
|
196
195
|
}).withConfig({
|
|
197
196
|
displayName: "StyledPaneContent",
|
|
198
197
|
componentId: "sc-1b38mbh-0"
|
|
@@ -278,7 +277,7 @@ const sizeStyles$1 = props => {
|
|
|
278
277
|
};
|
|
279
278
|
const StyledPaneSplitter = styled__default.default.div.attrs({
|
|
280
279
|
'data-garden-id': COMPONENT_ID$1,
|
|
281
|
-
'data-garden-version': '8.
|
|
280
|
+
'data-garden-version': '8.74.1'
|
|
282
281
|
}).withConfig({
|
|
283
282
|
displayName: "StyledPaneSplitter",
|
|
284
283
|
componentId: "sc-jylemn-0"
|
|
@@ -343,7 +342,7 @@ const sizeStyles = props => {
|
|
|
343
342
|
};
|
|
344
343
|
const StyledPaneSplitterButton = styled__default.default(reactButtons.ChevronButton).attrs({
|
|
345
344
|
'data-garden-id': COMPONENT_ID,
|
|
346
|
-
'data-garden-version': '8.
|
|
345
|
+
'data-garden-version': '8.74.1',
|
|
347
346
|
isBasic: true,
|
|
348
347
|
isPill: true,
|
|
349
348
|
size: 'small'
|
|
@@ -783,7 +782,7 @@ const SplitterComponent = React.forwardRef((_ref, ref) => {
|
|
|
783
782
|
orientation: orientation
|
|
784
783
|
}, separatorProps, props, {
|
|
785
784
|
onMouseOver: onMouseOver,
|
|
786
|
-
ref:
|
|
785
|
+
ref: reactMergeRefs.mergeRefs([separatorRef, ref])
|
|
787
786
|
})));
|
|
788
787
|
});
|
|
789
788
|
SplitterComponent.displayName = 'Pane.Splitter';
|
|
@@ -901,7 +900,7 @@ const PaneComponent = React.forwardRef((_ref, ref) => {
|
|
|
901
900
|
value: paneContext
|
|
902
901
|
}, React__default.default.createElement(StyledPane, _extends({
|
|
903
902
|
id: paneId,
|
|
904
|
-
ref:
|
|
903
|
+
ref: reactMergeRefs.mergeRefs([ref, observerRef])
|
|
905
904
|
}, props), children));
|
|
906
905
|
});
|
|
907
906
|
PaneComponent.displayName = 'Pane';
|
package/dist/index.esm.js
CHANGED
|
@@ -13,7 +13,7 @@ import { retrieveComponentStyles, DEFAULT_THEME, getColor, SELECTOR_FOCUS_VISIBL
|
|
|
13
13
|
import { ChevronButton } from '@zendeskgarden/react-buttons';
|
|
14
14
|
import { useId, composeEventHandlers } from '@zendeskgarden/container-utilities';
|
|
15
15
|
import useResizeObserver from 'use-resize-observer';
|
|
16
|
-
import mergeRefs from 'react-merge-refs';
|
|
16
|
+
import { mergeRefs } from 'react-merge-refs';
|
|
17
17
|
import { useSplitter } from '@zendeskgarden/container-splitter';
|
|
18
18
|
import { Tooltip } from '@zendeskgarden/react-tooltips';
|
|
19
19
|
|
|
@@ -93,7 +93,7 @@ const sizeStyles$4 = props => {
|
|
|
93
93
|
};
|
|
94
94
|
const StyledCol = styled.div.attrs({
|
|
95
95
|
'data-garden-id': COMPONENT_ID$6,
|
|
96
|
-
'data-garden-version': '8.
|
|
96
|
+
'data-garden-version': '8.74.1'
|
|
97
97
|
}).withConfig({
|
|
98
98
|
displayName: "StyledCol",
|
|
99
99
|
componentId: "sc-inuw62-0"
|
|
@@ -115,7 +115,7 @@ const sizeStyles$3 = props => {
|
|
|
115
115
|
};
|
|
116
116
|
const StyledGrid = styled.div.attrs({
|
|
117
117
|
'data-garden-id': COMPONENT_ID$5,
|
|
118
|
-
'data-garden-version': '8.
|
|
118
|
+
'data-garden-version': '8.74.1'
|
|
119
119
|
}).withConfig({
|
|
120
120
|
displayName: "StyledGrid",
|
|
121
121
|
componentId: "sc-oxgg5i-0"
|
|
@@ -157,7 +157,7 @@ const sizeStyles$2 = props => {
|
|
|
157
157
|
};
|
|
158
158
|
const StyledRow = styled.div.attrs({
|
|
159
159
|
'data-garden-id': COMPONENT_ID$4,
|
|
160
|
-
'data-garden-version': '8.
|
|
160
|
+
'data-garden-version': '8.74.1'
|
|
161
161
|
}).withConfig({
|
|
162
162
|
displayName: "StyledRow",
|
|
163
163
|
componentId: "sc-xjsdg1-0"
|
|
@@ -170,7 +170,7 @@ StyledRow.defaultProps = {
|
|
|
170
170
|
const COMPONENT_ID$3 = 'pane';
|
|
171
171
|
const StyledPane = styled.div.attrs({
|
|
172
172
|
'data-garden-id': COMPONENT_ID$3,
|
|
173
|
-
'data-garden-version': '8.
|
|
173
|
+
'data-garden-version': '8.74.1'
|
|
174
174
|
}).withConfig({
|
|
175
175
|
displayName: "StyledPane",
|
|
176
176
|
componentId: "sc-1ltjst7-0"
|
|
@@ -182,7 +182,7 @@ StyledPane.defaultProps = {
|
|
|
182
182
|
const COMPONENT_ID$2 = 'pane.content';
|
|
183
183
|
const StyledPaneContent = styled.div.attrs({
|
|
184
184
|
'data-garden-id': COMPONENT_ID$2,
|
|
185
|
-
'data-garden-version': '8.
|
|
185
|
+
'data-garden-version': '8.74.1'
|
|
186
186
|
}).withConfig({
|
|
187
187
|
displayName: "StyledPaneContent",
|
|
188
188
|
componentId: "sc-1b38mbh-0"
|
|
@@ -268,7 +268,7 @@ const sizeStyles$1 = props => {
|
|
|
268
268
|
};
|
|
269
269
|
const StyledPaneSplitter = styled.div.attrs({
|
|
270
270
|
'data-garden-id': COMPONENT_ID$1,
|
|
271
|
-
'data-garden-version': '8.
|
|
271
|
+
'data-garden-version': '8.74.1'
|
|
272
272
|
}).withConfig({
|
|
273
273
|
displayName: "StyledPaneSplitter",
|
|
274
274
|
componentId: "sc-jylemn-0"
|
|
@@ -333,7 +333,7 @@ const sizeStyles = props => {
|
|
|
333
333
|
};
|
|
334
334
|
const StyledPaneSplitterButton = styled(ChevronButton).attrs({
|
|
335
335
|
'data-garden-id': COMPONENT_ID,
|
|
336
|
-
'data-garden-version': '8.
|
|
336
|
+
'data-garden-version': '8.74.1',
|
|
337
337
|
isBasic: true,
|
|
338
338
|
isPill: true,
|
|
339
339
|
size: 'small'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-grid",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.74.1",
|
|
4
4
|
"description": "Components relating to layout grids in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -22,12 +22,12 @@
|
|
|
22
22
|
"types": "dist/typings/index.d.ts",
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@zendeskgarden/container-splitter": "^2.0.3",
|
|
25
|
-
"@zendeskgarden/container-utilities": "^
|
|
26
|
-
"@zendeskgarden/react-buttons": "^8.
|
|
27
|
-
"@zendeskgarden/react-tooltips": "^8.
|
|
25
|
+
"@zendeskgarden/container-utilities": "^2.0.0",
|
|
26
|
+
"@zendeskgarden/react-buttons": "^8.74.1",
|
|
27
|
+
"@zendeskgarden/react-tooltips": "^8.74.1",
|
|
28
28
|
"polished": "^4.0.0",
|
|
29
29
|
"prop-types": "^15.5.7",
|
|
30
|
-
"react-merge-refs": "^
|
|
30
|
+
"react-merge-refs": "^2.0.0",
|
|
31
31
|
"use-resize-observer": "^9.1.0"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@zendeskgarden/react-theming": "^8.
|
|
40
|
+
"@zendeskgarden/react-theming": "^8.74.1"
|
|
41
41
|
},
|
|
42
42
|
"keywords": [
|
|
43
43
|
"components",
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"access": "public"
|
|
50
50
|
},
|
|
51
51
|
"zendeskgarden:src": "src/index.ts",
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "4637bf600631be336574ddb5a31fda8f9bc27de6"
|
|
53
53
|
}
|