@zendeskgarden/react-grid 8.74.1 → 8.74.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.
- package/dist/index.cjs.js +11 -10
- package/dist/index.esm.js +8 -8
- package/package.json +6 -6
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 mergeRefs = require('react-merge-refs');
|
|
19
19
|
var containerSplitter = require('@zendeskgarden/container-splitter');
|
|
20
20
|
var reactTooltips = require('@zendeskgarden/react-tooltips');
|
|
21
21
|
|
|
@@ -25,6 +25,7 @@ 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);
|
|
28
29
|
|
|
29
30
|
function _extends() {
|
|
30
31
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -102,7 +103,7 @@ const sizeStyles$4 = props => {
|
|
|
102
103
|
};
|
|
103
104
|
const StyledCol = styled__default.default.div.attrs({
|
|
104
105
|
'data-garden-id': COMPONENT_ID$6,
|
|
105
|
-
'data-garden-version': '8.74.
|
|
106
|
+
'data-garden-version': '8.74.2'
|
|
106
107
|
}).withConfig({
|
|
107
108
|
displayName: "StyledCol",
|
|
108
109
|
componentId: "sc-inuw62-0"
|
|
@@ -124,7 +125,7 @@ const sizeStyles$3 = props => {
|
|
|
124
125
|
};
|
|
125
126
|
const StyledGrid = styled__default.default.div.attrs({
|
|
126
127
|
'data-garden-id': COMPONENT_ID$5,
|
|
127
|
-
'data-garden-version': '8.74.
|
|
128
|
+
'data-garden-version': '8.74.2'
|
|
128
129
|
}).withConfig({
|
|
129
130
|
displayName: "StyledGrid",
|
|
130
131
|
componentId: "sc-oxgg5i-0"
|
|
@@ -166,7 +167,7 @@ const sizeStyles$2 = props => {
|
|
|
166
167
|
};
|
|
167
168
|
const StyledRow = styled__default.default.div.attrs({
|
|
168
169
|
'data-garden-id': COMPONENT_ID$4,
|
|
169
|
-
'data-garden-version': '8.74.
|
|
170
|
+
'data-garden-version': '8.74.2'
|
|
170
171
|
}).withConfig({
|
|
171
172
|
displayName: "StyledRow",
|
|
172
173
|
componentId: "sc-xjsdg1-0"
|
|
@@ -179,7 +180,7 @@ StyledRow.defaultProps = {
|
|
|
179
180
|
const COMPONENT_ID$3 = 'pane';
|
|
180
181
|
const StyledPane = styled__default.default.div.attrs({
|
|
181
182
|
'data-garden-id': COMPONENT_ID$3,
|
|
182
|
-
'data-garden-version': '8.74.
|
|
183
|
+
'data-garden-version': '8.74.2'
|
|
183
184
|
}).withConfig({
|
|
184
185
|
displayName: "StyledPane",
|
|
185
186
|
componentId: "sc-1ltjst7-0"
|
|
@@ -191,7 +192,7 @@ StyledPane.defaultProps = {
|
|
|
191
192
|
const COMPONENT_ID$2 = 'pane.content';
|
|
192
193
|
const StyledPaneContent = styled__default.default.div.attrs({
|
|
193
194
|
'data-garden-id': COMPONENT_ID$2,
|
|
194
|
-
'data-garden-version': '8.74.
|
|
195
|
+
'data-garden-version': '8.74.2'
|
|
195
196
|
}).withConfig({
|
|
196
197
|
displayName: "StyledPaneContent",
|
|
197
198
|
componentId: "sc-1b38mbh-0"
|
|
@@ -277,7 +278,7 @@ const sizeStyles$1 = props => {
|
|
|
277
278
|
};
|
|
278
279
|
const StyledPaneSplitter = styled__default.default.div.attrs({
|
|
279
280
|
'data-garden-id': COMPONENT_ID$1,
|
|
280
|
-
'data-garden-version': '8.74.
|
|
281
|
+
'data-garden-version': '8.74.2'
|
|
281
282
|
}).withConfig({
|
|
282
283
|
displayName: "StyledPaneSplitter",
|
|
283
284
|
componentId: "sc-jylemn-0"
|
|
@@ -342,7 +343,7 @@ const sizeStyles = props => {
|
|
|
342
343
|
};
|
|
343
344
|
const StyledPaneSplitterButton = styled__default.default(reactButtons.ChevronButton).attrs({
|
|
344
345
|
'data-garden-id': COMPONENT_ID,
|
|
345
|
-
'data-garden-version': '8.74.
|
|
346
|
+
'data-garden-version': '8.74.2',
|
|
346
347
|
isBasic: true,
|
|
347
348
|
isPill: true,
|
|
348
349
|
size: 'small'
|
|
@@ -782,7 +783,7 @@ const SplitterComponent = React.forwardRef((_ref, ref) => {
|
|
|
782
783
|
orientation: orientation
|
|
783
784
|
}, separatorProps, props, {
|
|
784
785
|
onMouseOver: onMouseOver,
|
|
785
|
-
ref:
|
|
786
|
+
ref: mergeRefs__default.default([separatorRef, ref])
|
|
786
787
|
})));
|
|
787
788
|
});
|
|
788
789
|
SplitterComponent.displayName = 'Pane.Splitter';
|
|
@@ -900,7 +901,7 @@ const PaneComponent = React.forwardRef((_ref, ref) => {
|
|
|
900
901
|
value: paneContext
|
|
901
902
|
}, React__default.default.createElement(StyledPane, _extends({
|
|
902
903
|
id: paneId,
|
|
903
|
-
ref:
|
|
904
|
+
ref: mergeRefs__default.default([ref, observerRef])
|
|
904
905
|
}, props), children));
|
|
905
906
|
});
|
|
906
907
|
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
|
|
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.74.
|
|
96
|
+
'data-garden-version': '8.74.2'
|
|
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.74.
|
|
118
|
+
'data-garden-version': '8.74.2'
|
|
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.74.
|
|
160
|
+
'data-garden-version': '8.74.2'
|
|
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.74.
|
|
173
|
+
'data-garden-version': '8.74.2'
|
|
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.74.
|
|
185
|
+
'data-garden-version': '8.74.2'
|
|
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.74.
|
|
271
|
+
'data-garden-version': '8.74.2'
|
|
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.74.
|
|
336
|
+
'data-garden-version': '8.74.2',
|
|
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.74.
|
|
3
|
+
"version": "8.74.2",
|
|
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>",
|
|
@@ -23,11 +23,11 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@zendeskgarden/container-splitter": "^2.0.3",
|
|
25
25
|
"@zendeskgarden/container-utilities": "^2.0.0",
|
|
26
|
-
"@zendeskgarden/react-buttons": "^8.74.
|
|
27
|
-
"@zendeskgarden/react-tooltips": "^8.74.
|
|
26
|
+
"@zendeskgarden/react-buttons": "^8.74.2",
|
|
27
|
+
"@zendeskgarden/react-tooltips": "^8.74.2",
|
|
28
28
|
"polished": "^4.0.0",
|
|
29
29
|
"prop-types": "^15.5.7",
|
|
30
|
-
"react-merge-refs": "^
|
|
30
|
+
"react-merge-refs": "^1.1.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.74.
|
|
40
|
+
"@zendeskgarden/react-theming": "^8.74.2"
|
|
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": "be0e20f0b016a227ed1ab6b5b13cb04971969d3b"
|
|
53
53
|
}
|