@gympass/yoga 7.100.0 → 7.101.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.
@@ -99,10 +99,12 @@ Heading.propTypes = {
99
99
  import_prop_types.default.arrayOf(import_prop_types.default.node),
100
100
  import_prop_types.default.node
101
101
  ]),
102
- noPadding: import_prop_types.bool
102
+ noPadding: import_prop_types.bool,
103
+ bg: import_prop_types.default.string
103
104
  };
104
105
  Heading.defaultProps = {
105
106
  children: void 0,
106
- noPadding: false
107
+ noPadding: false,
108
+ bg: void 0
107
109
  };
108
110
  var Heading_default = Heading;
@@ -73,4 +73,10 @@ describe("<Heading />", () => {
73
73
  );
74
74
  expect(container).toMatchSnapshot();
75
75
  });
76
+ it("should override the background color", () => {
77
+ const { container } = (0, import_react2.render)(
78
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Heading, { bg: "yoga", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Title.default, { children: "Gympass" }) }) })
79
+ );
80
+ expect(container).toMatchSnapshot();
81
+ });
76
82
  });
@@ -33,6 +33,7 @@ __export(StyledHeading_exports, {
33
33
  });
34
34
  module.exports = __toCommonJS(StyledHeading_exports);
35
35
  var import_styled_components = __toESM(require("styled-components"));
36
+ var import_yoga_system = require("@gympass/yoga-system");
36
37
  const StyledHeading = import_styled_components.default.header`
37
38
  ${({
38
39
  noPadding,
@@ -43,7 +44,8 @@ const StyledHeading = import_styled_components.default.header`
43
44
  }
44
45
  }) => {
45
46
  return import_styled_components.css`
46
- background: ${heading.background};
47
+ background-color: ${heading.background};
48
+ ${import_yoga_system.backgroundColor}
47
49
  padding: ${heading.padding.vertical}px ${heading.padding.horizontal}px;
48
50
  min-height: ${heading.height}px;
49
51
  width: 100%;
@@ -33,7 +33,7 @@ describe("FontLoader component", () => {
33
33
  );
34
34
  const link = document.getElementsByTagName("link").item(0).outerHTML;
35
35
  expect(link).toContain(
36
- `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,800,300i,400i,500i,700i,900i,800i">`
36
+ `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,300i,400i,500i,700i,900i">`
37
37
  );
38
38
  });
39
39
  });
@@ -32,6 +32,8 @@ const GlobalStyle = import_styled_components.createGlobalStyle`
32
32
  }) => `
33
33
  body {
34
34
  font-family: "${family}";
35
+ -webkit-font-smoothing: antialiased;
36
+ -moz-osx-font-smoothing: grayscale;
35
37
  }
36
38
  `}
37
39
  `;
@@ -38,6 +38,8 @@ describe("GlobalStyle component", () => {
38
38
  (0, import_expectCssMatches.default)(
39
39
  `body {
40
40
  font-family: "${baseFont.family}";
41
+ -webkit-font-smoothing: antialiased;
42
+ -moz-osx-font-smoothing: grayscale;
41
43
  }`
42
44
  );
43
45
  });
@@ -81,12 +81,7 @@ const v3theme = (0, import_themeGenerator.default)((tokens) => ({
81
81
  backgroundAndDisabled: tokens.colors.clearNew
82
82
  }
83
83
  },
84
- baseFont: tokens.fonts.inter,
85
- fontWeights: {
86
- regular: tokens.fontWeights.regularNew,
87
- medium: tokens.fontWeights.mediumNew,
88
- bold: tokens.fontWeights.boldNew
89
- }
84
+ baseFont: tokens.fonts.inter
90
85
  }));
91
86
  // Annotate the CommonJS export names for ESM import in node:
92
87
  0 && (module.exports = {
@@ -68,11 +68,13 @@ Heading.propTypes = {
68
68
  PropTypes.arrayOf(PropTypes.node),
69
69
  PropTypes.node
70
70
  ]),
71
- noPadding: bool
71
+ noPadding: bool,
72
+ bg: PropTypes.string
72
73
  };
