beem-component 2.1.7 → 2.1.9

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 (42) hide show
  1. package/dist/components/BmCustomCardTitle/CustomCardTitle.js +17 -17
  2. package/dist/components/DepartmentCard/DepartmentCard.js +99 -0
  3. package/dist/components/DepartmentCard/DepartmentCard.stories.js +53 -0
  4. package/dist/components/InfoPanel/InfoPanel.js +1 -1
  5. package/dist/components/ResourceCard/ResourceCard.js +132 -0
  6. package/dist/components/ResourceCard/ResourceCard.stories.js +94 -0
  7. package/dist/components/globalStyles.js +1 -1
  8. package/dist/components/index.js +14 -0
  9. package/dist/components/text.js +11 -10
  10. package/dist/components/typography.js +3 -2
  11. package/package.json +1 -1
  12. package/public/index.html +1 -0
  13. package/src/App.js +67 -8
  14. package/src/fonts/Inter-Black.woff2 +0 -0
  15. package/src/fonts/Inter-Bold.woff2 +0 -0
  16. package/src/fonts/Inter-ExtraBold.woff2 +0 -0
  17. package/src/fonts/Inter-ExtraLight.woff2 +0 -0
  18. package/src/fonts/Inter-Light.woff2 +0 -0
  19. package/src/fonts/Inter-Medium.woff2 +0 -0
  20. package/src/fonts/Inter-Regular.woff2 +0 -0
  21. package/src/fonts/Inter-SemiBold.woff2 +0 -0
  22. package/src/fonts/Inter-Thin.woff2 +0 -0
  23. package/src/fonts/Inter-VariableFont_opsz,wght.ttf +0 -0
  24. package/src/fonts/InterDisplay-Black.woff2 +0 -0
  25. package/src/fonts/InterDisplay-Bold.woff2 +0 -0
  26. package/src/fonts/InterDisplay-ExtraBold.woff2 +0 -0
  27. package/src/fonts/InterDisplay-ExtraLight.woff2 +0 -0
  28. package/src/fonts/InterDisplay-Light.woff2 +0 -0
  29. package/src/fonts/InterDisplay-Medium.woff2 +0 -0
  30. package/src/fonts/InterDisplay-SemiBold.woff2 +0 -0
  31. package/src/fonts/InterDisplay-Thin.woff2 +0 -0
  32. package/src/fonts.scss +4 -1
  33. package/src/lib/components/BmCustomCardTitle/CustomCardTitle.js +1 -1
  34. package/src/lib/components/DepartmentCard/DepartmentCard.js +131 -0
  35. package/src/lib/components/DepartmentCard/DepartmentCard.stories.jsx +38 -0
  36. package/src/lib/components/InfoPanel/InfoPanel.js +1 -1
  37. package/src/lib/components/ResourceCard/ResourceCard.js +209 -0
  38. package/src/lib/components/ResourceCard/ResourceCard.stories.jsx +68 -0
  39. package/src/lib/components/globalStyles.js +2 -1
  40. package/src/lib/components/index.js +4 -0
  41. package/src/lib/components/text.js +17 -11
  42. package/src/lib/components/typography.js +1 -0
package/src/lib/components/text.js CHANGED
@@ -1,7 +1,6 @@
1
- import { OpenSans } from './typography';
2
-
1
+ import { Inter } from './typography';
3
2
  // 32px
4
- export const h1 = `font-family: ${OpenSans};
3
+ export const h1 = `font-family: ${Inter};
5
4
  font-style: normal;
6
5
  font-weight: 500;
7
6
  font-size: 2.286rem;
@@ -9,7 +8,7 @@ letter-spacing: -0.02rem;
9
8
  margin: 0rem;`;
10
9
 
11
10
  // 24px
12
- export const h2 = `font-family: ${OpenSans};
11
+ export const h2 = `font-family: ${Inter};
13
12
  font-style: normal;
14
13
  font-weight: 500;
15
14
  font-size: 1.714rem;
@@ -17,7 +16,7 @@ letter-spacing: -0.02em;
17
16
  margin: 0rem;`;
18
17
 
19
18
  // 18px
20
- export const h3 = `font-family: ${OpenSans};
19
+ export const h3 = `font-family: ${Inter};
21
20
  font-style: normal;
22
21
  font-weight: 500;
23
22
  font-size: 1.286rem;
@@ -25,7 +24,7 @@ letter-spacing: -0.02rem;
25
24
  margin: 0rem;`;
26
25
 
27
26
  // 16px
28
- export const h4 = ` font-family: ${OpenSans};
27
+ export const h4 = ` font-family: ${Inter};
29
28
  font-style: normal;
30
29
  font-weight: 500;
31
30
  font-size: 1.143rem;
@@ -33,7 +32,7 @@ letter-spacing: -0.02rem;
33
32
  margin: 0rem;`;
34
33
 
35
34
  // 14px
36
- export const h5 = ` font-family: ${OpenSans};
35
+ export const h5 = ` font-family: ${Inter};
37
36
  font-style: normal;
38
37
  font-weight: 500;
39
38
  font-size: 1rem;
@@ -41,7 +40,7 @@ letter-spacing: -0.02rem;
41
40
  margin: 0rem;`;
42
41
 
43
42
  // 12px
44
- export const h6 = ` font-family: ${OpenSans};
43
+ export const h6 = ` font-family: ${Inter};
45
44
  font-style: normal;
46
45
  font-weight: 500;
47
46
  font-size: .857rem;
@@ -49,21 +48,28 @@ letter-spacing: -0.02rem;
49
48
  margin: 0rem;`;
50
49
 
51
50
  // 14px
52
- export const p = `font-family: ${OpenSans};
51
+ export const p = `font-family: ${Inter};
52
+ font-style: normal;
53
+ font-weight: normal;
54
+ font-size: 1rem;
55
+ letter-spacing: -0.02rem;
56
+ margin: 0rem;`;
57
+
58
+ export const input = ` font-family: ${Inter};
53
59
  font-style: normal;
54
60
  font-weight: normal;
55
61
  font-size: 1rem;
56
62
  letter-spacing: -0.02rem;
57
63
  margin: 0rem;`;
58
64
 
59
- export const input = ` font-family: ${OpenSans};
65
+ export const a = `font-family: ${Inter};
60
66
  font-style: normal;
61
67
  font-weight: normal;
62
68
  font-size: 1rem;
63
69
  letter-spacing: -0.02rem;
64
70
  margin: 0rem;`;
65
71
 
66
- export const a = `font-family: ${OpenSans};
72
+ export const span = `font-family: ${Inter};
67
73
  font-style: normal;
68
74
  font-weight: normal;
69
75
  font-size: 1rem;
package/src/lib/components/typography.js CHANGED
@@ -14,3 +14,4 @@ export const Hero = '1rem';
14
14
  export const PoppinsMedium = 'PoppinsMedium';
15
15
  export const Poppins = 'Poppins';
16
16
  export const OpenSans = 'OpenSans';
17
+ export const Inter = 'Inter';