@apify/ui-library 1.111.0 → 1.112.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/dist/src/components/text/text_marketing.d.ts +1 -1
- package/dist/src/components/text/text_marketing.d.ts.map +1 -1
- package/dist/src/components/text/text_marketing.js +44 -0
- package/dist/src/components/text/text_marketing.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/components/text/text_marketing.tsx +45 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apify/ui-library",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.112.0",
|
|
4
4
|
"description": "React UI library used by apify.com",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
@@ -64,5 +64,5 @@
|
|
|
64
64
|
"src",
|
|
65
65
|
"style"
|
|
66
66
|
],
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "bb74d410b278d8bd1d8937774292c51324e30c49"
|
|
68
68
|
}
|
|
@@ -8,7 +8,7 @@ import type { TextBaseProps } from './text_base.js';
|
|
|
8
8
|
import { TextBaseComponent } from './text_base.js';
|
|
9
9
|
|
|
10
10
|
export type MarketingTextSize = 'large' | 'regular' | 'small' | 'extraSmall';
|
|
11
|
-
export type MarketingTextWeight = 'normal' | 'bold';
|
|
11
|
+
export type MarketingTextWeight = 'normal' | 'medium' | 'bold';
|
|
12
12
|
|
|
13
13
|
export interface TransientMarketingTextProps {
|
|
14
14
|
size?: MarketingTextSize,
|
|
@@ -37,6 +37,17 @@ const TEXT_MARKETING_VARIANTS_CSS: TextMarketingVariants = {
|
|
|
37
37
|
${theme.typography.marketing.desktop.bodyL}
|
|
38
38
|
}
|
|
39
39
|
`,
|
|
40
|
+
medium: css`
|
|
41
|
+
${theme.typography.marketing.mobile.bodyLMedium}
|
|
42
|
+
|
|
43
|
+
@media (${theme.device.tablet}) {
|
|
44
|
+
${theme.typography.marketing.tablet.bodyLMedium}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@media (${theme.device.desktop}) {
|
|
48
|
+
${theme.typography.marketing.desktop.bodyLMedium}
|
|
49
|
+
}
|
|
50
|
+
`,
|
|
40
51
|
bold: css`
|
|
41
52
|
${theme.typography.marketing.mobile.bodyLStrong}
|
|
42
53
|
|
|
@@ -61,6 +72,17 @@ const TEXT_MARKETING_VARIANTS_CSS: TextMarketingVariants = {
|
|
|
61
72
|
${theme.typography.marketing.desktop.bodyM}
|
|
62
73
|
}
|
|
63
74
|
`,
|
|
75
|
+
medium: css`
|
|
76
|
+
${theme.typography.marketing.mobile.bodyMMedium}
|
|
77
|
+
|
|
78
|
+
@media (${theme.device.tablet}) {
|
|
79
|
+
${theme.typography.marketing.tablet.bodyMMedium}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
@media (${theme.device.desktop}) {
|
|
83
|
+
${theme.typography.marketing.desktop.bodyMMedium}
|
|
84
|
+
}
|
|
85
|
+
`,
|
|
64
86
|
bold: css`
|
|
65
87
|
${theme.typography.marketing.mobile.bodyMStrong}
|
|
66
88
|
|
|
@@ -85,6 +107,17 @@ const TEXT_MARKETING_VARIANTS_CSS: TextMarketingVariants = {
|
|
|
85
107
|
${theme.typography.marketing.desktop.bodyS}
|
|
86
108
|
}
|
|
87
109
|
`,
|
|
110
|
+
medium: css`
|
|
111
|
+
${theme.typography.marketing.mobile.bodySMedium}
|
|
112
|
+
|
|
113
|
+
@media (${theme.device.tablet}) {
|
|
114
|
+
${theme.typography.marketing.tablet.bodySMedium}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
@media (${theme.device.desktop}) {
|
|
118
|
+
${theme.typography.marketing.desktop.bodySMedium}
|
|
119
|
+
}
|
|
120
|
+
`,
|
|
88
121
|
bold: css`
|
|
89
122
|
${theme.typography.marketing.mobile.bodySStrong}
|
|
90
123
|
|
|
@@ -109,6 +142,17 @@ const TEXT_MARKETING_VARIANTS_CSS: TextMarketingVariants = {
|
|
|
109
142
|
${theme.typography.marketing.desktop.bodyXs}
|
|
110
143
|
}
|
|
111
144
|
`,
|
|
145
|
+
medium: css`
|
|
146
|
+
${theme.typography.marketing.mobile.bodyXsMedium}
|
|
147
|
+
|
|
148
|
+
@media (${theme.device.tablet}) {
|
|
149
|
+
${theme.typography.marketing.tablet.bodyXsMedium}
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
@media (${theme.device.desktop}) {
|
|
153
|
+
${theme.typography.marketing.desktop.bodyXsMedium}
|
|
154
|
+
}
|
|
155
|
+
`,
|
|
112
156
|
bold: css`
|
|
113
157
|
${theme.typography.marketing.mobile.bodyXsStrong}
|
|
114
158
|
|