@primer/components 0.0.0-202110320457 → 0.0.0-202110321848

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 (14) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/dist/browser.esm.js +287 -281
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +292 -286
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/Header.d.ts +7 -6
  7. package/lib/Header.js +4 -4
  8. package/lib/Pagehead.d.ts +1 -2
  9. package/lib/Pagehead.js +1 -1
  10. package/lib-esm/Header.d.ts +7 -6
  11. package/lib-esm/Header.js +5 -5
  12. package/lib-esm/Pagehead.d.ts +1 -2
  13. package/lib-esm/Pagehead.js +2 -2
  14. package/package.json +1 -1
package/lib/Header.d.ts CHANGED
@@ -1,23 +1,24 @@
1
1
  /// <reference types="hoist-non-react-statics" />
2
2
  import * as History from 'history';
3
+ import { SystemBorderProps, SystemCommonProps, SystemTypographyProps } from './constants';
3
4
  import { SxProp } from './sx';
4
5
  import { ComponentProps } from './utils/types';
5
- declare const Header: import("styled-components").StyledComponent<"div", any, SxProp, never>;
6
+ declare const Header: import("styled-components").StyledComponent<"div", any, SystemBorderProps & SystemCommonProps & SxProp, never>;
6
7
  declare const HeaderItem: import("styled-components").StyledComponent<"div", any, {
7
8
  full?: boolean | undefined;
8
- } & SxProp, never>;
9
+ } & SystemCommonProps & SxProp, never>;
9
10
  declare const HeaderLink: import("styled-components").StyledComponent<"a", any, {
10
11
  to?: History.LocationDescriptor<unknown> | undefined;
11
- } & SxProp, never>;
12
+ } & SystemCommonProps & SxProp & SystemTypographyProps & SystemBorderProps, never>;
12
13
  export declare type HeaderProps = ComponentProps<typeof Header>;
13
14
  export declare type HeaderLinkProps = ComponentProps<typeof HeaderLink>;
14
15
  export declare type HeaderItemProps = ComponentProps<typeof HeaderItem>;
15
- declare const _default: string & import("styled-components").StyledComponentBase<"div", any, SxProp, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
16
+ declare const _default: string & import("styled-components").StyledComponentBase<"div", any, SystemBorderProps & SystemCommonProps & SxProp, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
16
17
  Link: import("styled-components").StyledComponent<"a", any, {
17
18
  to?: History.LocationDescriptor<unknown> | undefined;
18
- } & SxProp, never>;
19
+ } & SystemCommonProps & SxProp & SystemTypographyProps & SystemBorderProps, never>;
19
20
  Item: import("styled-components").StyledComponent<"div", any, {
20
21
  full?: boolean | undefined;
21
- } & SxProp, never>;
22
+ } & SystemCommonProps & SxProp, never>;
22
23
  };
23
24
  export default _default;
package/lib/Header.js CHANGED
@@ -21,14 +21,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
21
21
  const Header = _styledComponents.default.div.withConfig({
22
22
  displayName: "Header",
23
23
  componentId: "sc-217i47-0"
24
- })(["z-index:32;display:flex;padding:", ";font-size:", ";line-height:", ";color:", ";background-color:", ";align-items:center;flex-wrap:nowrap;", ";"], (0, _constants.get)('space.3'), (0, _constants.get)('fontSizes.1'), (0, _constants.get)('lineHeights.default'), (0, _constants.get)('colors.header.text'), (0, _constants.get)('colors.header.bg'), _sx.default);
24
+ })(["z-index:32;display:flex;padding:", ";font-size:", ";line-height:", ";color:", ";background-color:", ";align-items:center;flex-wrap:nowrap;", " ", " ", ";"], (0, _constants.get)('space.3'), (0, _constants.get)('fontSizes.1'), (0, _constants.get)('lineHeights.default'), (0, _constants.get)('colors.header.text'), (0, _constants.get)('colors.header.bg'), _constants.COMMON, _constants.BORDER, _sx.default);
25
25
 
26
26
  const HeaderItem = _styledComponents.default.div.withConfig({
27
27
  displayName: "Header__HeaderItem",
28
28
  componentId: "sc-217i47-1"
29
- })(["display:flex;margin-right:", ";align-self:stretch;align-items:center;flex-wrap:nowrap;", ";", ";"], (0, _constants.get)('space.3'), ({
29
+ })(["display:flex;margin-right:", ";align-self:stretch;align-items:center;flex-wrap:nowrap;", ";", ";", ";", ";"], (0, _constants.get)('space.3'), ({
30
30
  full
31
- }) => full && (0, _styledComponents.css)(["flex:auto;"]), _sx.default);
31
+ }) => full && (0, _styledComponents.css)(["flex:auto;"]), _constants.COMMON, _constants.BORDER, _sx.default);
32
32
 
