@fxlt/common-ui 0.0.4-beta2 → 0.0.4-rc2

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 (19) hide show
  1. package/BeVietnamPro/BeVietnamPro-Bold.ttf +0 -0
  2. package/BeVietnamPro/BeVietnamPro-ExtraLight.ttf +0 -0
  3. package/BeVietnamPro/BeVietnamPro-Light.ttf +0 -0
  4. package/BeVietnamPro/BeVietnamPro-Medium.ttf +0 -0
  5. package/BeVietnamPro/BeVietnamPro-SemiBold.ttf +0 -0
  6. package/BeVietnamPro/BeVietnamPro-Thin.ttf +0 -0
  7. package/components.css +3 -3
  8. package/fesm2022/fxlt-common-ui.mjs +6 -6
  9. package/fesm2022/fxlt-common-ui.mjs.map +1 -1
  10. package/fonts.css +45 -3
  11. package/package.json +1 -1
  12. package/src/lib/styles/components.css +3 -3
  13. package/src/lib/styles/fonts.css +45 -3
  14. package/src/lib/styles/tailwind.css +1 -1
  15. package/src/lib/styles/theme.css +1 -1
  16. package/tailwind.config.js +10 -0
  17. package/tailwind.css +1 -1
  18. package/theme.css +1 -1
  19. /package/{BeVietnamPro-Regular.ttf → BeVietnamPro/BeVietnamPro-Regular.ttf} +0 -0
package/fonts.css CHANGED
@@ -1,7 +1,49 @@
1
1
  @font-face {
2
- font-family: 'BeVietnamProRegular';
3
- src: url('./BeVietnamPro-Regular.ttf') format('truetype');
4
- font-weight: normal;
2
+ font-family: 'BeVietnamPro';
3
+ src: url('./BeVietnamPro/BeVietnamPro-Thin.ttf') format('truetype');
4
+ font-weight: 100;
5
+ font-style: normal;
6
+ }
7
+
8
+ @font-face {
9
+ font-family: 'BeVietnamPro';
10
+ src: url('./BeVietnamPro/BeVietnamPro-ExtraLight.ttf') format('truetype');
11
+ font-weight: 200;
12
+ font-style: normal;
13
+ }
14
+
15
+ @font-face {
16
+ font-family: 'BeVietnamPro';
17
+ src: url('./BeVietnamPro/BeVietnamPro-Light.ttf') format('truetype');
18
+ font-weight: 300;
19
+ font-style: normal;
20
+ }
21
+
22
+ @font-face {
23
+ font-family: 'BeVietnamPro';
24
+ src: url('./BeVietnamPro/BeVietnamPro-Regular.ttf') format('truetype');
25
+ font-weight: 400;
26
+ font-style: normal;
27
+ }
28
+
29
+ @font-face {
30
+ font-family: 'BeVietnamPro';
31
+ src: url('./BeVietnamPro/BeVietnamPro-Medium.ttf') format('truetype');
32
+ font-weight: 500;
33
+ font-style: normal;
34
+ }
35
+
36
+ @font-face {
37
+ font-family: 'BeVietnamPro';
38
+ src: url('./BeVietnamPro/BeVietnamPro-SemiBold.ttf') format('truetype');
39
+ font-weight: 600;
40
+ font-style: normal;
41
+ }
42
+
43
+ @font-face {
44
+ font-family: 'BeVietnamPro';
45
+ src: url('./BeVietnamPro/BeVietnamPro-Bold.ttf') format('truetype');
46
+ font-weight: 700;
5
47
  font-style: normal;
6
48
  }
7
49
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fxlt/common-ui",
3
- "version": "0.0.4-beta2",
3
+ "version": "0.0.4-rc2",
4
4
  "license": "MIT",
5
5
  "main": "bundles/ui.umd.js",
6
6
  "module": "fesm2022/fxlt-common-ui.mjs",
