@transferwise/neptune-css 14.3.46 → 14.3.48

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "14.3.46",
+  "version": "14.3.48",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -23,6 +23,22 @@
     "scripts",
     "upgrades/scripts"
   ],
+  "dependencies": {
+    "@transferwise/neptune-tokens": "^8.4.0",
+    "inquirer": "^8.2.0",
+    "inquirer-file-tree-selection-prompt": "^1.0.13",
+    "replace-in-file": "6.3.5"
+  },
+  "devDependencies": {
+    "yargs": "^17.1.1",
+    "@transferwise/less-config": "3.0.6"
+  },
+  "bin": {
+    "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "npm-run-all build:*",
     "build:clean": "rm -rf dist",
@@ -34,26 +50,9 @@
     "dev:less": "gulp watchLess --src='src/less/**'",
     "dev:props": "gulp watchPropsAndVars --src='src/props'",
     "dev:vars": "gulp watchPropsAndVars --src='src/variables'",
-    "docs": "yarn build",
+    "docs": "pnpm run build",
     "copy:images": "cpx 'src/img/**' dist/img",
     "copy:fonts": "cpx 'src/fonts/*' dist/fonts",
     "prettier": "prettier --write src/less/*.less"
-  },
-  "dependencies": {
-    "@transferwise/neptune-tokens": "^8.4.0",
-    "bootstrap": "github:transferwise/bootstrap#v7.0.0",
-    "inquirer": "^8.2.0",
-    "inquirer-file-tree-selection-prompt": "^1.0.13",
-    "replace-in-file": "6.3.5"
-  },
-  "devDependencies": {
-    "@transferwise/less-config": "^3.0.6",
-    "yargs": "^17.1.1"
-  },
-  "bin": {
-    "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
-  },
-  "publishConfig": {
-    "access": "public"
   }
-}
+}

package/src/less/alerts.less

@@ -1,5 +1,5 @@
 @import (reference) "../variables/legacy-variables.less";
-@import (reference) "@transferwise/neptune-css/src/less/addons/_spacing-utilities.less";
+@import (reference) "./addons/_spacing-utilities.less";
 @import (reference) "../variables/neptune-tokens.less";
 @import (reference) "./mixins/_alerts.less";
 

package/src/less/dropdowns.less

@@ -4,7 +4,7 @@
 @import (reference) "./mixins/_border-radius.less";
 @import (reference) "./mixins/_logical-properties.less";
 @import (reference) "./mixins/_theming.less";
-@import (reference) "bootstrap/less/mixins/nav-divider.less";
+@import (reference) "./mixins/_nav-divider.less";
 
 //
 // Dropdown menus

package/src/less/forms/bootstrap-forms.less

