lecom-ui 5.2.2 → 5.2.3

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 (81) hide show
  1. package/README.md +1 -1
  2. package/dist/badge.js +26 -0
  3. package/dist/button-dropdown.js +117 -0
  4. package/dist/button.js +104 -0
  5. package/dist/calendar.js +62 -0
  6. package/dist/card.js +56 -0
  7. package/dist/checkbox.js +55 -0
  8. package/dist/collapse.js +60 -0
  9. package/dist/collapsible.js +7 -0
  10. package/dist/command.js +107 -0
  11. package/dist/components/Upload/Upload.js +2 -4
  12. package/dist/data-table/data-table.js +490 -0
  13. package/dist/date-picker.js +92 -0
  14. package/dist/dialog.js +95 -0
  15. package/dist/dropdown-menu.js +138 -0
  16. package/dist/fonts/Montserrat-Bold.otf +0 -0
  17. package/dist/fonts/Montserrat-Medium.otf +0 -0
  18. package/dist/fonts/Montserrat-Regular.otf +0 -0
  19. package/dist/fonts/Roboto-Bold.otf +0 -0
  20. package/dist/fonts/Roboto-Light.otf +0 -0
  21. package/dist/fonts/Roboto-Medium.otf +0 -0
  22. package/dist/fonts/Roboto-Regular.otf +0 -0
  23. package/dist/form.js +102 -0
  24. package/dist/header.js +90 -0
  25. package/dist/hook/useDebounce.js +16 -0
  26. package/dist/icon-handler.js +72 -0
  27. package/dist/icons/brandModules.js +27 -0
  28. package/dist/icons/companyLogo.js +61 -0
  29. package/dist/icons/createUseAuxiliary.js +107 -0
  30. package/dist/icons/footerInfo.js +25 -0
  31. package/dist/icons/logo_lecom.svg.js +3 -0
  32. package/dist/icons/newUpdate.js +23 -0
  33. package/dist/icons/robertyRPA.js +30 -0
  34. package/dist/ilustrations/access_denied.js +252 -0
  35. package/dist/ilustrations/page_not_found.js +188 -0
  36. package/dist/index.d.ts +4 -4
  37. package/dist/input.js +42 -0
  38. package/dist/label.js +20 -0
  39. package/dist/modal.js +27 -0
  40. package/dist/pagination.js +474 -0
  41. package/dist/plugin/extend.js +78 -0
  42. package/dist/plugin/extend.ts +78 -78
  43. package/dist/plugin/fontFaces.js +172 -0
  44. package/dist/plugin/fontFaces.ts +172 -172
  45. package/dist/plugin/general.js +12 -0
  46. package/dist/plugin/general.ts +12 -12
  47. package/dist/plugin/pluginDev.cjs +5 -5
  48. package/dist/plugin/pluginDev.js +5 -0
  49. package/dist/plugin/pluginNext.cjs +5 -5
  50. package/dist/plugin/pluginNext.js +5 -0
  51. package/dist/plugin/pluginVite.cjs +5 -5
  52. package/dist/plugin/pluginVite.js +5 -0
  53. package/dist/plugin/template.js +28 -0
  54. package/dist/plugin/template.ts +31 -31
  55. package/dist/plugin/typographies.js +151 -0
  56. package/dist/plugin/typographies.ts +152 -152
  57. package/dist/plugin/varsTheme.js +79 -0
  58. package/dist/plugin/varsTheme.ts +79 -79
  59. package/dist/plugin.cjs +298 -0
  60. package/dist/popover.js +24 -0
  61. package/dist/radio-group.js +74 -0
  62. package/dist/range-picker.js +99 -0
  63. package/dist/scroll-area.js +37 -0
  64. package/dist/search-bar.js +151 -0
  65. package/dist/select.js +156 -0
  66. package/dist/separator.js +24 -0
  67. package/dist/sheet.js +106 -0
  68. package/dist/sidebar.js +188 -0
  69. package/dist/skeleton.js +17 -0
  70. package/dist/slider.js +23 -0
  71. package/dist/status-screen.js +71 -0
  72. package/dist/switch.js +27 -0
  73. package/dist/table.js +83 -0
  74. package/dist/tabs.js +44 -0
  75. package/dist/tag.js +33 -0
  76. package/dist/textarea.js +22 -0
  77. package/dist/toast.js +105 -0
  78. package/dist/toaster.js +23 -0
  79. package/dist/tooltip.js +133 -0
  80. package/dist/use-toast.js +121 -0
  81. package/package.json +1 -1
