@zendeskgarden/react-chrome 9.0.0-next.24 → 9.0.0-next.26

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 (37) hide show
  1. package/dist/esm/elements/sheet/Sheet.js +2 -1
  2. package/dist/esm/styled/StyledChrome.js +2 -5
  3. package/dist/esm/styled/StyledSkipNav.js +2 -5
  4. package/dist/esm/styled/StyledSkipNavIcon.js +2 -5
  5. package/dist/esm/styled/body/StyledBody.js +2 -5
  6. package/dist/esm/styled/body/StyledContent.js +2 -5
  7. package/dist/esm/styled/body/StyledMain.js +2 -5
  8. package/dist/esm/styled/footer/StyledFooter.js +2 -5
  9. package/dist/esm/styled/footer/StyledFooterItem.js +2 -5
  10. package/dist/esm/styled/header/StyledBaseHeaderItem.js +2 -5
  11. package/dist/esm/styled/header/StyledHeader.js +2 -5
  12. package/dist/esm/styled/header/StyledHeaderItem.js +2 -5
  13. package/dist/esm/styled/header/StyledHeaderItemIcon.js +2 -5
  14. package/dist/esm/styled/header/StyledHeaderItemText.js +2 -5
  15. package/dist/esm/styled/header/StyledHeaderItemWrapper.js +2 -5
  16. package/dist/esm/styled/header/StyledLogoHeaderItem.js +2 -5
  17. package/dist/esm/styled/nav/StyledBaseNavItem.js +1 -5
  18. package/dist/esm/styled/nav/StyledBrandmarkNavItem.js +1 -5
  19. package/dist/esm/styled/nav/StyledLogoNavItem.js +2 -5
  20. package/dist/esm/styled/nav/StyledNav.js +2 -5
  21. package/dist/esm/styled/nav/StyledNavButton.js +2 -5
  22. package/dist/esm/styled/nav/StyledNavItemIcon.js +2 -5
  23. package/dist/esm/styled/nav/StyledNavItemText.js +2 -5
  24. package/dist/esm/styled/nav/StyledNavList.js +2 -5
  25. package/dist/esm/styled/nav/StyledNavListItem.js +2 -5
  26. package/dist/esm/styled/sheet/StyledSheet.js +2 -5
  27. package/dist/esm/styled/sheet/StyledSheetBody.js +2 -5
  28. package/dist/esm/styled/sheet/StyledSheetClose.js +2 -5
  29. package/dist/esm/styled/sheet/StyledSheetDescription.js +2 -5
  30. package/dist/esm/styled/sheet/StyledSheetFooter.js +2 -5
  31. package/dist/esm/styled/sheet/StyledSheetFooterItem.js +2 -5
  32. package/dist/esm/styled/sheet/StyledSheetHeader.js +2 -5
  33. package/dist/esm/styled/sheet/StyledSheetTitle.js +2 -5
  34. package/dist/esm/styled/sheet/StyledSheetWrapper.js +2 -5
  35. package/dist/index.cjs.js +35 -133
  36. package/dist/typings/styled/sheet/StyledSheet.d.ts +1 -0
  37. package/package.json +4 -4
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { css } from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
  import { IconButton } from '@zendeskgarden/react-buttons';
10
10
 
11
11
  const COMPONENT_ID = 'chrome.sheet_close';
@@ -19,13 +19,10 @@ const positionStyles = _ref => {
19
19
  };
