@gympass/yoga 7.105.0 → 7.106.1

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 (17) hide show
  1. package/cjs/NavigationMenu/web/BottomItems/BottomItems.js +0 -1
  2. package/cjs/Text/Text.theme.js +74 -35
  3. package/cjs/Text/native/Text.test.js +88 -59
  4. package/cjs/Text/textStyle.android.js +12 -15
  5. package/cjs/Text/textStyle.ios.js +11 -11
  6. package/cjs/Text/textStyle.web.js +11 -10
  7. package/cjs/Text/web/Text.test.js +87 -57
  8. package/cjs/Theme/theme/v3theme.js +158 -1
  9. package/esm/NavigationMenu/web/BottomItems/BottomItems.js +0 -1
  10. package/esm/Text/Text.theme.js +74 -35
  11. package/esm/Text/native/Text.test.js +30 -1
  12. package/esm/Text/textStyle.android.js +12 -15
  13. package/esm/Text/textStyle.ios.js +11 -11
  14. package/esm/Text/textStyle.web.js +11 -10
  15. package/esm/Text/web/Text.test.js +31 -1
  16. package/esm/Theme/theme/v3theme.js +158 -1
  17. package/package.json +2 -2
package/cjs/Text/web/Text.test.js CHANGED
@@ -24,91 +24,121 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_react = __toESM(require("react"));
26
26
  var import_react2 = require("@testing-library/react");
27
- var import__ = require("../..");
28
- var import__2 = require(".");
27
+ var import__ = require(".");
28
+ var import__2 = require("../..");
29
29
  describe("<Text />", () => {
30
30
  describe("Snapshots", () => {
31
31
  it("should match snapshot with Text", () => {
32
32
  const { container } = (0, import_react2.render)(
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" }),
39
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H1, { children: "Live the mission" }),
40
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H2, { children: "Live the mission" }),
41
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H3, { children: "Live the mission" }),
42
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H4, { children: "Live the mission" }),
43
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H5, { children: "Live the mission" }),
44
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Body1, { children: "Live the mission" }),
45
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Body2, { children: "Live the mission" }),
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Caption, { children: "Live the mission" }),
47
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Overline, { children: "Live the mission" }),
48
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.SectionTitle, { children: "Live the mission" }),
49
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.SmallestException, { children: "Live the mission" }),
50
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text, { children: "Live the mission" }),
51
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Small, { children: "Live the mission" }),
52
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Tiny, { children: "Live the mission" }),
53
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Regular, { children: "Live the mission" }),
54
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Medium, { children: "Live the mission" }),
55
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Bold, { children: "Live the mission" }),
56
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Black, { children: "Live the mission" })
33
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.ThemeProvider, { children: [
34
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Display1, { children: "Live the mission" }),
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Display2, { children: "Live the mission" }),
36
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Display3, { children: "Live the mission" }),
37
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Display4, { children: "Live the mission" }),
38
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.DisplayNumber, { children: "Live the mission" }),
39
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H1, { children: "Live the mission" }),
40
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H2, { children: "Live the mission" }),
41
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H3, { children: "Live the mission" }),
42
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H4, { children: "Live the mission" }),
43
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H5, { children: "Live the mission" }),
44
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Body1, { children: "Live the mission" }),
45
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Body2, { children: "Live the mission" }),
46
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Caption, { children: "Live the mission" }),
47
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Overline, { children: "Live the mission" }),
48
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.SectionTitle, { children: "Live the mission" }),
49
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.SmallestException, { children: "Live the mission" }),
50
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text, { children: "Live the mission" }),
51
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Small, { children: "Live the mission" }),
52
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Tiny, { children: "Live the mission" }),
53
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Regular, { children: "Live the mission" }),
54
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Medium, { children: "Live the mission" }),
55
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Bold, { children: "Live the mission" }),
56
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Black, { children: "Live the mission" })
57
+ ] })
58
+ );
59
+ expect(container).toMatchSnapshot();
60
+ });
61
+ it("should match snapshot with Text when v3theme is settled", () => {
62
+ const { container } = (0, import_react2.render)(
63
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.ThemeProvider, { theme: import__2.v3theme, children: [
64
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Display1, { children: "Text Display1" }),
65
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Display2, { children: "Text Display2" }),
66
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Display3, { children: "Text Display3" }),
67
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Display4, { children: "Text Display4" }),
68
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.DisplayNumber, { children: "Text DisplayNumber" }),
69
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H1, { children: "Text H1" }),
70
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H2, { children: "Text H2" }),
71
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H3, { children: "Text H3" }),
72
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H4, { children: "Text H4" }),
73
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H5, { children: "Text H5" }),
74
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Body1, { children: "Text Body1" }),
75
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Body2, { children: "Text Body2" }),
76
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Caption, { children: "Text Caption" }),
77
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Overline, { children: "Text Overline" }),
78
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.SectionTitle, { children: "Text SectionTitle" }),
79
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.SmallestException, { children: "Text SmallestException" }),
80
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text, { children: "Text" }),
81
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Small, { children: "Text Small" }),
82
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Tiny, { children: "Text Tiny" }),
83
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Regular, { children: "Text Regular" }),
84
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Medium, { children: "Text Medium" }),
85
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Bold, { children: "Text Bold" }),
86
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Black, { children: "Text Black" })
57
87
  ] })
