@mcf/lib-ui 2.4.1 → 2.4.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 (9) hide show
  1. package/dist/@types/Component/CheckboxNew/CheckboxNew.d.ts +1 -1
  2. package/dist/@types/Component/index.d.ts +0 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/main.css +157 -1
  6. package/package.json +1 -1
  7. package/dist/@types/Component/Typography/Typography.d.ts +0 -8
  8. package/dist/@types/Component/Typography/TypographyConstants.d.ts +0 -79
  9. package/dist/@types/Component/Typography/index.d.ts +0 -2
package/dist/main.css CHANGED
@@ -39,7 +39,8 @@
39
39
  --font-size-4: 1.25rem;
40
40
  --font-size-5: 1rem;
41
41
  --font-size-6: .875rem;
42
- --font-size-8: 0.6rem;
42
+ --font-size-7: .75rem;
43
+ --font-size-8: .6rem;
43
44
  --font-size-2-5: calc(((2.25rem + 1.5rem) / 2));
44
45
  --font-size-2-5: calc(((var(--font-size-2) + var(--font-size-3)) / 2));
45
46
  --font-size-3-5: calc(((1.25rem + 1.5rem) / 2));
@@ -55,6 +56,161 @@
55
56
  --input-margin-bottom: 3px;
56
57
  }* {
57
58
  font-family: 'Open Sans', sans-serif;
59
+ }.mcf-text-display-01,
60
+ .mcf-text-display-02,
61
+ .mcf-text-display-03,
62
+ .mcf-text-display-03-light,
63
+ .mcf-text-display-04,
64
+ .mcf-text-display-04-reg {
65
+ line-height: 1.25;
66
+ font-weight: 600;
67
+ }.mcf-text-display-03-light {
68
+ font-weight: 300;
69
+ }.mcf-text-display-04-reg {
70
+ font-weight: 400;
71
+ }.mcf-text-display-01 {
72
+ font-size: 2.25rem;
73
+ font-size: var(--font-size-2);
74
+ }.mcf-text-display-02 {
75
+ font-size: calc(((2.25rem + 1.5rem) / 2));
76
+ font-size: var(--font-size-2-5);
77
+ }.mcf-text-display-03,
78
+ .mcf-text-display-03-light {
79
+ font-size: 1.5rem;
80
+ font-size: var(--font-size-3);
81
+ }.mcf-text-display-04,
82
+ .mcf-text-display-04-reg {
83
+ font-size: calc(((1.25rem + 1.5rem) / 2));
84
+ font-size: var(--font-size-3-5);
85
+ }.mcf-text-heading-01,
86
+ .mcf-text-heading-02,
87
+ .mcf-text-heading-02-bold,
88
+ .mcf-text-heading-02-tight,
89
+ .mcf-text-heading-03,
90
+ .mcf-text-heading-03-bold,
91
+ .mcf-text-heading-04,
92
+ .mcf-text-heading-04-bold,
93
+ .mcf-text-heading-05,
94
+ .mcf-text-heading-05-bold,
95
+ .mcf-text-heading-06-bold {
96
+ line-height: 1.25;
97
+ font-weight: 600;
98
+ }.mcf-text-heading-02-bold,
99
+ .mcf-text-heading-03-bold,
100
+ .mcf-text-heading-04-bold,
101
+ .mcf-text-heading-05-bold,
102
+ .mcf-text-heading-06-bold {
103
+ font-weight: 700;
104
+ }.mcf-text-heading-02-tight {
105
+ line-height: 1;
106
+ }.mcf-text-heading-04,
107
+ .mcf-text-heading-04-bold,
108
+ .mcf-text-heading-05,
109
+ .mcf-text-heading-05-bold,
110
+ .mcf-text-heading-06-bold {
111
+ line-height: 1.5;
112
+ }.mcf-text-heading-01 {
113
+ font-size: 1.5rem;
114
+ font-size: var(--font-size-3);
115
+ }.mcf-text-heading-02,
116
+ .mcf-text-heading-02-bold,
117
+ .mcf-text-heading-02-tight {
118
+ font-size: 1.25rem;
119
+ font-size: var(--font-size-4);
120
+ }.mcf-text-heading-03,
121
+ .mcf-text-heading-03-bold {
122
+ font-size: calc(((1.25rem + 1rem) / 2));
123
+ font-size: var(--font-size-4-5);
124
+ }.mcf-text-heading-04,
125
+ .mcf-text-heading-04-bold {
126
+ font-size: 1rem;
127
+ font-size: var(--font-size-5);
128
+ }.mcf-text-heading-05,
129
+ .mcf-text-heading-05-bold {
130
+ font-size: .875rem;
131
+ font-size: var(--font-size-6);
132
+ }.mcf-text-heading-06-bold {
133
+ font-size: .75rem;
134
+ font-size: var(--font-size-7);
135
+ }.mcf-text-body-01,
136
+ .mcf-text-body-01-italic,
137
+ .mcf-text-body-01-underline,
138
+ .mcf-text-body-02,
139
+ .mcf-text-body-02-italic,
140
+ .mcf-text-body-02-underline,
141
+ .mcf-text-body-03,
142
+ .mcf-text-body-03-italic,
143
+ .mcf-text-body-03-underline,
144
+ .mcf-text-body-03-tight,
145
+ .mcf-text-body-04,
146
+ .mcf-text-body-04-italic {
147
+ font-weight: 400;
148
+ line-height: 1.5;
149
+ letter-spacing: 0px;
150
+ }.mcf-text-body-03-tight {
151
+ line-height: 1.25;
152
+ }.mcf-text-body-01-italic,
153
+ .mcf-text-body-02-italic,
154
+ .mcf-text-body-03-italic,
155
+ .mcf-text-body-04-italic {
156
+ font-style: italic;
157
+ }.mcf-text-body-01-underline,
158
+ .mcf-text-body-02-underline,
159
+ .mcf-text-body-03-underline,
160
+ .mcf-text-body-04-underline {
161
+ -webkit-text-decoration-line: underline;
162
+ text-decoration-line: underline;
163
+ }.mcf-text-body-01,
164
+ .mcf-text-body-01-italic,
165
+ .mcf-text-body-01-underline {
166
+ font-size: calc(((1.25rem + 1rem) / 2));
167
+ font-size: var(--font-size-4-5);
168
+ }.mcf-text-body-02,
169
+ .mcf-text-body-02-italic,
170
+ .mcf-text-body-02-underline {
171
+ font-size: 1rem;
172
+ font-size: var(--font-size-5);
173
+ }.mcf-text-body-03,
174
+ .mcf-text-body-03-italic,
175
+ .mcf-text-body-03-underline,
176
+ .mcf-text-body-03-tight{
177
+ font-size: .875rem;
178
+ font-size: var(--font-size-6);
179
+ }.mcf-text-body-04,
180
+ .mcf-text-body-04-italic {
181
+ font-size: .75rem;
182
+ font-size: var(--font-size-7);
183
+ }.mcf-text-field-01 {
184
+ font-size: calc(((1.25rem + 1rem) / 2));
185
+ font-size: var(--font-size-4-5);
186
+ font-weight: 400;
187
+ line-height: 1.25;
188
+ }.mcf-text-button-01,
189
+ .mcf-text-button-02,
190
+ .mcf-text-button-02-bold {
191
+ line-height: 1.25;
192
+ font-weight: 600;
193
+ }.mcf-text-button-02-bold {
194
+ font-weight: 700;
195
+ }.mcf-text-button-01 {
196
+ font-size: 1rem;
197
+ font-size: var(--font-size-5);
198
+ }.mcf-text-button-02,
199
+ .mcf-text-button-02-bold {
200
+ font-size: .875rem;
201
+ font-size: var(--font-size-6);
202
+ }.mcf-text-pill-01,
203
+ .mcf-text-pill-02 {
204
+ line-height: 1;
205
+ font-weight: 600;
206
+ letter-spacing: 0.5px;
207
+ text-transform: uppercase;
208
+ }.mcf-text-pill-01 {
209
+ font-size: .75rem;
210
+ font-size: var(--font-size-7);
211
+ }.mcf-text-pill-02 {
212
+ font-size: .6rem;
213
+ font-size: var(--font-size-8);
58
214
  }