33
33
  HeaderItem.displayName = 'Header.Item';
34
34
 
@@ -49,7 +49,7 @@ const HeaderLink = _styledComponents.default.a.attrs(({
49
49
  }).withConfig({
50
50
  displayName: "Header__HeaderLink",
51
51
  componentId: "sc-217i47-2"
52
- })(["font-weight:", ";color:", ";white-space:nowrap;cursor:pointer;text-decoration:none;display:flex;align-items:center;&:hover,&:focus{color:", ";}", ";"], (0, _constants.get)('fontWeights.bold'), (0, _constants.get)('colors.header.logo'), (0, _constants.get)('colors.header.text'), _sx.default);
52
+ })(["font-weight:", ";color:", ";white-space:nowrap;cursor:pointer;text-decoration:none;display:flex;align-items:center;&:hover,&:focus{color:", ";}", ";", ";", ";", ";"], (0, _constants.get)('fontWeights.bold'), (0, _constants.get)('colors.header.logo'), (0, _constants.get)('colors.header.text'), _constants.COMMON, _constants.BORDER, _constants.TYPOGRAPHY, _sx.default);
53
53
 
54
54
  HeaderLink.displayName = 'Header.Link';
55
55
 
package/lib/Pagehead.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import { SystemCommonProps } from './constants';
2
1
  import { SxProp } from './sx';
3
2
  import { ComponentProps } from './utils/types';
4
- declare const Pagehead: import("styled-components").StyledComponent<"div", any, SystemCommonProps & SxProp, never>;
3
+ declare const Pagehead: import("styled-components").StyledComponent<"div", any, SxProp, never>;
5
4
  export declare type PageheadProps = ComponentProps<typeof Pagehead>;
6
5
  export default Pagehead;
package/lib/Pagehead.js CHANGED
@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
16
16
  const Pagehead = _styledComponents.default.div.withConfig({
17
17
  displayName: "Pagehead",
18
18
  componentId: "sc-1ntn78e-0"
19
- })(["position:relative;padding-top:", ";padding-bottom:", ";margin-bottom:", ";border-bottom:1px solid ", ";", ";", ";"], (0, _constants.get)('space.4'), (0, _constants.get)('space.4'), (0, _constants.get)('space.4'), (0, _constants.get)('colors.border.default'), _constants.COMMON, _sx.default);
19
+ })(["position:relative;padding-top:", ";padding-bottom:", ";margin-bottom:", ";border-bottom:1px solid ", ";", ";"], (0, _constants.get)('space.4'), (0, _constants.get)('space.4'), (0, _constants.get)('space.4'), (0, _constants.get)('colors.border.default'), _sx.default);
20
20
 
21
21
  var _default = Pagehead;
22
22
  exports.default = _default;
package/lib-esm/Header.d.ts CHANGED
@@ -1,23 +1,24 @@
1
1
  /// <reference types="hoist-non-react-statics" />
2
2
  import * as History from 'history';
3
+ import { SystemBorderProps, SystemCommonProps, SystemTypographyProps } from './constants';
3
4
  import { SxProp } from './sx';
4
5
  import { ComponentProps } from './utils/types';
5
- declare const Header: import("styled-components").StyledComponent<"div", any, SxProp, never>;
6
+ declare const Header: import("styled-components").StyledComponent<"div", any, SystemBorderProps & SystemCommonProps & SxProp, never>;
6
7
  declare const HeaderItem: import("styled-components").StyledComponent<"div", any, {
7
8
  full?: boolean | undefined;
8
- } & SxProp, never>;
9
+ } & SystemCommonProps & SxProp, never>;
9
10
  declare const HeaderLink: import("styled-components").StyledComponent<"a", any, {
10
11
  to?: History.LocationDescriptor<unknown> | undefined;
11
- } & SxProp, never>;
12
+ } & SystemCommonProps & SxProp & SystemTypographyProps & SystemBorderProps, never>;
12
13
  export declare type HeaderProps = ComponentProps<typeof Header>;
13
14
  export declare type HeaderLinkProps = ComponentProps<typeof HeaderLink>;
14
15
  export declare type HeaderItemProps = ComponentProps<typeof HeaderItem>;
15
- declare const _default: string & import("styled-components").StyledComponentBase<"div", any, SxProp, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
16
+ declare const _default: string & import("styled-components").StyledComponentBase<"div", any, SystemBorderProps & SystemCommonProps & SxProp, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
16
17
  Link: import("styled-components").StyledComponent<"a", any, {
17
18
  to?: History.LocationDescriptor<unknown> | undefined;
18
- } & SxProp, never>;
19
+ } & SystemCommonProps & SxProp & SystemTypographyProps & SystemBorderProps, never>;
19
20
  Item: import("styled-components").StyledComponent<"div", any, {
20
21
  full?: boolean | undefined;
21
- } & SxProp, never>;
22
+ } & SystemCommonProps & SxProp, never>;
22
23
  };
