@cloudflare/component-tooltip 4.1.0 → 4.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/CHANGELOG.md +6 -0
- package/es/Tooltip.js +14 -14
- package/lib/Tooltip.js +14 -14
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/es/Tooltip.js
CHANGED
|
@@ -34,23 +34,23 @@ export var tooltipStyles = _ref => {
|
|
|
34
34
|
},
|
|
35
35
|
color: "".concat(theme.colors.white, " !important"),
|
|
36
36
|
backgroundColor: getBackgroundColor(theme, type),
|
|
37
|
-
opacity: '1!important',
|
|
38
|
-
fontSize: "".concat(theme.fontSizes[1], "px!important"),
|
|
39
|
-
borderRadius: '2px!important',
|
|
40
|
-
maxWidth: '21rem!important',
|
|
41
|
-
paddingLeft: "".concat(theme.space[3], "px!important"),
|
|
42
|
-
paddingRight: "".concat(theme.space[3], "px!important"),
|
|
43
|
-
paddingTop: "".concat(theme.space[2], "px!important"),
|
|
44
|
-
paddingBottom: "".concat(theme.space[2], "px!important"),
|
|
45
|
-
fontWeight: 'normal!important',
|
|
46
|
-
lineHeight: '1.5!important',
|
|
37
|
+
opacity: '1 !important',
|
|
38
|
+
fontSize: "".concat(theme.fontSizes[1], "px !important"),
|
|
39
|
+
borderRadius: '2px !important',
|
|
40
|
+
maxWidth: '21rem !important',
|
|
41
|
+
paddingLeft: "".concat(theme.space[3], "px !important"),
|
|
42
|
+
paddingRight: "".concat(theme.space[3], "px !important"),
|
|
43
|
+
paddingTop: "".concat(theme.space[2], "px !important"),
|
|
44
|
+
paddingBottom: "".concat(theme.space[2], "px !important"),
|
|
45
|
+
fontWeight: 'normal !important',
|
|
46
|
+
lineHeight: '1.5 !important',
|
|
47
47
|
pointerEvents: 'auto !important',
|
|
48
|
-
verticalAlign: 'baseline!important',
|
|
48
|
+
verticalAlign: 'baseline !important',
|
|
49
49
|
whiteSpace: 'normal',
|
|
50
|
-
zIndex: '1300',
|
|
50
|
+
zIndex: '1300 !important',
|
|
51
51
|
'&:hover': {
|
|
52
|
-
visibility: 'visible!important',
|
|
53
|
-
opacity: '1!important'
|
|
52
|
+
visibility: 'visible !important',
|
|
53
|
+
opacity: '1 !important'
|
|
54
54
|
},
|
|
55
55
|
'& a': {
|
|
56
56
|
color: theme.colors.white,
|
package/lib/Tooltip.js
CHANGED
|
@@ -68,23 +68,23 @@ var tooltipStyles = function tooltipStyles(_ref) {
|
|
|
68
68
|
},
|
|
69
69
|
color: "".concat(theme.colors.white, " !important"),
|
|
70
70
|
backgroundColor: getBackgroundColor(theme, type),
|
|
71
|
-
opacity: '1!important',
|
|
72
|
-
fontSize: "".concat(theme.fontSizes[1], "px!important"),
|
|
73
|
-
borderRadius: '2px!important',
|
|
74
|
-
maxWidth: '21rem!important',
|
|
75
|
-
paddingLeft: "".concat(theme.space[3], "px!important"),
|
|
76
|
-
paddingRight: "".concat(theme.space[3], "px!important"),
|
|
77
|
-
paddingTop: "".concat(theme.space[2], "px!important"),
|
|
78
|
-
paddingBottom: "".concat(theme.space[2], "px!important"),
|
|
79
|
-
fontWeight: 'normal!important',
|
|
80
|
-
lineHeight: '1.5!important',
|
|
71
|
+
opacity: '1 !important',
|
|
72
|
+
fontSize: "".concat(theme.fontSizes[1], "px !important"),
|
|
73
|
+
borderRadius: '2px !important',
|
|
74
|
+
maxWidth: '21rem !important',
|
|
75
|
+
paddingLeft: "".concat(theme.space[3], "px !important"),
|
|
76
|
+
paddingRight: "".concat(theme.space[3], "px !important"),
|
|
77
|
+
paddingTop: "".concat(theme.space[2], "px !important"),
|
|
78
|
+
paddingBottom: "".concat(theme.space[2], "px !important"),
|
|
79
|
+
fontWeight: 'normal !important',
|
|
80
|
+
lineHeight: '1.5 !important',
|
|
81
81
|
pointerEvents: 'auto !important',
|
|
82
|
-
verticalAlign: 'baseline!important',
|
|
82
|
+
verticalAlign: 'baseline !important',
|
|
83
83
|
whiteSpace: 'normal',
|
|
84
|
-
zIndex: '1300',
|
|
84
|
+
zIndex: '1300 !important',
|
|
85
85
|
'&:hover': {
|
|
86
|
-
visibility: 'visible!important',
|
|
87
|
-
opacity: '1!important'
|
|
86
|
+
visibility: 'visible !important',
|
|
87
|
+
opacity: '1 !important'
|
|
88
88
|
},
|
|
89
89
|
'& a': {
|
|
90
90
|
color: theme.colors.white,
|
package/package.json
CHANGED