@transferwise/neptune-css 0.0.0-experimental-d1de9e0 → 0.0.0-experimental-a4bad0f

package/dist/css/accordion.css

@@ -210,7 +210,7 @@
   padding-right: 0;
   padding-right: initial;
 }
-@media (max-width: 320px) {
+@media (max-width: 319.98px) {
   .media-right,
   .media-left {
     padding-left: 32px;

package/dist/css/flex.css

@@ -315,8 +315,6 @@
   .flex-grow-1--lg {
     flex-grow: 1;
   }
-}
-@media (min-width: 1160px) {
   .d-flex--xl {
     display: flex;
   }

package/dist/css/media.css

@@ -39,7 +39,7 @@
   padding-right: 0;
   padding-right: initial;
 }
-@media (max-width: 320px) {
+@media (max-width: 319.98px) {
   .media-right,
   .media-left {
     padding-left: 32px;

package/dist/css/neptune-addons.css

@@ -187,34 +187,22 @@
     display: inline-block !important;
   }
 }
-@media (min-width: 1160px) and (max-width: 1159.98px) {
-  .visible-lg,
-  .visible-lg-block {
-    display: block !important;
-  }
-}
-@media (min-width: 1160px) and (max-width: 1159.98px) {
-  .visible-lg-inline {
-    display: inline !important;
-  }
-}
-@media (min-width: 1160px) and (max-width: 1159.98px) {
-  .visible-lg-inline-block {
-    display: inline-block !important;
-  }
-}
 @media (min-width: 1160px) {
+  .visible-lg,
+  .visible-lg-block,
   .visible-xl,
   .visible-xl-block {
     display: block !important;
   }
 }
 @media (min-width: 1160px) {
+  .visible-lg-inline,
   .visible-xl-inline {
     display: inline !important;
   }
 }
 @media (min-width: 1160px) {
+  .visible-lg-inline-block,
   .visible-xl-inline-block {
     display: inline-block !important;
   }
@@ -234,12 +222,8 @@
     display: none !important;
   }
 }
-@media (min-width: 1160px) and (max-width: 1159.98px) {
-  .hidden-lg {
-    display: none !important;
-  }
-}
 @media (min-width: 1160px) {
+  .hidden-lg,
   .hidden-xl {
     display: none !important;
   }

package/dist/css/neptune-core.css

@@ -1909,47 +1909,31 @@ kbd kbd {
   }
 }
 @media (min-width: 1160px) {
-  .text-lg-left {
-    text-align: left;
-  }
-  [dir="rtl"] .text-lg-left {
-    text-align: right;
-  }
-  .text-lg-right {
-    text-align: right;
-  }
-  [dir="rtl"] .text-lg-right {
-    text-align: left;
-  }
-  .text-lg-center {
-    text-align: center;
-  }
-  .text-lg-justify {
-    text-align: justify;
-  }
-  .text-lg-nowrap {
-    white-space: nowrap;
-  }
-}
-@media (min-width: 1160px) {
+  .text-lg-left,
   .text-xl-left {
     text-align: left;
   }
+  [dir="rtl"] .text-lg-left,
   [dir="rtl"] .text-xl-left {
     text-align: right;
   }
+  .text-lg-right,
   .text-xl-right {
     text-align: right;
   }
+  [dir="rtl"] .text-lg-right,
   [dir="rtl"] .text-xl-right {
     text-align: left;
   }
+  .text-lg-center,
   .text-xl-center {
     text-align: center;
   }
+  .text-lg-justify,
   .text-xl-justify {
     text-align: justify;
   }
+  .text-lg-nowrap,
   .text-xl-nowrap {
     white-space: nowrap;
   }

package/dist/css/neptune.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:58 GMT
+ * Generated on Wed, 06 May 2026 17:52:54 GMT
  */
 
 :root {
@@ -144,7 +144,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:59 GMT
+ * Generated on Wed, 06 May 2026 17:52:54 GMT
  */
 
 .np-theme-personal {
@@ -332,7 +332,7 @@
  * We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
  */
 
-@media (max-width: 320px) {
+@media (max-width: 319.98px) {
   .np-theme-personal {
     --delta: 2;
     --size-4: calc(4px / var(--delta));
@@ -394,7 +394,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:59 GMT
+ * Generated on Wed, 06 May 2026 17:52:54 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -582,7 +582,7 @@
  * We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
  */
 
-@media (max-width: 320px) {
+@media (max-width: 319.98px) {
   .np-theme-personal {
     --delta: 2;
     --size-4: calc(4px / var(--delta));
@@ -644,7 +644,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:59 GMT
+ * Generated on Wed, 06 May 2026 17:52:54 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -832,7 +832,7 @@
  * We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
  */
 
-@media (max-width: 320px) {
+@media (max-width: 319.98px) {
   .np-theme-personal {
     --delta: 2;
     --size-4: calc(4px / var(--delta));
@@ -894,7 +894,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:59 GMT
+ * Generated on Wed, 06 May 2026 17:52:54 GMT
  */
 
 .np-theme-personal--dark {
@@ -1082,7 +1082,7 @@
  * We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
  */
 
-@media (max-width: 320px) {
+@media (max-width: 319.98px) {
   .np-theme-personal {
     --delta: 2;
     --size-4: calc(4px / var(--delta));
@@ -1144,7 +1144,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:59 GMT
+ * Generated on Wed, 06 May 2026 17:52:54 GMT
  */
 
 .np-theme-platform {
@@ -1328,7 +1328,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:59 GMT
+ * Generated on Wed, 06 May 2026 17:52:54 GMT
  */
 
 .np-theme-platform--forest-green {
@@ -1512,7 +1512,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:59 GMT
+ * Generated on Wed, 06 May 2026 17:52:54 GMT
  */
 
 .np-theme-business {
@@ -1697,7 +1697,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:59 GMT
+ * Generated on Wed, 06 May 2026 17:52:54 GMT
  */
 
 .np-theme-business--dark {
@@ -1882,7 +1882,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:59 GMT
+ * Generated on Wed, 06 May 2026 17:52:54 GMT
  */
 
 .np-theme-business--forest-green {
@@ -2067,7 +2067,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:59 GMT
+ * Generated on Wed, 06 May 2026 17:52:54 GMT
  */
 
 .np-theme-business--bright-green {
@@ -4395,48 +4395,31 @@ kbd kbd {
 }
 
 @media (min-width: 1160px) {
-  .text-lg-left {
-    text-align: left;
-  }
-  [dir="rtl"] .text-lg-left {
-    text-align: right;
-  }
-  .text-lg-right {
-    text-align: right;
-  }
-  [dir="rtl"] .text-lg-right {
-    text-align: left;
-  }
-  .text-lg-center {
-    text-align: center;
-  }
-  .text-lg-justify {
-    text-align: justify;
-  }
-  .text-lg-nowrap {
-    white-space: nowrap;
-  }
-}
-
-@media (min-width: 1160px) {
+  .text-lg-left,
   .text-xl-left {
     text-align: left;
   }
+  [dir="rtl"] .text-lg-left,
   [dir="rtl"] .text-xl-left {
     text-align: right;
   }
+  .text-lg-right,
   .text-xl-right {
     text-align: right;
   }
+  [dir="rtl"] .text-lg-right,
   [dir="rtl"] .text-xl-right {
     text-align: left;
   }
+  .text-lg-center,
   .text-xl-center {
     text-align: center;
   }
+  .text-lg-justify,
   .text-xl-justify {
     text-align: justify;
   }
+  .text-lg-nowrap,
   .text-xl-nowrap {
     white-space: nowrap;
   }
@@ -4613,7 +4596,7 @@ a.text-inverse:focus {
   content: none;
 }
 
-@media (max-width: 320px) {
+@media (max-width: 319.98px) {
   .np-theme-personal {
     --delta: 2;
     --size-4: calc(4px / var(--delta));
@@ -4884,26 +4867,9 @@ a.text-inverse:focus {
   }
 }
 
-@media (min-width: 1160px) and (max-width: 1159.98px) {
-  .visible-lg,
-  .visible-lg-block {
-    display: block !important;
-  }
-}
-
-@media (min-width: 1160px) and (max-width: 1159.98px) {
-  .visible-lg-inline {
-    display: inline !important;
-  }
-}
-
-@media (min-width: 1160px) and (max-width: 1159.98px) {
-  .visible-lg-inline-block {
-    display: inline-block !important;
-  }
-}
-
 @media (min-width: 1160px) {
+  .visible-lg,
+  .visible-lg-block,
   .visible-xl,
   .visible-xl-block {
     display: block !important;
@@ -4911,12 +4877,14 @@ a.text-inverse:focus {
 }
 
 @media (min-width: 1160px) {
+  .visible-lg-inline,
   .visible-xl-inline {
     display: inline !important;
   }
 }
 
 @media (min-width: 1160px) {
+  .visible-lg-inline-block,
   .visible-xl-inline-block {
     display: inline-block !important;
   }
@@ -4940,13 +4908,8 @@ a.text-inverse:focus {
   }
 }
 
-@media (min-width: 1160px) and (max-width: 1159.98px) {
-  .hidden-lg {
-    display: none !important;
-  }
-}
-
 @media (min-width: 1160px) {
+  .hidden-lg,
   .hidden-xl {
     display: none !important;
   }
@@ -15186,9 +15149,6 @@ li > a > .currency-flag:first-child {
   .flex-grow-1--lg {
     flex-grow: 1;
   }
-}
-
-@media (min-width: 1160px) {
   .d-flex--xl {
     display: flex;
   }
@@ -21242,7 +21202,7 @@ button.close {
   padding-right: initial;
 }
 
-@media (max-width: 320px) {
+@media (max-width: 319.98px) {
   .media-right,
   .media-left {
     padding-left: 32px;
@@ -22771,7 +22731,7 @@ button.popover-close {
   padding: var(--size-24);
 }
 
-@media (max-width: 600px) {
+@media (max-width: 599.98px) {
   .popover-promotion {
     width: auto !important;
     padding: 24px !important;
@@ -22781,7 +22741,7 @@ button.popover-close {
   }
 }
 
-@media (min-width: 590px) and (max-width: 1160px) {
+@media (min-width: 590px) and (max-width: 1159.98px) {
   .popover-promotion {
     width: 540px !important;
     padding: 28px 32px !important;
@@ -22807,13 +22767,13 @@ button.popover-close {
   }
 }
 
-@media (max-width: 320px) {
+@media (max-width: 319.98px) {
   .popover-promotion .popover-image {
     width: 80%;
   }
 }
 
-@media (min-width: 320px) and (max-width: 1160px) {
+@media (min-width: 320px) and (max-width: 1159.98px) {
   .popover-promotion .popover-image {
     width: 60%;
   }
@@ -22825,7 +22785,7 @@ button.popover-close {
   }
 }
 
-@media (max-width: 1160px) {
+@media (max-width: 1159.98px) {
   .popover-promotion {
     position: absolute !important;
   }
@@ -25443,36 +25403,23 @@ a[data-toggle="tooltip"] {
 }
 
 @media (min-width: 1160px) {
-  .pull-lg-left {
-    float: left !important;
-  }
-  [dir="rtl"] .pull-lg-left {
-    float: right !important;
-  }
-  .pull-lg-right {
-    float: right !important;
-  }
-  [dir="rtl"] .pull-lg-right {
-    float: left !important;
-  }
-  .pull-lg-none {
-    float: none !important;
-  }
-}
-
-@media (min-width: 1160px) {
+  .pull-lg-left,
   .pull-xl-left {
     float: left !important;
   }
+  [dir="rtl"] .pull-lg-left,
   [dir="rtl"] .pull-xl-left {
     float: right !important;
   }
+  .pull-lg-right,
   .pull-xl-right {
     float: right !important;
   }
+  [dir="rtl"] .pull-lg-right,
   [dir="rtl"] .pull-xl-right {
     float: left !important;
   }
+  .pull-lg-none,
   .pull-xl-none {
     float: none !important;
   }
@@ -25577,22 +25524,7 @@ a[data-toggle="tooltip"] {
 }
 
 @media only screen and (min-width: 1160px) {
-  .well-lg {
-    min-height: 24px;
-    min-height: var(--size-24);
-    margin-bottom: 24px;
-    margin-bottom: var(--size-24);
-    border-radius: 10px;
-    border-radius: var(--radius-small);
-    border: solid 1px rgba(0,0,0,0.10196);
-    border: solid 1px var(--color-border-neutral);
-    padding: 24px;
-    padding: var(--size-24);
-    box-shadow: none;
-  }
-}
-
-@media only screen and (min-width: 1160px) {
+  .well-lg,
   .well-xl {
     min-height: 24px;
     min-height: var(--size-24);

package/dist/css/popovers.css

@@ -607,7 +607,7 @@ button.popover-close {
   padding: 24px;
   padding: var(--size-24);
 }
-@media (max-width: 600px) {
+@media (max-width: 599.98px) {
   .popover-promotion {
     width: auto !important;
     padding: 24px !important;
@@ -616,7 +616,7 @@ button.popover-close {
     margin: var(--size-16) !important;
   }
 }
-@media (min-width: 590px) and (max-width: 1160px) {
+@media (min-width: 590px) and (max-width: 1159.98px) {
   .popover-promotion {
     width: 540px !important;
     padding: 28px 32px !important;
@@ -639,12 +639,12 @@ button.popover-close {
     line-height: var(--line-height-title);
   }
 }
-@media (max-width: 320px) {
+@media (max-width: 319.98px) {
   .popover-promotion .popover-image {
     width: 80%;
   }
 }
-@media (min-width: 320px) and (max-width: 1160px) {
+@media (min-width: 320px) and (max-width: 1159.98px) {
   .popover-promotion .popover-image {
     width: 60%;
   }
@@ -654,7 +654,7 @@ button.popover-close {
     width: 80%;
   }
 }
-@media (max-width: 1160px) {
+@media (max-width: 1159.98px) {
   .popover-promotion {
     position: absolute !important;
   }

package/dist/css/utilities.css

@@ -71,35 +71,23 @@
   }
 }
 @media (min-width: 1160px) {
-  .pull-lg-left {
-    float: left !important;
-  }
-  [dir="rtl"] .pull-lg-left {
-    float: right !important;
-  }
-  .pull-lg-right {
-    float: right !important;
-  }
-  [dir="rtl"] .pull-lg-right {
-    float: left !important;
-  }
-  .pull-lg-none {
-    float: none !important;
-  }
-}
-@media (min-width: 1160px) {
+  .pull-lg-left,
   .pull-xl-left {
     float: left !important;
   }
+  [dir="rtl"] .pull-lg-left,
   [dir="rtl"] .pull-xl-left {
     float: right !important;
   }
+  .pull-lg-right,
   .pull-xl-right {
     float: right !important;
   }
+  [dir="rtl"] .pull-lg-right,
   [dir="rtl"] .pull-xl-right {
     float: left !important;
   }
+  .pull-lg-none,
   .pull-xl-none {
     float: none !important;
   }

package/dist/css/wells.css

@@ -43,21 +43,7 @@
   }
 }
 @media only screen and (min-width: 1160px) {
-  .well-lg {
-    min-height: 24px;
-    min-height: var(--size-24);
-    margin-bottom: 24px;
-    margin-bottom: var(--size-24);
-    border-radius: 10px;
-    border-radius: var(--radius-small);
-    border: solid 1px rgba(0,0,0,0.10196);
-    border: solid 1px var(--color-border-neutral);
-    padding: 24px;
-    padding: var(--size-24);
-    box-shadow: none;
-  }
-}
-@media only screen and (min-width: 1160px) {
+  .well-lg,
   .well-xl {
     min-height: 24px;
     min-height: var(--size-24);

package/dist/less/legacy-variables.less

@@ -5,7 +5,7 @@
 //== Media queries breakpoints
 
 // Do not edit directly, this file was auto-generated.
-// Generated on Mon, 13 Apr 2026 17:14:58 GMT
+// Generated on Wed, 06 May 2026 17:52:53 GMT
 
 // @deprecated Use @screen-xs-min
 @screen-xs: 320px;

package/dist/less/neptune-tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly, this file was auto-generated.
-// Generated on Mon, 13 Apr 2026 17:14:58 GMT
+// Generated on Wed, 06 May 2026 17:52:54 GMT
 
 @color-dark-content-primary: #e2e6e8;
 @color-dark-content-secondary: #c9cbce;
@@ -222,7 +222,7 @@
 @font-family-display: 'Wise Sans', 'Inter', sans-serif;
 
 // Do not edit directly, this file was auto-generated.
-// Generated on Mon, 13 Apr 2026 17:14:58 GMT
+// Generated on Wed, 06 May 2026 17:52:53 GMT
 
 @color-base-blue-light: #00b9ff;
 @color-base-blue-mid: #00a2dd;

package/dist/props/custom-media.css

@@ -1,9 +1,9 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:58 GMT
+ * Generated on Wed, 06 May 2026 17:52:53 GMT
  */
 
-@custom-media --screen-400-zoom (width <= 320px);
+@custom-media --screen-400-zoom (width < 320px);
 
 @custom-media --screen-xs (width >= 320px);
 @custom-media --screen-xs-max (width < 600px);

package/dist/props/neptune-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Mon, 13 Apr 2026 17:14:58 GMT
+ * Generated on Wed, 06 May 2026 17:52:54 GMT
  */
 
 :root {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "0.0.0-experimental-d1de9e0",
+  "version": "0.0.0-experimental-a4bad0f",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -23,13 +23,13 @@
     "scripts"
   ],
   "dependencies": {
-    "@transferwise/neptune-tokens": "0.0.0-experimental-7f32632"
+    "@transferwise/neptune-tokens": "0.0.0-experimental-ab634d7"
   },
   "devDependencies": {
     "gulp": "^5.0.1",
     "modern-normalize": "^3.0.1",
-    "@transferwise/less-config": "3.1.2",
-    "@wise/wds-configs": "0.0.0"
+    "@wise/wds-configs": "0.0.0",
+    "@transferwise/less-config": "3.1.2"
   },
   "publishConfig": {
     "access": "public",

package/src/less/addons/_display-utilities.less

@@ -87,39 +87,28 @@
 }
 
 .visible-lg,
-.visible-lg-block {
-  @media (--screen-lg) and (--screen-lg-max) {
-    display: block !important;
-  }
-}
-
-.visible-lg-inline {
-  @media (--screen-lg) and (--screen-lg-max) {
-    display: inline !important;
-  }
-}
-
-.visible-lg-inline-block {
-  @media (--screen-lg) and (--screen-lg-max) {
-    display: inline-block !important;
-  }
-}
-
+.visible-lg-block,
+/// @deprecated
 .visible-xl,
+/// @deprecated
 .visible-xl-block {
-  @media (--screen-xl) {
+  @media (--screen-lg) {
     display: block !important;
   }
 }
 
+.visible-lg-inline,
+/// @deprecated
 .visible-xl-inline {
-  @media (--screen-xl) {
+  @media (--screen-lg) {
     display: inline !important;
   }
 }
 
-.visible-xl-inline-block {
-  @media (--screen-xl) {
+.visible-lg-inline-block,
+/// @deprecated
+.visible-xl-inline-block{
+  @media (--screen-lg) {
     display: inline-block !important;
   }
 }
@@ -142,14 +131,11 @@
   }
 }
 
-.hidden-lg {
-  @media (--screen-lg) and (--screen-lg-max) {
-    display: none !important;
-  }
-}
 
+.hidden-lg,
+/// @deprecated
 .hidden-xl {
-  @media (--screen-xl) {
+  @media (--screen-lg) {
     display: none !important;
   }
 }

package/src/less/core/_typography-utilities.less

@@ -73,44 +73,32 @@
 }
 
 @media (--screen-lg) {
-  .text-lg-left {
-    .text-align(left);
-  }
-
-  .text-lg-right {
-    .text-align(right);
-  }
-
-  .text-lg-center {
-    text-align: center;
-  }
-
-  .text-lg-justify {
-    text-align: justify;
-  }
-
-  .text-lg-nowrap {
-    white-space: nowrap;
-  }
-}
-
-@media (--screen-xl) {
+  .text-lg-left,
+  /// @deprecated
   .text-xl-left {
     .text-align(left);
   }
 
+  .text-lg-right,
+  /// @deprecated
   .text-xl-right {
     .text-align(right);
   }
 
+  .text-lg-center,
+  /// @deprecated
   .text-xl-center {
     text-align: center;
   }
 
+  .text-lg-justify,
+  /// @deprecated
   .text-xl-justify {
     text-align: justify;
   }
 
+  .text-lg-nowrap,
+  /// @deprecated
   .text-xl-nowrap {
     white-space: nowrap;
   }

package/src/less/flex.less

@@ -14,9 +14,7 @@
 
 @media (--screen-lg) {
   .flex-properties(--lg);
-}
-
-@media (--screen-xl) {
+  /// @deprecated
   .flex-properties(--xl);
 }
 

package/src/less/popovers.less

@@ -335,13 +335,13 @@
   text-align: center;
   padding: var(--size-24);
 
-  @media (max-width: @screen-sm-min) {
+  @media (--screen-xs-max) {
     width: auto !important;
     padding: var(--size-24) !important;
     margin: var(--size-16) !important;
   }
 
-  @media (min-width: (@screen-sm-min - 10px)) and (max-width: @screen-lg-min) {
+  @media (min-width: (@screen-sm-min - 10px)) and (--screen-md-max) {
     width: 540px !important;
     padding: 28px var(--size-32) !important;
     margin: var(--size-32) auto !important;
@@ -351,18 +351,18 @@
     font-size: var(--font-size-16);
     line-height: var(--line-height-title);
 
-    @media (min-width: @screen-md-min) {
+    @media (--screen-md) {
       font-size: var(--font-size-20);
       line-height: var(--line-height-title);
     }
   }
 
   .popover-image {
-    @media (max-width: @screen-xs-min) {
+    @media (--screen-400-zoom) {
       width: 80%;
     }
 
-    @media (min-width: @screen-xs-min) and (max-width: @screen-lg-min) {
+    @media (--screen-xs) and (--screen-md-max) {
       width: 60%;
     }
 
@@ -372,7 +372,7 @@
   }
 }
 
-@media (max-width: @screen-lg-min) {
+@media (--screen-md-max) {
   .popover-promotion {
     position: absolute !important;
   }

package/src/less/utilities.less

@@ -63,28 +63,20 @@
 }
 
 @media (--screen-lg) {
-  .pull-lg-left {
-    .float(left) !important;
-  }
-
-  .pull-lg-right {
-    .float(right) !important;
-  }
-
-  .pull-lg-none {
-    float: none !important;
-  }
-}
-
-@media (--screen-xl) {
+  .pull-lg-left,
+  /// @deprecated
   .pull-xl-left {
     .float(left) !important;
   }
 
+  .pull-lg-right,
+  /// @deprecated
   .pull-xl-right {
     .float(right) !important;
   }
 
+  .pull-lg-none,
+  /// @deprecated
   .pull-xl-none {
     float: none !important;
   }

package/src/less/wells.less

@@ -28,10 +28,8 @@
   .sized-well(--screen-md);
 }
 
-.well-lg {
+.well-lg,
+/// deprecated
+.well-xl{
   .sized-well(--screen-lg);
 }
-
-.well-xl {
-  .sized-well(--screen-xl);
-}