@gympass/yoga 7.99.0 → 7.100.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.
Files changed (26) hide show
  1. package/cjs/Text/Text.theme.js +30 -0
  2. package/cjs/Text/native/Text.js +25 -0
  3. package/cjs/Text/native/Text.test.js +5 -0
  4. package/cjs/Text/native/index.js +10 -0
  5. package/cjs/Text/sharedTextStyle.js +1 -13
  6. package/cjs/Text/textStyle.android.js +14 -6
  7. package/cjs/Text/textStyle.ios.js +21 -0
  8. package/cjs/Text/textStyle.web.js +29 -8
  9. package/cjs/Text/web/Text.js +25 -0
  10. package/cjs/Text/web/Text.test.js +5 -0
  11. package/cjs/Text/web/index.js +10 -0
  12. package/esm/Text/Text.theme.js +30 -0
  13. package/esm/Text/native/Text.js +20 -0
  14. package/esm/Text/native/Text.test.js +5 -0
  15. package/esm/Text/native/index.js +11 -1
  16. package/esm/Text/sharedTextStyle.js +1 -13
  17. package/esm/Text/textStyle.android.js +14 -6
  18. package/esm/Text/textStyle.ios.js +21 -0
  19. package/esm/Text/textStyle.web.js +29 -8
  20. package/esm/Text/web/Text.js +20 -0
  21. package/esm/Text/web/Text.test.js +5 -0
  22. package/esm/Text/web/index.js +11 -1
  23. package/package.json +4 -4
  24. package/typings/NavigationMenu/web/Item/styles.d.ts +5 -0
  25. package/typings/Theme/theme/v3theme.d.ts +76 -74
  26. package/typings/index.d.ts +10 -0
package/cjs/Text/Text.theme.js CHANGED
@@ -22,6 +22,36 @@ __export(Text_theme_exports, {
22
22
  });
23
23
  module.exports = __toCommonJS(Text_theme_exports);
