@zendeskgarden/react-grid 9.0.0-next.17 → 9.0.0-next.19
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/esm/styled/StyledCol.js +1 -1
- package/dist/esm/styled/StyledGrid.js +1 -1
- package/dist/esm/styled/StyledRow.js +1 -1
- package/dist/esm/styled/pane/StyledPane.js +1 -1
- package/dist/esm/styled/pane/StyledPaneContent.js +1 -1
- package/dist/esm/styled/pane/StyledPaneSplitter.js +1 -1
- package/dist/esm/styled/pane/StyledPaneSplitterButton.js +1 -1
- package/dist/esm/styled/pane/StyledPaneSplitterButtonContainer.js +2 -9
- package/dist/index.cjs.js +9 -16
- package/package.json +5 -5
|
@@ -76,7 +76,7 @@ const sizeStyles = _ref2 => {
|
|
|
76
76
|
};
|
|
77
77
|
const StyledCol = styled.div.attrs({
|
|
78
78
|
'data-garden-id': COMPONENT_ID,
|
|
79
|
-
'data-garden-version': '9.0.0-next.
|
|
79
|
+
'data-garden-version': '9.0.0-next.19'
|
|
80
80
|
}).withConfig({
|
|
81
81
|
displayName: "StyledCol",
|
|
82
82
|
componentId: "sc-inuw62-0"
|
|
@@ -32,7 +32,7 @@ const sizeStyles = _ref2 => {
|
|
|
32
32
|
};
|
|
33
33
|
const StyledGrid = styled.div.attrs({
|
|
34
34
|
'data-garden-id': COMPONENT_ID,
|
|
35
|
-
'data-garden-version': '9.0.0-next.
|
|
35
|
+
'data-garden-version': '9.0.0-next.19'
|
|
36
36
|
}).withConfig({
|
|
37
37
|
displayName: "StyledGrid",
|
|
38
38
|
componentId: "sc-oxgg5i-0"
|
|
@@ -52,7 +52,7 @@ const sizeStyles = _ref2 => {
|
|
|
52
52
|
};
|
|
53
53
|
const StyledRow = styled.div.attrs({
|
|
54
54
|
'data-garden-id': COMPONENT_ID,
|
|
55
|
-
'data-garden-version': '9.0.0-next.
|
|
55
|
+
'data-garden-version': '9.0.0-next.19'
|
|
56
56
|
}).withConfig({
|
|
57
57
|
displayName: "StyledRow",
|
|
58
58
|
componentId: "sc-xjsdg1-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'pane';
|
|
11
11
|
const StyledPane = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.19'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledPane",
|
|
16
16
|
componentId: "sc-1ltjst7-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'pane.content';
|
|
11
11
|
const StyledPaneContent = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.19'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledPaneContent",
|
|
16
16
|
componentId: "sc-1b38mbh-0"
|
|
@@ -107,7 +107,7 @@ const sizeStyles = _ref2 => {
|
|
|
107
107
|
};
|
|
108
108
|
const StyledPaneSplitter = styled.div.attrs({
|
|
109
109
|
'data-garden-id': COMPONENT_ID,
|
|
110
|
-
'data-garden-version': '9.0.0-next.
|
|
110
|
+
'data-garden-version': '9.0.0-next.19'
|
|
111
111
|
}).withConfig({
|
|
112
112
|
displayName: "StyledPaneSplitter",
|
|
113
113
|
componentId: "sc-jylemn-0"
|
|
@@ -31,7 +31,7 @@ const transformStyles = props => {
|
|
|
31
31
|
return css(["& > svg{transform:rotate(", "deg);}"], degrees);
|
|
32
32
|
};
|
|
33
33
|
const StyledPaneSplitterButton = styled(ChevronButton).attrs({
|
|
34
|
-
'data-garden-version': '9.0.0-next.
|
|
34
|
+
'data-garden-version': '9.0.0-next.19',
|
|
35
35
|
isBasic: true,
|
|
36
36
|
isPill: true,
|
|
37
37
|
size: 'small'
|
|
@@ -20,15 +20,8 @@ const colorStyles = _ref => {
|
|
|
20
20
|
variable: 'background.raised'
|
|
21
21
|
});
|
|
22
22
|
const boxShadow = theme.shadows.lg(`${theme.space.base}px`, `${theme.space.base * 2}px`, getColor({
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
shade: 1200,
|
|
26
|
-
dark: {
|
|
27
|
-
transparency: theme.opacity[1100]
|
|
28
|
-
},
|
|
29
|
-
light: {
|
|
30
|
-
transparency: theme.opacity[200]
|
|
31
|
-
}
|
|
23
|
+
variable: 'shadow.small',
|
|
24
|
+
theme
|
|
32
25
|
}));
|
|
33
26
|
return css(["box-shadow:", ";background-color:", ";"], boxShadow, backgroundColor);
|
|
34
27
|
};
|
package/dist/index.cjs.js
CHANGED
|
@@ -102,7 +102,7 @@ const sizeStyles$5 = _ref2 => {
|
|
|
102
102
|
};
|
|
103
103
|
const StyledCol = styled__default.default.div.attrs({
|
|
104
104
|
'data-garden-id': COMPONENT_ID$6,
|
|
105
|
-
'data-garden-version': '9.0.0-next.
|
|
105
|
+
'data-garden-version': '9.0.0-next.19'
|
|
106
106
|
}).withConfig({
|
|
107
107
|
displayName: "StyledCol",
|
|
108
108
|
componentId: "sc-inuw62-0"
|
|
@@ -136,7 +136,7 @@ const sizeStyles$4 = _ref2 => {
|
|
|
136
136
|
};
|
|
137
137
|
const StyledGrid = styled__default.default.div.attrs({
|
|
138
138
|
'data-garden-id': COMPONENT_ID$5,
|
|
139
|
-
'data-garden-version': '9.0.0-next.
|
|
139
|
+
'data-garden-version': '9.0.0-next.19'
|
|
140
140
|
}).withConfig({
|
|
141
141
|
displayName: "StyledGrid",
|
|
142
142
|
componentId: "sc-oxgg5i-0"
|
|
@@ -190,7 +190,7 @@ const sizeStyles$3 = _ref2 => {
|
|
|
190
190
|
};
|
|
191
191
|
const StyledRow = styled__default.default.div.attrs({
|
|
192
192
|
'data-garden-id': COMPONENT_ID$4,
|
|
193
|
-
'data-garden-version': '9.0.0-next.
|
|
193
|
+
'data-garden-version': '9.0.0-next.19'
|
|
194
194
|
}).withConfig({
|
|
195
195
|
displayName: "StyledRow",
|
|
196
196
|
componentId: "sc-xjsdg1-0"
|
|
@@ -203,7 +203,7 @@ StyledRow.defaultProps = {
|
|
|
203
203
|
const COMPONENT_ID$3 = 'pane';
|
|
204
204
|
const StyledPane = styled__default.default.div.attrs({
|
|
205
205
|
'data-garden-id': COMPONENT_ID$3,
|
|
206
|
-
'data-garden-version': '9.0.0-next.
|
|
206
|
+
'data-garden-version': '9.0.0-next.19'
|
|
207
207
|
}).withConfig({
|
|
208
208
|
displayName: "StyledPane",
|
|
209
209
|
componentId: "sc-1ltjst7-0"
|
|
@@ -215,7 +215,7 @@ StyledPane.defaultProps = {
|
|
|
215
215
|
const COMPONENT_ID$2 = 'pane.content';
|
|
216
216
|
const StyledPaneContent = styled__default.default.div.attrs({
|
|
217
217
|
'data-garden-id': COMPONENT_ID$2,
|
|
218
|
-
'data-garden-version': '9.0.0-next.
|
|
218
|
+
'data-garden-version': '9.0.0-next.19'
|
|
219
219
|
}).withConfig({
|
|
220
220
|
displayName: "StyledPaneContent",
|
|
221
221
|
componentId: "sc-1b38mbh-0"
|
|
@@ -323,7 +323,7 @@ const sizeStyles$2 = _ref2 => {
|
|
|
323
323
|
};
|
|
324
324
|
const StyledPaneSplitter = styled__default.default.div.attrs({
|
|
325
325
|
'data-garden-id': COMPONENT_ID$1,
|
|
326
|
-
'data-garden-version': '9.0.0-next.
|
|
326
|
+
'data-garden-version': '9.0.0-next.19'
|
|
327
327
|
}).withConfig({
|
|
328
328
|
displayName: "StyledPaneSplitter",
|
|
329
329
|
componentId: "sc-jylemn-0"
|
|
@@ -355,7 +355,7 @@ const transformStyles = props => {
|
|
|
355
355
|
return styled.css(["& > svg{transform:rotate(", "deg);}"], degrees);
|
|
356
356
|
};
|
|
357
357
|
const StyledPaneSplitterButton = styled__default.default(reactButtons.ChevronButton).attrs({
|
|
358
|
-
'data-garden-version': '9.0.0-next.
|
|
358
|
+
'data-garden-version': '9.0.0-next.19',
|
|
359
359
|
isBasic: true,
|
|
360
360
|
isPill: true,
|
|
361
361
|
size: 'small'
|
|
@@ -377,15 +377,8 @@ const colorStyles = _ref => {
|
|
|
377
377
|
variable: 'background.raised'
|
|
378
378
|
});
|
|
379
379
|
const boxShadow = theme.shadows.lg(`${theme.space.base}px`, `${theme.space.base * 2}px`, reactTheming.getColor({
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
shade: 1200,
|
|
383
|
-
dark: {
|
|
384
|
-
transparency: theme.opacity[1100]
|
|
385
|
-
},
|
|
386
|
-
light: {
|
|
387
|
-
transparency: theme.opacity[200]
|
|
388
|
-
}
|
|
380
|
+
variable: 'shadow.small',
|
|
381
|
+
theme
|
|
389
382
|
}));
|
|
390
383
|
return styled.css(["box-shadow:", ";background-color:", ";"], boxShadow, backgroundColor);
|
|
391
384
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-grid",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.19",
|
|
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.17",
|
|
25
25
|
"@zendeskgarden/container-utilities": "^2.0.0",
|
|
26
|
-
"@zendeskgarden/react-buttons": "^9.0.0-next.
|
|
27
|
-
"@zendeskgarden/react-tooltips": "^9.0.0-next.
|
|
26
|
+
"@zendeskgarden/react-buttons": "^9.0.0-next.19",
|
|
27
|
+
"@zendeskgarden/react-tooltips": "^9.0.0-next.19",
|
|
28
28
|
"polished": "^4.3.1",
|
|
29
29
|
"prop-types": "^15.5.7",
|
|
30
30
|
"react-merge-refs": "^2.0.0",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"styled-components": "^5.3.1"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
40
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.19"
|
|
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": "3f18fec721a25bebc274de6af38cd88ab4e63a79"
|
|
53
53
|
}
|