package/src/lib/styles/components.css CHANGED
@@ -167,13 +167,13 @@ input[type='password'] {
167
167
 
168
168
  /* system style */
169
169
  .txt-heading-03 {
170
- @apply font-semibold text-2xl tracking-normal leading-10 text-text-primary;
170
+ @apply font-semibold text-3xl tracking-normal leading-10 text-text-primary;
171
171
  }
172
172
  .txt-heading-04 {
173
- @apply font-semibold text-xl tracking-normal leading-7 text-text-primary;
173
+ @apply font-semibold text-2xl tracking-normal leading-9 text-text-primary;
174
174
  }
175
175
  .txt-heading-05 {
176
- @apply font-semibold text-lg tracking-normal leading-7 text-text-primary;
176
+ @apply font-semibold text-xl tracking-normal leading-7 text-text-primary;
177
177
  }
178
178
  .txt-heading-06 {
179
179
  @apply font-semibold text-base tracking-normal leading-6 text-text-primary;
package/src/lib/styles/fonts.css CHANGED
@@ -1,7 +1,49 @@
1
1
  @font-face {
2
- font-family: 'BeVietnamProRegular';
3
- src: url('./BeVietnamPro-Regular.ttf') format('truetype');
4
- font-weight: normal;
2
+ font-family: 'BeVietnamPro';
3
+ src: url('./BeVietnamPro/BeVietnamPro-Thin.ttf') format('truetype');
4
+ font-weight: 100;
5
+ font-style: normal;
6
+ }
7
+
8
+ @font-face {
9
+ font-family: 'BeVietnamPro';
10
+ src: url('./BeVietnamPro/BeVietnamPro-ExtraLight.ttf') format('truetype');
11
+ font-weight: 200;
12
+ font-style: normal;
13
+ }
14
+
15
+ @font-face {
16
+ font-family: 'BeVietnamPro';
17
+ src: url('./BeVietnamPro/BeVietnamPro-Light.ttf') format('truetype');
18
+ font-weight: 300;
19
+ font-style: normal;
20
+ }
21
+
22
+ @font-face {
23
+ font-family: 'BeVietnamPro';
24
+ src: url('./BeVietnamPro/BeVietnamPro-Regular.ttf') format('truetype');
25
+ font-weight: 400;
26
+ font-style: normal;
27
+ }
28
+
29
+ @font-face {
30
+ font-family: 'BeVietnamPro';
31
+ src: url('./BeVietnamPro/BeVietnamPro-Medium.ttf') format('truetype');
32
+ font-weight: 500;
33
+ font-style: normal;
34
+ }
35
+
36
+ @font-face {
37
+ font-family: 'BeVietnamPro';
38
+ src: url('./BeVietnamPro/BeVietnamPro-SemiBold.ttf') format('truetype');
39
+ font-weight: 600;
40
+ font-style: normal;
41
+ }
42
+
43
+ @font-face {
44
+ font-family: 'BeVietnamPro';
45
+ src: url('./BeVietnamPro/BeVietnamPro-Bold.ttf') format('truetype');
46
+ font-weight: 700;
5
47
  font-style: normal;
6
48
  }
7
49
 
package/src/lib/styles/tailwind.css CHANGED
@@ -9,7 +9,7 @@
9
9
  @tailwind utilities;
10
10
 
11
11
  html, body {
12
- font-family: 'BeVietnamProRegular';
12
+ font-family: 'BeVietnamPro';
13
13
  margin: 0;
14
14
  padding: 0;
15
15
  height: 100%;
package/src/lib/styles/theme.css CHANGED
@@ -7,7 +7,7 @@
7
7
  --danger: 249 133 7;
8
8
  --discovery: 119 113 227;
9
9
  --information: 62 175 240;
10
- --text-primary: 12 14 18;
10
+ --text-primary: 36 45 66;
11
11
  --text-secondary: 97 101 108;
12
12
  --border-default: 236 236 236;
13
13
  --text-placeholder:148 151 156;
package/tailwind.config.js CHANGED
@@ -62,6 +62,16 @@ module.exports = {
62
62
  },
63
63
  fontFamily:{
64
64
  spmono: ['SpaceMonoRegular', 'monospace'],
65
+ },
66
+ fontSize: {
67
+ xs: '0.75rem',
68
+ sm: '0.875rem',
69
+ base: '1rem',
70
+ xl: '1.25rem',
71
+ '2xl': '1.625rem',
72
+ '3xl': '2rem',
73
+ '4xl': '2.25rem',
74
+ '5xl': '3rem',
65
75
  }
66
76
  },
67
77
  },
package/tailwind.css CHANGED
@@ -9,7 +9,7 @@
9
9
  @tailwind utilities;
10
10
 
11
11
  html, body {
12
- font-family: 'BeVietnamProRegular';
12
+ font-family: 'BeVietnamPro';
13
13
  margin: 0;
14
14
  padding: 0;
15
15
  height: 100%;
package/theme.css CHANGED
@@ -7,7 +7,7 @@
7
7
  --danger: 249 133 7;
8
8
  --discovery: 119 113 227;
9
9
  --information: 62 175 240;
10
- --text-primary: 12 14 18;
10
+ --text-primary: 36 45 66;
11
11
  --text-secondary: 97 101 108;
12
12
  --border-default: 236 236 236;
13
13
  --text-placeholder:148 151 156;