@transferwise/neptune-css 14.24.4 → 14.24.6
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/css/accordion.css +0 -4
- package/dist/css/button-groups.css +179 -92
- package/dist/css/buttons.css +0 -4
- package/dist/css/decision.css +43 -24
- package/dist/css/dropdowns.css +97 -51
- package/dist/css/droppable.css +91 -47
- package/dist/css/footer.css +43 -24
- package/dist/css/input-groups.css +2 -6
- package/dist/css/list-group.css +119 -62
- package/dist/css/navbar.css +0 -4
- package/dist/css/neptune-core.css +6 -60
- package/dist/css/neptune.css +24 -91
- package/dist/css/popovers.css +215 -110
- package/dist/css/tooltip.css +49 -27
- package/dist/less/neptune-tokens.less +2 -2
- package/dist/props/neptune-tokens.css +1 -1
- package/package.json +5 -5
package/dist/css/tooltip.css
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
}@media (min-width: 768px) {
|
|
3
|
-
}.tooltip {
|
|
1
|
+
.tooltip {
|
|
4
2
|
position: absolute;
|
|
5
3
|
z-index: 1070;
|
|
6
4
|
display: block;
|
|
@@ -22,31 +20,40 @@
|
|
|
22
20
|
word-spacing: normal;
|
|
23
21
|
word-wrap: normal;
|
|
24
22
|
opacity: 0;
|
|
25
|
-
}
|
|
23
|
+
}
|
|
24
|
+
[dir="rtl"] .tooltip {
|
|
26
25
|
text-align: right;
|
|
27
|
-
}
|
|
26
|
+
}
|
|
27
|
+
.tooltip.in {
|
|
28
28
|
opacity: 1;
|
|
29
|
-
}
|
|
29
|
+
}
|
|
30
|
+
.tooltip.top {
|
|
30
31
|
margin-top: -3px;
|
|
31
32
|
padding: 5px 0;
|
|
32
|
-
}
|
|
33
|
+
}
|
|
34
|
+
.tooltip.right {
|
|
33
35
|
margin-left: 3px;
|
|
34
36
|
padding: 0 5px;
|
|
35
|
-
}
|
|
37
|
+
}
|
|
38
|
+
[dir="rtl"] .tooltip.right {
|
|
36
39
|
margin-right: 3px;
|
|
37
40
|
margin-left: 0;
|
|
38
41
|
margin-left: initial;
|
|
39
|
-
}
|
|
42
|
+
}
|
|
43
|
+
.tooltip.bottom {
|
|
40
44
|
margin-top: 3px;
|
|
41
45
|
padding: 5px 0;
|
|
42
|
-
}
|
|
46
|
+
}
|
|
47
|
+
.tooltip.left {
|
|
43
48
|
margin-left: -3px;
|
|
44
49
|
padding: 0 5px;
|
|
45
|
-
}
|
|
50
|
+
}
|
|
51
|
+
[dir="rtl"] .tooltip.left {
|
|
46
52
|
margin-right: -3px;
|
|
47
53
|
margin-left: 0;
|
|
48
54
|
margin-left: initial;
|
|
49
|
-
}
|
|
55
|
+
}
|
|
56
|
+
.tooltip-inner {
|
|
50
57
|
font-size: 0.875rem;
|
|
51
58
|
font-size: var(--font-size-14);
|
|
52
59
|
line-height: 155%;
|
|
@@ -64,75 +71,90 @@
|
|
|
64
71
|
background-color: var(--color-background-screen);
|
|
65
72
|
border-radius: 3px;
|
|
66
73
|
box-shadow: 0 1px 28px 0 rgba(34, 48, 73, 0.2);
|
|
67
|
-
}
|
|
74
|
+
}
|
|
75
|
+
.np-theme-personal--forest-green .tooltip-inner,
|
|
68
76
|
.np-theme-personal--bright-green .tooltip-inner,
|
|
69
77
|
.np-theme-personal--dark .tooltip-inner {
|
|
70
78
|
box-shadow: none;
|
|
71
|
-
}
|
|
79
|
+
}
|
|
80
|
+
.tooltip-arrow {
|
|
72
81
|
position: absolute;
|
|
73
82
|
width: 0;
|
|
74
83
|
height: 0;
|
|
75
84
|
border-color: transparent;
|
|
76
85
|
border-style: solid;
|
|
77
|
-
}
|
|
86
|
+
}
|
|
87
|
+
.tooltip.top .tooltip-arrow {
|
|
78
88
|
bottom: 0;
|
|
79
89
|
left: 50%;
|
|
80
90
|
margin-left: -5px;
|
|
81
91
|
border-width: 5px 5px 0;
|
|
82
92
|
border-top-color: #ffffff;
|
|
83
93
|
border-top-color: var(--color-background-screen);
|
|
84
|
-
}
|
|
94
|
+
}
|
|
95
|
+
[dir="rtl"] .tooltip.top .tooltip-arrow {
|
|
85
96
|
right: 50%;
|
|
86
97
|
left: auto;
|
|
87
98
|
left: initial;
|
|
88
|
-
}
|
|
99
|
+
}
|
|
100
|
+
[dir="rtl"] .tooltip.top .tooltip-arrow {
|
|
89
101
|
margin-right: -5px;
|
|
90
102
|
margin-left: 0;
|
|
91
103
|
margin-left: initial;
|
|
92
|
-
}
|
|
104
|
+
}
|
|
105
|
+
.tooltip.right .tooltip-arrow {
|
|
93
106
|
top: 50%;
|
|
94
107
|
left: 0;
|
|
95
108
|
margin-top: -5px;
|
|
96
109
|
border-width: 5px 5px 5px 0;
|
|
97
110
|
border-right-color: #ffffff;
|
|
98
111
|
border-right-color: var(--color-background-screen);
|
|
99
|
-
}
|
|
112
|
+
}
|
|
113
|
+
[dir="rtl"] .tooltip.right .tooltip-arrow {
|
|
100
114
|
right: 0;
|
|
101
115
|
left: auto;
|
|
102
116
|
left: initial;
|
|
103
|
-
}
|
|
117
|
+
}
|
|
118
|
+
.tooltip.left .tooltip-arrow {
|
|
104
119
|
top: 50%;
|
|
105
120
|
right: 0;
|
|
106
121
|
margin-top: -5px;
|
|
107
122
|
border-width: 5px 0 5px 5px;
|
|
108
123
|
border-left-color: #ffffff;
|
|
109
124
|
border-left-color: var(--color-background-screen);
|
|
110
|
-
}
|
|
125
|
+
}
|
|
126
|
+
[dir="rtl"] .tooltip.left .tooltip-arrow {
|
|
111
127
|
left: 0;
|
|
112
128
|
right: auto;
|
|
113
129
|
right: initial;
|
|
114
|
-
}
|
|
130
|
+
}
|
|
131
|
+
.tooltip.bottom .tooltip-arrow {
|
|
115
132
|
top: 0;
|
|
116
133
|
left: 50%;
|
|
117
134
|
margin-left: -5px;
|
|
118
135
|
border-width: 0 5px 5px;
|
|
119
136
|
border-bottom-color: #ffffff;
|
|
120
137
|
border-bottom-color: var(--color-background-screen);
|
|
121
|
-
}
|
|
138
|
+
}
|
|
139
|
+
[dir="rtl"] .tooltip.bottom .tooltip-arrow {
|
|
122
140
|
right: 50%;
|
|
123
141
|
left: auto;
|
|
124
142
|
left: initial;
|
|
125
|
-
}
|
|
143
|
+
}
|
|
144
|
+
[dir="rtl"] .tooltip.bottom .tooltip-arrow {
|
|
126
145
|
margin-right: -5px;
|
|
127
146
|
margin-left: 0;
|
|
128
147
|
margin-left: initial;
|
|
129
|
-
}
|
|
148
|
+
}
|
|
149
|
+
[data-toggle="tooltip"]:not(.btn) {
|
|
130
150
|
cursor: pointer;
|
|
131
|
-
}
|
|
151
|
+
}
|
|
152
|
+
[data-toggle="tooltip"]:not(.btn):hover,
|
|
132
153
|
[data-toggle="tooltip"]:not(.btn):focus {
|
|
133
154
|
color: #0084b3 !important;
|
|
134
155
|
color: var(--color-content-accent-hover) !important;
|
|
135
156
|
outline: 0;
|
|
136
|
-
}
|
|
157
|
+
}
|
|
158
|
+
a[data-toggle="tooltip"] {
|
|
137
159
|
white-space: nowrap;
|
|
138
160
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 11 Aug 2025 16:09:53 GMT
|
|
4
4
|
|
|
5
5
|
@color-dark-content-primary: #e2e6e8;
|
|
6
6
|
@color-dark-content-secondary: #c9cbce;
|
|
@@ -221,7 +221,7 @@
|
|
|
221
221
|
@font-family-display: 'Wise Sans', 'Inter', sans-serif;
|
|
222
222
|
|
|
223
223
|
// Do not edit directly
|
|
224
|
-
// Generated on
|
|
224
|
+
// Generated on Mon, 11 Aug 2025 16:09:53 GMT
|
|
225
225
|
|
|
226
226
|
@color-base-blue-light: #00b9ff;
|
|
227
227
|
@color-base-blue-mid: #00a2dd;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/neptune-css",
|
|
3
3
|
"description": "Neptune CSS library",
|
|
4
|
-
"version": "14.24.
|
|
4
|
+
"version": "14.24.6",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -23,12 +23,12 @@
|
|
|
23
23
|
"scripts"
|
|
24
24
|
],
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@transferwise/neptune-tokens": "^8.
|
|
26
|
+
"@transferwise/neptune-tokens": "^8.19.1"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"gulp": "^5.0.
|
|
30
|
-
"modern-normalize": "^
|
|
31
|
-
"@transferwise/less-config": "3.1.
|
|
29
|
+
"gulp": "^5.0.1",
|
|
30
|
+
"modern-normalize": "^3.0.1",
|
|
31
|
+
"@transferwise/less-config": "3.1.2",
|
|
32
32
|
"@wise/wds-configs": "0.0.0"
|
|
33
33
|
},
|
|
34
34
|
"publishConfig": {
|