@flywheel-io/vision 2.3.0 → 2.3.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.
- package/esm2022/components/card/card-content/card-content.component.mjs +2 -2
- package/esm2022/components/card/card-header/card-header.component.mjs +2 -2
- package/esm2022/components/date-input/date-input.component.mjs +2 -2
- package/esm2022/components/layouts/grid/grid.component.mjs +4 -4
- package/esm2022/components/menu/menu-item-group/menu-item-group.component.mjs +2 -2
- package/esm2022/components/number-input/number-input.component.mjs +2 -2
- package/esm2022/components/phone-input/phone-input.component.mjs +2 -2
- package/esm2022/components/snackbar/snackbar-container/snackbar-container.component.mjs +4 -4
- package/esm2022/components/table/table-dense.component.mjs +2 -2
- package/esm2022/components/table/table.component.mjs +2 -2
- package/esm2022/components/text-input/text-input.component.mjs +2 -2
- package/esm2022/components/textarea-input/textarea-input.component.mjs +2 -2
- package/fesm2022/flywheel-io-vision.mjs +26 -26
- package/fesm2022/flywheel-io-vision.mjs.map +1 -1
- package/package.json +1 -1
- package/scss/config/typography.scss +25 -1
- package/styles.css +23 -0
package/package.json
CHANGED
|
@@ -43,6 +43,13 @@
|
|
|
43
43
|
line-height: 130%;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
+
@mixin h6 {
|
|
47
|
+
@include shared-heading-style;
|
|
48
|
+
|
|
49
|
+
font-size: 10px;
|
|
50
|
+
line-height: 120%;
|
|
51
|
+
}
|
|
52
|
+
|
|
46
53
|
@mixin p1 {
|
|
47
54
|
font-size: 18px;
|
|
48
55
|
@include shared-paragraph-style;
|
|
@@ -63,6 +70,11 @@
|
|
|
63
70
|
@include shared-paragraph-style;
|
|
64
71
|
}
|
|
65
72
|
|
|
73
|
+
@mixin p5 {
|
|
74
|
+
font-size: 8px;
|
|
75
|
+
@include shared-paragraph-style;
|
|
76
|
+
}
|
|
77
|
+
|
|
66
78
|
@mixin link {
|
|
67
79
|
text-decoration: underline;
|
|
68
80
|
color: var(--primary-base);
|
|
@@ -85,7 +97,7 @@
|
|
|
85
97
|
|
|
86
98
|
@mixin link-inherited {
|
|
87
99
|
@include link;
|
|
88
|
-
|
|
100
|
+
|
|
89
101
|
color: inherit;
|
|
90
102
|
|
|
91
103
|
&:visited {
|
|
@@ -121,6 +133,10 @@
|
|
|
121
133
|
@include h5;
|
|
122
134
|
}
|
|
123
135
|
|
|
136
|
+
.vision-h6 {
|
|
137
|
+
@include h6;
|
|
138
|
+
}
|
|
139
|
+
|
|
124
140
|
.vision-p1 {
|
|
125
141
|
@include p1;
|
|
126
142
|
}
|
|
@@ -137,6 +153,10 @@
|
|
|
137
153
|
@include p4;
|
|
138
154
|
}
|
|
139
155
|
|
|
156
|
+
.vision-p5 {
|
|
157
|
+
@include p5;
|
|
158
|
+
}
|
|
159
|
+
|
|
140
160
|
.vision-link {
|
|
141
161
|
@include link;
|
|
142
162
|
}
|
|
@@ -170,6 +190,10 @@
|
|
|
170
190
|
@include h5;
|
|
171
191
|
}
|
|
172
192
|
|
|
193
|
+
h6 {
|
|
194
|
+
@include h6;
|
|
195
|
+
}
|
|
196
|
+
|
|
173
197
|
p {
|
|
174
198
|
@include p2;
|
|
175
199
|
}
|
package/styles.css
CHANGED
|
@@ -163,6 +163,14 @@ Color Palettes for use with vision's theming system
|
|
|
163
163
|
line-height: 130%;
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
+
.vision-h6 {
|
|
167
|
+
font-family: Inter, sans-serif;
|
|
168
|
+
color: var(--typography-base);
|
|
169
|
+
font-weight: 500;
|
|
170
|
+
font-size: 10px;
|
|
171
|
+
line-height: 120%;
|
|
172
|
+
}
|
|
173
|
+
|
|
166
174
|
.vision-p1 {
|
|
167
175
|
font-size: 18px;
|
|
168
176
|
font-family: Inter, sans-serif;
|
|
@@ -191,6 +199,13 @@ Color Palettes for use with vision's theming system
|
|
|
191
199
|
font-weight: 400;
|
|
192
200
|
}
|
|
193
201
|
|
|
202
|
+
.vision-p5 {
|
|
203
|
+
font-size: 8px;
|
|
204
|
+
font-family: Inter, sans-serif;
|
|
205
|
+
color: var(--typography-base);
|
|
206
|
+
font-weight: 400;
|
|
207
|
+
}
|
|
208
|
+
|
|
194
209
|
.vision-link {
|
|
195
210
|
text-decoration: underline;
|
|
196
211
|
color: var(--primary-base);
|
|
@@ -308,6 +323,14 @@ h5 {
|
|
|
308
323
|
line-height: 130%;
|
|
309
324
|
}
|
|
310
325
|
|
|
326
|
+
h6 {
|
|
327
|
+
font-family: Inter, sans-serif;
|
|
328
|
+
color: var(--typography-base);
|
|
329
|
+
font-weight: 500;
|
|
330
|
+
font-size: 10px;
|
|
331
|
+
line-height: 120%;
|
|
332
|
+
}
|
|
333
|
+
|
|
311
334
|
p {
|
|
312
335
|
font-size: 14px;
|
|
313
336
|
font-family: Inter, sans-serif;
|