@transferwise/neptune-css 12.3.3 → 12.3.7

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.
@@ -1 +1 @@
1
- .tooltip{position:absolute;z-index:1070;display:block;font-family:Averta,Avenir W02,Avenir,Helvetica,Arial,sans-serif;font-family:var(--font-family-regular,Averta,,,Avenir,W02,,,Avenir,,,Helvetica,,,Arial,,,sans-serif);font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:24px;line-height:var(--size-24,24px);text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;opacity:0}[dir=rtl] .tooltip{text-align:right}.tooltip.in{opacity:1}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}[dir=rtl] .tooltip.right{margin-right:3px;margin-left:0}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}[dir=rtl] .tooltip.left{margin-right:-3px;margin-left:0}.tooltip-inner{font-size:.875rem;font-size:var(--font-size-14,.875rem);max-width:200px;padding:16px;padding:var(--size-16,16px) var(--size-16,16px);color:#37517e;color:var(--color-content-primary,#37517e);text-align:center;background-color:#fff;background-color:var(--color-background-screen,#fff);border-radius:3px;box-shadow:0 1px 28px 0 rgba(34,48,73,.2)}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#fff;border-top-color:var(--color-background-screen,#fff)}[dir=rtl] .tooltip.top .tooltip-arrow{right:50%;left:auto;margin-right:-5px;margin-left:0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#fff;border-right-color:var(--color-background-screen,#fff)}[dir=rtl] .tooltip.right .tooltip-arrow{right:0;left:auto}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#fff;border-left-color:var(--color-background-screen,#fff)}[dir=rtl] .tooltip.left .tooltip-arrow{left:0;right:auto}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#fff;border-bottom-color:var(--color-background-screen,#fff)}[dir=rtl] .tooltip.bottom .tooltip-arrow{right:50%;left:auto;margin-right:-5px;margin-left:0}[data-toggle=tooltip]:not(.btn){cursor:pointer}[data-toggle=tooltip]:not(.btn):focus,[data-toggle=tooltip]:not(.btn):hover{color:#0084b3!important;color:var(--color-content-accent-hover,#0084b3)!important;outline:0}a[data-toggle=tooltip]{white-space:nowrap}
1
+ .tooltip{position:absolute;z-index:1070;display:block;font-family:Averta,Avenir W02,Avenir,Helvetica,Arial,sans-serif;font-family:var(--font-family-regular,Averta,,,Avenir,W02,,,Avenir,,,Helvetica,,,Arial,,,sans-serif);font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:24px;line-height:var(--size-24,24px);text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;opacity:0}[dir=rtl] .tooltip{text-align:right}.tooltip.in{opacity:1}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}[dir=rtl] .tooltip.right{margin-right:3px;margin-left:0}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}[dir=rtl] .tooltip.left{margin-right:-3px;margin-left:0}.tooltip-inner{font-size:.875rem;font-size:var(--font-size-14,.875rem);max-width:200px;min-width:120px;padding:16px;padding:var(--size-16,16px) var(--size-16,16px);color:#37517e;color:var(--color-content-primary,#37517e);text-align:center;background-color:#fff;background-color:var(--color-background-screen,#fff);border-radius:3px;box-shadow:0 1px 28px 0 rgba(34,48,73,.2)}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#fff;border-top-color:var(--color-background-screen,#fff)}[dir=rtl] .tooltip.top .tooltip-arrow{right:50%;left:auto;margin-right:-5px;margin-left:0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#fff;border-right-color:var(--color-background-screen,#fff)}[dir=rtl] .tooltip.right .tooltip-arrow{right:0;left:auto}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#fff;border-left-color:var(--color-background-screen,#fff)}[dir=rtl] .tooltip.left .tooltip-arrow{left:0;right:auto}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#fff;border-bottom-color:var(--color-background-screen,#fff)}[dir=rtl] .tooltip.bottom .tooltip-arrow{right:50%;left:auto;margin-right:-5px;margin-left:0}[data-toggle=tooltip]:not(.btn){cursor:pointer}[data-toggle=tooltip]:not(.btn):focus,[data-toggle=tooltip]:not(.btn):hover{color:#0084b3!important;color:var(--color-content-accent-hover,#0084b3)!important;outline:0}a[data-toggle=tooltip]{white-space:nowrap}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "12.3.3",
4
+ "version": "12.3.7",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -60,5 +60,5 @@
60
60
  "bin": {
61
61
  "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
62
62
  },
63
- "gitHead": "51a0f19986d12e6ac8c7d2f00916b2dc165f31ad"
63
+ "gitHead": "ae974aa36be0da56feadf48eb662a3eae57bfee7"
64
64
  }
@@ -101,7 +101,7 @@
101
101
  }
102
102
  }
103
103
 
104
- @media (--screen-md) {
104
+ @media (--screen-md-max) {
105
105
  // apply to body to prevent background scrolling
106
106
  .column-layout-open {
107
107
  overflow: hidden;
@@ -28,6 +28,8 @@
28
28
  position: relative;
29
29
  .arrow-pointer(@size);
30
30
 
31
- clip-path: polygon(0% 0%, 0 100%, 100% 0);
31
+ &::before {
32
+ clip-path: polygon(0% 0%, 0 100%, 100% 0);
33
+ }
32
34
  .arrow-positions(@size);
33
35
  }
@@ -14,7 +14,6 @@
14
14
  background-color: @background;
15
15
  border-color: @border;
16
16
  transition: all 0.15s ease-in-out;
17
- transition-property: color, border-color, background-color;
18
17
 
19
18
  &:not(.disabled, :disabled):focus,
20
19
  &:not(.disabled, :disabled).focus {
@@ -52,6 +52,7 @@
52
52
  .tooltip-inner {
53
53
  font-size: var(--font-size-14);
54
54
  max-width: @tooltip-max-width;
55
+ min-width: 120px;
55
56
  padding: var(--size-16) var(--size-16);
56
57
  color: var(--color-content-primary);
57
58
  text-align: center;