23
24
  export default _default;
package/lib-esm/Header.js CHANGED
@@ -1,17 +1,17 @@
1
1
  // eslint-disable-next-line import/no-namespace
2
2
  import styled, { css } from 'styled-components';
3
- import { get } from './constants';
3
+ import { BORDER, COMMON, get, TYPOGRAPHY } from './constants';
4
4
  import sx from './sx';
5
5
  const Header = styled.div.withConfig({
6
6
  displayName: "Header",
7
7
  componentId: "sc-217i47-0"
8
- })(["z-index:32;display:flex;padding:", ";font-size:", ";line-height:", ";color:", ";background-color:", ";align-items:center;flex-wrap:nowrap;", ";"], get('space.3'), get('fontSizes.1'), get('lineHeights.default'), get('colors.header.text'), get('colors.header.bg'), sx);
8
+ })(["z-index:32;display:flex;padding:", ";font-size:", ";line-height:", ";color:", ";background-color:", ";align-items:center;flex-wrap:nowrap;", " ", " ", ";"], get('space.3'), get('fontSizes.1'), get('lineHeights.default'), get('colors.header.text'), get('colors.header.bg'), COMMON, BORDER, sx);
9
9
  const HeaderItem = styled.div.withConfig({
10
10
  displayName: "Header__HeaderItem",
11
11
  componentId: "sc-217i47-1"
12
- })(["display:flex;margin-right:", ";align-self:stretch;align-items:center;flex-wrap:nowrap;", ";", ";"], get('space.3'), ({
12
+ })(["display:flex;margin-right:", ";align-self:stretch;align-items:center;flex-wrap:nowrap;", ";", ";", ";", ";"], get('space.3'), ({
13
13
  full
14
- }) => full && css(["flex:auto;"]), sx);
14
+ }) => full && css(["flex:auto;"]), COMMON, BORDER, sx);
15
15
  HeaderItem.displayName = 'Header.Item';
16
16
  const HeaderLink = styled.a.attrs(({
17
17
  to
@@ -30,7 +30,7 @@ const HeaderLink = styled.a.attrs(({
30
30
  }).withConfig({
31
31
  displayName: "Header__HeaderLink",
32
32
  componentId: "sc-217i47-2"
33
- })(["font-weight:", ";color:", ";white-space:nowrap;cursor:pointer;text-decoration:none;display:flex;align-items:center;&:hover,&:focus{color:", ";}", ";"], get('fontWeights.bold'), get('colors.header.logo'), get('colors.header.text'), sx);
33
+ })(["font-weight:", ";color:", ";white-space:nowrap;cursor:pointer;text-decoration:none;display:flex;align-items:center;&:hover,&:focus{color:", ";}", ";", ";", ";", ";"], get('fontWeights.bold'), get('colors.header.logo'), get('colors.header.text'), COMMON, BORDER, TYPOGRAPHY, sx);
34
34
  HeaderLink.displayName = 'Header.Link';
35
35
  export default Object.assign(Header, {
36
36
  Link: HeaderLink,
package/lib-esm/Pagehead.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import { SystemCommonProps } from './constants';
2
1
  import { SxProp } from './sx';
3
2
  import { ComponentProps } from './utils/types';
4
- declare const Pagehead: import("styled-components").StyledComponent<"div", any, SystemCommonProps & SxProp, never>;
3
+ declare const Pagehead: import("styled-components").StyledComponent<"div", any, SxProp, never>;
5
4
  export declare type PageheadProps = ComponentProps<typeof Pagehead>;
6
5
  export default Pagehead;
package/lib-esm/Pagehead.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import styled from 'styled-components';
2
- import { COMMON, get } from './constants';
2
+ import { get } from './constants';
3
3
  import sx from './sx';
4
4
  const Pagehead = styled.div.withConfig({
5
5
  displayName: "Pagehead",
6
6
  componentId: "sc-1ntn78e-0"
7
- })(["position:relative;padding-top:", ";padding-bottom:", ";margin-bottom:", ";border-bottom:1px solid ", ";", ";", ";"], get('space.4'), get('space.4'), get('space.4'), get('colors.border.default'), COMMON, sx);
7
+ })(["position:relative;padding-top:", ";padding-bottom:", ";margin-bottom:", ";border-bottom:1px solid ", ";", ";"], get('space.4'), get('space.4'), get('space.4'), get('colors.border.default'), sx);
8
8
  export default Pagehead;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/components",
3
- "version": "0.0.0-202110320457",
3
+ "version": "0.0.0-202110321848",
4
4
  "description": "Primer react components",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",