@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.
- package/cjs/Heading/web/Heading.js +4 -2
- package/cjs/Heading/web/Heading.test.js +6 -0
- package/cjs/Heading/web/StyledHeading.js +3 -1
- package/cjs/Theme/Provider/web/FontLoader.test.js +1 -1
- package/cjs/Theme/Provider/web/GlobalStyle.js +2 -0
- package/cjs/Theme/Provider/web/GlobalStyle.test.js +2 -0
- package/cjs/Theme/theme/v3theme.js +1 -6
- package/esm/Heading/web/Heading.js +4 -2
- package/esm/Heading/web/Heading.test.js +6 -0
- package/esm/Heading/web/StyledHeading.js +3 -1
- package/esm/Theme/Provider/web/FontLoader.test.js +1 -1
- package/esm/Theme/Provider/web/GlobalStyle.js +2 -0
- package/esm/Theme/Provider/web/GlobalStyle.test.js +2 -0
- package/esm/Theme/theme/v3theme.js +1 -6
- package/package.json +3 -3
- package/typings/Theme/theme/v3theme.d.ts +38 -41
- package/typings/index.d.ts +3 -0
|
@@ -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,
|
|
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
|
});
|
|
@@ -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,
|
|
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
|
});
|
|
@@ -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.
|
|
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.
|
|
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": "
|
|
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 |
|
|
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 |
|
|
173
|
-
push(...items: (300 | 400 | 500 | 700 | 900
|
|
174
|
-
concat(...items: ConcatArray<300 | 400 | 500 | 700 | 900
|
|
175
|
-
concat(...items: (300 | 400 | 500 | 700 | 900 |
|
|
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
|
|
178
|
-
shift(): 300 | 400 | 500 | 700 | 900 |
|
|
179
|
-
slice(start?: number | undefined, end?: number | undefined): (300 | 400 | 500 | 700 | 900
|
|
180
|
-
sort(compareFn?: ((a: 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
|
|
183
|
-
unshift(...items: (300 | 400 | 500 | 700 | 900
|
|
184
|
-
indexOf(searchElement: 300 | 400 | 500 | 700 | 900
|
|
185
|
-
lastIndexOf(searchElement: 300 | 400 | 500 | 700 | 900
|
|
186
|
-
every<S_6 extends 300 | 400 | 500 | 700 | 900
|
|
187
|
-
every(predicate: (value: 300 | 400 | 500 | 700 | 900
|
|
188
|
-
some(predicate: (value: 300 | 400 | 500 | 700 | 900
|
|
189
|
-
forEach(callbackfn: (value: 300 | 400 | 500 | 700 | 900
|
|
190
|
-
map<U_8>(callbackfn: (value: 300 | 400 | 500 | 700 | 900
|
|
191
|
-
filter<S_7 extends 300 | 400 | 500 | 700 | 900
|
|
192
|
-
filter(predicate: (value: 300 | 400 | 500 | 700 | 900
|
|
193
|
-
reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900
|
|
194
|
-
reduce(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900
|
|
195
|
-
reduce<U_9>(callbackfn: (previousValue: U_9, currentValue: 300 | 400 | 500 | 700 | 900
|
|
196
|
-
reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900
|
|
197
|
-
reduceRight(callbackfn: (previousValue: 300 | 400 | 500 | 700 | 900
|
|
198
|
-
reduceRight<U_10>(callbackfn: (previousValue: U_10, currentValue: 300 | 400 | 500 | 700 | 900
|
|
199
|
-
find<S_8 extends 300 | 400 | 500 | 700 | 900
|
|
200
|
-
find(predicate: (value: 300 | 400 | 500 | 700 | 900
|
|
201
|
-
findIndex(predicate: (value: 300 | 400 | 500 | 700 | 900
|
|
202
|
-
fill(value: 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
|
|
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
|
|
207
|
-
includes(searchElement: 300 | 400 | 500 | 700 | 900
|
|
208
|
-
flatMap<U_11, This_2 = undefined>(callback: (this: This_2, value: 300 | 400 | 500 | 700 | 900
|
|
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 |
|
|
211
|
-
[Symbol.iterator](): IterableIterator<300 | 400 | 500 | 700 | 900
|
|
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;
|
package/typings/index.d.ts
CHANGED
|
@@ -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
|
|