@eturnity/eturnity_reusable_components 9.7.6 → 9.10.0
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/package.json
CHANGED
|
@@ -288,6 +288,9 @@
|
|
|
288
288
|
CountBadge,
|
|
289
289
|
BetaTag,
|
|
290
290
|
},
|
|
291
|
+
inject: {
|
|
292
|
+
theme: { default: () => Theme },
|
|
293
|
+
},
|
|
291
294
|
props: {
|
|
292
295
|
type: {
|
|
293
296
|
required: false,
|
|
@@ -392,11 +395,6 @@
|
|
|
392
395
|
default: '',
|
|
393
396
|
},
|
|
394
397
|
},
|
|
395
|
-
data() {
|
|
396
|
-
return {
|
|
397
|
-
theme: Theme,
|
|
398
|
-
}
|
|
399
|
-
},
|
|
400
398
|
// computed: {
|
|
401
399
|
// getIconColor() {
|
|
402
400
|
// console.log(this.theme[this.themeType][this.type][this.variant])
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import styled from 'vue3-styled-components'
|
|
2
2
|
|
|
3
3
|
const TEXT_VARIANTS = {
|
|
4
|
+
HEADING_SMALL: 'heading-small',
|
|
4
5
|
HEADING_MEDIUM: 'heading-medium',
|
|
5
6
|
HEADING_LARGE: 'heading-large',
|
|
6
7
|
BODY_SMALL: 'body-small',
|
|
@@ -12,6 +13,12 @@ const TEXT_VARIANTS = {
|
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
const textVariants = {
|
|
16
|
+
[TEXT_VARIANTS.HEADING_SMALL]: {
|
|
17
|
+
fontSize: '18px',
|
|
18
|
+
fontWeight: '500',
|
|
19
|
+
lineHeight: '130%',
|
|
20
|
+
letterSpacing: '-1.5%',
|
|
21
|
+
},
|
|
15
22
|
[TEXT_VARIANTS.HEADING_MEDIUM]: {
|
|
16
23
|
fontSize: '20px',
|
|
17
24
|
fontWeight: '500',
|