58
88
  );
59
89
  expect(container).toMatchSnapshot();
60
90
  });
61
91
  it("should match snapshot with Text variant", () => {
62
92
  const { container } = (0, import_react2.render)(
63
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
64
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H1, { variant: "primary", children: "Live the mission" }),
65
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H2, { variant: "secondary", children: "Live the mission" }),
66
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H3, { variant: "tertiary", children: "Live the mission" })
93
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.ThemeProvider, { children: [
94
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H1, { variant: "primary", children: "Live the mission" }),
95
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H2, { variant: "secondary", children: "Live the mission" }),
96
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H3, { variant: "tertiary", children: "Live the mission" })
67
97
  ] })
68
98
  );
69
99
  expect(container).toMatchSnapshot();
70
100
  });
71
101
  it("should match snapshot with Text light", () => {
72
102
  const { container } = (0, import_react2.render)(
73
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
74
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H1, { light: true, children: "Live the mission" }),
75
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H2, { light: true, children: "Live the mission" }),
76
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H3, { light: true, children: "Live the mission" })
103
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.ThemeProvider, { children: [
104
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H1, { light: true, children: "Live the mission" }),
105
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H2, { light: true, children: "Live the mission" }),
106
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H3, { light: true, children: "Live the mission" })
77
107
  ] })
78
108
  );
79
109
  expect(container).toMatchSnapshot();
80
110
  });
81
111
  it("should match snapshot with Text fontSize", () => {
82
112
  const { container } = (0, import_react2.render)(
83
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
84
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Small, { fontSize: "xsmall", children: "Live the small mission" }),
85
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Tiny, { fontSize: "medium", children: "Live the medium mission" }),
86
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Regular, { fontSize: "xlarge", children: "Live the xlarge mission" }),
87
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Medium, { fontSize: "xxxlarge", children: "Live the xxxlarge mission" })
113
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.ThemeProvider, { children: [
114
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Small, { fontSize: "xsmall", children: "Live the small mission" }),
115
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Tiny, { fontSize: "medium", children: "Live the medium mission" }),
116
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Regular, { fontSize: "xlarge", children: "Live the xlarge mission" }),
117
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Medium, { fontSize: "xxxlarge", children: "Live the xxxlarge mission" })
88
118
  ] })
89
119
  );
90
120
  expect(container).toMatchSnapshot();
91
121
  });
92
122
  it("should match snapshot with Text size", () => {
93
123
  const { container } = (0, import_react2.render)(
94
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
95
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Small, { size: "xsmall", children: "Live the small mission" }),
96
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Tiny, { size: "medium", children: "Live the medium mission" }),
97
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Regular, { size: "xlarge", children: "Live the xlarge mission" }),
98
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.Medium, { size: "xxxlarge", children: "Live the xxxlarge mission" })
124
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.ThemeProvider, { children: [
125
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Small, { size: "xsmall", children: "Live the small mission" }),
126
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Tiny, { size: "medium", children: "Live the medium mission" }),
127
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Regular, { size: "xlarge", children: "Live the xlarge mission" }),
128
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.Medium, { size: "xxxlarge", children: "Live the xxxlarge mission" })
99
129
  ] })
100
130
  );
101
131
  expect(container).toMatchSnapshot();
102
132
  });
103
133
  it("should match snapshot with inverted Text", () => {
104
134
  const { container } = (0, import_react2.render)(
105
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text, { inverted: true, children: "Live the mission" }) })
135
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text, { inverted: true, children: "Live the mission" }) })
106
136
  );
