@zendeskgarden/react-tables 9.0.0-next.5 → 9.0.0-next.6

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +14 -14
  2. package/dist/index.esm.js +14 -14
  3. package/dist/typings/styled/StyledHeaderCell.d.ts +1 -1
  4. package/package.json +3 -3
package/dist/index.cjs.js CHANGED
@@ -56,7 +56,7 @@ function _extends$3() {
56
56
  const COMPONENT_ID$b = 'tables.body';
57
57
  const StyledBody = styled__default.default.tbody.attrs({
58
58
  'data-garden-id': COMPONENT_ID$b,
59
- 'data-garden-version': '9.0.0-next.5'
59
+ 'data-garden-version': '9.0.0-next.6'
60
60
  }).withConfig({
61
61
  displayName: "StyledBody",
62
62
  componentId: "sc-14ud6y-0"
@@ -68,7 +68,7 @@ StyledBody.defaultProps = {
68
68
  const COMPONENT_ID$a = 'tables.caption';
69
69
  const StyledCaption = styled__default.default.caption.attrs({
70
70
  'data-garden-id': COMPONENT_ID$a,
71
- 'data-garden-version': '9.0.0-next.5'
71
+ 'data-garden-version': '9.0.0-next.6'
72
72
  }).withConfig({
73
73
  displayName: "StyledCaption",
74
74
  componentId: "sc-113y327-0"
@@ -83,11 +83,11 @@ const getLineHeight = props => {
83
83
  };
84
84
  const StyledTable = styled__default.default.table.attrs({
85
85
  'data-garden-id': COMPONENT_ID$9,
86
- 'data-garden-version': '9.0.0-next.5'
86
+ 'data-garden-version': '9.0.0-next.6'
87
87
  }).withConfig({
88
88
  displayName: "StyledTable",
89
89
  componentId: "sc-gje7na-0"
90
- })(["display:table;border:none;width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;line-height:", ";color:", ";font-size:", ";direction:", ";", ";"], props => getLineHeight(props), props => props.theme.colors.foreground, props => props.theme.fontSizes.md, props => props.theme.rtl && 'rtl', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props));
90
+ })(["display:table;border:none;width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;line-height:", ";color:", ";font-size:", ";direction:", ";", ";"], props => getLineHeight(props), props => reactTheming.getColorV8('foreground', 600 , props.theme), props => props.theme.fontSizes.md, props => props.theme.rtl && 'rtl', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props));
91
91
  StyledTable.defaultProps = {
92
92
  theme: reactTheming.DEFAULT_THEME
93
93
  };
@@ -126,7 +126,7 @@ const sizeStyling = props => {
126
126
  };
127
127
  const StyledCell = styled__default.default.td.attrs({
128
128
  'data-garden-id': COMPONENT_ID$8,
129
- 'data-garden-version': '9.0.0-next.5'
129
+ 'data-garden-version': '9.0.0-next.6'
130
130
  }).withConfig({
131
131
  displayName: "StyledCell",
132
132
  componentId: "sc-8hpncx-0"
@@ -157,7 +157,7 @@ const colorStyles$1 = props => {
157
157
  };
158
158
  const StyledOverflowButton = styled__default.default.button.attrs({
159
159
  'data-garden-id': COMPONENT_ID$7,
160
- 'data-garden-version': '9.0.0-next.5',
160
+ 'data-garden-version': '9.0.0-next.6',
161
161
  type: 'button'
162
162
  }).withConfig({
163
163
  displayName: "StyledOverflowButton",
@@ -213,7 +213,7 @@ const colorStyles = props => {
213
213
  };
214
214
  const StyledRow = styled__default.default(StyledBaseRow).attrs(props => ({
215
215
  'data-garden-id': COMPONENT_ID$6,
216
- 'data-garden-version': '9.0.0-next.5',
216
+ 'data-garden-version': '9.0.0-next.6',
217
217
  tabIndex: props.isReadOnly ? undefined : -1
218
218
  })).withConfig({
219
219
  displayName: "StyledRow",
@@ -234,7 +234,7 @@ const getHeaderRowHeight = props => {
234
234
  };
235
235
  const StyledHeaderRow = styled__default.default(StyledBaseRow).attrs({
236
236
  'data-garden-id': COMPONENT_ID$5,
237
- 'data-garden-version': '9.0.0-next.5'
237
+ 'data-garden-version': '9.0.0-next.6'
238
238
  }).withConfig({
239
239
  displayName: "StyledHeaderRow",
240
240
  componentId: "sc-16ogvdx-0"
@@ -246,11 +246,11 @@ StyledHeaderRow.defaultProps = {
246
246
  const COMPONENT_ID$4 = 'tables.head';
247
247
  const stickyStyles = props => {
248
248
  const borderColor = reactTheming.getColorV8('neutralHue', 300, props.theme);
249
- return styled.css(["position:sticky;top:0;z-index:1;box-shadow:inset 0 -", " 0 ", ";background-color:", ";& > ", ":last-child{border-bottom-color:transparent;}"], props.theme.borderWidths.sm, borderColor, props.theme.colors.background, StyledHeaderRow);
249
+ return styled.css(["position:sticky;top:0;z-index:1;box-shadow:inset 0 -", " 0 ", ";background-color:", ";& > ", ":last-child{border-bottom-color:transparent;}"], props.theme.borderWidths.sm, borderColor, reactTheming.getColorV8('background', 600 , props.theme), StyledHeaderRow);
250
250
  };
251
251
  const StyledHead = styled__default.default.thead.attrs({
252
252
  'data-garden-id': COMPONENT_ID$4,
253
- 'data-garden-version': '9.0.0-next.5'
253
+ 'data-garden-version': '9.0.0-next.6'
254
254
  }).withConfig({
255
255
  displayName: "StyledHead",
256
256
  componentId: "sc-spf23a-0"
@@ -267,7 +267,7 @@ const sizeStyles$1 = props => {
267
267
  };
268
268
  const StyledGroupRow = styled__default.default(StyledBaseRow).attrs({
269
269
  'data-garden-id': COMPONENT_ID$3,
270
- 'data-garden-version': '9.0.0-next.5'
270
+ 'data-garden-version': '9.0.0-next.6'
271
271
  }).withConfig({
272
272
  displayName: "StyledGroupRow",
273
273
  componentId: "sc-mpd0r8-0"
@@ -300,7 +300,7 @@ StyledSortableFillIconWrapper.defaultProps = {
300
300
  };
301
301
  const StyledSortableButton = styled__default.default.button.attrs({
302
302
  'data-garden-id': COMPONENT_ID$2,
303
- 'data-garden-version': '9.0.0-next.5',
303
+ 'data-garden-version': '9.0.0-next.6',
304
304
  type: 'button'
305
305
  }).withConfig({
306
306
  displayName: "StyledSortableButton",
@@ -358,7 +358,7 @@ const sizeStyles = props => {
358
358
  const StyledHeaderCell = styled__default.default(StyledCell).attrs({
359
359
  as: 'th',
360
360
  'data-garden-id': COMPONENT_ID$1,
361
- 'data-garden-version': '9.0.0-next.5'
361
+ 'data-garden-version': '9.0.0-next.6'
362
362
  }).withConfig({
363
363
  displayName: "StyledHeaderCell",
364
364
  componentId: "sc-fzagoe-0"
@@ -378,7 +378,7 @@ StyledHeaderCell.defaultProps = {
378
378
  const COMPONENT_ID = 'tables.hidden_cell';
379
379
  const StyledHiddenCell = styled__default.default.div.attrs({
380
380
  'data-garden-id': COMPONENT_ID,
381
- 'data-garden-version': '9.0.0-next.5'
381
+ 'data-garden-version': '9.0.0-next.6'
382
382
  }).withConfig({
383
383
  displayName: "StyledHiddenCell",
384
384
  componentId: "sc-1x454xw-0"
package/dist/index.esm.js CHANGED
@@ -31,7 +31,7 @@ function _extends$3() {
31
31
  const COMPONENT_ID$b = 'tables.body';
32
32
  const StyledBody = styled.tbody.attrs({
33
33
  'data-garden-id': COMPONENT_ID$b,
34
- 'data-garden-version': '9.0.0-next.5'
34
+ 'data-garden-version': '9.0.0-next.6'
35
35
  }).withConfig({
36
36
  displayName: "StyledBody",
37
37
  componentId: "sc-14ud6y-0"
@@ -43,7 +43,7 @@ StyledBody.defaultProps = {
43
43
  const COMPONENT_ID$a = 'tables.caption';
44
44
  const StyledCaption = styled.caption.attrs({
45
45
  'data-garden-id': COMPONENT_ID$a,
46
- 'data-garden-version': '9.0.0-next.5'
46
+ 'data-garden-version': '9.0.0-next.6'
47
47
  }).withConfig({
48
48
  displayName: "StyledCaption",
49
49
  componentId: "sc-113y327-0"
@@ -58,11 +58,11 @@ const getLineHeight = props => {
58
58
  };
59
59
  const StyledTable = styled.table.attrs({
60
60
  'data-garden-id': COMPONENT_ID$9,
61
- 'data-garden-version': '9.0.0-next.5'
61
+ 'data-garden-version': '9.0.0-next.6'
62
62
  }).withConfig({
63
63
  displayName: "StyledTable",
64
64
  componentId: "sc-gje7na-0"
65
- })(["display:table;border:none;width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;line-height:", ";color:", ";font-size:", ";direction:", ";", ";"], props => getLineHeight(props), props => props.theme.colors.foreground, props => props.theme.fontSizes.md, props => props.theme.rtl && 'rtl', props => retrieveComponentStyles(COMPONENT_ID$9, props));
65
+ })(["display:table;border:none;width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;line-height:", ";color:", ";font-size:", ";direction:", ";", ";"], props => getLineHeight(props), props => getColorV8('foreground', 600 , props.theme), props => props.theme.fontSizes.md, props => props.theme.rtl && 'rtl', props => retrieveComponentStyles(COMPONENT_ID$9, props));
66
66
  StyledTable.defaultProps = {
67
67
  theme: DEFAULT_THEME
68
68
  };
@@ -101,7 +101,7 @@ const sizeStyling = props => {
101
101
  };
102
102
  const StyledCell = styled.td.attrs({
103
103
  'data-garden-id': COMPONENT_ID$8,
104
- 'data-garden-version': '9.0.0-next.5'
104
+ 'data-garden-version': '9.0.0-next.6'
105
105
  }).withConfig({
106
106
  displayName: "StyledCell",
107
107
  componentId: "sc-8hpncx-0"
@@ -132,7 +132,7 @@ const colorStyles$1 = props => {
132
132
  };
133
133
  const StyledOverflowButton = styled.button.attrs({
134
134
  'data-garden-id': COMPONENT_ID$7,
135
- 'data-garden-version': '9.0.0-next.5',
135
+ 'data-garden-version': '9.0.0-next.6',
136
136
  type: 'button'
137
137
  }).withConfig({
138
138
  displayName: "StyledOverflowButton",
@@ -188,7 +188,7 @@ const colorStyles = props => {
188
188
  };
189
189
  const StyledRow = styled(StyledBaseRow).attrs(props => ({
190
190
  'data-garden-id': COMPONENT_ID$6,
191
- 'data-garden-version': '9.0.0-next.5',
191
+ 'data-garden-version': '9.0.0-next.6',
192
192
  tabIndex: props.isReadOnly ? undefined : -1
193
193
  })).withConfig({
194
194
  displayName: "StyledRow",
@@ -209,7 +209,7 @@ const getHeaderRowHeight = props => {
209
209
  };
210
210
  const StyledHeaderRow = styled(StyledBaseRow).attrs({
211
211
  'data-garden-id': COMPONENT_ID$5,
212
- 'data-garden-version': '9.0.0-next.5'
212
+ 'data-garden-version': '9.0.0-next.6'
213
213
  }).withConfig({
214
214
  displayName: "StyledHeaderRow",
215
215
  componentId: "sc-16ogvdx-0"
@@ -221,11 +221,11 @@ StyledHeaderRow.defaultProps = {
221
221
  const COMPONENT_ID$4 = 'tables.head';
222
222
  const stickyStyles = props => {
223
223
  const borderColor = getColorV8('neutralHue', 300, props.theme);
224
- return css(["position:sticky;top:0;z-index:1;box-shadow:inset 0 -", " 0 ", ";background-color:", ";& > ", ":last-child{border-bottom-color:transparent;}"], props.theme.borderWidths.sm, borderColor, props.theme.colors.background, StyledHeaderRow);
224
+ return css(["position:sticky;top:0;z-index:1;box-shadow:inset 0 -", " 0 ", ";background-color:", ";& > ", ":last-child{border-bottom-color:transparent;}"], props.theme.borderWidths.sm, borderColor, getColorV8('background', 600 , props.theme), StyledHeaderRow);
225
225
  };
226
226
  const StyledHead = styled.thead.attrs({
227
227
  'data-garden-id': COMPONENT_ID$4,
228
- 'data-garden-version': '9.0.0-next.5'
228
+ 'data-garden-version': '9.0.0-next.6'
229
229
  }).withConfig({
230
230
  displayName: "StyledHead",
231
231
  componentId: "sc-spf23a-0"
@@ -242,7 +242,7 @@ const sizeStyles$1 = props => {
242
242
  };
243
243
  const StyledGroupRow = styled(StyledBaseRow).attrs({
244
244
  'data-garden-id': COMPONENT_ID$3,
245
- 'data-garden-version': '9.0.0-next.5'
245
+ 'data-garden-version': '9.0.0-next.6'
246
246
  }).withConfig({
247
247
  displayName: "StyledGroupRow",
248
248
  componentId: "sc-mpd0r8-0"
@@ -275,7 +275,7 @@ StyledSortableFillIconWrapper.defaultProps = {
275
275
  };
276
276
  const StyledSortableButton = styled.button.attrs({
277
277
  'data-garden-id': COMPONENT_ID$2,
278
- 'data-garden-version': '9.0.0-next.5',
278
+ 'data-garden-version': '9.0.0-next.6',
279
279
  type: 'button'
280
280
  }).withConfig({
281
281
  displayName: "StyledSortableButton",
@@ -333,7 +333,7 @@ const sizeStyles = props => {
333
333
  const StyledHeaderCell = styled(StyledCell).attrs({
334
334
  as: 'th',
335
335
  'data-garden-id': COMPONENT_ID$1,
336
- 'data-garden-version': '9.0.0-next.5'
336
+ 'data-garden-version': '9.0.0-next.6'
337
337
  }).withConfig({
338
338
  displayName: "StyledHeaderCell",
339
339
  componentId: "sc-fzagoe-0"
@@ -353,7 +353,7 @@ StyledHeaderCell.defaultProps = {
353
353
  const COMPONENT_ID = 'tables.hidden_cell';
354
354
  const StyledHiddenCell = styled.div.attrs({
355
355
  'data-garden-id': COMPONENT_ID,
356
- 'data-garden-version': '9.0.0-next.5'
356
+ 'data-garden-version': '9.0.0-next.6'
357
357
  }).withConfig({
358
358
  displayName: "StyledHiddenCell",
359
359
  componentId: "sc-1x454xw-0"
package/dist/typings/styled/StyledHeaderCell.d.ts CHANGED
@@ -10,4 +10,4 @@ export declare const StyledHeaderCell: import("styled-components").StyledCompone
10
10
  as: string;
11
11
  'data-garden-id': string;
12
12
  'data-garden-version': string;
13
- }, "data-garden-id" | "data-garden-version" | "as">;
13
+ }, "as" | "data-garden-id" | "data-garden-version">;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-tables",
3
- "version": "9.0.0-next.5",
3
+ "version": "9.0.0-next.6",
4
4
  "description": "Components relating to tables in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -35,7 +35,7 @@
35
35
  "devDependencies": {
36
36
  "@types/react-beautiful-dnd": "13.1.8",
37
37
  "@types/react-window": "1.8.8",
38
- "@zendeskgarden/react-theming": "^9.0.0-next.5",
38
+ "@zendeskgarden/react-theming": "^9.0.0-next.6",
39
39
  "@zendeskgarden/svg-icons": "7.0.0",
40
40
  "react-beautiful-dnd": "13.1.1",
41
41
  "react-window": "1.8.10"
@@ -50,5 +50,5 @@
50
50
  "access": "public"
51
51
  },
52
52
  "zendeskgarden:src": "src/index.ts",
53
- "gitHead": "806fa33feb06142c3f69b6a87b53628469117e4d"
53
+ "gitHead": "45c56ad1c73af40afba8e5415f529a2c9601c83f"
54
54
  }