59
215
 
60
216
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mcf/lib-ui",
3
- "version": "2.4.1",
3
+ "version": "2.4.3",
4
4
  "description": "User Interface (UI) components for use in the MCF project.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/@types/Component/index.d.ts",
package/dist/@types/Component/Typography/Typography.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import { FC, HTMLProps } from 'react';
2
- import { TypographyVariants } from './TypographyConstants';
3
- type TypographyVariant = (typeof TypographyVariants)[keyof typeof TypographyVariants];
4
- interface TypographyProps extends HTMLProps<HTMLDivElement> {
5
- variant: TypographyVariant;
6
- }
7
- declare const Typography: FC<TypographyProps>;
8
- export default Typography;
package/dist/@types/Component/Typography/TypographyConstants.d.ts DELETED
@@ -1,79 +0,0 @@
1
- declare enum DisplayVariants {
2
- Display01 = "Display-01",
3
- Display02 = "Display-02",
4
- Display03 = "Display-03",
5
- Display03SB = "Display-03SB",
6
- Display04 = "Display-04",
7
- Display05 = "Display-05"
8
- }
9
- declare enum HeadingVariants {
10
- Heading01 = "Heading-01",
11
- Heading02 = "Heading-02",
12
- Heading02Tight = "Heading-02Tight",
13
- Heading03 = "Heading-03",
14
- Heading04 = "Heading-04",
15
- Heading05 = "Heading-05",
16
- Heading06 = "Heading-06",
17
- Heading07 = "Heading-07",
18
- Heading08 = "Heading-08",
19
- Heading09 = "Heading-09"
20
- }
21
- declare enum BodyVariants {
22
- Body01 = "Body-01",
23
- Body01I = "Body-01i",
24
- Body01U = "Body-01u",
25
- Body02 = "Body-02",
26
- Body02I = "Body-02I",
27
- Body02U = "Body-02U",
28
- Body03 = "Body-03",
29
- Body03Tight = "Body-03Tight",
30
- Body03I = "Body-03I",
31
- Body03U = "Body-03U",
32
- Body04 = "Body-04",
33
- Body04I = "Body-04I"
34
- }
35
- declare enum LabelsAndCaptionsVariants {
36
- Field01 = "Field-01",
37
- Button01 = "Button-01",
38
- Button02 = "Button-02",
39
- Button03 = "Button-03",
40
- Pill01 = "Pill-01",
41
- Pill02 = "Pill-02"
42
- }
43
- export declare const TypographyVariants: {
44
- Field01: LabelsAndCaptionsVariants.Field01;
45
- Button01: LabelsAndCaptionsVariants.Button01;
46
- Button02: LabelsAndCaptionsVariants.Button02;
47
- Button03: LabelsAndCaptionsVariants.Button03;
48
- Pill01: LabelsAndCaptionsVariants.Pill01;
49
- Pill02: LabelsAndCaptionsVariants.Pill02;
50
- Body01: BodyVariants.Body01;
51
- Body01I: BodyVariants.Body01I;
52
- Body01U: BodyVariants.Body01U;
53
- Body02: BodyVariants.Body02;
54
- Body02I: BodyVariants.Body02I;
55
- Body02U: BodyVariants.Body02U;
56
- Body03: BodyVariants.Body03;
57
- Body03Tight: BodyVariants.Body03Tight;
58
- Body03I: BodyVariants.Body03I;
59
- Body03U: BodyVariants.Body03U;
60
- Body04: BodyVariants.Body04;
61
- Body04I: BodyVariants.Body04I;
62
- Heading01: HeadingVariants.Heading01;
63
- Heading02: HeadingVariants.Heading02;
64
- Heading02Tight: HeadingVariants.Heading02Tight;
65
- Heading03: HeadingVariants.Heading03;
66
- Heading04: HeadingVariants.Heading04;
67
- Heading05: HeadingVariants.Heading05;
68
- Heading06: HeadingVariants.Heading06;
69
- Heading07: HeadingVariants.Heading07;
70
- Heading08: HeadingVariants.Heading08;
71
- Heading09: HeadingVariants.Heading09;
72
- Display01: DisplayVariants.Display01;
73
- Display02: DisplayVariants.Display02;
74
- Display03: DisplayVariants.Display03;
75
- Display03SB: DisplayVariants.Display03SB;
76
- Display04: DisplayVariants.Display04;
77
- Display05: DisplayVariants.Display05;
78
- };
79
- export {};
package/dist/@types/Component/Typography/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export { default as Typography } from './Typography';
2
- export * from './TypographyConstants';