73
74
  Heading.defaultProps = {
74
75
  children: void 0,
75
- noPadding: false
76
+ noPadding: false,
77
+ bg: void 0
76
78
  };
77
79
  var Heading_default = Heading;
78
80
  export {
@@ -50,4 +50,10 @@ describe("<Heading />", () => {
50
50
  );
51
51
  expect(container).toMatchSnapshot();
52
52
  });
53
+ it("should override the background color", () => {
54
+ const { container } = render(
55
+ /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Heading, { bg: "yoga", children: /* @__PURE__ */ jsx(Title, { children: "Gympass" }) }) })
56
+ );
57
+ expect(container).toMatchSnapshot();
58
+ });
53
59
  });
@@ -1,4 +1,5 @@
1
1
  import styled, { css } from "styled-components";
2
+ import { backgroundColor } from "@gympass/yoga-system";
2
3
  const StyledHeading = styled.header`
3
4
  ${({
4
5
  noPadding,
@@ -9,7 +10,8 @@ const StyledHeading = styled.header`
9
10
  }
10
11
  }) => {
11
12
  return css`
12
- background: ${heading.background};
13
+ background-color: ${heading.background};
14
+ ${backgroundColor}
13
15
  padding: ${heading.padding.vertical}px ${heading.padding.horizontal}px;
14
16
  min-height: ${heading.height}px;
15
17
  width: 100%;
@@ -10,7 +10,7 @@ describe("FontLoader component", () => {
10
10
  );
11
11
  const link = document.getElementsByTagName("link").item(0).outerHTML;
12
12
  expect(link).toContain(
13
- `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,800,300i,400i,500i,700i,900i,800i">`
13
+ `<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,300i,400i,500i,700i,900i">`
14
14
  );
15
15
  });
16
16
  });
@@ -9,6 +9,8 @@ const GlobalStyle = createGlobalStyle`
9
9
  }) => `
10
10
  body {
11
11
  font-family: "${family}";
12
+ -webkit-font-smoothing: antialiased;
13
+ -moz-osx-font-smoothing: grayscale;
12
14
  }
13
15
  `}
14
16
  `;
@@ -15,6 +15,8 @@ describe("GlobalStyle component", () => {
15
15
  expectCSSMatches(
16
16
  `body {
17
17
  font-family: "${baseFont.family}";
18
+ -webkit-font-smoothing: antialiased;
19
+ -moz-osx-font-smoothing: grayscale;
18
20
  }`
19
21
  );
20
22
  });
@@ -48,12 +48,7 @@ const v3theme = createTheme((tokens) => ({
48
48
  backgroundAndDisabled: tokens.colors.clearNew
49
49
  }
50
50
  },
51
- baseFont: tokens.fonts.inter,
52
- fontWeights: {
53
- regular: tokens.fontWeights.regularNew,
54
- medium: tokens.fontWeights.mediumNew,
55
- bold: tokens.fontWeights.boldNew
56
- }
51
+ baseFont: tokens.fonts.inter
57
52
  }));
58
53
  export {
59
54
  v3theme
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.100.0",
3
+ "version": "7.101.0",
4
4
  "description": "Gympass component library",
5
5
  "main": "./cjs",
6
6
  "types": "./typings/index.d.ts",
@@ -31,7 +31,7 @@
31
31
  "@gympass/yoga-icons": "^1.19.0",
32
32
  "@gympass/yoga-illustrations": "^0.5.2",
33
33
  "@gympass/yoga-system": "^0.11.1",
34
- "@gympass/yoga-tokens": "^3.4.0",
34
+ "@gympass/yoga-tokens": "^3.4.1",
35
35
  "@ptomasroos/react-native-multi-slider": "^2.1.1",
36
36
  "@radix-ui/react-dropdown-menu": "^2.0.1",
37
37
  "date-fns": "^2.29.2",
@@ -57,7 +57,7 @@
57
57
  "react-native": "0.72.3",
58
58
  "styled-components": "^4.4.0"
59
59
  },