107
137
  expect(container).toMatchSnapshot();
108
138
  });
109
139
  it("should match snapshot with truncated lines Text", () => {
110
140
  const { container } = (0, import_react2.render)(
111
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.Text, { numberOfLines: 1, children: [
141
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.Text, { numberOfLines: 1, children: [
112
142
  "Live the mission",
113
143
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
114
144
  "even in one line"
@@ -118,32 +148,32 @@ describe("<Text />", () => {
118
148
  });
119
149
  it("should match snapshot with border prop system", () => {
120
150
  const { container } = (0, import_react2.render)(
121
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text, { border: "small", bRadius: "small", children: "Live the mission" }) })
151
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text, { border: "small", bRadius: "small", children: "Live the mission" }) })
122
152
  );
123
153
  expect(container).toMatchSnapshot();
124
154
  });
125
155
  it("should match snapshot with background color prop system", () => {
126
156
  const { container } = (0, import_react2.render)(
127
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text, { backgroundColor: "vibin", children: "Live the mission" }) })
157
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text, { backgroundColor: "vibin", children: "Live the mission" }) })
128
158
  );
129
159
  expect(container).toMatchSnapshot();
130
160
  });
131
161
  it("should match snapshot with elevation prop system", () => {
132
162
  const { container } = (0, import_react2.render)(
133
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text, { elevation: "medium", children: "Live the mission" }) })
163
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text, { elevation: "medium", children: "Live the mission" }) })
134
164
  );
135
165
  expect(container).toMatchSnapshot();
136
166
  });
137
167
  it("should match snapshot with spacing prop system", () => {
138
168
  const { container } = (0, import_react2.render)(
139
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text, { m: "medium", paddingVertical: "large", paddingHorizontal: "small", children: "Live the mission" }) })
169
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text, { m: "medium", paddingVertical: "large", paddingHorizontal: "small", children: "Live the mission" }) })
140
170
  );
141
171
  expect(container).toMatchSnapshot();
142
172
  });
143
173
  it("should match snapshot with typography prop system", () => {
144
174
  const { container } = (0, import_react2.render)(
145
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
146
- import__2.Text,
175
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
176
+ import__.Text,
147
177
  {
148
178
  color: "text.primary",
149
179
  fontSize: "small",
@@ -157,31 +187,31 @@ describe("<Text />", () => {
157
187
  });
158
188
  it("should match snapshot with display prop system", () => {
159
189
  const { container } = (0, import_react2.render)(
160
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text, { display: "inline-flex", children: "Live the mission" }) })
190
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text, { display: "inline-flex", children: "Live the mission" }) })
161
191
  );
162
192
  expect(container).toMatchSnapshot();
163
193
  });
164
194
  it("should match snapshot with position prop system", () => {
165
195
  const { container } = (0, import_react2.render)(
166
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text, { position: "fixed", top: "small", left: "small", children: "Live the mission" }) })
196
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text, { position: "fixed", top: "small", left: "small", children: "Live the mission" }) })
167
197
  );
168
198
  expect(container).toMatchSnapshot();
169
199
  });
170
200
  it("should match snapshot with flexes prop system", () => {
171
201
  const { container } = (0, import_react2.render)(
172
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text, { display: "flex", flexGrow: 1, children: "Live the mission" }) })
202
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text, { display: "flex", flexGrow: 1, children: "Live the mission" }) })
173
203
  );
174
204
  expect(container).toMatchSnapshot();
175
205
  });
176
206
  it("should match snapshot with overflows prop system", () => {
177
207
  const { container } = (0, import_react2.render)(
178
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text, { overflow: "scroll", children: "Live the mission" }) })
208
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text, { overflow: "scroll", children: "Live the mission" }) })
179
209
  );
180
210
  expect(container).toMatchSnapshot();
181
211
  });
182
212
  it("should match snapshot with Text bold", () => {
183
213
  const { container } = (0, import_react2.render)(
184
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.Text.H1, { bold: true, children: "Live the mission" }) })
214
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Text.H1, { bold: true, children: "Live the mission" }) })
185
215
  );
186
216
  expect(container).toMatchSnapshot();
187
217
  });
