@telefonica/mistica 14.19.0 → 14.20.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/css/mistica.css +1 -1
- package/dist/button.js +17 -17
- package/dist/card.css-mistica.js +6 -6
- package/dist/card.css.d.ts +0 -1
- package/dist/card.d.ts +15 -4
- package/dist/card.js +298 -264
- package/dist/community/advanced-data-card.css-mistica.js +18 -21
- package/dist/community/advanced-data-card.css.d.ts +2 -3
- package/dist/community/advanced-data-card.js +171 -158
- package/dist/generated/mistica-icons/icon-subtract-circle-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-subtract-circle-filled.js +110 -0
- package/dist/generated/mistica-icons/icon-subtract-circle-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-subtract-circle-light.js +116 -0
- package/dist/generated/mistica-icons/icon-subtract-circle-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-subtract-circle-regular.js +116 -0
- package/dist/generated/mistica-icons/icon-subtract-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-subtract-light.js +110 -0
- package/dist/generated/mistica-icons/icon-subtract-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-subtract-regular.js +110 -0
- package/dist/header.js +27 -29
- package/dist/index.d.ts +6 -1
- package/dist/index.js +23 -0
- package/dist/list.css-mistica.js +17 -14
- package/dist/list.css.d.ts +2 -1
- package/dist/list.js +170 -163
- package/dist/package-version.js +1 -1
- package/dist/skins/blau.js +14 -0
- package/dist/skins/defaults.js +14 -0
- package/dist/skins/movistar-legacy.js +14 -0
- package/dist/skins/movistar.js +14 -0
- package/dist/skins/o2.js +14 -0
- package/dist/skins/telefonica.js +16 -2
- package/dist/skins/types/index.d.ts +12 -0
- package/dist/skins/vivo-new.js +15 -1
- package/dist/skins/vivo.js +14 -0
- package/dist/tabs.css-mistica.js +10 -14
- package/dist/tabs.css.d.ts +1 -2
- package/dist/tabs.js +39 -33
- package/dist/theme-context-provider.js +29 -27
- package/dist/title.d.ts +1 -0
- package/dist/title.js +91 -29
- package/dist-es/button.js +17 -17
- package/dist-es/card.css-mistica.js +3 -3
- package/dist-es/card.js +409 -378
- package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
- package/dist-es/community/advanced-data-card.js +195 -182
- package/dist-es/generated/mistica-icons/icon-subtract-circle-filled.js +101 -0
- package/dist-es/generated/mistica-icons/icon-subtract-circle-light.js +107 -0
- package/dist-es/generated/mistica-icons/icon-subtract-circle-regular.js +107 -0
- package/dist-es/generated/mistica-icons/icon-subtract-light.js +101 -0
- package/dist-es/generated/mistica-icons/icon-subtract-regular.js +101 -0
- package/dist-es/header.js +46 -48
- package/dist-es/index.js +1725 -1720
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +242 -235
- package/dist-es/package-version.js +1 -1
- package/dist-es/skins/blau.js +14 -0
- package/dist-es/skins/defaults.js +14 -0
- package/dist-es/skins/movistar-legacy.js +14 -0
- package/dist-es/skins/movistar.js +14 -0
- package/dist-es/skins/o2.js +14 -0
- package/dist-es/skins/telefonica.js +16 -2
- package/dist-es/skins/vivo-new.js +15 -1
- package/dist-es/skins/vivo.js +14 -0
- package/dist-es/style.css +1 -1
- package/dist-es/tabs.css-mistica.js +8 -9
- package/dist-es/tabs.js +49 -43
- package/dist-es/theme-context-provider.js +63 -61
- package/dist-es/title.js +58 -38
- package/package.json +1 -1
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "default", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return p;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
+
const _themevariantcontext = require("../../theme-variant-context.js");
|
|
13
|
+
const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
|
|
14
|
+
function _define_property(obj, key, value) {
|
|
15
|
+
if (key in obj) {
|
|
16
|
+
Object.defineProperty(obj, key, {
|
|
17
|
+
value: value,
|
|
18
|
+
enumerable: true,
|
|
19
|
+
configurable: true,
|
|
20
|
+
writable: true
|
|
21
|
+
});
|
|
22
|
+
} else {
|
|
23
|
+
obj[key] = value;
|
|
24
|
+
}
|
|
25
|
+
return obj;
|
|
26
|
+
}
|
|
27
|
+
function _object_spread(target) {
|
|
28
|
+
for(var i = 1; i < arguments.length; i++){
|
|
29
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
30
|
+
var ownKeys = Object.keys(source);
|
|
31
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
32
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
33
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
34
|
+
}));
|
|
35
|
+
}
|
|
36
|
+
ownKeys.forEach(function(key) {
|
|
37
|
+
_define_property(target, key, source[key]);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
return target;
|
|
41
|
+
}
|
|
42
|
+
function ownKeys(object, enumerableOnly) {
|
|
43
|
+
var keys = Object.keys(object);
|
|
44
|
+
if (Object.getOwnPropertySymbols) {
|
|
45
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
46
|
+
if (enumerableOnly) {
|
|
47
|
+
symbols = symbols.filter(function(sym) {
|
|
48
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
keys.push.apply(keys, symbols);
|
|
52
|
+
}
|
|
53
|
+
return keys;
|
|
54
|
+
}
|
|
55
|
+
function _object_spread_props(target, source) {
|
|
56
|
+
source = source != null ? source : {};
|
|
57
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
58
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
59
|
+
} else {
|
|
60
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
61
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
return target;
|
|
65
|
+
}
|
|
66
|
+
function _object_without_properties(source, excluded) {
|
|
67
|
+
if (source == null) return {};
|
|
68
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
69
|
+
var key, i;
|
|
70
|
+
if (Object.getOwnPropertySymbols) {
|
|
71
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
72
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
73
|
+
key = sourceSymbolKeys[i];
|
|
74
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
75
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
76
|
+
target[key] = source[key];
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
return target;
|
|
80
|
+
}
|
|
81
|
+
function _object_without_properties_loose(source, excluded) {
|
|
82
|
+
if (source == null) return {};
|
|
83
|
+
var target = {};
|
|
84
|
+
var sourceKeys = Object.keys(source);
|
|
85
|
+
var key, i;
|
|
86
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
87
|
+
key = sourceKeys[i];
|
|
88
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
89
|
+
target[key] = source[key];
|
|
90
|
+
}
|
|
91
|
+
return target;
|
|
92
|
+
}
|
|
93
|
+
const a = (_param)=>{
|
|
94
|
+
var { color: i , size: r = 24 } = _param, s = _object_without_properties(_param, [
|
|
95
|
+
"color",
|
|
96
|
+
"size"
|
|
97
|
+
]);
|
|
98
|
+
const c = (0, _themevariantcontext.useIsInverseVariant)(), t = i !== null && i !== void 0 ? i : c ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
|
|
99
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
|
|
100
|
+
width: r,
|
|
101
|
+
height: r,
|
|
102
|
+
viewBox: "0 0 24 24",
|
|
103
|
+
role: "presentation"
|
|
104
|
+
}, s), {
|
|
105
|
+
children: [
|
|
106
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
|
|
107
|
+
fill: t,
|
|
108
|
+
d: "M17.938 11.997a.458.458 0 00-.457-.457H6.519a.458.458 0 000 .917H17.48c.25 0 .457-.21.457-.46z"
|
|
109
|
+
}),
|
|
110
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
|
|
111
|
+
fill: t,
|
|
112
|
+
d: "M12.457 1.01a30.31 30.31 0 00-.82-.01h-.22C9.212 1.019 1 1.776 1 11.966c0 10.201 8.286 11 10.496 11.03.113.004.228.004.341.004.232 0 .467-.003.667-.006C14.604 22.953 23 22.167 23 12.028 23 1.911 14.61 1.06 12.457 1.01zm-.402 21.074c-.072 0-.145 0-.218.002-.11 0-.219 0-.329-.003-.96-.016-3.427-.194-5.6-1.562-2.651-1.669-3.99-4.549-3.99-8.555 0-4.004 1.326-6.872 3.956-8.521 2.15-1.356 4.602-1.518 5.556-1.528h.21c.272 0 .554.003.798.01.961.021 3.428.225 5.613 1.596 2.673 1.675 4.032 4.539 4.032 8.505 0 9.16-7.347 10.008-9.598 10.048-.133.005-.28.006-.43.008z"
|
|
113
|
+
})
|
|
114
|
+
]
|
|
115
|
+
}));
|
|
116
|
+
}, p = a;
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "default", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return m;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
+
const _themevariantcontext = require("../../theme-variant-context.js");
|
|
13
|
+
const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
|
|
14
|
+
function _define_property(obj, key, value) {
|
|
15
|
+
if (key in obj) {
|
|
16
|
+
Object.defineProperty(obj, key, {
|
|
17
|
+
value: value,
|
|
18
|
+
enumerable: true,
|
|
19
|
+
configurable: true,
|
|
20
|
+
writable: true
|
|
21
|
+
});
|
|
22
|
+
} else {
|
|
23
|
+
obj[key] = value;
|
|
24
|
+
}
|
|
25
|
+
return obj;
|
|
26
|
+
}
|
|
27
|
+
function _object_spread(target) {
|
|
28
|
+
for(var i = 1; i < arguments.length; i++){
|
|
29
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
30
|
+
var ownKeys = Object.keys(source);
|
|
31
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
32
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
33
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
34
|
+
}));
|
|
35
|
+
}
|
|
36
|
+
ownKeys.forEach(function(key) {
|
|
37
|
+
_define_property(target, key, source[key]);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
return target;
|
|
41
|
+
}
|
|
42
|
+
function ownKeys(object, enumerableOnly) {
|
|
43
|
+
var keys = Object.keys(object);
|
|
44
|
+
if (Object.getOwnPropertySymbols) {
|
|
45
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
46
|
+
if (enumerableOnly) {
|
|
47
|
+
symbols = symbols.filter(function(sym) {
|
|
48
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
keys.push.apply(keys, symbols);
|
|
52
|
+
}
|
|
53
|
+
return keys;
|
|
54
|
+
}
|
|
55
|
+
function _object_spread_props(target, source) {
|
|
56
|
+
source = source != null ? source : {};
|
|
57
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
58
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
59
|
+
} else {
|
|
60
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
61
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
return target;
|
|
65
|
+
}
|
|
66
|
+
function _object_without_properties(source, excluded) {
|
|
67
|
+
if (source == null) return {};
|
|
68
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
69
|
+
var key, i;
|
|
70
|
+
if (Object.getOwnPropertySymbols) {
|
|
71
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
72
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
73
|
+
key = sourceSymbolKeys[i];
|
|
74
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
75
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
76
|
+
target[key] = source[key];
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
return target;
|
|
80
|
+
}
|
|
81
|
+
function _object_without_properties_loose(source, excluded) {
|
|
82
|
+
if (source == null) return {};
|
|
83
|
+
var target = {};
|
|
84
|
+
var sourceKeys = Object.keys(source);
|
|
85
|
+
var key, i;
|
|
86
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
87
|
+
key = sourceKeys[i];
|
|
88
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
89
|
+
target[key] = source[key];
|
|
90
|
+
}
|
|
91
|
+
return target;
|
|
92
|
+
}
|
|
93
|
+
const n = (_param)=>{
|
|
94
|
+
var { color: s , size: r = 24 } = _param, c = _object_without_properties(_param, [
|
|
95
|
+
"color",
|
|
96
|
+
"size"
|
|
97
|
+
]);
|
|
98
|
+
const l = (0, _themevariantcontext.useIsInverseVariant)(), o = s !== null && s !== void 0 ? s : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
|
|
99
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
|
|
100
|
+
width: r,
|
|
101
|
+
height: r,
|
|
102
|
+
viewBox: "0 0 24 24",
|
|
103
|
+
role: "presentation"
|
|
104
|
+
}, c), {
|
|
105
|
+
children: [
|
|
106
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
|
|
107
|
+
fill: o,
|
|
108
|
+
d: "M17.481 11.31a.691.691 0 010 1.38H6.516a.691.691 0 010-1.38H17.48z"
|
|
109
|
+
}),
|
|
110
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
|
|
111
|
+
fill: o,
|
|
112
|
+
d: "M12.457 1.01c-.247-.007-.538-.01-.82-.01h-.22C9.208 1.019 1 1.776 1 11.966c0 10.201 8.286 11 10.496 11.03.119.004.238.004.357.004.228 0 .454-.003.651-.006C14.601 22.953 23 22.167 23 12.028 23 1.914 14.617 1.063 12.457 1.01zm-.94 20.613c-2.748-.038-9.14-1.058-9.14-9.657 0-8.587 6.33-9.567 9.053-9.592h.207c.263 0 .526.003.789.01 2.764.065 9.196 1.14 9.196 9.644 0 8.505-6.395 9.541-9.146 9.591-.32.007-.639.007-.958.004z"
|
|
113
|
+
})
|
|
114
|
+
]
|
|
115
|
+
}));
|
|
116
|
+
}, m = n;
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "default", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return m;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
+
const _themevariantcontext = require("../../theme-variant-context.js");
|
|
13
|
+
const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
|
|
14
|
+
function _define_property(obj, key, value) {
|
|
15
|
+
if (key in obj) {
|
|
16
|
+
Object.defineProperty(obj, key, {
|
|
17
|
+
value: value,
|
|
18
|
+
enumerable: true,
|
|
19
|
+
configurable: true,
|
|
20
|
+
writable: true
|
|
21
|
+
});
|
|
22
|
+
} else {
|
|
23
|
+
obj[key] = value;
|
|
24
|
+
}
|
|
25
|
+
return obj;
|
|
26
|
+
}
|
|
27
|
+
function _object_spread(target) {
|
|
28
|
+
for(var i = 1; i < arguments.length; i++){
|
|
29
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
30
|
+
var ownKeys = Object.keys(source);
|
|
31
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
32
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
33
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
34
|
+
}));
|
|
35
|
+
}
|
|
36
|
+
ownKeys.forEach(function(key) {
|
|
37
|
+
_define_property(target, key, source[key]);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
return target;
|
|
41
|
+
}
|
|
42
|
+
function ownKeys(object, enumerableOnly) {
|
|
43
|
+
var keys = Object.keys(object);
|
|
44
|
+
if (Object.getOwnPropertySymbols) {
|
|
45
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
46
|
+
if (enumerableOnly) {
|
|
47
|
+
symbols = symbols.filter(function(sym) {
|
|
48
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
keys.push.apply(keys, symbols);
|
|
52
|
+
}
|
|
53
|
+
return keys;
|
|
54
|
+
}
|
|
55
|
+
function _object_spread_props(target, source) {
|
|
56
|
+
source = source != null ? source : {};
|
|
57
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
58
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
59
|
+
} else {
|
|
60
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
61
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
return target;
|
|
65
|
+
}
|
|
66
|
+
function _object_without_properties(source, excluded) {
|
|
67
|
+
if (source == null) return {};
|
|
68
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
69
|
+
var key, i;
|
|
70
|
+
if (Object.getOwnPropertySymbols) {
|
|
71
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
72
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
73
|
+
key = sourceSymbolKeys[i];
|
|
74
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
75
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
76
|
+
target[key] = source[key];
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
return target;
|
|
80
|
+
}
|
|
81
|
+
function _object_without_properties_loose(source, excluded) {
|
|
82
|
+
if (source == null) return {};
|
|
83
|
+
var target = {};
|
|
84
|
+
var sourceKeys = Object.keys(source);
|
|
85
|
+
var key, i;
|
|
86
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
87
|
+
key = sourceKeys[i];
|
|
88
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
89
|
+
target[key] = source[key];
|
|
90
|
+
}
|
|
91
|
+
return target;
|
|
92
|
+
}
|
|
93
|
+
const c = (_param)=>{
|
|
94
|
+
var { color: e , size: r = 24 } = _param, s = _object_without_properties(_param, [
|
|
95
|
+
"color",
|
|
96
|
+
"size"
|
|
97
|
+
]);
|
|
98
|
+
const i = (0, _themevariantcontext.useIsInverseVariant)(), n = e !== null && e !== void 0 ? e : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
|
|
99
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
|
|
100
|
+
width: r,
|
|
101
|
+
height: r,
|
|
102
|
+
viewBox: "0 0 24 24",
|
|
103
|
+
role: "presentation"
|
|
104
|
+
}, s), {
|
|
105
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
|
|
106
|
+
fill: n,
|
|
107
|
+
d: "M3 12.001a.6.6 0 01.6-.6h16.803a.6.6 0 01-.002 1.199H3.599A.6.6 0 013 12.002z"
|
|
108
|
+
})
|
|
109
|
+
}));
|
|
110
|
+
}, m = c;
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "default", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return f;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
+
const _themevariantcontext = require("../../theme-variant-context.js");
|
|
13
|
+
const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
|
|
14
|
+
function _define_property(obj, key, value) {
|
|
15
|
+
if (key in obj) {
|
|
16
|
+
Object.defineProperty(obj, key, {
|
|
17
|
+
value: value,
|
|
18
|
+
enumerable: true,
|
|
19
|
+
configurable: true,
|
|
20
|
+
writable: true
|
|
21
|
+
});
|
|
22
|
+
} else {
|
|
23
|
+
obj[key] = value;
|
|
24
|
+
}
|
|
25
|
+
return obj;
|
|
26
|
+
}
|
|
27
|
+
function _object_spread(target) {
|
|
28
|
+
for(var i = 1; i < arguments.length; i++){
|
|
29
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
30
|
+
var ownKeys = Object.keys(source);
|
|
31
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
32
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
33
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
34
|
+
}));
|
|
35
|
+
}
|
|
36
|
+
ownKeys.forEach(function(key) {
|
|
37
|
+
_define_property(target, key, source[key]);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
return target;
|
|
41
|
+
}
|
|
42
|
+
function ownKeys(object, enumerableOnly) {
|
|
43
|
+
var keys = Object.keys(object);
|
|
44
|
+
if (Object.getOwnPropertySymbols) {
|
|
45
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
46
|
+
if (enumerableOnly) {
|
|
47
|
+
symbols = symbols.filter(function(sym) {
|
|
48
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
keys.push.apply(keys, symbols);
|
|
52
|
+
}
|
|
53
|
+
return keys;
|
|
54
|
+
}
|
|
55
|
+
function _object_spread_props(target, source) {
|
|
56
|
+
source = source != null ? source : {};
|
|
57
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
58
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
59
|
+
} else {
|
|
60
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
61
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
return target;
|
|
65
|
+
}
|
|
66
|
+
function _object_without_properties(source, excluded) {
|
|
67
|
+
if (source == null) return {};
|
|
68
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
69
|
+
var key, i;
|
|
70
|
+
if (Object.getOwnPropertySymbols) {
|
|
71
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
72
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
73
|
+
key = sourceSymbolKeys[i];
|
|
74
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
75
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
76
|
+
target[key] = source[key];
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
return target;
|
|
80
|
+
}
|
|
81
|
+
function _object_without_properties_loose(source, excluded) {
|
|
82
|
+
if (source == null) return {};
|
|
83
|
+
var target = {};
|
|
84
|
+
var sourceKeys = Object.keys(source);
|
|
85
|
+
var key, i;
|
|
86
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
87
|
+
key = sourceKeys[i];
|
|
88
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
89
|
+
target[key] = source[key];
|
|
90
|
+
}
|
|
91
|
+
return target;
|
|
92
|
+
}
|
|
93
|
+
const l = (_param)=>{
|
|
94
|
+
var { color: e , size: r = 24 } = _param, s = _object_without_properties(_param, [
|
|
95
|
+
"color",
|
|
96
|
+
"size"
|
|
97
|
+
]);
|
|
98
|
+
const n = (0, _themevariantcontext.useIsInverseVariant)(), a = e !== null && e !== void 0 ? e : n ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
|
|
99
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
|
|
100
|
+
width: r,
|
|
101
|
+
height: r,
|
|
102
|
+
viewBox: "0 0 24 24",
|
|
103
|
+
role: "presentation"
|
|
104
|
+
}, s), {
|
|
105
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
|
|
106
|
+
fill: a,
|
|
107
|
+
d: "M3.001 12.047a.879.879 0 01.828-.924h16.34a.876.876 0 01.003 1.752H3.829A.876.876 0 013 12.047z"
|
|
108
|
+
})
|
|
109
|
+
}));
|
|
110
|
+
}, f = l;
|
package/dist/header.js
CHANGED
|
@@ -10,16 +10,16 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
Header: function() {
|
|
13
|
-
return
|
|
13
|
+
return $;
|
|
14
14
|
},
|
|
15
15
|
HeaderLayout: function() {
|
|
16
|
-
return
|
|
16
|
+
return Y;
|
|
17
17
|
},
|
|
18
18
|
MainSectionHeader: function() {
|
|
19
|
-
return
|
|
19
|
+
return E;
|
|
20
20
|
},
|
|
21
21
|
MainSectionHeaderLayout: function() {
|
|
22
|
-
return
|
|
22
|
+
return rr;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
25
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -34,6 +34,7 @@ const _buttongroup = /*#__PURE__*/ _interop_require_default(require("./button-gr
|
|
|
34
34
|
const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
|
|
35
35
|
const _headercssmistica = require("./header.css-mistica.js");
|
|
36
36
|
const _dom = require("./utils/dom.js");
|
|
37
|
+
const _title = require("./title.js");
|
|
37
38
|
function _interop_require_default(obj) {
|
|
38
39
|
return obj && obj.__esModule ? obj : {
|
|
39
40
|
default: obj
|
|
@@ -118,21 +119,21 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
118
119
|
}
|
|
119
120
|
return target;
|
|
120
121
|
}
|
|
121
|
-
const
|
|
122
|
-
let { pretitle: t , title: o , description: e , dataAttributes: d , small: m = !1 , preamount: s , amount: p , button: n , subtitle: i , isErrorAmount: h , secondaryButton:
|
|
123
|
-
const
|
|
124
|
-
if (typeof
|
|
122
|
+
const $ = (param)=>{
|
|
123
|
+
let { pretitle: t , title: o , description: e , dataAttributes: d , small: m = !1 , preamount: s , amount: p , button: n , subtitle: i , isErrorAmount: h , secondaryButton: b } = param;
|
|
124
|
+
const H = (0, _themevariantcontext.useIsInverseVariant)(), g = (f, v)=>{
|
|
125
|
+
if (typeof f == "string") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, _object_spread_props(_object_spread({
|
|
125
126
|
regular: !0
|
|
126
|
-
},
|
|
127
|
-
children:
|
|
127
|
+
}, v), {
|
|
128
|
+
children: f
|
|
128
129
|
}));
|
|
129
|
-
const { text:
|
|
130
|
+
const { text: V } = f, L = _object_without_properties(f, [
|
|
130
131
|
"text"
|
|
131
132
|
]);
|
|
132
133
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, _object_spread_props(_object_spread({
|
|
133
134
|
regular: !0
|
|
134
|
-
},
|
|
135
|
-
children:
|
|
135
|
+
}, v, L), {
|
|
136
|
+
children: f.text
|
|
136
137
|
}));
|
|
137
138
|
};
|
|
138
139
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
|
|
@@ -147,17 +148,14 @@ const Z = (param)=>{
|
|
|
147
148
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
|
|
148
149
|
space: 8,
|
|
149
150
|
children: [
|
|
150
|
-
t &&
|
|
151
|
+
t && g(t, {
|
|
151
152
|
color: _skincontractcssmistica.vars.colors.textPrimary
|
|
152
153
|
}),
|
|
153
|
-
m ? /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
154
|
-
|
|
155
|
-
role: "heading",
|
|
156
|
-
"aria-level": 2,
|
|
154
|
+
m ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_title.Title2, {
|
|
155
|
+
as: "h2",
|
|
157
156
|
children: o
|
|
158
|
-
}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
159
|
-
|
|
160
|
-
"aria-level": 2,
|
|
157
|
+
}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_title.Title3, {
|
|
158
|
+
as: "h2",
|
|
161
159
|
children: o
|
|
162
160
|
}),
|
|
163
161
|
e && (m ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
|
|
@@ -178,25 +176,25 @@ const Z = (param)=>{
|
|
|
178
176
|
(s || p) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
|
|
179
177
|
space: 8,
|
|
180
178
|
children: [
|
|
181
|
-
s &&
|
|
179
|
+
s && g(s, {
|
|
182
180
|
color: _skincontractcssmistica.vars.colors.textPrimary
|
|
183
181
|
}),
|
|
184
182
|
/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text8, {
|
|
185
|
-
color: h && !
|
|
183
|
+
color: h && !H ? _skincontractcssmistica.vars.colors.highlight : _skincontractcssmistica.vars.colors.textPrimary,
|
|
186
184
|
children: p
|
|
187
185
|
})
|
|
188
186
|
]
|
|
189
187
|
}),
|
|
190
|
-
(n ||
|
|
188
|
+
(n || b) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, {
|
|
191
189
|
primaryButton: n,
|
|
192
|
-
secondaryButton:
|
|
190
|
+
secondaryButton: b
|
|
193
191
|
}),
|
|
194
|
-
i &&
|
|
192
|
+
i && g(i, {})
|
|
195
193
|
]
|
|
196
194
|
})
|
|
197
195
|
]
|
|
198
196
|
});
|
|
199
|
-
},
|
|
197
|
+
}, E = (param)=>/* @__PURE__ */ {
|
|
200
198
|
let { title: t , description: o , button: e } = param;
|
|
201
199
|
return (0, _jsxruntime.jsxs)(_stack.default, {
|
|
202
200
|
space: 32,
|
|
@@ -220,7 +218,7 @@ const Z = (param)=>{
|
|
|
220
218
|
e
|
|
221
219
|
]
|
|
222
220
|
});
|
|
223
|
-
},
|
|
221
|
+
}, Y = (param)=>{
|
|
224
222
|
let { isInverse: t = !0 , breadcrumbs: o , header: e , extra: d , sideBySideExtraOnDesktop: m = !1 , dataAttributes: s , bleed: p = !1 , noPaddingY: n = !1 } = param;
|
|
225
223
|
const i = p && t && d, h = /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
226
224
|
children: [
|
|
@@ -281,7 +279,7 @@ const Z = (param)=>{
|
|
|
281
279
|
})
|
|
282
280
|
]
|
|
283
281
|
}));
|
|
284
|
-
},
|
|
282
|
+
}, rr = (param)=>/* @__PURE__ */ {
|
|
285
283
|
let { isInverse: t = !0 , children: o , dataAttributes: e } = param;
|
|
286
284
|
return (0, _jsxruntime.jsxs)(_responsivelayout.default, {
|
|
287
285
|
isInverse: t,
|
package/dist/index.d.ts
CHANGED
|
@@ -39,7 +39,7 @@ export { default as Text, Text1, Text2, Text3, Text4, Text5, Text6, Text7, Text8
|
|
|
39
39
|
export { default as Tag } from './tag';
|
|
40
40
|
export type { TagType } from './tag';
|
|
41
41
|
export { Placeholder } from './placeholder';
|
|
42
|
-
export { Title1, Title2 } from './title';
|
|
42
|
+
export { Title1, Title2, Title3 } from './title';
|
|
43
43
|
export { RowList, Row, BoxedRowList, BoxedRow } from './list';
|
|
44
44
|
export { default as Switch } from './switch-component';
|
|
45
45
|
export { default as Checkbox } from './checkbox';
|
|
@@ -1529,6 +1529,11 @@ export { default as IconSubscriptionRegular } from './generated/mistica-icons/ic
|
|
|
1529
1529
|
export { default as IconSubtitlesFilled } from './generated/mistica-icons/icon-subtitles-filled';
|
|
1530
1530
|
export { default as IconSubtitlesLight } from './generated/mistica-icons/icon-subtitles-light';
|
|
1531
1531
|
export { default as IconSubtitlesRegular } from './generated/mistica-icons/icon-subtitles-regular';
|
|
1532
|
+
export { default as IconSubtractCircleFilled } from './generated/mistica-icons/icon-subtract-circle-filled';
|
|
1533
|
+
export { default as IconSubtractCircleLight } from './generated/mistica-icons/icon-subtract-circle-light';
|
|
1534
|
+
export { default as IconSubtractCircleRegular } from './generated/mistica-icons/icon-subtract-circle-regular';
|
|
1535
|
+
export { default as IconSubtractLight } from './generated/mistica-icons/icon-subtract-light';
|
|
1536
|
+
export { default as IconSubtractRegular } from './generated/mistica-icons/icon-subtract-regular';
|
|
1532
1537
|
export { default as IconSunFilled } from './generated/mistica-icons/icon-sun-filled';
|
|
1533
1538
|
export { default as IconSunLight } from './generated/mistica-icons/icon-sun-light';
|
|
1534
1539
|
export { default as IconSunRegular } from './generated/mistica-icons/icon-sun-regular';
|
package/dist/index.js
CHANGED
|
@@ -4383,6 +4383,21 @@ _export(exports, {
|
|
|
4383
4383
|
IconSubtitlesRegular: function() {
|
|
4384
4384
|
return _iconsubtitlesregular.default;
|
|
4385
4385
|
},
|
|
4386
|
+
IconSubtractCircleFilled: function() {
|
|
4387
|
+
return _iconsubtractcirclefilled.default;
|
|
4388
|
+
},
|
|
4389
|
+
IconSubtractCircleLight: function() {
|
|
4390
|
+
return _iconsubtractcirclelight.default;
|
|
4391
|
+
},
|
|
4392
|
+
IconSubtractCircleRegular: function() {
|
|
4393
|
+
return _iconsubtractcircleregular.default;
|
|
4394
|
+
},
|
|
4395
|
+
IconSubtractLight: function() {
|
|
4396
|
+
return _iconsubtractlight.default;
|
|
4397
|
+
},
|
|
4398
|
+
IconSubtractRegular: function() {
|
|
4399
|
+
return _iconsubtractregular.default;
|
|
4400
|
+
},
|
|
4386
4401
|
IconSuccess: function() {
|
|
4387
4402
|
return _iconsuccess.default;
|
|
4388
4403
|
},
|
|
@@ -5382,6 +5397,9 @@ _export(exports, {
|
|
|
5382
5397
|
Title2: function() {
|
|
5383
5398
|
return _title.Title2;
|
|
5384
5399
|
},
|
|
5400
|
+
Title3: function() {
|
|
5401
|
+
return _title.Title3;
|
|
5402
|
+
},
|
|
5385
5403
|
Tooltip: function() {
|
|
5386
5404
|
return _tooltip.default;
|
|
5387
5405
|
},
|
|
@@ -7034,6 +7052,11 @@ const _iconsubscriptionregular = /*#__PURE__*/ _interop_require_default(require(
|
|
|
7034
7052
|
const _iconsubtitlesfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtitles-filled.js"));
|
|
7035
7053
|
const _iconsubtitleslight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtitles-light.js"));
|
|
7036
7054
|
const _iconsubtitlesregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtitles-regular.js"));
|
|
7055
|
+
const _iconsubtractcirclefilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtract-circle-filled.js"));
|
|
7056
|
+
const _iconsubtractcirclelight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtract-circle-light.js"));
|
|
7057
|
+
const _iconsubtractcircleregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtract-circle-regular.js"));
|
|
7058
|
+
const _iconsubtractlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtract-light.js"));
|
|
7059
|
+
const _iconsubtractregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-subtract-regular.js"));
|
|
7037
7060
|
const _iconsunfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-sun-filled.js"));
|
|
7038
7061
|
const _iconsunlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-sun-light.js"));
|
|
7039
7062
|
const _iconsunregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-sun-regular.js"));
|