60
- "gitHead": "6ea42b6b4020c6de24c8e0a2315e6dc425e7b98c",
60
+ "gitHead": "8ccabf1298bbd512d0b1b50ce59c4ff5aea32a20",
61
61
  "module": "./esm",
62
62
  "private": false,
63
63
  "react-native": "./cjs/index.native.js"
@@ -99,7 +99,7 @@ declare const v3theme: {
99
99
  };
100
100
  fonts: Record<string, {
101
101
  family: string;
102
- weight: (300 | 400 | 500 | 700 | 900 | 800 | "300i" | "400i" | "500i" | "700i" | "900i" | "800i")[];
102
+ weight: (300 | 400 | 500 | 700 | 900 | "300i" | "400i" | "500i" | "700i" | "900i")[];
103
103
  }>;
104
104
  fontSizes: {
105
105
  xxsmall: 10;
@@ -169,46 +169,46 @@ declare const v3theme: {
169
169
  length: number;
170
170
  toString(): string;
171
171
  toLocaleString(): string;
172
- pop(): 300 | 400 | 500 | 700 | 900 | 800 | undefined;
173
- push(...items: (300 | 400 | 500 | 700 | 900 | 800)[]): number;
174
- concat(...items: ConcatArray<300 | 400 | 500 | 700 | 900 | 800>[]): (300 | 400 | 500 | 700 | 900 | 800)[];
175
- concat(...items: (300 | 400 | 500 | 700 | 900 | 800 | ConcatArray<300 | 400 | 500 | 700 | 900 | 800>)[]): (300 | 400 | 500 | 700 | 900 | 800)[];
172
+ pop(): 300 | 400 | 500 | 700 | 900 | undefined;
173
+ push(...items: (300 | 400 | 500 | 700 | 900)[]): number;
174
+ concat(...items: ConcatArray<300 | 400 | 500 | 700 | 900>[]): (300 | 400 | 500 | 700 | 900)[];
175
+ concat(...items: (300 | 400 | 500 | 700 | 900 | ConcatArray<300 | 400 | 500 | 700 | 900>)[]): (300 | 400 | 500 | 700 | 900)[];
176
176
  join(separator?: string | undefined): string;
177
- reverse(): (300 | 400 | 500 | 700 | 900 | 800)[];
178
- shift(): 300 | 400 | 500 | 700 | 900 | 800 | undefined;
179
- slice(start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
180
- sort(compareFn?: ((a: 300 | 400 | 500 | 700 | 900 | 800, b: 300 | 400 | 500 | 700 | 900 | 800) => number) | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
181
- splice(start: number, deleteCount?: number | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
182
- splice(start: number, deleteCount: number, ...items: (300 | 400 | 500 | 700 | 900 | 800)[]): (300 | 400 | 500 | 700 | 900 | 800)[];
183
- unshift(...items: (300 | 400 | 500 | 700 | 900 | 800)[]): number;
184
- indexOf(searchElement: 300 | 400 | 500 | 700 | 900 | 800, fromIndex?: number | undefined): number;
185
- lastIndexOf(searchElement: 300 | 400 | 500 | 700 | 900 | 800, fromIndex?: number | undefined): number;
186
- every<S_6 extends 300 | 400 | 500 | 700 | 900 | 800>(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => value is S_6, thisArg?: any): this is S_6[];
187
- every(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): boolean;
188
- some(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): boolean;
189
- forEach(callbackfn: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => void, thisArg?: any): void;
190
- map<U_8>(callbackfn: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => U_8, thisArg?: any): U_8[];
191
- filter<S_7 extends 300 | 400 | 500 | 700 | 900 | 800>(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => value is S_7, thisArg?: any): S_7[];
192
- filter(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): (300 | 400 | 500 | 700 | 900 | 800)[];
193
- reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900 | 800, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => 300 | 400 | 500 | 700 | 900 | 800): 300 | 400 | 500 | 700 | 900 | 800;
194
- reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900 | 800, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => 300 | 400 | 500 | 700 | 900 | 800, initialValue: 300 | 400 | 500 | 700 | 900 | 800): 300 | 400 | 500 | 700 | 900 | 800;
195
- reduce<U_9>(callbackfn: (previousValue: U_9, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => U_9, initialValue: U_9): U_9;
196
- reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900 | 800, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => 300 | 400 | 500 | 700 | 900 | 800): 300 | 400 | 500 | 700 | 900 | 800;
197
- reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900 | 800, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => 300 | 400 | 500 | 700 | 900 | 800, initialValue: 300 | 400 | 500 | 700 | 900 | 800): 300 | 400 | 500 | 700 | 900 | 800;
198
- reduceRight<U_10>(callbackfn: (previousValue: U_10, currentValue: 300 | 400 | 500 | 700 | 900 | 800, currentIndex: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => U_10, initialValue: U_10): U_10;
199
- find<S_8 extends 300 | 400 | 500 | 700 | 900 | 800>(predicate: (this: void, value: 300 | 400 | 500 | 700 | 900 | 800, index: number, obj: (300 | 400 | 500 | 700 | 900 | 800)[]) => value is S_8, thisArg?: any): S_8 | undefined;
200
- find(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, obj: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): 300 | 400 | 500 | 700 | 900 | 800 | undefined;
201
- findIndex(predicate: (value: 300 | 400 | 500 | 700 | 900 | 800, index: number, obj: (300 | 400 | 500 | 700 | 900 | 800)[]) => unknown, thisArg?: any): number;
202
- fill(value: 300 | 400 | 500 | 700 | 900 | 800, start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
203
- copyWithin(target: number, start: number, end?: number | undefined): (300 | 400 | 500 | 700 | 900 | 800)[];
204
- entries(): IterableIterator<[number, 300 | 400 | 500 | 700 | 900 | 800]>;
177
+ reverse(): (300 | 400 | 500 | 700 | 900)[];
178
+ shift(): 300 | 400 | 500 | 700 | 900 | undefined;
179
+ slice(start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900)[];
180
+ sort(compareFn?: ((a: 300 | 400 | 500 | 700 | 900, b: 300 | 400 | 500 | 700 | 900) => number) | undefined): (300 | 400 | 500 | 700 | 900)[];
181
+ splice(start: number, deleteCount?: number | undefined): (300 | 400 | 500 | 700 | 900)[];
182
+ splice(start: number, deleteCount: number, ...items: (300 | 400 | 500 | 700 | 900)[]): (300 | 400 | 500 | 700 | 900)[];
183
+ unshift(...items: (300 | 400 | 500 | 700 | 900)[]): number;
184
+ indexOf(searchElement: 300 | 400 | 500 | 700 | 900, fromIndex?: number | undefined): number;
185
+ lastIndexOf(searchElement: 300 | 400 | 500 | 700 | 900, fromIndex?: number | undefined): number;
186
+ every<S_6 extends 300 | 400 | 500 | 700 | 900>(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => value is S_6, thisArg?: any): this is S_6[];
187
+ every(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): boolean;
188
+ some(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): boolean;
189
+ forEach(callbackfn: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => void, thisArg?: any): void;
190
+ map<U_8>(callbackfn: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => U_8, thisArg?: any): U_8[];
191
+ filter<S_7 extends 300 | 400 | 500 | 700 | 900>(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => value is S_7, thisArg?: any): S_7[];
192
+ filter(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): (300 | 400 | 500 | 700 | 900)[];
193
+ reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => 300 | 400 | 500 | 700 | 900): 300 | 400 | 500 | 700 | 900;
194
+ reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => 300 | 400 | 500 | 700 | 900, initialValue: 300 | 400 | 500 | 700 | 900): 300 | 400 | 500 | 700 | 900;
195
+ reduce<U_9>(callbackfn: (previousValue: U_9, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => U_9, initialValue: U_9): U_9;
196
+ reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => 300 | 400 | 500 | 700 | 900): 300 | 400 | 500 | 700 | 900;
197
+ reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => 300 | 400 | 500 | 700 | 900, initialValue: 300 | 400 | 500 | 700 | 900): 300 | 400 | 500 | 700 | 900;
198
+ reduceRight<U_10>(callbackfn: (previousValue: U_10, currentValue: 300 | 400 | 500 | 700 | 900, currentIndex: number, array: (300 | 400 | 500 | 700 | 900)[]) => U_10, initialValue: U_10): U_10;
199
+ find<S_8 extends 300 | 400 | 500 | 700 | 900>(predicate: (this: void, value: 300 | 400 | 500 | 700 | 900, index: number, obj: (300 | 400 | 500 | 700 | 900)[]) => value is S_8, thisArg?: any): S_8 | undefined;
200
+ find(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, obj: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): 300 | 400 | 500 | 700 | 900 | undefined;
201
+ findIndex(predicate: (value: 300 | 400 | 500 | 700 | 900, index: number, obj: (300 | 400 | 500 | 700 | 900)[]) => unknown, thisArg?: any): number;
202
+ fill(value: 300 | 400 | 500 | 700 | 900, start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900)[];
203
+ copyWithin(target: number, start: number, end?: number | undefined): (300 | 400 | 500 | 700 | 900)[];
204
+ entries(): IterableIterator<[number, 300 | 400 | 500 | 700 | 900]>;
205
205
  keys(): IterableIterator<number>;
206
- values(): IterableIterator<300 | 400 | 500 | 700 | 900 | 800>;
207
- includes(searchElement: 300 | 400 | 500 | 700 | 900 | 800, fromIndex?: number | undefined): boolean;
208
- flatMap<U_11, This_2 = undefined>(callback: (this: This_2, value: 300 | 400 | 500 | 700 | 900 | 800, index: number, array: (300 | 400 | 500 | 700 | 900 | 800)[]) => U_11 | readonly U_11[], thisArg?: This_2 | undefined): U_11[];
206
+ values(): IterableIterator<300 | 400 | 500 | 700 | 900>;
207
+ includes(searchElement: 300 | 400 | 500 | 700 | 900, fromIndex?: number | undefined): boolean;
208
+ flatMap<U_11, This_2 = undefined>(callback: (this: This_2, value: 300 | 400 | 500 | 700 | 900, index: number, array: (300 | 400 | 500 | 700 | 900)[]) => U_11 | readonly U_11[], thisArg?: This_2 | undefined): U_11[];
209
209
  flat<A_2, D_2 extends number = 1>(this: A_2, depth?: D_2 | undefined): FlatArray<A_2, D_2>[];
210
- at(index: number): 300 | 400 | 500 | 700 | 900 | 800 | undefined;
211
- [Symbol.iterator](): IterableIterator<300 | 400 | 500 | 700 | 900 | 800>;
210
+ at(index: number): 300 | 400 | 500 | 700 | 900 | undefined;
211
+ [Symbol.iterator](): IterableIterator<300 | 400 | 500 | 700 | 900>;
212
212
  [Symbol.unscopables](): {
213
213
  copyWithin: boolean;
214
214
  entries: boolean;
@@ -223,9 +223,6 @@ declare const v3theme: {
223
223
  medium: 500;
224
224
  bold: 700;
225
225
  black: 900;
226
- regularNew: 500;
227
- mediumNew: 700;
228
- boldNew: 800;
229
226
  };
230
227
  lineHeights: {
231
228
  xxsmall: 12;
@@ -375,11 +375,14 @@ declare namespace Heading {
375
375
  namespace propTypes {
376
376
  export const children: prop_types__default.Requireable<string | number | boolean | prop_types__default.ReactElementLike | prop_types__default.ReactNodeArray>;
377
377
  export { bool as noPadding };
378
+ export const bg: prop_types__default.Requireable<string>;
378
379
  }
379
380
  namespace defaultProps {
380
381
  const children_1: undefined;
381
382
  export { children_1 as children };
382
383
  export const noPadding: boolean;
384
+ const bg_1: undefined;
385
+ export { bg_1 as bg };
383
386
  }
384
387
  }
385
388