@@ -838,7 +838,6 @@ input[type="password"] {
   .form-group .row [class*='col-sm-'] {
     margin-bottom: 0;
 
-    .form-control,
     .btn-input {
       margin-bottom: (@padding-base-vertical * 1.5);
     }
@@ -1113,22 +1112,27 @@ input[type="password"] {
       box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
     }
 
-    .tw-radio-button{
+    .tw-radio-button {
       border-color: var(--color-sentiment-negative) !important;
 
+      &.checked {
+        box-shadow: inset 0 0 0 1px var(--color-sentiment-negative);
+      }
+
       &.checked .tw-radio-check {
         background: var(--color-sentiment-negative) !important;
       }
     }
 
     .checkbox:hover .tw-checkbox-button, 
+    .radio:not(.disabled):hover .tw-radio-button,
     .tw-checkbox-button:not(.disabled,:disabled):hover, 
     input[type=checkbox]:hover+.tw-checkbox-button, 
+    input[type=radio]:not(.disabled,:disabled):hover+.tw-radio-button,
     input[type=checkbox]:not(.disabled,:disabled):hover+.tw-checkbox-button {
       box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
     }
 
-    
     .tw-checkbox-button.checked, 
     .tw-checkbox-button:checked, 
     input[type=checkbox]:checked+.tw-checkbox-button,

package/src/less/forms/checkbox-radio.less

@@ -148,7 +148,7 @@
   transition: border 0.15s ease-in-out;
 
   .np-theme-personal & {
-    border-color: transparent;
+    border: none;
     box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
     position: relative;
     top: 0;
@@ -292,10 +292,6 @@
 
     .np-theme-personal & {
       padding: var(--input-padding);
-
-      &:not(.disabled, :disabled):hover {
-        background: var(--color-background-screen-hover);
-      }
     }
   }
 }

package/src/less/mixins/_alerts.less

@@ -1,5 +1,5 @@
-@import (reference) "../mixins/_logical-properties.less";
-@import (reference) "../mixins/_arrows.less";
+@import (reference) "./_logical-properties.less";
+@import (reference) "./_arrows.less";
 
 .alert-variant(@background; @text-color; @text-hover) {
   background-color: @background;

package/src/less/mixins/_logical-properties.less

@@ -1,5 +1,5 @@
 // Custom support for logical properties/values. Select one of the options:
 
 // @import '../mixins/_physical-properties.less';
-@import "../mixins/_logical-properties-IE-friendly.less";
+@import "./_logical-properties-IE-friendly.less";
 // @import '../mixins/_logical-properties-modern-browsers.less';

package/src/less/mixins/_nav-divider.less

@@ -0,0 +1,10 @@
+// Horizontal dividers
+//
+// Dividers (basically an hr) within dropdowns and nav lists
+
+.nav-divider(@color: #e5e5e5) {
+  height: 1px;
+  margin: 0;
+  overflow: hidden;
+  background-color: @color;
+}

package/src/less/mixins/_spacing.less

@@ -1,4 +1,4 @@
-@import (reference) "_logical-properties.less";
+@import (reference) "./_logical-properties.less";
 
 .spacing(@postfix, @spacer) {
   .spacing-global(@postfix, @spacer);

package/src/less/mixins/_text-overflow.less

@@ -0,0 +1,8 @@
+// Text overflow
+// Requires inline-block or block for proper styling
+
+.text-overflow() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/src/less/navbar-base.less

@@ -1,4 +1,4 @@
-@import (reference) '@transferwise/neptune-css/src/variables/neptune-tokens.less';
+@import (reference) '../variables/neptune-tokens.less';
 @import (reference) './mixins/_logical-properties.less';
 @import (reference) './mixins/_nav-vertical-align.less';
 @import (reference) 'navbar.less';

package/src/less/navbar.less

@@ -1,8 +1,6 @@
-// TODO: remove bootstrap dependencies
-
 @import (reference) "../variables/legacy-variables.less";
-@import (reference) "bootstrap/less/mixins/nav-vertical-align.less";
-@import (reference) "bootstrap/less/mixins/nav-divider.less";
+@import (reference) "./mixins/_nav-vertical-align.less";
+@import (reference) "./mixins/_nav-divider.less";
 @import (reference) "./mixins/_arrows.less";
 @import (reference) "./mixins/_border-radius.less";
 @import (reference) "./mixins/_clearfix.less";

package/src/less/navs.less

@@ -1,10 +1,8 @@
 @import (reference)  "../variables/neptune-tokens.less";
-
-// TODO: remove bootstrap dependencies
 @import (reference) "../variables/legacy-variables.less";
 
 // mixins
-@import (reference) "bootstrap/less/mixins/nav-divider.less";
+@import (reference) "./mixins/_nav-divider.less";
 @import (reference) "./mixins/_border-radius.less";
 @import (reference) "./mixins/_logical-properties.less";
 

package/src/less/popovers.less

@@ -1,5 +1,3 @@
-// TODO: remove bootstrap dependencies
-
 @import (reference) "../variables/legacy-variables.less";
 @import (reference) "./mixins/_buttons.less";
 @import (reference) "./mixins/_arrows.less";

package/src/less/select.less

@@ -1,4 +1,4 @@
-@import (reference) "@transferwise/neptune-css/src/variables/neptune-tokens.less";
+@import (reference) "../variables/neptune-tokens.less";
 @import (reference) "./mixins/_logical-properties.less";
 
 // Used only by Angular tw-select component

package/src/less/sequences.less

@@ -1,13 +1,9 @@
-// TODO: remove bootstrap dependencies
-
 @import (reference) "../variables/neptune-tokens.less";
 @import (reference) "../variables/legacy-variables.less";
 @import (reference) "./mixins/_logical-properties.less";
-@import (reference) "bootstrap/less/mixins/background-variant";
-@import (reference) "bootstrap/less/mixins/gradients";
 @import (reference) "./mixins/_sequence.less";
 @import (reference) "./mixins/_text-emphasis";
-@import (reference) "bootstrap/less/mixins/text-overflow";
+@import (reference) "./mixins/_text-overflow";
 @import (reference) "./core/_typography-utilities.less";
 
 @pip-offset-sm: ((@sequence-step-height / 2) + @sequence-item-spacing-sm);

package/src/less/tooltip.less

@@ -1,5 +1,3 @@
-// TODO: remove bootstrap dependencies
-
 @import (reference) "../variables/legacy-variables.less";
 @import (reference) "./mixins/_logical-properties.less";
 @import (reference) "./mixins/_reset-text.less";