package/cjs/Theme/theme/v3theme.js CHANGED
@@ -82,7 +82,164 @@ const v3theme = (0, import_themeGenerator.default)((tokens) => ({
82
82
  backgroundAndDisabled: tokens.colors.clearNew
83
83
  }
84
84
  },
85
- baseFont: tokens.fonts.inter
85
+ baseFont: tokens.fonts.inter,
86
+ components: {
87
+ text: {
88
+ display1: {
89
+ fontFamily: "NaN Holo Condensed",
90
+ fontsize: tokens.fontSizes.xhuge,
91
+ fontWeight: tokens.fontWeights.bold,
92
+ lineHeight: tokens.lineHeights.xhuge
93
+ },
94
+ display2: {
95
+ fontFamily: "NaN Holo Condensed",
96
+ fontsize: tokens.fontSizes.xxxlarge,
97
+ fontWeight: tokens.fontWeights.bold,
98
+ lineHeight: tokens.lineHeights.xxlarge
99
+ },
100
+ display3: {
101
+ fontFamily: "NaN Holo Condensed",
102
+ fontsize: tokens.fontSizes.xxlarge,
103
+ fontWeight: tokens.fontWeights.bold,
104
+ lineHeight: tokens.lineHeights.xlarge
105
+ },
106
+ display4: {
107
+ fontFamily: "NaN Holo Condensed",
108
+ fontsize: tokens.fontSizes.xlarge,
109
+ fontWeight: tokens.fontWeights.bold,
110
+ lineHeight: tokens.lineHeights.medium
111
+ },
112
+ displayNumber: {
113
+ fontFamily: "NaN Holo Condensed",
114
+ fontsize: tokens.fontSizes.xxxlarge,
115
+ fontWeight: tokens.fontWeights.bold,
116
+ lineHeight: tokens.lineHeights.xxlarge
117
+ },
118
+ h1: {
119
+ fontsize: tokens.fontSizes.huge,
120
+ fontWeight: tokens.fontWeights.medium,
121
+ lineHeight: tokens.lineHeights.huge
122
+ },
123
+ "h1-light": null,
124
+ "h1-bold": {
125
+ fontWeight: tokens.fontWeights.bold
126
+ },
127
+ h2: {
128
+ fontsize: tokens.fontSizes.xxxlarge,
129
+ fontWeight: tokens.fontWeights.medium,
130
+ lineHeight: tokens.lineHeights.xxxlarge
131
+ },
132
+ "h2-light": null,
133
+ "h2-bold": {
134
+ fontWeight: tokens.fontWeights.bold
135
+ },
136
+ h3: {
137
+ fontsize: tokens.fontSizes.xxlarge,
138
+ lineHeight: tokens.lineHeights.xxlarge,
139
+ fontWeight: tokens.fontWeights.medium
140
+ },
141
+ "h3-light": null,
142
+ "h3-bold": {
143
+ fontWeight: tokens.fontWeights.bold
144
+ },
145
+ h4: {
146
+ fontsize: tokens.fontSizes.xlarge,
147
+ fontWeight: tokens.fontWeights.medium,
148
+ lineHeight: tokens.lineHeights.xlarge
149
+ },
150
+ "h4-light": null,
151
+ "h4-bold": {
152
+ fontWeight: tokens.fontWeights.bold
153
+ },
154
+ h5: {
155
+ fontsize: tokens.fontSizes.large,
156
+ fontWeight: tokens.fontWeights.medium,
157
+ lineHeight: tokens.lineHeights.large
158
+ },
159
+ "h5-light": null,
160
+ "h5-bold": {
161
+ fontWeight: tokens.fontWeights.bold
162
+ },
163
+ body1: {
164
+ fontsize: tokens.fontSizes.medium,
165
+ fontWeight: tokens.fontWeights.medium,
166
+ lineHeight: tokens.lineHeights.medium
167
+ },
168
+ "body1-bold": {
169
+ fontWeight: tokens.fontWeights.bold
170
+ },
171
+ body2: {
172
+ fontsize: tokens.fontSizes.small,
173
+ fontWeight: tokens.fontWeights.medium,
174
+ lineHeight: tokens.lineHeights.small
175
+ },
176
+ "body2-bold": {
177
+ fontWeight: tokens.fontWeights.bold
178
+ },
179
+ caption: {
180
+ fontsize: tokens.fontSizes.xsmall,
181
+ fontWeight: tokens.fontWeights.regular,
182
+ lineHeight: tokens.lineHeights.xsmall
183
+ },
184
+ overline: {
185
+ fontsize: tokens.fontSizes.xsmall,
186
+ fontWeight: tokens.fontWeights.bold,
187
+ lineHeight: tokens.lineHeights.xsmall
188
+ },
189
+ sectionTitle: {
190
+ fontsize: tokens.fontSizes.xsmall,
191
+ fontWeight: tokens.fontWeights.medium,
192
+ lineHeight: tokens.lineHeights.xsmall,
193
+ letterSpacing: 1,
194
+ textTransform: "uppercase"
195
+ },
196
+ smallestException: {
197
+ fontsize: tokens.fontSizes.xxsmall,
198
+ fontWeight: tokens.fontWeights.regular,
199
+ lineHeight: tokens.lineHeights.xxsmall
200
+ },
201
+ // deprecated, please don't use
202
+ p: {
203
+ fontsize: tokens.fontSizes.medium,
204
+ fontWeight: tokens.fontWeights.medium,
205
+ lineHeight: tokens.lineHeights.medium
206
+ },
207
+ "p-light": null,
208
+ "p-bold": {
209
+ fontWeight: tokens.fontWeights.bold
210
+ },
211
+ small: {
212
+ fontsize: tokens.fontSizes.small,
213
+ fontWeight: tokens.fontWeights.medium,
214
+ lineHeight: tokens.lineHeights.small
215
+ },
216
+ "small-light": null,
217
+ "small-bold": {
218
+ fontWeight: tokens.fontWeights.bold
219
+ },
220
+ tiny: {
221
+ fontsize: tokens.fontSizes.xsmall,
222
+ fontWeight: tokens.fontWeights.regular,
223
+ lineHeight: tokens.lineHeights.xsmall
224
+ },
225
+ "tiny-light": null,
226
+ light: {
227
+ fontWeight: tokens.fontWeights.light
228
+ },
229
+ regular: {
230
+ fontWeight: tokens.fontWeights.regular
231
+ },
232
+ medium: {
233
+ fontWeight: tokens.fontWeights.medium
234
+ },
235
+ bold: {
236
+ fontWeight: tokens.fontWeights.bold
237
+ },
238
+ black: {
239
+ fontWeight: tokens.fontWeights.black
240
+ }
241
+ }
242
+ }
86
243
  }));
