@zendeskgarden/react-grid 8.69.11 → 8.70.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/index.cjs.js +9 -9
- package/dist/index.esm.js +9 -9
- package/package.json +5 -5
package/dist/index.cjs.js
CHANGED
|
@@ -103,7 +103,7 @@ const sizeStyles$4 = props => {
|
|
|
103
103
|
};
|
|
104
104
|
const StyledCol = styled__default.default.div.attrs({
|
|
105
105
|
'data-garden-id': COMPONENT_ID$6,
|
|
106
|
-
'data-garden-version': '8.
|
|
106
|
+
'data-garden-version': '8.70.0'
|
|
107
107
|
}).withConfig({
|
|
108
108
|
displayName: "StyledCol",
|
|
109
109
|
componentId: "sc-inuw62-0"
|
|
@@ -125,7 +125,7 @@ const sizeStyles$3 = props => {
|
|
|
125
125
|
};
|
|
126
126
|
const StyledGrid = styled__default.default.div.attrs({
|
|
127
127
|
'data-garden-id': COMPONENT_ID$5,
|
|
128
|
-
'data-garden-version': '8.
|
|
128
|
+
'data-garden-version': '8.70.0'
|
|
129
129
|
}).withConfig({
|
|
130
130
|
displayName: "StyledGrid",
|
|
131
131
|
componentId: "sc-oxgg5i-0"
|
|
@@ -167,7 +167,7 @@ const sizeStyles$2 = props => {
|
|
|
167
167
|
};
|
|
168
168
|
const StyledRow = styled__default.default.div.attrs({
|
|
169
169
|
'data-garden-id': COMPONENT_ID$4,
|
|
170
|
-
'data-garden-version': '8.
|
|
170
|
+
'data-garden-version': '8.70.0'
|
|
171
171
|
}).withConfig({
|
|
172
172
|
displayName: "StyledRow",
|
|
173
173
|
componentId: "sc-xjsdg1-0"
|
|
@@ -180,7 +180,7 @@ StyledRow.defaultProps = {
|
|
|
180
180
|
const COMPONENT_ID$3 = 'pane';
|
|
181
181
|
const StyledPane = styled__default.default.div.attrs({
|
|
182
182
|
'data-garden-id': COMPONENT_ID$3,
|
|
183
|
-
'data-garden-version': '8.
|
|
183
|
+
'data-garden-version': '8.70.0'
|
|
184
184
|
}).withConfig({
|
|
185
185
|
displayName: "StyledPane",
|
|
186
186
|
componentId: "sc-1ltjst7-0"
|
|
@@ -192,7 +192,7 @@ StyledPane.defaultProps = {
|
|
|
192
192
|
const COMPONENT_ID$2 = 'pane.content';
|
|
193
193
|
const StyledPaneContent = styled__default.default.div.attrs({
|
|
194
194
|
'data-garden-id': COMPONENT_ID$2,
|
|
195
|
-
'data-garden-version': '8.
|
|
195
|
+
'data-garden-version': '8.70.0'
|
|
196
196
|
}).withConfig({
|
|
197
197
|
displayName: "StyledPaneContent",
|
|
198
198
|
componentId: "sc-1b38mbh-0"
|
|
@@ -274,11 +274,11 @@ const sizeStyles$1 = props => {
|
|
|
274
274
|
break;
|
|
275
275
|
}
|
|
276
276
|
const dimensionProperty = width === '100%' ? 'height' : 'width';
|
|
277
|
-
return styled.css(["
|
|
277
|
+
return styled.css(["top:", ";right:", ";bottom:", ";left:", ";cursor:", ";width:", ";height:", ";&::before{width:", ";height:", ";}&:hover::before{", ":", ";}&:focus::before,&:focus-visible::before,&[data-garden-focus-visible]::before{", ":", ";}&:focus-visible::before,&[data-garden-focus-visible]::before{border-radius:", ";}"], top, right, bottom, left, props.isFixed ? 'pointer' : cursor, width, height, separatorWidth, separatorHeight, dimensionProperty, props.isHovered && separatorSize, dimensionProperty, separatorSize, props.theme.borderRadii.md);
|
|
278
278
|
};
|
|
279
279
|
const StyledPaneSplitter = styled__default.default.div.attrs({
|
|
280
280
|
'data-garden-id': COMPONENT_ID$1,
|
|
281
|
-
'data-garden-version': '8.
|
|
281
|
+
'data-garden-version': '8.70.0'
|
|
282
282
|
}).withConfig({
|
|
283
283
|
displayName: "StyledPaneSplitter",
|
|
284
284
|
componentId: "sc-jylemn-0"
|
|
@@ -339,11 +339,11 @@ const sizeStyles = props => {
|
|
|
339
339
|
}
|
|
340
340
|
}
|
|
341
341
|
}
|
|
342
|
-
return styled.css(["display:", ";
|
|
342
|
+
return styled.css(["display:", ";top:", ";right:", ";bottom:", ";left:", ";width:", ";min-width:", ";height:", ";"], display, top, right, bottom, left, size, size, size);
|
|
343
343
|
};
|
|
344
344
|
const StyledPaneSplitterButton = styled__default.default(reactButtons.ChevronButton).attrs({
|
|
345
345
|
'data-garden-id': COMPONENT_ID,
|
|
346
|
-
'data-garden-version': '8.
|
|
346
|
+
'data-garden-version': '8.70.0',
|
|
347
347
|
isBasic: true,
|
|
348
348
|
isPill: true,
|
|
349
349
|
size: 'small'
|
package/dist/index.esm.js
CHANGED
|
@@ -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.70.0'
|
|
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.70.0'
|
|
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.70.0'
|
|
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.70.0'
|
|
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.70.0'
|
|
186
186
|
}).withConfig({
|
|
187
187
|
displayName: "StyledPaneContent",
|
|
188
188
|
componentId: "sc-1b38mbh-0"
|
|
@@ -264,11 +264,11 @@ const sizeStyles$1 = props => {
|
|
|
264
264
|
break;
|
|
265
265
|
}
|
|
266
266
|
const dimensionProperty = width === '100%' ? 'height' : 'width';
|
|
267
|
-
return css(["
|
|
267
|
+
return css(["top:", ";right:", ";bottom:", ";left:", ";cursor:", ";width:", ";height:", ";&::before{width:", ";height:", ";}&:hover::before{", ":", ";}&:focus::before,&:focus-visible::before,&[data-garden-focus-visible]::before{", ":", ";}&:focus-visible::before,&[data-garden-focus-visible]::before{border-radius:", ";}"], top, right, bottom, left, props.isFixed ? 'pointer' : cursor, width, height, separatorWidth, separatorHeight, dimensionProperty, props.isHovered && separatorSize, dimensionProperty, separatorSize, props.theme.borderRadii.md);
|
|
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.70.0'
|
|
272
272
|
}).withConfig({
|
|
273
273
|
displayName: "StyledPaneSplitter",
|
|
274
274
|
componentId: "sc-jylemn-0"
|
|
@@ -329,11 +329,11 @@ const sizeStyles = props => {
|
|
|
329
329
|
}
|
|
330
330
|
}
|
|
331
331
|
}
|
|
332
|
-
return css(["display:", ";
|
|
332
|
+
return css(["display:", ";top:", ";right:", ";bottom:", ";left:", ";width:", ";min-width:", ";height:", ";"], display, top, right, bottom, left, size, size, size);
|
|
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.70.0',
|
|
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.70.0",
|
|
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,8 +23,8 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@zendeskgarden/container-splitter": "^2.0.3",
|
|
25
25
|
"@zendeskgarden/container-utilities": "^1.0.0",
|
|
26
|
-
"@zendeskgarden/react-buttons": "^8.
|
|
27
|
-
"@zendeskgarden/react-tooltips": "^8.
|
|
26
|
+
"@zendeskgarden/react-buttons": "^8.70.0",
|
|
27
|
+
"@zendeskgarden/react-tooltips": "^8.70.0",
|
|
28
28
|
"polished": "^4.0.0",
|
|
29
29
|
"prop-types": "^15.5.7",
|
|
30
30
|
"react-merge-refs": "^1.1.0",
|
|
@@ -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.70.0"
|
|
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": "2b1b89c53228681f8d39325f1658b69af0da2e3b"
|
|
53
53
|
}
|