@telefonica/mistica 12.3.0 → 12.4.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/card.js +0 -6
- package/dist/highlighted-card.js +0 -2
- package/dist/list.js +0 -4
- package/dist/package-version.js +1 -1
- package/dist/tabs.js +1 -0
- package/dist/text-field-base.js +1 -0
- package/dist/text.d.ts +1 -0
- package/dist/text.js +6 -1
- package/dist/text.js.flow +1 -0
- package/dist/title.js +1 -0
- package/dist-es/card.js +0 -6
- package/dist-es/highlighted-card.js +0 -2
- package/dist-es/list.js +0 -4
- package/dist-es/package-version.js +1 -1
- package/dist-es/tabs.js +1 -0
- package/dist-es/text-field-base.js +1 -0
- package/dist-es/text.js +6 -1
- package/dist-es/title.js +1 -0
- package/package.json +1 -1
package/dist/card.js
CHANGED
|
@@ -138,7 +138,6 @@ var CardContent = function CardContent(param) {
|
|
|
138
138
|
space: 4,
|
|
139
139
|
children: [
|
|
140
140
|
pretitle && /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text1, {
|
|
141
|
-
wordBreak: true,
|
|
142
141
|
truncate: pretitleLinesMax,
|
|
143
142
|
as: "div",
|
|
144
143
|
regular: true,
|
|
@@ -146,14 +145,12 @@ var CardContent = function CardContent(param) {
|
|
|
146
145
|
children: pretitle
|
|
147
146
|
}),
|
|
148
147
|
/*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text4, {
|
|
149
|
-
wordBreak: true,
|
|
150
148
|
truncate: titleLinesMax,
|
|
151
149
|
as: "h1",
|
|
152
150
|
regular: true,
|
|
153
151
|
children: title
|
|
154
152
|
}),
|
|
155
153
|
/*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
|
|
156
|
-
wordBreak: true,
|
|
157
154
|
truncate: subtitleLinesMax,
|
|
158
155
|
as: "div",
|
|
159
156
|
regular: true,
|
|
@@ -165,7 +162,6 @@ var CardContent = function CardContent(param) {
|
|
|
165
162
|
})
|
|
166
163
|
}),
|
|
167
164
|
description && /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
|
|
168
|
-
wordBreak: true,
|
|
169
165
|
truncate: descriptionLinesMax,
|
|
170
166
|
as: "p",
|
|
171
167
|
regular: true,
|
|
@@ -396,14 +392,12 @@ var SnapCard = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
|
396
392
|
space: 4,
|
|
397
393
|
children: [
|
|
398
394
|
title && /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
|
|
399
|
-
wordBreak: true,
|
|
400
395
|
truncate: titleLinesMax,
|
|
401
396
|
as: "h1",
|
|
402
397
|
regular: true,
|
|
403
398
|
children: title
|
|
404
399
|
}),
|
|
405
400
|
subtitle && /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
|
|
406
|
-
wordBreak: true,
|
|
407
401
|
truncate: subtitleLinesMax,
|
|
408
402
|
regular: true,
|
|
409
403
|
color: colors.textSecondary,
|
package/dist/highlighted-card.js
CHANGED
|
@@ -169,7 +169,6 @@ var Content = function Content(props) {
|
|
|
169
169
|
/*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text4, {
|
|
170
170
|
as: "h1",
|
|
171
171
|
regular: true,
|
|
172
|
-
wordBreak: true,
|
|
173
172
|
truncate: props.titleLinesMax,
|
|
174
173
|
children: title
|
|
175
174
|
}),
|
|
@@ -178,7 +177,6 @@ var Content = function Content(props) {
|
|
|
178
177
|
children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
|
|
179
178
|
regular: true,
|
|
180
179
|
color: theme.colors.textSecondary,
|
|
181
|
-
wordBreak: true,
|
|
182
180
|
truncate: props.descriptionLinesMax,
|
|
183
181
|
as: "p",
|
|
184
182
|
children: description
|
package/dist/list.js
CHANGED
|
@@ -278,7 +278,6 @@ var Content = function Content(param) {
|
|
|
278
278
|
space: 4,
|
|
279
279
|
children: [
|
|
280
280
|
headline && /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text1, {
|
|
281
|
-
wordBreak: true,
|
|
282
281
|
regular: true,
|
|
283
282
|
color: colors.textPrimary,
|
|
284
283
|
children: headline
|
|
@@ -287,7 +286,6 @@ var Content = function Content(param) {
|
|
|
287
286
|
space: 2,
|
|
288
287
|
children: [
|
|
289
288
|
/*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
|
|
290
|
-
wordBreak: true,
|
|
291
289
|
regular: true,
|
|
292
290
|
color: colors.textPrimary,
|
|
293
291
|
truncate: titleLinesMax,
|
|
@@ -295,14 +293,12 @@ var Content = function Content(param) {
|
|
|
295
293
|
children: title
|
|
296
294
|
}),
|
|
297
295
|
subtitle && /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
|
|
298
|
-
wordBreak: true,
|
|
299
296
|
regular: true,
|
|
300
297
|
color: colors.textSecondary,
|
|
301
298
|
truncate: subtitleLinesMax,
|
|
302
299
|
children: subtitle
|
|
303
300
|
}),
|
|
304
301
|
description && /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
|
|
305
|
-
wordBreak: true,
|
|
306
302
|
regular: true,
|
|
307
303
|
color: colors.textSecondary,
|
|
308
304
|
truncate: descriptionLinesMax,
|
package/dist/package-version.js
CHANGED
package/dist/tabs.js
CHANGED
package/dist/text-field-base.js
CHANGED
package/dist/text.d.ts
CHANGED
package/dist/text.js
CHANGED
|
@@ -128,6 +128,10 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
|
|
|
128
128
|
return wordBreak1 ? "break-word" : "inherit";
|
|
129
129
|
}
|
|
130
130
|
},
|
|
131
|
+
hyphens: function hyphens(param) {
|
|
132
|
+
var hyphens1 = param.hyphens;
|
|
133
|
+
return hyphens1;
|
|
134
|
+
},
|
|
131
135
|
// Needed to reset the default browser margin that adds to p, h1, h2... elements.
|
|
132
136
|
margin: 0
|
|
133
137
|
}, theme.mq.tabletOrSmaller, {
|
|
@@ -161,7 +165,7 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
|
|
|
161
165
|
};
|
|
162
166
|
});
|
|
163
167
|
var Text = function Text(param) {
|
|
164
|
-
var weight = param.weight, color = param.color, decoration = param.decoration, truncate = param.truncate, transform = param.transform,
|
|
168
|
+
var weight = param.weight, color = param.color, decoration = param.decoration, truncate = param.truncate, transform = param.transform, _wordBreak = param.wordBreak, wordBreak = _wordBreak === void 0 ? true : _wordBreak, hyphens = param.hyphens, _as = param.as, as = _as === void 0 ? "span" : _as, children = param.children, size = param.size, _mobileSize = param.mobileSize, mobileSize = _mobileSize === void 0 ? size : _mobileSize, _desktopSize = param.desktopSize, desktopSize = _desktopSize === void 0 ? size : _desktopSize, lineHeight = param.lineHeight, _mobileLineHeight = param.mobileLineHeight, mobileLineHeight = _mobileLineHeight === void 0 ? lineHeight : _mobileLineHeight, _desktopLineHeight = param.desktopLineHeight, desktopLineHeight = _desktopLineHeight === void 0 ? lineHeight : _desktopLineHeight, letterSpacing = param.letterSpacing, id = param.id, role = param.role, ariaLevel = param["aria-level"], dataAttributes = param.dataAttributes;
|
|
165
169
|
var isInverse = (0, _themeVariantContext).useIsInverseVariant();
|
|
166
170
|
var classes = useStyles({
|
|
167
171
|
isInverse: isInverse,
|
|
@@ -174,6 +178,7 @@ var Text = function Text(param) {
|
|
|
174
178
|
decoration: decoration,
|
|
175
179
|
transform: transform,
|
|
176
180
|
wordBreak: wordBreak,
|
|
181
|
+
hyphens: hyphens,
|
|
177
182
|
letterSpacing: letterSpacing,
|
|
178
183
|
truncate: truncate
|
|
179
184
|
});
|
package/dist/text.js.flow
CHANGED
package/dist/title.js
CHANGED
package/dist-es/card.js
CHANGED
|
@@ -106,7 +106,6 @@ var CardContent = function(param) {
|
|
|
106
106
|
space: 4,
|
|
107
107
|
children: [
|
|
108
108
|
pretitle && /*#__PURE__*/ _jsx(Text1, {
|
|
109
|
-
wordBreak: true,
|
|
110
109
|
truncate: pretitleLinesMax,
|
|
111
110
|
as: "div",
|
|
112
111
|
regular: true,
|
|
@@ -114,14 +113,12 @@ var CardContent = function(param) {
|
|
|
114
113
|
children: pretitle
|
|
115
114
|
}),
|
|
116
115
|
/*#__PURE__*/ _jsx(Text4, {
|
|
117
|
-
wordBreak: true,
|
|
118
116
|
truncate: titleLinesMax,
|
|
119
117
|
as: "h1",
|
|
120
118
|
regular: true,
|
|
121
119
|
children: title
|
|
122
120
|
}),
|
|
123
121
|
/*#__PURE__*/ _jsx(Text2, {
|
|
124
|
-
wordBreak: true,
|
|
125
122
|
truncate: subtitleLinesMax,
|
|
126
123
|
as: "div",
|
|
127
124
|
regular: true,
|
|
@@ -133,7 +130,6 @@ var CardContent = function(param) {
|
|
|
133
130
|
})
|
|
134
131
|
}),
|
|
135
132
|
description && /*#__PURE__*/ _jsx(Text2, {
|
|
136
|
-
wordBreak: true,
|
|
137
133
|
truncate: descriptionLinesMax,
|
|
138
134
|
as: "p",
|
|
139
135
|
regular: true,
|
|
@@ -363,14 +359,12 @@ var SnapCard = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
|
363
359
|
space: 4,
|
|
364
360
|
children: [
|
|
365
361
|
title && /*#__PURE__*/ _jsx(Text2, {
|
|
366
|
-
wordBreak: true,
|
|
367
362
|
truncate: titleLinesMax,
|
|
368
363
|
as: "h1",
|
|
369
364
|
regular: true,
|
|
370
365
|
children: title
|
|
371
366
|
}),
|
|
372
367
|
subtitle && /*#__PURE__*/ _jsx(Text2, {
|
|
373
|
-
wordBreak: true,
|
|
374
368
|
truncate: subtitleLinesMax,
|
|
375
369
|
regular: true,
|
|
376
370
|
color: colors.textSecondary,
|
|
@@ -137,7 +137,6 @@ var Content = function(props) {
|
|
|
137
137
|
/*#__PURE__*/ _jsx(Text4, {
|
|
138
138
|
as: "h1",
|
|
139
139
|
regular: true,
|
|
140
|
-
wordBreak: true,
|
|
141
140
|
truncate: props.titleLinesMax,
|
|
142
141
|
children: title
|
|
143
142
|
}),
|
|
@@ -146,7 +145,6 @@ var Content = function(props) {
|
|
|
146
145
|
children: /*#__PURE__*/ _jsx(Text2, {
|
|
147
146
|
regular: true,
|
|
148
147
|
color: theme.colors.textSecondary,
|
|
149
|
-
wordBreak: true,
|
|
150
148
|
truncate: props.descriptionLinesMax,
|
|
151
149
|
as: "p",
|
|
152
150
|
children: description
|
package/dist-es/list.js
CHANGED
|
@@ -251,7 +251,6 @@ var Content = function(param) {
|
|
|
251
251
|
space: 4,
|
|
252
252
|
children: [
|
|
253
253
|
headline && /*#__PURE__*/ _jsx(Text1, {
|
|
254
|
-
wordBreak: true,
|
|
255
254
|
regular: true,
|
|
256
255
|
color: colors.textPrimary,
|
|
257
256
|
children: headline
|
|
@@ -260,7 +259,6 @@ var Content = function(param) {
|
|
|
260
259
|
space: 2,
|
|
261
260
|
children: [
|
|
262
261
|
/*#__PURE__*/ _jsx(Text3, {
|
|
263
|
-
wordBreak: true,
|
|
264
262
|
regular: true,
|
|
265
263
|
color: colors.textPrimary,
|
|
266
264
|
truncate: titleLinesMax,
|
|
@@ -268,14 +266,12 @@ var Content = function(param) {
|
|
|
268
266
|
children: title
|
|
269
267
|
}),
|
|
270
268
|
subtitle && /*#__PURE__*/ _jsx(Text2, {
|
|
271
|
-
wordBreak: true,
|
|
272
269
|
regular: true,
|
|
273
270
|
color: colors.textSecondary,
|
|
274
271
|
truncate: subtitleLinesMax,
|
|
275
272
|
children: subtitle
|
|
276
273
|
}),
|
|
277
274
|
description && /*#__PURE__*/ _jsx(Text2, {
|
|
278
|
-
wordBreak: true,
|
|
279
275
|
regular: true,
|
|
280
276
|
color: colors.textSecondary,
|
|
281
277
|
truncate: descriptionLinesMax,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
// DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
|
|
2
|
-
export var PACKAGE_VERSION = "12.
|
|
2
|
+
export var PACKAGE_VERSION = "12.4.0";
|
package/dist-es/tabs.js
CHANGED
package/dist-es/text.js
CHANGED
|
@@ -96,6 +96,10 @@ var useStyles = createUseStyles(function(theme) {
|
|
|
96
96
|
return wordBreak ? "break-word" : "inherit";
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
|
+
hyphens: function(param) {
|
|
100
|
+
var hyphens = param.hyphens;
|
|
101
|
+
return hyphens;
|
|
102
|
+
},
|
|
99
103
|
// Needed to reset the default browser margin that adds to p, h1, h2... elements.
|
|
100
104
|
margin: 0
|
|
101
105
|
}, theme.mq.tabletOrSmaller, {
|
|
@@ -129,7 +133,7 @@ var useStyles = createUseStyles(function(theme) {
|
|
|
129
133
|
};
|
|
130
134
|
});
|
|
131
135
|
export var Text = function(param) {
|
|
132
|
-
var weight = param.weight, color = param.color, decoration = param.decoration, truncate = param.truncate, transform = param.transform,
|
|
136
|
+
var weight = param.weight, color = param.color, decoration = param.decoration, truncate = param.truncate, transform = param.transform, _wordBreak = param.wordBreak, wordBreak = _wordBreak === void 0 ? true : _wordBreak, hyphens = param.hyphens, _as = param.as, as = _as === void 0 ? "span" : _as, children = param.children, size = param.size, _mobileSize = param.mobileSize, mobileSize = _mobileSize === void 0 ? size : _mobileSize, _desktopSize = param.desktopSize, desktopSize = _desktopSize === void 0 ? size : _desktopSize, lineHeight = param.lineHeight, _mobileLineHeight = param.mobileLineHeight, mobileLineHeight = _mobileLineHeight === void 0 ? lineHeight : _mobileLineHeight, _desktopLineHeight = param.desktopLineHeight, desktopLineHeight = _desktopLineHeight === void 0 ? lineHeight : _desktopLineHeight, letterSpacing = param.letterSpacing, id = param.id, role = param.role, ariaLevel = param["aria-level"], dataAttributes = param.dataAttributes;
|
|
133
137
|
var isInverse = useIsInverseVariant();
|
|
134
138
|
var classes = useStyles({
|
|
135
139
|
isInverse: isInverse,
|
|
@@ -142,6 +146,7 @@ export var Text = function(param) {
|
|
|
142
146
|
decoration: decoration,
|
|
143
147
|
transform: transform,
|
|
144
148
|
wordBreak: wordBreak,
|
|
149
|
+
hyphens: hyphens,
|
|
145
150
|
letterSpacing: letterSpacing,
|
|
146
151
|
truncate: truncate
|
|
147
152
|
});
|
package/dist-es/title.js
CHANGED