87
244
  // Annotate the CommonJS export names for ESM import in node:
88
245
  0 && (module.exports = {
package/esm/NavigationMenu/web/BottomItems/BottomItems.js CHANGED
@@ -48,7 +48,6 @@ const StyledItems = styled.ul`
48
48
  }
49
49
  }
50
50
  }) => css`
51
- position: absolute;
52
51
  bottom: 0;
53
52
  display: grid;
54
53
  grid-auto-columns: minmax(0, 1fr);
package/esm/Text/Text.theme.js CHANGED
@@ -2,105 +2,144 @@ const Text = ({ fontSizes, lineHeights, fontWeights }) => ({
2
2
  display1: {
3
3
  fontFamily: "NaN Holo Condensed",
4
4
  fontsize: fontSizes.xhuge,
5
- lineHeight: lineHeights.xhuge,
6
- fontWeight: fontWeights.bold
5
+ fontWeight: fontWeights.bold,
6
+ lineHeight: lineHeights.xhuge
7
7
  },
8
8
  display2: {
9
9
  fontFamily: "NaN Holo Condensed",
10
10
  fontsize: fontSizes.xxxlarge,
11
- lineHeight: lineHeights.xxlarge,
12
- fontWeight: fontWeights.bold
11
+ fontWeight: fontWeights.bold,
12
+ lineHeight: lineHeights.xxlarge
13
13
  },
14
14
  display3: {
15
15
  fontFamily: "NaN Holo Condensed",
16
16
  fontsize: fontSizes.xxlarge,
17
- lineHeight: lineHeights.xlarge,
18
- fontWeight: fontWeights.bold
17
+ fontWeight: fontWeights.bold,
18
+ lineHeight: lineHeights.xlarge
19
19
  },
20
20
  display4: {
21
21
  fontFamily: "NaN Holo Condensed",
22
22
  fontsize: fontSizes.xlarge,
23
- lineHeight: lineHeights.medium,
24
- fontWeight: fontWeights.bold
23
+ fontWeight: fontWeights.bold,
24
+ lineHeight: lineHeights.medium
25
25
  },
26
26
  displayNumber: {
27
27
  fontFamily: "NaN Holo Condensed",
28
28
  fontsize: fontSizes.xxxlarge,
29
- lineHeight: lineHeights.xxlarge,
30
- fontWeight: fontWeights.bold
29
+ fontWeight: fontWeights.bold,
30
+ lineHeight: lineHeights.xxlarge
31
31
  },
32
32
  h1: {
33
33
  fontsize: fontSizes.huge,
34
- lineHeight: lineHeights.huge,
35
- fontWeight: fontWeights.medium
34
+ fontWeight: fontWeights.medium,
35
+ lineHeight: lineHeights.huge
36
+ },
37
+ "h1-light": {
38
+ fontWeight: fontWeights.light
36
39
  },
37
40
  h2: {
38
41
  fontsize: fontSizes.xxxlarge,
39
- lineHeight: lineHeights.xxxlarge,
40
- fontWeight: fontWeights.medium
42
+ fontWeight: fontWeights.medium,
43
+ lineHeight: lineHeights.xxxlarge
44
+ },
45
+ "h2-light": {
46
+ fontWeight: fontWeights.light
41
47
  },
42
48
  h3: {
43
49
  fontsize: fontSizes.xxlarge,
44
- lineHeight: lineHeights.xxlarge,
45
- fontWeight: fontWeights.medium
50
+ fontWeight: fontWeights.medium,
51
+ lineHeight: lineHeights.xxlarge
52
+ },
53
+ "h3-light": {
54
+ fontWeight: fontWeights.light
46
55
  },
47
56
  h4: {
48
57
  fontsize: fontSizes.xlarge,
49
- lineHeight: lineHeights.xlarge,
50
- fontWeight: fontWeights.medium
58
+ fontWeight: fontWeights.medium,
59
+ lineHeight: lineHeights.xlarge
60
+ },
61
+ "h4-light": {
62
+ fontWeight: fontWeights.light
51
63
  },
52
64
  h5: {
53
65
  fontsize: fontSizes.large,
54
- lineHeight: lineHeights.large,
55
- fontWeight: fontWeights.medium
66
+ fontWeight: fontWeights.medium,
67
+ lineHeight: lineHeights.large
68
+ },
69
+ "h5-light": {
70
+ fontWeight: fontWeights.light
56
71
  },
57
72
  body1: {
58
73
  fontsize: fontSizes.medium,
59
- lineHeight: lineHeights.medium,
74
+ fontWeight: fontWeights.regular,
75
+ lineHeight: lineHeights.medium
76
+ },
77
+ "body1-bold": {
60
78
  fontWeight: fontWeights.medium
61
79
  },
62
80
  body2: {
63
81
  fontsize: fontSizes.small,
64
- lineHeight: lineHeights.small,
82
+ fontWeight: fontWeights.regular,
83
+ lineHeight: lineHeights.small
84
+ },
85
+ "body2-bold": {
65
86
  fontWeight: fontWeights.medium
66
87
  },
67
88
  caption: {
68
89
  fontsize: fontSizes.xsmall,
69
- lineHeight: lineHeights.xsmall,
70
- fontWeight: fontWeights.regular
90
+ fontWeight: fontWeights.regular,
91
+ lineHeight: lineHeights.xsmall
71
92
  },
72
93
  overline: {
73
94
  fontsize: fontSizes.xsmall,
74
- lineHeight: lineHeights.xsmall,
75
- fontWeight: fontWeights.bold
95
+ fontWeight: fontWeights.medium,
96
+ lineHeight: lineHeights.xsmall
76
97
  },
77
98
  sectionTitle: {
78
99
  fontsize: fontSizes.xsmall,
79
- lineHeight: lineHeights.xsmall,
80
100
  fontWeight: fontWeights.medium,
101
+ lineHeight: lineHeights.xsmall,
81
102
  letterSpacing: 1,
82
103
  textTransform: "uppercase"
83
104
  },
84
105
  smallestException: {
85
106
  fontsize: fontSizes.xxsmall,
86
- lineHeight: lineHeights.xxsmall,
87
- fontWeight: fontWeights.regular
107
+ fontWeight: fontWeights.regular,
108
+ lineHeight: lineHeights.xxsmall
88
109
  },
89
110
  // deprecated, please don't use
90
111
  p: {
91
112
  fontsize: fontSizes.medium,
92
- lineHeight: lineHeights.medium,
93
- fontWeight: fontWeights.regular
113
+ fontWeight: fontWeights.regular,
114
+ lineHeight: lineHeights.medium
115
+ },
116
+ "p-light": {
117
+ fontWeight: fontWeights.light
118
+ },
119
+ "p-bold": {
120
+ fontWeight: fontWeights.medium
94
121
  },
95
122
  small: {
96
123
  fontsize: fontSizes.small,
97
- lineHeight: lineHeights.small,
98
- fontWeight: fontWeights.regular
124
+ fontWeight: fontWeights.regular,
125
+ lineHeight: lineHeights.small
126
+ },
127
+ "small-light": {
128
+ fontWeight: fontWeights.light
129
+ },
130
+ "small-bold": {
131
+ fontWeight: fontWeights.medium
99
132
  },
100
133
  tiny: {
101
134
  fontsize: fontSizes.xsmall,
102
- lineHeight: lineHeights.xsmall,
103
- fontWeight: fontWeights.regular
135
+ fontWeight: fontWeights.regular,
136
+ lineHeight: lineHeights.xsmall
137
+ },
138
+ "tiny-light": {
139
+ fontWeight: fontWeights.light
140
+ },
141
+ "tiny-bold": {
142
+ fontWeight: fontWeights.medium
104
143
  },
105
144
  light: {
106
145
  fontWeight: fontWeights.light
package/esm/Text/native/Text.test.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import React from "react";
3
3
  import { render } from "@testing-library/react-native";
4
- import { ThemeProvider } from "../..";
5
4
  import { Text } from ".";
5
+ import { ThemeProvider } from "../..";
6
6
  describe("<Text />", () => {
7
7
  describe("Snapshots", () => {
8
8
  it("should match snapshot with Text", () => {
@@ -34,6 +34,35 @@ describe("<Text />", () => {
34
34
  );
35
35
  expect(toJSON()).toMatchSnapshot();
36
36
  });
37
+ it("should match snapshot with Text when v3Theme is settled", () => {
38
+ const { toJSON } = render(
39
+ /* @__PURE__ */ jsxs(ThemeProvider, { children: [
40
+ /* @__PURE__ */ jsx(Text.Display1, { children: "Text Display1" }),
41
+ /* @__PURE__ */ jsx(Text.Display2, { children: "Text Display2" }),
42
+ /* @__PURE__ */ jsx(Text.Display3, { children: "Text Display3" }),
43
+ /* @__PURE__ */ jsx(Text.Display4, { children: "Text Display4" }),
44
+ /* @__PURE__ */ jsx(Text.DisplayNumber, { children: "Text DisplayNumber" }),
45
+ /* @__PURE__ */ jsx(Text.H1, { children: "Text H1" }),
46
+ /* @__PURE__ */ jsx(Text.H2, { children: "Text H2" }),
47
+ /* @__PURE__ */ jsx(Text.H3, { children: "Text H3" }),
48
+ /* @__PURE__ */ jsx(Text.H4, { children: "Text H4" }),
49
+ /* @__PURE__ */ jsx(Text.Body1, { children: "Text Body1" }),
50
+ /* @__PURE__ */ jsx(Text.Body2, { children: "Text Body2" }),
51
+ /* @__PURE__ */ jsx(Text.Caption, { children: "Text Caption" }),
52
+ /* @__PURE__ */ jsx(Text.Overline, { children: "Text Overline" }),
53
+ /* @__PURE__ */ jsx(Text.SectionTitle, { children: "Text SectionTitle" }),
54
+ /* @__PURE__ */ jsx(Text.SmallestException, { children: "Text SmallestException" }),
55
+ /* @__PURE__ */ jsx(Text, { children: "Text" }),
56
+ /* @__PURE__ */ jsx(Text.Small, { children: "Text Small" }),
57
+ /* @__PURE__ */ jsx(Text.Tiny, { children: "Text Tiny" }),
58
+ /* @__PURE__ */ jsx(Text.Regular, { children: "Text Regular" }),
59
+ /* @__PURE__ */ jsx(Text.Medium, { children: "Text Medium" }),
60
+ /* @__PURE__ */ jsx(Text.Bold, { children: "Text Bold" }),
61
+ /* @__PURE__ */ jsx(Text.Black, { children: "Text Black" })
62
+ ] })
63
+ );
64
+ expect(toJSON()).toMatchSnapshot();
65
+ });
37
66
  it("should match snapshot with Text variant", () => {
38
67
  const { toJSON } = render(
39
68
  /* @__PURE__ */ jsxs(ThemeProvider, { children: [