20
20
  const StyledSheetClose = styled(IconButton).attrs({
21
21
  'data-garden-id': COMPONENT_ID,
22
- 'data-garden-version': '9.0.0-next.24'
22
+ 'data-garden-version': '9.0.0-next.26'
23
23
  }).withConfig({
24
24
  displayName: "StyledSheetClose",
25
25
  componentId: "sc-1ab02oq-0"
26
26
  })(["position:absolute;", ";", ";"], positionStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
27
- StyledSheetClose.defaultProps = {
28
- theme: DEFAULT_THEME
29
- };
30
27
 
31
28
  export { StyledSheetClose };
@@ -5,12 +5,12 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled from 'styled-components';
8
- import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { getLineHeight, getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'chrome.sheet_description';
11
11
  const StyledSheetDescription = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.24'
13
+ 'data-garden-version': '9.0.0-next.26'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetDescription",
16
16
  componentId: "sc-1puglb6-0"
@@ -18,8 +18,5 @@ const StyledSheetDescription = styled.div.attrs({
18
18
  theme: p.theme,
19
19
  variable: 'foreground.subtle'
20
20
  }), props => retrieveComponentStyles(COMPONENT_ID, props));
21
- StyledSheetDescription.defaultProps = {
22
- theme: DEFAULT_THEME
23
- };
24
21
 
25
22
  export { StyledSheetDescription };
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { css } from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'chrome.sheet_footer';
11
11
  const colorStyles = _ref => {
@@ -29,13 +29,10 @@ const sizeStyles = _ref2 => {
29
29
  };
30
30
  const StyledSheetFooter = styled.footer.attrs({
31
31
  'data-garden-id': COMPONENT_ID,
32
- 'data-garden-version': '9.0.0-next.24'
32
+ 'data-garden-version': '9.0.0-next.26'
33
33
  }).withConfig({
34
34
  displayName: "StyledSheetFooter",
35
35
  componentId: "sc-2cktos-0"
36
36
  })(["display:flex;flex-flow:row wrap;align-items:center;justify-content:", ";", ";", ";", ";"], props => props.isCompact ? 'center' : 'flex-end', sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
37
- StyledSheetFooter.defaultProps = {
38
- theme: DEFAULT_THEME
39
- };
40
37
 
41
38
  export { StyledSheetFooter };
@@ -5,18 +5,15 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'chrome.sheet_footer_item';
11
11
  const StyledSheetFooterItem = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.24'
13
+ 'data-garden-version': '9.0.0-next.26'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetFooterItem",
16
16
  componentId: "sc-r9ixh-0"
17
17
  })(["", " ", ";"], props => `margin-${props.theme.rtl ? 'right' : 'left'}: ${props.theme.space.base * 5}px;`, props => retrieveComponentStyles(COMPONENT_ID, props));
18
- StyledSheetFooterItem.defaultProps = {
19
- theme: DEFAULT_THEME
20
- };
21
18
 
22
19
  export { StyledSheetFooterItem };
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { css } from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'chrome.sheet_header';
11
11
  const colorStyles = _ref => {
@@ -33,13 +33,10 @@ const sizeStyles = _ref2 => {
33
33
  };
34
34
  const StyledSheetHeader = styled.header.attrs({
35
35
  'data-garden-id': COMPONENT_ID,
36
- 'data-garden-version': '9.0.0-next.24'
36
+ 'data-garden-version': '9.0.0-next.26'
37
37
  }).withConfig({
38
38
  displayName: "StyledSheetHeader",
39
39
  componentId: "sc-o2ry8i-0"
40
40
  })(["", ";", ";", ";"], sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
41
- StyledSheetHeader.defaultProps = {
42
- theme: DEFAULT_THEME
43
- };
44
41
 
45
42
  export { StyledSheetHeader };
@@ -5,12 +5,12 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled from 'styled-components';
8
- import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'chrome.sheet_title';
11
11
  const StyledSheetTitle = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.24'
13
+ 'data-garden-version': '9.0.0-next.26'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetTitle",
16
16
  componentId: "sc-1gogk75-0"
@@ -18,8 +18,5 @@ const StyledSheetTitle = styled.div.attrs({
18
18
  theme: p.theme,
19
19
  variable: 'foreground.default'
20
20
  }), props => props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID, props));
21
- StyledSheetTitle.defaultProps = {
22
- theme: DEFAULT_THEME
23
- };
24
21
 
25
22
  export { StyledSheetTitle };
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { css } from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'chrome.sheet_wrapper';
11
11
  const transformStyles = _ref => {
@@ -28,13 +28,10 @@ const transformStyles = _ref => {
28
28
  };
29
29
  const StyledSheetWrapper = styled.div.attrs({
30
30
  'data-garden-id': COMPONENT_ID,
31
- 'data-garden-version': '9.0.0-next.24'
31
+ 'data-garden-version': '9.0.0-next.26'
32
32
  }).withConfig({
33
33
  displayName: "StyledSheetWrapper",
34
34
  componentId: "sc-f6x9zb-0"
35
35
  })(["display:flex;position:relative;flex-direction:column;min-width:", ";", ";", ";"], props => props.size, transformStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
36
- StyledSheetWrapper.defaultProps = {
37
- theme: DEFAULT_THEME
38
- };
39
36
 
40
37
  export { StyledSheetWrapper };