@@ -1,12 +1,12 @@
1
- const general = {
2
- '*': {
3
- borderColor: 'hsl(var(--border))',
4
- },
5
- body: {
6
- backgroundColor: 'hsl(var(--background))',
7
- fontFamily: 'Roboto, sans-serif',
8
- color: 'hsl(var(--foreground))',
9
- },
10
- };
11
-
12
- export { general };
1
+ const general = {
2
+ '*': {
3
+ borderColor: 'hsl(var(--border))',
4
+ },
5
+ body: {
6
+ backgroundColor: 'hsl(var(--background))',
7
+ fontFamily: 'Roboto, sans-serif',
8
+ color: 'hsl(var(--foreground))',
9
+ },
10
+ };
11
+
12
+ export { general };
@@ -1,5 +1,5 @@
1
- /* eslint-disable @typescript-eslint/no-require-imports */
2
-
3
- const buildPlugin = require('./template').buildPlugin;
4
-
5
- module.exports = buildPlugin('../public');
1
+ /* eslint-disable @typescript-eslint/no-require-imports */
2
+
3
+ const buildPlugin = require('./template').buildPlugin;
4
+
5
+ module.exports = buildPlugin('../public');
@@ -0,0 +1,5 @@
1
+ /* eslint-disable @typescript-eslint/no-require-imports */
2
+
3
+ const buildPlugin = require('./template').buildPlugin;
4
+
5
+ module.exports = buildPlugin('../public');
@@ -1,5 +1,5 @@
1
- /* eslint-disable @typescript-eslint/no-require-imports */
2
-
3
- const buildPlugin = require('./template').buildPlugin;
4
-
5
- module.exports = buildPlugin('~/node_modules/lecom-ui/dist/public');
1
+ /* eslint-disable @typescript-eslint/no-require-imports */
2
+
3
+ const buildPlugin = require('./template').buildPlugin;
4
+
5
+ module.exports = buildPlugin('~/node_modules/lecom-ui/dist/public');
@@ -0,0 +1,5 @@
1
+ /* eslint-disable @typescript-eslint/no-require-imports */
2
+
3
+ const buildPlugin = require('./template.js').buildPlugin;
4
+
5
+ module.exports = buildPlugin('~/node_modules/lecom-ui/dist/public');
@@ -1,5 +1,5 @@
1
- /* eslint-disable @typescript-eslint/no-require-imports */
2
-
3
- const buildPlugin = require('./template').buildPlugin;
4
-
5
- module.exports = buildPlugin('/node_modules/lecom-ui/dist/public');
1
+ /* eslint-disable @typescript-eslint/no-require-imports */
2
+
3
+ const buildPlugin = require('./template').buildPlugin;
4
+
5
+ module.exports = buildPlugin('/node_modules/lecom-ui/dist/public');
@@ -0,0 +1,5 @@
1
+ /* eslint-disable @typescript-eslint/no-require-imports */
2
+
3
+ const buildPlugin = require('./template').buildPlugin;
4
+
5
+ module.exports = buildPlugin('/node_modules/lecom-ui/dist/public');
@@ -0,0 +1,28 @@
1
+ import Plugin from 'tailwindcss/plugin';
2
+ import { colors } from '../tokens/colors.js';
3
+ import { fonts } from '../tokens/fonts.js';
4
+ import { extend } from './extend.js';
5
+ import { fontFaces } from './fontFaces.js';
6
+ import { general } from './general.js';
7
+ import { typographies } from './typographies.js';
8
+ import { varsTheme } from './varsTheme.js';
9
+
10
+ const buildPlugin = (publicPath) => Plugin(
11
+ ({ addBase, addComponents }) => {
12
+ addBase(varsTheme);
13
+ fontFaces(publicPath).map(
14
+ (fontFace) => addBase({ "@font-face": fontFace })
15
+ );
16
+ addBase(general);
17
+ addComponents(typographies);
18
+ },
19
+ {
20
+ theme: {
21
+ fontFamily: fonts,
22
+ colors,
23
+ extend
24
+ }
25
+ }
26
+ );
27
+
28
+ export { buildPlugin };
@@ -1,31 +1,31 @@
1
- import Plugin from 'tailwindcss/plugin';
2
-
3
- import { colors } from '../tokens/colors';
4
- import { fonts } from '../tokens/fonts';
5
-
6
- import { extend } from './extend';
7
- import { fontFaces } from './fontFaces';
8
- import { general } from './general';
9
- import { typographies } from './typographies';
10
- import { varsTheme } from './varsTheme';
11
-
12
- const buildPlugin = (publicPath: string) =>
13
- Plugin(
14
- ({ addBase, addComponents }) => {
15
- addBase(varsTheme);
16
- fontFaces(publicPath).map((fontFace) =>
17
- addBase({ '@font-face': fontFace })
18
- );
19
- addBase(general);
20
- addComponents(typographies);
21
- },
22
- {
23
- theme: {
24
- fontFamily: fonts,
25
- colors,
26
- extend,
27
- },
28
- }
29
- );
30
-
31
- export { buildPlugin };
1
+ import Plugin from 'tailwindcss/plugin';
2
+
3
+ import { colors } from '../tokens/colors';
4
+ import { fonts } from '../tokens/fonts';
5
+
6
+ import { extend } from './extend';
7
+ import { fontFaces } from './fontFaces';
8
+ import { general } from './general';
9
+ import { typographies } from './typographies';
10
+ import { varsTheme } from './varsTheme';
11
+
12
+ const buildPlugin = (publicPath: string) =>
13
+ Plugin(
14
+ ({ addBase, addComponents }) => {
15
+ addBase(varsTheme);
16
+ fontFaces(publicPath).map((fontFace) =>
17
+ addBase({ '@font-face': fontFace })
18
+ );
19
+ addBase(general);
20
+ addComponents(typographies);
21
+ },
22
+ {
23
+ theme: {
24
+ fontFamily: fonts,
25
+ colors,
26
+ extend,
27
+ },
28
+ }
29
+ );
30
+
31
+ export { buildPlugin };
@@ -0,0 +1,151 @@
1
+ const montSerrat = { fontFamily: "Montserrat, sans-serif" };
2
+ const roboto = { fontFamily: "Roboto, sans-serif" };
3
+ const ibm = { fontFamily: "IBM Plex Mono, sans-serif" };
4
+ const fontWeight700 = { fontWeight: "700" };
5
+ const fontWeight600 = { fontWeight: "600" };
6
+ const fontWeight500 = { fontWeight: "500" };
7
+ const fontWeight400 = { fontWeight: "400" };
8
+ const fontSize3 = { fontSize: "3rem" };
9
+ const fontSize2 = { fontSize: "2rem" };
10
+ const fontSize25 = { fontSize: "2.5rem" };
11
+ const fontSize15 = { fontSize: "1.5rem" };
12
+ const fontSize125 = { fontSize: "1.25rem" };
13
+ const fontSize1 = { fontSize: "1rem" };
14
+ const fontSize0875 = { fontSize: "0.875rem" };
15
+ const fontSize075 = { fontSize: "0.75rem" };
16
+ const typographies = {
17
+ ".heading-xxlarge-500": {
18
+ ...montSerrat,
19
+ ...fontSize3,
20
+ ...fontWeight500,
21
+ lineHeight: "3.25rem"
22
+ },
23
+ ".heading-xlarge-500": {
24
+ ...montSerrat,
25
+ ...fontSize25,
26
+ ...fontWeight500,
27
+ lineHeight: "2.75rem"
28
+ },
29
+ ".heading-large-600": {
30
+ ...montSerrat,
31
+ ...fontSize2,
32
+ ...fontWeight600,
33
+ lineHeight: "2.25rem"
34
+ },
35
+ ".heading-large-500": {
36
+ ...montSerrat,
37
+ ...fontSize2,
38
+ ...fontWeight500,
39
+ lineHeight: "2.25rem"
40
+ },
41
+ ".heading-medium-600": {
42
+ ...montSerrat,
43
+ ...fontSize15,
44
+ ...fontWeight600,
45
+ lineHeight: "1.75rem"
46
+ },
47
+ ".heading-medium-500": {
48
+ ...montSerrat,
49
+ ...fontSize15,
50
+ ...fontWeight500,
51
+ lineHeight: "1.75rem"
52
+ },
53
+ ".heading-small-600": {
54
+ ...montSerrat,
55
+ ...fontSize125,
56
+ ...fontWeight600,
57
+ lineHeight: "1.5rem"
58
+ },
59
+ ".heading-small-500": {
60
+ ...montSerrat,
61
+ ...fontSize125,
62
+ ...fontWeight500,
63
+ lineHeight: "1.5rem"
64
+ },
65
+ ".heading-xsmall-600": {
66
+ ...montSerrat,
67
+ ...fontSize1,
68
+ ...fontWeight600,
69
+ lineHeight: "1.25rem"
70
+ },
71
+ ".heading-xsmall-500": {
72
+ ...montSerrat,
73
+ ...fontSize1,
74
+ ...fontWeight500,
75
+ lineHeight: "1.25rem"
76
+ },
77
+ ".heading-xxsmall-600": {
78
+ ...montSerrat,
79
+ ...fontSize0875,
80
+ lineHeight: "1.25rem",
81
+ ...fontWeight600
82
+ },
83
+ ".heading-xxsmall-500": {
84
+ ...montSerrat,
85
+ ...fontSize0875,
86
+ lineHeight: "1.25rem",
87
+ ...fontWeight500
88
+ },
89
+ ".body-large-700": {
90
+ ...roboto,
91
+ ...fontSize1,
92
+ lineHeight: "1.5rem",
93
+ ...fontWeight700
94
+ },
95
+ ".body-large-500": {
96
+ ...roboto,
97
+ ...fontSize1,
98
+ lineHeight: "1.5rem",
99
+ ...fontWeight500
100
+ },
101
+ ".body-large-400": {
102
+ ...roboto,
103
+ ...fontSize1,
104
+ lineHeight: "1.5rem",
105
+ ...fontWeight400
106
+ },
107
+ ".body-medium-700": {
108
+ ...roboto,
109
+ ...fontSize0875,
110
+ lineHeight: "1.25rem",
111
+ ...fontWeight700
112
+ },
113
+ ".body-medium-500": {
114
+ ...roboto,
115
+ ...fontSize0875,
116
+ lineHeight: "1.25rem",
117
+ ...fontWeight500
118
+ },
119
+ ".body-medium-400": {
120
+ ...roboto,
121
+ ...fontSize0875,
122
+ lineHeight: "1.25rem",
123
+ ...fontWeight400
124
+ },
125
+ ".body-small-700": {
126
+ ...roboto,
127
+ ...fontSize075,
128
+ lineHeight: "1rem",
129
+ ...fontWeight700
130
+ },
131
+ ".body-small-500": {
132
+ ...roboto,
133
+ ...fontSize075,
134
+ lineHeight: "1rem",
135
+ ...fontWeight500
136
+ },
137
+ ".body-small-400": {
138
+ ...roboto,
139
+ ...fontSize075,
140
+ lineHeight: "1rem",
141
+ ...fontWeight400
142
+ },
143
+ ".code-medium-400": {
144
+ ...ibm,
145
+ ...fontSize0875,
146
+ lineHeight: "1.25rem",
147
+ ...fontWeight400
148
+ }
149
+ };
150
+
151
+ export { typographies };
@@ -1,152 +1,152 @@
1
- const montSerrat = { fontFamily: 'Montserrat, sans-serif' };
2
- const roboto = { fontFamily: 'Roboto, sans-serif' };
3
- const ibm = { fontFamily: 'IBM Plex Mono, sans-serif' };
4
- const fontWeight700 = { fontWeight: '700' };
5
- const fontWeight600 = { fontWeight: '600' };
6
- const fontWeight500 = { fontWeight: '500' };
7
- const fontWeight400 = { fontWeight: '400' };
8
- const fontSize3 = { fontSize: '3rem' };
9
- const fontSize2 = { fontSize: '2rem' };
10
- const fontSize25 = { fontSize: '2.5rem' };
11
- const fontSize15 = { fontSize: '1.5rem' };
12
- const fontSize125 = { fontSize: '1.25rem' };
13
- const fontSize1 = { fontSize: '1rem' };
14
- const fontSize0875 = { fontSize: '0.875rem' };
15
- const fontSize075 = { fontSize: '0.75rem' };
16
-
17
- const typographies = {
18
- '.heading-xxlarge-500': {
19
- ...montSerrat,
20
- ...fontSize3,
21
- ...fontWeight500,
22
- lineHeight: '3.25rem',
23
- },
24
- '.heading-xlarge-500': {
25
- ...montSerrat,
26
- ...fontSize25,
27
- ...fontWeight500,
28
- lineHeight: '2.75rem',
29
- },
30
- '.heading-large-600': {
31
- ...montSerrat,
32
- ...fontSize2,
33
- ...fontWeight600,
34
- lineHeight: '2.25rem',
35
- },
36
- '.heading-large-500': {
37
- ...montSerrat,
38
- ...fontSize2,
39
- ...fontWeight500,
40
- lineHeight: '2.25rem',
41
- },
42
- '.heading-medium-600': {
43
- ...montSerrat,
44
- ...fontSize15,
45
- ...fontWeight600,
46
- lineHeight: '1.75rem',
47
- },
48
- '.heading-medium-500': {
49
- ...montSerrat,
50
- ...fontSize15,
51
- ...fontWeight500,
52
- lineHeight: '1.75rem',
53
- },
54
- '.heading-small-600': {
55
- ...montSerrat,
56
- ...fontSize125,
57
- ...fontWeight600,
58
- lineHeight: '1.5rem',
59
- },
60
- '.heading-small-500': {
61
- ...montSerrat,
62
- ...fontSize125,
63
- ...fontWeight500,
64
- lineHeight: '1.5rem',
65
- },
66
- '.heading-xsmall-600': {
67
- ...montSerrat,
68
- ...fontSize1,
69
- ...fontWeight600,
70
- lineHeight: '1.25rem',
71
- },
72
- '.heading-xsmall-500': {
73
- ...montSerrat,
74
- ...fontSize1,
75
- ...fontWeight500,
76
- lineHeight: '1.25rem',
77
- },
78
- '.heading-xxsmall-600': {
79
- ...montSerrat,
80
- ...fontSize0875,
81
- lineHeight: '1.25rem',
82
- ...fontWeight600,
83
- },
84
- '.heading-xxsmall-500': {
85
- ...montSerrat,
86
- ...fontSize0875,
87
- lineHeight: '1.25rem',
88
- ...fontWeight500,
89
- },
90
- '.body-large-700': {
91
- ...roboto,
92
- ...fontSize1,
93
- lineHeight: '1.5rem',
94
- ...fontWeight700,
95
- },
96
- '.body-large-500': {
97
- ...roboto,
98
- ...fontSize1,
99
- lineHeight: '1.5rem',
100
- ...fontWeight500,
101
- },
102
- '.body-large-400': {
103
- ...roboto,
104
- ...fontSize1,
105
- lineHeight: '1.5rem',
106
- ...fontWeight400,
107
- },
108
- '.body-medium-700': {
109
- ...roboto,
110
- ...fontSize0875,
111
- lineHeight: '1.25rem',
112
- ...fontWeight700,
113
- },
114
- '.body-medium-500': {
115
- ...roboto,
116
- ...fontSize0875,
117
- lineHeight: '1.25rem',
118
- ...fontWeight500,
119
- },
120
- '.body-medium-400': {
121
- ...roboto,
122
- ...fontSize0875,
123
- lineHeight: '1.25rem',
124
- ...fontWeight400,
125
- },
126
- '.body-small-700': {
127
- ...roboto,
128
- ...fontSize075,
129
- lineHeight: '1rem',
130
- ...fontWeight700,
131
- },
132
- '.body-small-500': {
133
- ...roboto,
134
- ...fontSize075,
135
- lineHeight: '1rem',
136
- ...fontWeight500,
137
- },
138
- '.body-small-400': {
139
- ...roboto,
140
- ...fontSize075,
141
- lineHeight: '1rem',
142
- ...fontWeight400,
143
- },
144
- '.code-medium-400': {
145
- ...ibm,
146
- ...fontSize0875,
147
- lineHeight: '1.25rem',
148
- ...fontWeight400,
149
- },
150
- };
151
-
152
- export { typographies };
1
+ const montSerrat = { fontFamily: 'Montserrat, sans-serif' };
2
+ const roboto = { fontFamily: 'Roboto, sans-serif' };
3
+ const ibm = { fontFamily: 'IBM Plex Mono, sans-serif' };
4
+ const fontWeight700 = { fontWeight: '700' };
5
+ const fontWeight600 = { fontWeight: '600' };
6
+ const fontWeight500 = { fontWeight: '500' };
7
+ const fontWeight400 = { fontWeight: '400' };
8
+ const fontSize3 = { fontSize: '3rem' };
9
+ const fontSize2 = { fontSize: '2rem' };
10
+ const fontSize25 = { fontSize: '2.5rem' };
11
+ const fontSize15 = { fontSize: '1.5rem' };
12
+ const fontSize125 = { fontSize: '1.25rem' };
13
+ const fontSize1 = { fontSize: '1rem' };
14
+ const fontSize0875 = { fontSize: '0.875rem' };
15
+ const fontSize075 = { fontSize: '0.75rem' };
16
+
17
+ const typographies = {
18
+ '.heading-xxlarge-500': {
19
+ ...montSerrat,
20
+ ...fontSize3,
21
+ ...fontWeight500,
22
+ lineHeight: '3.25rem',
23
+ },
24
+ '.heading-xlarge-500': {
25
+ ...montSerrat,
26
+ ...fontSize25,
27
+ ...fontWeight500,
28
+ lineHeight: '2.75rem',
29
+ },
30
+ '.heading-large-600': {
31
+ ...montSerrat,
32
+ ...fontSize2,
33
+ ...fontWeight600,
34
+ lineHeight: '2.25rem',
35
+ },
36
+ '.heading-large-500': {
37
+ ...montSerrat,
38
+ ...fontSize2,
39
+ ...fontWeight500,
40
+ lineHeight: '2.25rem',
41
+ },
42
+ '.heading-medium-600': {
43
+ ...montSerrat,
44
+ ...fontSize15,
45
+ ...fontWeight600,
46
+ lineHeight: '1.75rem',
47
+ },
48
+ '.heading-medium-500': {
49
+ ...montSerrat,
50
+ ...fontSize15,
51
+ ...fontWeight500,
52
+ lineHeight: '1.75rem',
53
+ },
54
+ '.heading-small-600': {
55
+ ...montSerrat,
56
+ ...fontSize125,
57
+ ...fontWeight600,
58
+ lineHeight: '1.5rem',
59
+ },
60
+ '.heading-small-500': {
61
+ ...montSerrat,
62
+ ...fontSize125,
63
+ ...fontWeight500,
64
+ lineHeight: '1.5rem',
65
+ },
66
+ '.heading-xsmall-600': {
67
+ ...montSerrat,
68
+ ...fontSize1,
69
+ ...fontWeight600,
70
+ lineHeight: '1.25rem',
71
+ },
72
+ '.heading-xsmall-500': {
73
+ ...montSerrat,
74
+ ...fontSize1,
75
+ ...fontWeight500,
76
+ lineHeight: '1.25rem',
77
+ },
78
+ '.heading-xxsmall-600': {
79
+ ...montSerrat,
80
+ ...fontSize0875,
81
+ lineHeight: '1.25rem',
82
+ ...fontWeight600,
83
+ },
84
+ '.heading-xxsmall-500': {
85
+ ...montSerrat,
86
+ ...fontSize0875,
87
+ lineHeight: '1.25rem',
88
+ ...fontWeight500,
89
+ },
90
+ '.body-large-700': {
91
+ ...roboto,
92
+ ...fontSize1,
93
+ lineHeight: '1.5rem',
94
+ ...fontWeight700,
95
+ },
96
+ '.body-large-500': {
97
+ ...roboto,
98
+ ...fontSize1,
99
+ lineHeight: '1.5rem',
100
+ ...fontWeight500,
101
+ },
102
+ '.body-large-400': {
103
+ ...roboto,
104
+ ...fontSize1,
105
+ lineHeight: '1.5rem',
106
+ ...fontWeight400,
107
+ },
108
+ '.body-medium-700': {
109
+ ...roboto,
110
+ ...fontSize0875,
111
+ lineHeight: '1.25rem',
112
+ ...fontWeight700,
113
+ },
114
+ '.body-medium-500': {
115
+ ...roboto,
116
+ ...fontSize0875,
117
+ lineHeight: '1.25rem',
118
+ ...fontWeight500,
119
+ },
120
+ '.body-medium-400': {
121
+ ...roboto,
122
+ ...fontSize0875,
123
+ lineHeight: '1.25rem',
124
+ ...fontWeight400,
125
+ },
126
+ '.body-small-700': {
127
+ ...roboto,
128
+ ...fontSize075,
129
+ lineHeight: '1rem',
130
+ ...fontWeight700,
131
+ },
132
+ '.body-small-500': {
133
+ ...roboto,
134
+ ...fontSize075,
135
+ lineHeight: '1rem',
136
+ ...fontWeight500,
137
+ },
138
+ '.body-small-400': {
139
+ ...roboto,
140
+ ...fontSize075,
141
+ lineHeight: '1rem',
142
+ ...fontWeight400,
143
+ },
144
+ '.code-medium-400': {
145
+ ...ibm,
146
+ ...fontSize0875,
147
+ lineHeight: '1.25rem',
148
+ ...fontWeight400,
149
+ },
150
+ };
151
+
152
+ export { typographies };