@telefonica/mistica 12.0.0 → 12.2.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/README.md +2 -2
- package/dist/button-group.d.ts +2 -1
- package/dist/button-group.js +36 -5
- package/dist/button-group.js.flow +2 -1
- package/dist/button-layout.d.ts +2 -1
- package/dist/button-layout.js +22 -4
- package/dist/button-layout.js.flow +2 -1
- package/dist/button.js +114 -35
- package/dist/card.d.ts +4 -0
- package/dist/card.js +7 -2
- package/dist/card.js.flow +4 -0
- package/dist/carousel.d.ts +4 -0
- package/dist/carousel.js +6 -3
- package/dist/carousel.js.flow +6 -0
- package/dist/checkbox.js +2 -1
- package/dist/dialog.d.ts +21 -4
- package/dist/dialog.js +51 -26
- package/dist/dialog.js.flow +17 -4
- package/dist/generated/mistica-icons/icon-gift-light.js +1 -1
- package/dist/generated/mistica-icons/icon-hand-snap-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-intranet-light.js +1 -1
- package/dist/generated/mistica-icons/icon-photo-camera-filled.js +38 -18
- package/dist/generated/mistica-icons/icon-photo-camera-light.js +30 -16
- package/dist/generated/mistica-icons/icon-process-loading-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-shield-cross-light.js +1 -1
- package/dist/generated/mistica-icons/icon-shop-light.js +1 -1
- package/dist/generated/mistica-icons/icon-support-agent-premium-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-support-agent-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-tag-discount-euro-regular.js +1 -1
- package/dist/generated/mistica-icons/icon-talk-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-tips-and-tricks-regular.js +2 -2
- package/dist/generated/mistica-icons/icon-tongue-light.js +1 -1
- package/dist/generated/mistica-icons/icon-trash-can-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-umbrella-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-web-filled.js +1 -1
- package/dist/generated/mistica-icons/icon-world-device-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-world-device-filled.js +109 -0
- package/dist/generated/mistica-icons/icon-world-device-filled.js.flow +6 -0
- package/dist/generated/mistica-icons/icon-world-device-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-world-device-light.js +115 -0
- package/dist/generated/mistica-icons/icon-world-device-light.js.flow +6 -0
- package/dist/generated/mistica-icons/icon-world-device-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-world-device-regular.js +109 -0
- package/dist/generated/mistica-icons/icon-world-device-regular.js.flow +6 -0
- package/dist/grid-layout.d.ts +16 -0
- package/dist/grid-layout.js +96 -35
- package/dist/grid-layout.js.flow +33 -1
- package/dist/header.d.ts +3 -1
- package/dist/header.js +4 -2
- package/dist/header.js.flow +7 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +58 -0
- package/dist/index.js.flow +11 -1
- package/dist/navigation-bar.js +121 -96
- package/dist/overscroll-color-context.d.ts +1 -1
- package/dist/overscroll-color-context.js +12 -14
- package/dist/overscroll-color-context.js.flow +1 -1
- package/dist/package-version.js +1 -1
- package/dist/popover.d.ts +2 -1
- package/dist/popover.js +58 -63
- package/dist/popover.js.flow +2 -1
- package/dist/skeleton-base.d.ts +9 -0
- package/dist/skeleton-base.js +75 -0
- package/dist/skeleton-base.js.flow +11 -0
- package/dist/skeletons.d.ts +21 -0
- package/dist/skeletons.js +232 -0
- package/dist/skeletons.js.flow +29 -0
- package/dist/skins/blau.js +2 -2
- package/dist/skins/movistar.js +1 -1
- package/dist/skins/o2-classic.js +1 -1
- package/dist/skins/o2.js +1 -1
- package/dist/skins/telefonica.js +2 -2
- package/dist/skins/utils.d.ts +2 -0
- package/dist/skins/utils.js +34 -1
- package/dist/skins/utils.js.flow +2 -0
- package/dist/skins/vivo.js +1 -1
- package/dist/spinner.js +0 -1
- package/dist/tabs.d.ts +2 -1
- package/dist/tabs.js +22 -4
- package/dist/tabs.js.flow +2 -1
- package/dist/text-link.js +16 -8
- package/dist-es/button-group.js +35 -5
- package/dist-es/button-layout.js +21 -4
- package/dist-es/button.js +114 -35
- package/dist-es/card.js +7 -2
- package/dist-es/carousel.js +6 -3
- package/dist-es/checkbox.js +2 -1
- package/dist-es/dialog.js +51 -25
- package/dist-es/generated/mistica-icons/icon-gift-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-hand-snap-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-intranet-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-photo-camera-filled.js +38 -18
- package/dist-es/generated/mistica-icons/icon-photo-camera-light.js +30 -16
- package/dist-es/generated/mistica-icons/icon-process-loading-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-shield-cross-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-shop-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-support-agent-premium-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-support-agent-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-tag-discount-euro-regular.js +1 -1
- package/dist-es/generated/mistica-icons/icon-talk-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-tips-and-tricks-regular.js +2 -2
- package/dist-es/generated/mistica-icons/icon-tongue-light.js +1 -1
- package/dist-es/generated/mistica-icons/icon-trash-can-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-umbrella-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-web-filled.js +1 -1
- package/dist-es/generated/mistica-icons/icon-world-device-filled.js +85 -0
- package/dist-es/generated/mistica-icons/icon-world-device-light.js +91 -0
- package/dist-es/generated/mistica-icons/icon-world-device-regular.js +85 -0
- package/dist-es/grid-layout.js +95 -35
- package/dist-es/header.js +4 -2
- package/dist-es/index.js +5 -1
- package/dist-es/navigation-bar.js +121 -96
- package/dist-es/overscroll-color-context.js +12 -14
- package/dist-es/package-version.js +1 -1
- package/dist-es/popover.js +59 -64
- package/dist-es/skeleton-base.js +43 -0
- package/dist-es/skeletons.js +196 -0
- package/dist-es/skins/blau.js +2 -2
- package/dist-es/skins/movistar.js +1 -1
- package/dist-es/skins/o2-classic.js +1 -1
- package/dist-es/skins/o2.js +1 -1
- package/dist-es/skins/telefonica.js +2 -2
- package/dist-es/skins/utils.js +12 -0
- package/dist-es/skins/vivo.js +1 -1
- package/dist-es/spinner.js +0 -1
- package/dist-es/tabs.js +21 -4
- package/dist-es/text-link.js +16 -8
- package/package.json +2 -2
package/dist-es/text-link.js
CHANGED
|
@@ -62,25 +62,33 @@ import { useIsInverseVariant } from "./theme-variant-context";
|
|
|
62
62
|
import { useForm } from "./form-context";
|
|
63
63
|
import { getTextFromChildren } from "./utils/common";
|
|
64
64
|
import { eventActions, eventCategories, eventNames, useTrackingConfig } from "./utils/analytics";
|
|
65
|
-
var useStyles = createUseStyles(function(
|
|
65
|
+
var useStyles = createUseStyles(function(param) {
|
|
66
|
+
var colors = param.colors, isDarkMode = param.isDarkMode, mq = param.mq;
|
|
66
67
|
var _obj;
|
|
67
68
|
return {
|
|
68
69
|
textLink: (_obj = {
|
|
69
70
|
width: "auto",
|
|
70
71
|
lineHeight: "inherit",
|
|
71
72
|
display: "inline-block",
|
|
72
|
-
color:
|
|
73
|
-
wordBreak: "break-word"
|
|
74
|
-
|
|
73
|
+
color: colors.textLink,
|
|
74
|
+
wordBreak: "break-word",
|
|
75
|
+
cursor: "pointer"
|
|
76
|
+
}, _defineProperty(_obj, mq.supportsHover, {
|
|
75
77
|
"&:hover:not([disabled])": {
|
|
76
78
|
textDecoration: "underline"
|
|
77
79
|
}
|
|
78
80
|
}), _defineProperty(_obj, "&[disabled]", {
|
|
79
|
-
opacity: 0.5
|
|
81
|
+
opacity: 0.5,
|
|
82
|
+
textDecoration: "none"
|
|
80
83
|
}), _obj),
|
|
81
|
-
inverse: {
|
|
82
|
-
color:
|
|
83
|
-
|
|
84
|
+
inverse: _defineProperty({
|
|
85
|
+
color: colors.textLinkInverse,
|
|
86
|
+
textDecoration: isDarkMode ? "none" : "underline"
|
|
87
|
+
}, mq.supportsHover, {
|
|
88
|
+
"&:hover:not([disabled])": {
|
|
89
|
+
textDecorationThickness: isDarkMode ? 1 : 2
|
|
90
|
+
}
|
|
91
|
+
}),
|
|
84
92
|
small: {
|
|
85
93
|
fontSize: 14
|
|
86
94
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telefonica/mistica",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.2.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"@telefonica/acceptance-testing": "^2.7.0",
|
|
80
80
|
"@telefonica/eslint-config": "^1.0.7",
|
|
81
81
|
"@telefonica/prettier-config": "^1.1.0",
|
|
82
|
-
"@telefonica/ts-to-flow": "1.2.
|
|
82
|
+
"@telefonica/ts-to-flow": "1.2.2",
|
|
83
83
|
"@testing-library/jest-dom": "^5.16.3",
|
|
84
84
|
"@testing-library/react": "^12.1.4",
|
|
85
85
|
"@testing-library/user-event": "^13.5.0",
|