24
24
  const Text = ({ fontSizes, lineHeights, fontWeights }) => ({
25
+ display1: {
26
+ fontFamily: "NaN Holo Condensed",
27
+ fontsize: fontSizes.xhuge,
28
+ lineHeight: lineHeights.xhuge,
29
+ fontWeight: fontWeights.bold
30
+ },
31
+ display2: {
32
+ fontFamily: "NaN Holo Condensed",
33
+ fontsize: fontSizes.xxxlarge,
34
+ lineHeight: lineHeights.xxlarge,
35
+ fontWeight: fontWeights.bold
36
+ },
37
+ display3: {
38
+ fontFamily: "NaN Holo Condensed",
39
+ fontsize: fontSizes.xxlarge,
40
+ lineHeight: lineHeights.xlarge,
41
+ fontWeight: fontWeights.bold
42
+ },
43
+ display4: {
44
+ fontFamily: "NaN Holo Condensed",
45
+ fontsize: fontSizes.xlarge,
46
+ lineHeight: lineHeights.medium,
47
+ fontWeight: fontWeights.bold
48
+ },
49
+ displayNumber: {
50
+ fontFamily: "NaN Holo Condensed",
51
+ fontsize: fontSizes.xxxlarge,
52
+ lineHeight: lineHeights.xxlarge,
53
+ fontWeight: fontWeights.bold
54
+ },
25
55
  h1: {
26
56
  fontsize: fontSizes.huge,
27
57
  lineHeight: lineHeights.huge,
package/cjs/Text/native/Text.js CHANGED
@@ -44,6 +44,11 @@ var Text_exports = {};
44
44
  __export(Text_exports, {
45
45
  Black: () => Black,
46
46
  Bold: () => Bold,
47
+ Display1: () => Display1,
48
+ Display2: () => Display2,
49
+ Display3: () => Display3,
50
+ Display4: () => Display4,
51
+ DisplayNumber: () => DisplayNumber,
47
52
  H1: () => H1,
48
53
  H2: () => H2,
49
54
  H3: () => H3,
@@ -98,6 +103,16 @@ const SectionTitle = styledText("sectionTitle");
98
103
  SectionTitle.displayName = "Text.SectionTitle";
99
104
  const SmallestException = styledText("smallestException");
100
105
  SmallestException.displayName = "Text.SmallestException";
106
+ const Display1 = styledText("display1");
107
+ Display1.displayName = "Text.Display1";
108
+ const Display2 = styledText("display2");
109
+ Display2.displayName = "Text.Display2";
110
+ const Display3 = styledText("display3");
111
+ Display3.displayName = "Text.Display3";
112
+ const Display4 = styledText("display4");
113
+ Display4.displayName = "Text.Display4";
114
+ const DisplayNumber = styledText("displayNumber");
115
+ DisplayNumber.displayName = "Text.DisplayNumber";
101
116
  const TextRenderer = styledText("p");
102
117
  const Text = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextRenderer, __spreadValues({}, props));
103
118
  Text.displayName = "Text";
@@ -115,6 +130,11 @@ Text.Bold = Bold;
115
130
  Text.Black = Black;
116
131
  Text.SectionTitle = SectionTitle;
117
132
  Text.SmallestException = SmallestException;
133
+ Text.Display1 = Display1;
134
+ Text.Display2 = Display2;
135
+ Text.Display3 = Display3;
136
+ Text.Display4 = Display4;
137
+ Text.DisplayNumber = DisplayNumber;
118
138
  const fontSizes = (0, import_prop_types.oneOf)([
119
139
  "xxsmall",
120
140
  "xsmall",
@@ -167,6 +187,11 @@ Text.defaultProps = {
167
187
  0 && (module.exports = {
168
188
  Black,
169
189
  Bold,
190
+ Display1,
191
+ Display2,
192
+ Display3,
193
+ Display4,
194
+ DisplayNumber,
170
195
  H1,
171
196
  H2,
172
197
  H3,
package/cjs/Text/native/Text.test.js CHANGED
@@ -31,6 +31,11 @@ describe("<Text />", () => {
31
31
  it("should match snapshot with Text", () => {
32
32
  const { toJSON } = (0, import_react_native.render)(
33
33
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
34
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display1, { children: "Live the mission" }),
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display2, { children: "Live the mission" }),
36
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display3, { children: "Live the mission" }),
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display4, { children: "Live the mission" }),
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.DisplayNumber, { children: "Live the mission" }),
34
39
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H1, { children: "Live the mission" }),
35
40
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H2, { children: "Live the mission" }),
36
41
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H3, { children: "Live the mission" }),
package/cjs/Text/native/index.js CHANGED
@@ -20,6 +20,11 @@ var native_exports = {};
20
20
  __export(native_exports, {
21
21
  Black: () => import_Text.Black,
22
22
  Bold: () => import_Text.Bold,
23
+ Display1: () => import_Text.Display1,
24
+ Display2: () => import_Text.Display2,
25
+ Display3: () => import_Text.Display3,
26
+ Display4: () => import_Text.Display4,
27
+ DisplayNumber: () => import_Text.DisplayNumber,
23
28
  H1: () => import_Text.H1,
24
29
  H2: () => import_Text.H2,
25
30
  H3: () => import_Text.H3,
@@ -40,6 +45,11 @@ var import_Text = require("./Text");
40
45
  0 && (module.exports = {
41
46
  Black,
42
47
  Bold,
48
+ Display1,
49
+ Display2,
50
+ Display3,
51
+ Display4,
52
+ DisplayNumber,
43
53
  H1,
44
54
  H2,
45
55
  H3,
package/cjs/Text/sharedTextStyle.js CHANGED
@@ -24,26 +24,17 @@ module.exports = __toCommonJS(sharedTextStyle_exports);
24
24
  var import_styled_components = require("styled-components");
25
25
  const textStyle = (type) => () => import_styled_components.css`
26
26
  ${({
27
- light,
28
27
  variant,
29
28
  inverted,
30
29
  fontSize = "medium",
31
30
  size = "medium",
32
31
  theme: {
33
32
  yoga: {
34
- baseFont,
35
- fontWeights,
36
33
  fontSizes: { [size || fontSize]: pSize },
37
34
  colors: { [variant]: color, text, white },
38
35
  components: {
39
36
  text: {
40
- [type]: {
41
- fontsize,
42
- lineHeight,
43
- fontWeight,
44
- textTransform,
45
- letterSpacing
46
- }
37
+ [type]: { fontsize, lineHeight, textTransform, letterSpacing }
47
38
  }
48
39
  }
49
40
  }
@@ -52,10 +43,7 @@ const textStyle = (type) => () => import_styled_components.css`
52
43
  font-size: ${fontsize || pSize}px;
53
44
  ${letterSpacing ? `letter-spacing: ${letterSpacing}px;` : ""}
54
45
  ${lineHeight ? `line-height: ${lineHeight}px;` : ""}
55
- ${fontWeight ? `font-weight: ${fontWeight};` : ""}
56
- ${light ? `font-weight: ${fontWeights.light};` : ""}
57
46
 
58
- font-family: ${baseFont.family};
59
47
  color: ${variant ? color : text.primary};
60
48
  ${inverted ? `color: ${white};` : ""}
61
49
  ${textTransform ? `text-transform: ${textTransform};` : ""}
package/cjs/Text/textStyle.android.js CHANGED
@@ -43,15 +43,23 @@ const textStyle = (type) => () => import_styled_components.css`
43
43
  fontWeights,
44
44
  components: {
45
45
  text: {
46
- [type]: { fontWeight }
46
+ [type]: { fontFamily, fontWeight }
47
47
  }
48
48
  }
49
49
  }
50
50
  }
51
- }) => `
52
- font-family: ${fontWeight === 400 ? baseFont.family : `${baseFont.family}-${fontWeight}`};
53
-
54
- ${light ? `font-family: ${baseFont.family}-${fontWeights.light};` : ""}
55
- `}
51
+ }) => {
52
+ let finalFontFamily;
53
+ if (fontFamily) {
54
+ finalFontFamily = `${fontFamily}-${fontWeight}`;
55
+ } else {
56
+ finalFontFamily = fontWeight === 400 ? baseFont.family : `${baseFont.family}-${fontWeight}`;
57
+ }
58
+ return import_styled_components.css`
59
+ font-family: '${finalFontFamily}';
60
+
61
+ ${light ? `font-family: ${baseFont.family}-${fontWeights.light};` : ""}
62
+ `;
63
+ }}
56
64
  `;
57
65
  var textStyle_android_default = textStyle;
package/cjs/Text/textStyle.ios.js CHANGED
@@ -35,5 +35,26 @@ var import_styled_components = require("styled-components");
35
35
  var import_sharedTextStyle = __toESM(require("./sharedTextStyle"));
36
36
  const textStyle = (type) => () => import_styled_components.css`
37
37
  ${(0, import_sharedTextStyle.default)(type)};
38
+ ${({
39
+ light,
40
+ theme: {
41
+ yoga: {
42
+ baseFont,
43
+ fontWeights,
44
+ components: {
45
+ text: {
46
+ [type]: { fontFamily, fontWeight }
47
+ }
48
+ }
49
+ }
50
+ }
51
+ }) => {
52
+ const finalFontFamily = fontFamily || baseFont.family;
53
+ return import_styled_components.css`
54
+ font-family: ${finalFontFamily};
55
+ ${fontWeight ? `font-weight: ${fontWeight};` : ""}
56
+ ${light ? `font-weight: ${fontWeights.light};` : ""}
57
+ `;
58
+ }}
38
59
  `;
39
60
  var textStyle_ios_default = textStyle;
package/cjs/Text/textStyle.web.js CHANGED
@@ -35,13 +35,34 @@ var import_styled_components = require("styled-components");
35
35
  var import_sharedTextStyle = __toESM(require("./sharedTextStyle"));
36
36
  const textStyle = (type) => () => import_styled_components.css`
37
37
  ${(0, import_sharedTextStyle.default)(type)};
38
- ${({ numberOfLines }) => `
39
- ${numberOfLines ? `
40
- display: -webkit-box;
41
- -webkit-box-orient: vertical;
42
- -webkit-line-clamp: ${numberOfLines};
43
- overflow: hidden;
44
- ` : ""}
45
- `}
38
+
39
+ ${({
40
+ light,
41
+ numberOfLines,
42
+ theme: {
43
+ yoga: {
44
+ baseFont,
45
+ fontWeights,
46
+ components: {
47
+ text: {
48
+ [type]: { fontFamily, fontWeight }
49
+ }
50
+ }
51
+ }
52
+ }
53
+ }) => {
54
+ return import_styled_components.css`
55
+ ${numberOfLines ? `
56
+ display: -webkit-box;
57
+ -webkit-box-orient: vertical;
58
+ -webkit-line-clamp: ${numberOfLines};
59
+ overflow: hidden;
60
+ ` : ""}
61
+
62
+ font-family: ${fontFamily ? `${fontFamily}, ` : ""}${baseFont.family};
63
+ ${fontWeight ? `font-weight: ${fontWeight};` : ""}
64
+ ${light ? `font-weight: ${fontWeights.light};` : ""}
65
+ `;
66
+ }}
46
67
  `;
47
68
  var textStyle_web_default = textStyle;
package/cjs/Text/web/Text.js CHANGED
@@ -44,6 +44,11 @@ var Text_exports = {};
44
44
  __export(Text_exports, {
45
45
  Black: () => Black,
46
46
  Bold: () => Bold,
47
+ Display1: () => Display1,
48
+ Display2: () => Display2,
49
+ Display3: () => Display3,
50
+ Display4: () => Display4,
51
+ DisplayNumber: () => DisplayNumber,
47
52
  H1: () => H1,
48
53
  H2: () => H2,
49
54
  H3: () => H3,
@@ -101,6 +106,16 @@ const SectionTitle = styledText("sectionTitle");
101
106
  SectionTitle.displayName = "Text.SectionTitle";
102
107
  const SmallestException = styledText("smallestException");
103
108
  SmallestException.displayName = "Text.SmallestException";
109
+ const Display1 = styledText("display1");
110
+ Display1.displayName = "Text.Display1";
111
+ const Display2 = styledText("display2");
112
+ Display2.displayName = "Text.Display2";
113
+ const Display3 = styledText("display3");
114
+ Display3.displayName = "Text.Display3";
115
+ const Display4 = styledText("display4");
116
+ Display4.displayName = "Text.Display4";
117
+ const DisplayNumber = styledText("displayNumber");
118
+ DisplayNumber.displayName = "Text.DisplayNumber";
104
119
  const TextRenderer = styledText("p");
105
120
  const Text = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextRenderer, __spreadValues({}, props));
106
121
  Text.displayName = "Text";
@@ -118,6 +133,11 @@ Text.Bold = Bold;
118
133
  Text.Black = Black;
119
134
  Text.SectionTitle = SectionTitle;
120
135
  Text.SmallestException = SmallestException;
136
+ Text.Display1 = Display1;
137
+ Text.Display2 = Display2;
138
+ Text.Display3 = Display3;
139
+ Text.Display4 = Display4;
140
+ Text.DisplayNumber = DisplayNumber;
121
141
  const fontSizes = (0, import_prop_types.oneOf)([
122
142
  "xxsmall",
123
143
  "xsmall",
@@ -172,6 +192,11 @@ Text.defaultProps = {
172
192
  0 && (module.exports = {
173
193
  Black,
174
194
  Bold,
195
+ Display1,
196
+ Display2,
197
+ Display3,
198
+ Display4,
199
+ DisplayNumber,
175
200
  H1,
176
201
  H2,
177
202
  H3,
package/cjs/Text/web/Text.test.js CHANGED
@@ -31,6 +31,11 @@ describe("<Text />", () => {
31
31
  it("should match snapshot with Text", () => {
32
32
  const { container } = (0, import_react2.render)(
33
33
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
34
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display1, { children: "Live the mission" }),
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display2, { children: "Live the mission" }),
36
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display3, { children: "Live the mission" }),
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Display4, { children: "Live the mission" }),
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.DisplayNumber, { children: "Live the mission" }),
34
39
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H1, { children: "Live the mission" }),
35
40
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H2, { children: "Live the mission" }),
36
41
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H3, { children: "Live the mission" }),
package/cjs/Text/web/index.js CHANGED
@@ -20,6 +20,11 @@ var web_exports = {};
20
20
  __export(web_exports, {
21
21
  Black: () => import_Text.Black,
22
22
  Bold: () => import_Text.Bold,
23
+ Display1: () => import_Text.Display1,
24
+ Display2: () => import_Text.Display2,
25
+ Display3: () => import_Text.Display3,
26
+ Display4: () => import_Text.Display4,
27
+ DisplayNumber: () => import_Text.DisplayNumber,
23
28
  H1: () => import_Text.H1,
24
29
  H2: () => import_Text.H2,
25
30
  H3: () => import_Text.H3,
@@ -40,6 +45,11 @@ var import_Text = require("./Text");
40
45
  0 && (module.exports = {
41
46
  Black,
42
47
  Bold,
48
+ Display1,
49
+ Display2,
50
+ Display3,
51
+ Display4,
52
+ DisplayNumber,
43
53
  H1,
44
54
  H2,
45
55
  H3,
package/esm/Text/Text.theme.js CHANGED
@@ -1,4 +1,34 @@
1
1
  const Text = ({ fontSizes, lineHeights, fontWeights }) => ({
2
+ display1: {
3
+ fontFamily: "NaN Holo Condensed",
4
+ fontsize: fontSizes.xhuge,
5
+ lineHeight: lineHeights.xhuge,
6
+ fontWeight: fontWeights.bold
7
+ },
8
+ display2: {
9
+ fontFamily: "NaN Holo Condensed",
10
+ fontsize: fontSizes.xxxlarge,
11
+ lineHeight: lineHeights.xxlarge,
12
+ fontWeight: fontWeights.bold
13
+ },
14
+ display3: {
15
+ fontFamily: "NaN Holo Condensed",
16
+ fontsize: fontSizes.xxlarge,
17
+ lineHeight: lineHeights.xlarge,
18
+ fontWeight: fontWeights.bold
19
+ },
20
+ display4: {
21
+ fontFamily: "NaN Holo Condensed",
22
+ fontsize: fontSizes.xlarge,
23
+ lineHeight: lineHeights.medium,
24
+ fontWeight: fontWeights.bold
25
+ },
26
+ displayNumber: {
27
+ fontFamily: "NaN Holo Condensed",
28
+ fontsize: fontSizes.xxxlarge,
29
+ lineHeight: lineHeights.xxlarge,
30
+ fontWeight: fontWeights.bold
31
+ },
2
32
  h1: {
3
33
  fontsize: fontSizes.huge,
4
34
  lineHeight: lineHeights.huge,
package/esm/Text/native/Text.js CHANGED
@@ -53,6 +53,16 @@ const SectionTitle = styledText("sectionTitle");
53
53
  SectionTitle.displayName = "Text.SectionTitle";
54
54
  const SmallestException = styledText("smallestException");
55
55
  SmallestException.displayName = "Text.SmallestException";
56
+ const Display1 = styledText("display1");
57
+ Display1.displayName = "Text.Display1";
58
+ const Display2 = styledText("display2");
59
+ Display2.displayName = "Text.Display2";
60
+ const Display3 = styledText("display3");
61
+ Display3.displayName = "Text.Display3";
62
+ const Display4 = styledText("display4");
63
+ Display4.displayName = "Text.Display4";
64
+ const DisplayNumber = styledText("displayNumber");
65
+ DisplayNumber.displayName = "Text.DisplayNumber";
56
66
  const TextRenderer = styledText("p");
57
67
  const Text = (props) => /* @__PURE__ */ jsx(TextRenderer, __spreadValues({}, props));
58
68
  Text.displayName = "Text";
@@ -70,6 +80,11 @@ Text.Bold = Bold;
70
80
  Text.Black = Black;
71
81
  Text.SectionTitle = SectionTitle;
72
82
  Text.SmallestException = SmallestException;
83
+ Text.Display1 = Display1;
84
+ Text.Display2 = Display2;
85
+ Text.Display3 = Display3;
86
+ Text.Display4 = Display4;
87
+ Text.DisplayNumber = DisplayNumber;
73
88
  const fontSizes = oneOf([
74
89
  "xxsmall",
75
90
  "xsmall",
@@ -121,6 +136,11 @@ Text.defaultProps = {
121
136
  export {
122
137
  Black,
123
138
  Bold,
139
+ Display1,
140
+ Display2,
141
+ Display3,
142
+ Display4,
143
+ DisplayNumber,
124
144
  H1,
125
145
  H2,
126
146
  H3,
package/esm/Text/native/Text.test.js CHANGED
@@ -8,6 +8,11 @@ describe("<Text />", () => {
8
8
  it("should match snapshot with Text", () => {
9
9
  const { toJSON } = render(
10
10
  /* @__PURE__ */ jsxs(ThemeProvider, { children: [
11
+ /* @__PURE__ */ jsx(Text.Display1, { children: "Live the mission" }),
12
+ /* @__PURE__ */ jsx(Text.Display2, { children: "Live the mission" }),
13
+ /* @__PURE__ */ jsx(Text.Display3, { children: "Live the mission" }),
14
+ /* @__PURE__ */ jsx(Text.Display4, { children: "Live the mission" }),
15
+ /* @__PURE__ */ jsx(Text.DisplayNumber, { children: "Live the mission" }),
11
16
  /* @__PURE__ */ jsx(Text.H1, { children: "Live the mission" }),
12
17
  /* @__PURE__ */ jsx(Text.H2, { children: "Live the mission" }),
13
18
  /* @__PURE__ */ jsx(Text.H3, { children: "Live the mission" }),
package/esm/Text/native/index.js CHANGED
@@ -13,11 +13,21 @@ import {
13
13
  Bold,
14
14
  Black,
15
15
  SectionTitle,
16
- SmallestException
16
+ SmallestException,
17
+ Display1,
18
+ Display2,
19
+ Display3,
20
+ Display4,
21
+ DisplayNumber
17
22
  } from "./Text";
18
23
  export {
19
24
  Black,
20
25
  Bold,
26
+ Display1,
27
+ Display2,
28
+ Display3,
29
+ Display4,
30
+ DisplayNumber,
21
31
  H1,
22
32
  H2,
23
33
  H3,
package/esm/Text/sharedTextStyle.js CHANGED
@@ -1,26 +1,17 @@
1
1
  import { css } from "styled-components";
2
2
  const textStyle = (type) => () => css`
3
3
  ${({
4
- light,
5
4
  variant,
6
5
  inverted,
7
6
  fontSize = "medium",
8
7
  size = "medium",
9
8
  theme: {
10
9
  yoga: {
11
- baseFont,
12
- fontWeights,
13
10
  fontSizes: { [size || fontSize]: pSize },
14
11
  colors: { [variant]: color, text, white },
15
12
  components: {
16
13
  text: {
17
- [type]: {
18
- fontsize,
19
- lineHeight,
20
- fontWeight,
21
- textTransform,
22
- letterSpacing
23
- }
14
+ [type]: { fontsize, lineHeight, textTransform, letterSpacing }
24
15
  }
25
16
  }
26
17
  }
@@ -29,10 +20,7 @@ const textStyle = (type) => () => css`
29
20
  font-size: ${fontsize || pSize}px;
30
21
  ${letterSpacing ? `letter-spacing: ${letterSpacing}px;` : ""}
31
22
  ${lineHeight ? `line-height: ${lineHeight}px;` : ""}
32
- ${fontWeight ? `font-weight: ${fontWeight};` : ""}
33
- ${light ? `font-weight: ${fontWeights.light};` : ""}
34
23
 
35
- font-family: ${baseFont.family};
36
24
  color: ${variant ? color : text.primary};
37
25
  ${inverted ? `color: ${white};` : ""}
38
26
  ${textTransform ? `text-transform: ${textTransform};` : ""}
package/esm/Text/textStyle.android.js CHANGED
@@ -10,16 +10,24 @@ const textStyle = (type) => () => css`
10
10
  fontWeights,
11
11
  components: {
12
12
  text: {
13
- [type]: { fontWeight }
13
+ [type]: { fontFamily, fontWeight }
14
14
  }
15
15
  }
16
16
  }
17
17
  }
18
- }) => `
19
- font-family: ${fontWeight === 400 ? baseFont.family : `${baseFont.family}-${fontWeight}`};
20
-
21
- ${light ? `font-family: ${baseFont.family}-${fontWeights.light};` : ""}
22
- `}
18
+ }) => {
19
+ let finalFontFamily;
20
+ if (fontFamily) {
21
+ finalFontFamily = `${fontFamily}-${fontWeight}`;
22
+ } else {
23
+ finalFontFamily = fontWeight === 400 ? baseFont.family : `${baseFont.family}-${fontWeight}`;
24
+ }
25
+ return css`
26
+ font-family: '${finalFontFamily}';
27
+
28
+ ${light ? `font-family: ${baseFont.family}-${fontWeights.light};` : ""}
29
+ `;
30
+ }}
23
31
  `;
24
32
  var textStyle_android_default = textStyle;
25
33
  export {
package/esm/Text/textStyle.ios.js CHANGED
@@ -2,6 +2,27 @@ import { css } from "styled-components";
2
2
  import defaultStyle from "./sharedTextStyle";
3
3
  const textStyle = (type) => () => css`
4
4
  ${defaultStyle(type)};
5
+ ${({
6
+ light,
7
+ theme: {
8
+ yoga: {
9
+ baseFont,
10
+ fontWeights,
11
+ components: {
12
+ text: {
13
+ [type]: { fontFamily, fontWeight }
14
+ }
15
+ }
16
+ }
17
+ }
18
+ }) => {
19
+ const finalFontFamily = fontFamily || baseFont.family;
20
+ return css`
21
+ font-family: ${finalFontFamily};
22
+ ${fontWeight ? `font-weight: ${fontWeight};` : ""}
23
+ ${light ? `font-weight: ${fontWeights.light};` : ""}
24
+ `;
25
+ }}
5
26
  `;
6
27
  var textStyle_ios_default = textStyle;
7
28
  export {
package/esm/Text/textStyle.web.js CHANGED
@@ -2,14 +2,35 @@ import { css } from "styled-components";
2
2
  import defaultStyle from "./sharedTextStyle";
3
3
  const textStyle = (type) => () => css`
4
4
  ${defaultStyle(type)};
5
- ${({ numberOfLines }) => `
6
- ${numberOfLines ? `
7
- display: -webkit-box;
8
- -webkit-box-orient: vertical;
9
- -webkit-line-clamp: ${numberOfLines};
10
- overflow: hidden;
11
- ` : ""}
12
- `}
5
+
6
+ ${({
7
+ light,
8
+ numberOfLines,
9
+ theme: {
10
+ yoga: {
11
+ baseFont,
12
+ fontWeights,
13
+ components: {
14
+ text: {
15
+ [type]: { fontFamily, fontWeight }
16
+ }
17
+ }
18
+ }
19
+ }
20
+ }) => {
21
+ return css`
22
+ ${numberOfLines ? `
23
+ display: -webkit-box;
24
+ -webkit-box-orient: vertical;
25
+ -webkit-line-clamp: ${numberOfLines};
26
+ overflow: hidden;
27
+ ` : ""}
28
+
29
+ font-family: ${fontFamily ? `${fontFamily}, ` : ""}${baseFont.family};
30
+ ${fontWeight ? `font-weight: ${fontWeight};` : ""}
31
+ ${light ? `font-weight: ${fontWeights.light};` : ""}
32
+ `;
33
+ }}
13
34
  `;
14
35
  var textStyle_web_default = textStyle;
15
36
  export {
package/esm/Text/web/Text.js CHANGED
@@ -55,6 +55,16 @@ const SectionTitle = styledText("sectionTitle");
55
55
  SectionTitle.displayName = "Text.SectionTitle";
56
56
  const SmallestException = styledText("smallestException");
57
57
  SmallestException.displayName = "Text.SmallestException";
58
+ const Display1 = styledText("display1");
59
+ Display1.displayName = "Text.Display1";
60
+ const Display2 = styledText("display2");
61
+ Display2.displayName = "Text.Display2";
62
+ const Display3 = styledText("display3");
63
+ Display3.displayName = "Text.Display3";
64
+ const Display4 = styledText("display4");
65
+ Display4.displayName = "Text.Display4";
66
+ const DisplayNumber = styledText("displayNumber");
67
+ DisplayNumber.displayName = "Text.DisplayNumber";
58
68
  const TextRenderer = styledText("p");
59
69
  const Text = (props) => /* @__PURE__ */ jsx(TextRenderer, __spreadValues({}, props));
60
70
  Text.displayName = "Text";
@@ -72,6 +82,11 @@ Text.Bold = Bold;
72
82
  Text.Black = Black;
73
83
  Text.SectionTitle = SectionTitle;
74
84
  Text.SmallestException = SmallestException;
85
+ Text.Display1 = Display1;
86
+ Text.Display2 = Display2;
87
+ Text.Display3 = Display3;
88
+ Text.Display4 = Display4;
89
+ Text.DisplayNumber = DisplayNumber;
75
90
  const fontSizes = oneOf([
76
91
  "xxsmall",
77
92
  "xsmall",
@@ -125,6 +140,11 @@ Text.defaultProps = {
125
140
  export {
126
141
  Black,
127
142
  Bold,
143
+ Display1,
144
+ Display2,
145
+ Display3,
146
+ Display4,
147
+ DisplayNumber,
128
148
  H1,
129
149
  H2,
130
150
  H3,
package/esm/Text/web/Text.test.js CHANGED
@@ -8,6 +8,11 @@ describe("<Text />", () => {
8
8
  it("should match snapshot with Text", () => {
9
9
  const { container } = render(
10
10
  /* @__PURE__ */ jsxs(ThemeProvider, { children: [
11
+ /* @__PURE__ */ jsx(Text.Display1, { children: "Live the mission" }),
12
+ /* @__PURE__ */ jsx(Text.Display2, { children: "Live the mission" }),
13
+ /* @__PURE__ */ jsx(Text.Display3, { children: "Live the mission" }),
14
+ /* @__PURE__ */ jsx(Text.Display4, { children: "Live the mission" }),
15
+ /* @__PURE__ */ jsx(Text.DisplayNumber, { children: "Live the mission" }),
11
16
  /* @__PURE__ */ jsx(Text.H1, { children: "Live the mission" }),
12
17
  /* @__PURE__ */ jsx(Text.H2, { children: "Live the mission" }),
13
18
  /* @__PURE__ */ jsx(Text.H3, { children: "Live the mission" }),
package/esm/Text/web/index.js CHANGED
@@ -13,11 +13,21 @@ import {
13
13
  Bold,
14
14
  Black,
15
15
  SectionTitle,
16
- SmallestException
16
+ SmallestException,
17
+ Display1,
18
+ Display2,
19
+ Display3,
20
+ Display4,
21
+ DisplayNumber
17
22
  } from "./Text";
18
23
  export {
19
24
  Black,
20
25
  Bold,
26
+ Display1,
27
+ Display2,
28
+ Display3,
29
+ Display4,
30
+ DisplayNumber,
21
31
  H1,
22
32
  H2,
23
33
  H3,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.99.0",
3
+ "version": "7.100.0",
4
4
  "description": "Gympass component library",
5
5
  "main": "./cjs",
6
6
  "types": "./typings/index.d.ts",
@@ -28,10 +28,10 @@
28
28
  "dependencies": {
29
29
  "@gympass/yoga-common": "^1.3.1",
30
30
  "@gympass/yoga-helpers": "^1.0.4",
31
- "@gympass/yoga-icons": "^1.18.0",
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.3.2",
34
+ "@gympass/yoga-tokens": "^3.4.0",
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": "736f1e5a78546f4fa5c069de56c334c793ed1339",
60
+ "gitHead": "6ea42b6b4020c6de24c8e0a2315e6dc425e7b98c",
61
61
  "module": "./esm",
62
62
  "private": false,
63
63
  "react-native": "./cjs/index.native.js"
package/typings/NavigationMenu/web/Item/styles.d.ts CHANGED
@@ -36,6 +36,11 @@ declare const StyledText: styled_components.StyledComponent<{
36
36
  Black: styled_components.StyledComponent<string, any, {}, never>;
37
37
  SectionTitle: styled_components.StyledComponent<string, any, {}, never>;
38
38
  SmallestException: styled_components.StyledComponent<string, any, {}, never>;
39
+ Display1: styled_components.StyledComponent<string, any, {}, never>;
40
+ Display2: styled_components.StyledComponent<string, any, {}, never>;
41
+ Display3: styled_components.StyledComponent<string, any, {}, never>;
42
+ Display4: styled_components.StyledComponent<string, any, {}, never>;
43
+ DisplayNumber: styled_components.StyledComponent<string, any, {}, never>;
39
44
  propTypes: {
40
45
  inverted: prop_types.Requireable<boolean>;
41
46
  numberOfLines: prop_types.Requireable<number>;
package/typings/Theme/theme/v3theme.d.ts CHANGED
@@ -111,49 +111,50 @@ declare const v3theme: {
111
111
  xxlarge: 32;
112
112
  xxxlarge: 40;
113
113
  huge: 48;
114
+ xhuge: 60;
114
115
  length: number;
115
116
  toString(): string;
116
117
  toLocaleString(): string;
117
- pop(): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | undefined;
118
- push(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]): number;
119
- concat(...items: ConcatArray<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
120
- concat(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | ConcatArray<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>)[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
118
+ pop(): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60 | undefined;
119
+ push(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]): number;
120
+ concat(...items: ConcatArray<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
121
+ concat(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60 | ConcatArray<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>)[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
121
122
  join(separator?: string | undefined): string;
122
- reverse(): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
123
- shift(): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | undefined;
124
- slice(start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
125
- sort(compareFn?: ((a: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, b: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48) => number) | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
126
- splice(start: number, deleteCount?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
127
- splice(start: number, deleteCount: number, ...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
128
- unshift(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]): number;
129
- indexOf(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, fromIndex?: number | undefined): number;
130
- lastIndexOf(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, fromIndex?: number | undefined): number;
131
- every<S_3 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => value is S_3, thisArg?: any): this is S_3[];
132
- every(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): boolean;
133
- some(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): boolean;
134
- forEach(callbackfn: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => void, thisArg?: any): void;
135
- map<U_4>(callbackfn: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => U_4, thisArg?: any): U_4[];
136
- filter<S_4 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => value is S_4, thisArg?: any): S_4[];
137
- filter(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
138
- reduce(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48;
139
- reduce(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, initialValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48;
140
- reduce<U_5>(callbackfn: (previousValue: U_5, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => U_5, initialValue: U_5): U_5;
141
- reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48;
142
- reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, initialValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48;
143
- reduceRight<U_6>(callbackfn: (previousValue: U_6, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => U_6, initialValue: U_6): U_6;
144
- find<S_5 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>(predicate: (this: void, value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => value is S_5, thisArg?: any): S_5 | undefined;
145
- find(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | undefined;
146
- findIndex(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => unknown, thisArg?: any): number;
147
- fill(value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
148
- copyWithin(target: number, start: number, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[];
149
- entries(): IterableIterator<[number, 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48]>;
123
+ reverse(): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
124
+ shift(): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60 | undefined;
125
+ slice(start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
126
+ sort(compareFn?: ((a: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, b: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60) => number) | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
127
+ splice(start: number, deleteCount?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
128
+ splice(start: number, deleteCount: number, ...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
129
+ unshift(...items: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]): number;
130
+ indexOf(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, fromIndex?: number | undefined): number;
131
+ lastIndexOf(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, fromIndex?: number | undefined): number;
132
+ every<S_3 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => value is S_3, thisArg?: any): this is S_3[];
133
+ every(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => unknown, thisArg?: any): boolean;
134
+ some(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => unknown, thisArg?: any): boolean;
135
+ forEach(callbackfn: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => void, thisArg?: any): void;
136
+ map<U_4>(callbackfn: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => U_4, thisArg?: any): U_4[];
137
+ filter<S_4 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => value is S_4, thisArg?: any): S_4[];
138
+ filter(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => unknown, thisArg?: any): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
139
+ reduce(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60;
140
+ reduce(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, initialValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60;
141
+ reduce<U_5>(callbackfn: (previousValue: U_5, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => U_5, initialValue: U_5): U_5;
142
+ reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60;
143
+ reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, initialValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60;
144
+ reduceRight<U_6>(callbackfn: (previousValue: U_6, currentValue: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, currentIndex: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => U_6, initialValue: U_6): U_6;
145
+ find<S_5 extends 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>(predicate: (this: void, value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => value is S_5, thisArg?: any): S_5 | undefined;
146
+ find(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => unknown, thisArg?: any): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60 | undefined;
147
+ findIndex(predicate: (value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, obj: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => unknown, thisArg?: any): number;
148
+ fill(value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
149
+ copyWithin(target: number, start: number, end?: number | undefined): (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[];
150
+ entries(): IterableIterator<[number, 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60]>;
150
151
  keys(): IterableIterator<number>;
151
- values(): IterableIterator<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>;
152
- includes(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, fromIndex?: number | undefined): boolean;
153
- flatMap<U_7, This_1 = undefined>(callback: (this: This_1, value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48)[]) => U_7 | readonly U_7[], thisArg?: This_1 | undefined): U_7[];
152
+ values(): IterableIterator<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>;
153
+ includes(searchElement: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, fromIndex?: number | undefined): boolean;
154
+ flatMap<U_7, This_1 = undefined>(callback: (this: This_1, value: 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60, index: number, array: (20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60)[]) => U_7 | readonly U_7[], thisArg?: This_1 | undefined): U_7[];
154
155
  flat<A_1, D_1 extends number = 1>(this: A_1, depth?: D_1 | undefined): FlatArray<A_1, D_1>[];
155
- at(index: number): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | undefined;
156
- [Symbol.iterator](): IterableIterator<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48>;
156
+ at(index: number): 20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60 | undefined;
157
+ [Symbol.iterator](): IterableIterator<20 | 16 | 24 | 10 | 12 | 14 | 32 | 40 | 48 | 60>;
157
158
  [Symbol.unscopables](): {
158
159
  copyWithin: boolean;
159
160
  entries: boolean;
@@ -236,49 +237,50 @@ declare const v3theme: {
236
237
  xxlarge: 40;
237
238
  xxxlarge: 48;
238
239
  huge: 56;
240
+ xhuge: 60;
239
241
  length: number;
240
242
  toString(): string;
241
243
  toLocaleString(): string;
242
- pop(): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | undefined;
243
- push(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]): number;
244
- concat(...items: ConcatArray<20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
245
- concat(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | ConcatArray<20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>)[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
244
+ pop(): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56 | undefined;
245
+ push(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]): number;
246
+ concat(...items: ConcatArray<20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
247
+ concat(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56 | ConcatArray<20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>)[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
246
248
  join(separator?: string | undefined): string;
247
- reverse(): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
248
- shift(): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | undefined;
249
- slice(start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
250
- sort(compareFn?: ((a: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, b: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56) => number) | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
251
- splice(start: number, deleteCount?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
252
- splice(start: number, deleteCount: number, ...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
253
- unshift(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]): number;
254
- indexOf(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, fromIndex?: number | undefined): number;
255
- lastIndexOf(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, fromIndex?: number | undefined): number;
256
- every<S_9 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => value is S_9, thisArg?: any): this is S_9[];
257
- every(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): boolean;
258
- some(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): boolean;
259
- forEach(callbackfn: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => void, thisArg?: any): void;
260
- map<U_12>(callbackfn: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => U_12, thisArg?: any): U_12[];
261
- filter<S_10 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => value is S_10, thisArg?: any): S_10[];
262
- filter(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
263
- reduce(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56;
264
- reduce(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, initialValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56;
265
- reduce<U_13>(callbackfn: (previousValue: U_13, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => U_13, initialValue: U_13): U_13;
266
- reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56;
267
- reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, initialValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56;
268
- reduceRight<U_14>(callbackfn: (previousValue: U_14, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => U_14, initialValue: U_14): U_14;
269
- find<S_11 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>(predicate: (this: void, value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => value is S_11, thisArg?: any): S_11 | undefined;
270
- find(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | undefined;
271
- findIndex(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => unknown, thisArg?: any): number;
272
- fill(value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
273
- copyWithin(target: number, start: number, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[];
274
- entries(): IterableIterator<[number, 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56]>;
249
+ reverse(): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
250
+ shift(): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56 | undefined;
251
+ slice(start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
252
+ sort(compareFn?: ((a: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, b: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56) => number) | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
253
+ splice(start: number, deleteCount?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
254
+ splice(start: number, deleteCount: number, ...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
255
+ unshift(...items: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]): number;
256
+ indexOf(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, fromIndex?: number | undefined): number;
257
+ lastIndexOf(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, fromIndex?: number | undefined): number;
258
+ every<S_9 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => value is S_9, thisArg?: any): this is S_9[];
259
+ every(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => unknown, thisArg?: any): boolean;
260
+ some(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => unknown, thisArg?: any): boolean;
261
+ forEach(callbackfn: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => void, thisArg?: any): void;
262
+ map<U_12>(callbackfn: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => U_12, thisArg?: any): U_12[];
263
+ filter<S_10 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => value is S_10, thisArg?: any): S_10[];
264
+ filter(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => unknown, thisArg?: any): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
265
+ reduce(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56;
266
+ reduce(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, initialValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56;
267
+ reduce<U_13>(callbackfn: (previousValue: U_13, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => U_13, initialValue: U_13): U_13;
268
+ reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56;
269
+ reduceRight(callbackfn: (previousValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, initialValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56;
270
+ reduceRight<U_14>(callbackfn: (previousValue: U_14, currentValue: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, currentIndex: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => U_14, initialValue: U_14): U_14;
271
+ find<S_11 extends 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>(predicate: (this: void, value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => value is S_11, thisArg?: any): S_11 | undefined;
272
+ find(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => unknown, thisArg?: any): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56 | undefined;
273
+ findIndex(predicate: (value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, obj: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => unknown, thisArg?: any): number;
274
+ fill(value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, start?: number | undefined, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
275
+ copyWithin(target: number, start: number, end?: number | undefined): (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[];
276
+ entries(): IterableIterator<[number, 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56]>;
275
277
  keys(): IterableIterator<number>;
276
- values(): IterableIterator<20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>;
277
- includes(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, fromIndex?: number | undefined): boolean;
278
- flatMap<U_15, This_3 = undefined>(callback: (this: This_3, value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56)[]) => U_15 | readonly U_15[], thisArg?: This_3 | undefined): U_15[];
278
+ values(): IterableIterator<20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>;
279
+ includes(searchElement: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, fromIndex?: number | undefined): boolean;
280
+ flatMap<U_15, This_3 = undefined>(callback: (this: This_3, value: 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56, index: number, array: (20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56)[]) => U_15 | readonly U_15[], thisArg?: This_3 | undefined): U_15[];
279
281
  flat<A_3, D_3 extends number = 1>(this: A_3, depth?: D_3 | undefined): FlatArray<A_3, D_3>[];
280
- at(index: number): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56 | undefined;
281
- [Symbol.iterator](): IterableIterator<20 | 16 | 24 | 12 | 32 | 40 | 48 | 28 | 56>;
282
+ at(index: number): 20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56 | undefined;
283
+ [Symbol.iterator](): IterableIterator<20 | 16 | 24 | 12 | 32 | 40 | 48 | 60 | 28 | 56>;
282
284
  [Symbol.unscopables](): {
283
285
  copyWithin: boolean;
284
286
  entries: boolean;
package/typings/index.d.ts CHANGED
@@ -201,6 +201,11 @@ declare namespace Text {
201
201
  export { Black };
202
202
  export { SectionTitle };
203
203
  export { SmallestException };
204
+ export { Display1 };
205
+ export { Display2 };
206
+ export { Display3 };
207
+ export { Display4 };
208
+ export { DisplayNumber };
204
209
  export namespace propTypes {
205
210
  export { bool as inverted };
206
211
  export { number as numberOfLines };
@@ -234,6 +239,11 @@ declare const Bold: styled_components.StyledComponent<string, any, {}, never>;
234
239
  declare const Black: styled_components.StyledComponent<string, any, {}, never>;
235
240
  declare const SectionTitle: styled_components.StyledComponent<string, any, {}, never>;
236
241
  declare const SmallestException: styled_components.StyledComponent<string, any, {}, never>;
242
+ declare const Display1: styled_components.StyledComponent<string, any, {}, never>;
243
+ declare const Display2: styled_components.StyledComponent<string, any, {}, never>;
244
+ declare const Display3: styled_components.StyledComponent<string, any, {}, never>;
245
+ declare const Display4: styled_components.StyledComponent<string, any, {}, never>;
246
+ declare const DisplayNumber: styled_components.StyledComponent<string, any, {}, never>;
237
247
 
238
248
  declare const fontSizes: prop_types.Requireable<string>;
239
249