@transferwise/components 0.0.0-experimental-6694223 → 0.0.0-experimental-63ebbfb

package/build/styles/main.css

@@ -2246,7 +2246,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 
@@ -2255,7 +2255,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
@@ -2264,7 +2264,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-greek-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0370-03FF;
 }
 
@@ -2273,7 +2273,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+1F00-1FFF;
 }
 
@@ -2282,7 +2282,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-latin-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
@@ -2291,7 +2291,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 
@@ -2300,7 +2300,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 
@@ -2308,7 +2308,7 @@
   font-weight: 400;
   font-weight: var(--font-weight-regular);
   font-family: Averta;
-  src: url("neptune-css/fonts/TW-Averta-Regular.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Regular.woff") format("woff");
+  src: url("styles/fonts/TW-Averta-Regular.woff2") format("woff2"), url("styles/fonts/TW-Averta-Regular.woff") format("woff");
   font-display: swap;
 }
 
@@ -2316,7 +2316,7 @@
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
   font-family: Averta;
-  src: url("neptune-css/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Semibold.woff") format("woff");
+  src: url("styles/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Semibold.woff") format("woff");
   font-display: swap;
 }
 
@@ -2324,14 +2324,14 @@
   font-weight: 700;
   font-weight: var(--font-weight-bold);
   font-family: Averta;
-  src: url("neptune-css/fonts/TW-Averta-Bold.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Bold.woff") format("woff");
+  src: url("styles/fonts/TW-Averta-Bold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Bold.woff") format("woff");
 }
 
 @font-face {
   font-family: "Wise Sans";
   font-style: normal;
   font-display: swap;
-  src: url("neptune-css/fonts/WiseSans-Heavy.woff2") format("woff2");
+  src: url("styles/fonts/WiseSans-Heavy.woff2") format("woff2");
 }
 
 /* stylelint-disable selector-max-empty-lines */
@@ -7728,7 +7728,7 @@ input:focus ~ .alert-focus,
 
 .bg--dark {
   background-color: rgba(134,167,189,0.10196);
-  background-image: url("neptune-css/img/bg-dark.svg");
+  background-image: url("styles/img/bg-dark.svg");
 }
 
 .np-theme-personal .bg--dark {
@@ -7740,7 +7740,7 @@ input:focus ~ .alert-focus,
 .bg--light {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-  background-image: url("neptune-css/img/bg-light.svg");
+  background-image: url("styles/img/bg-light.svg");
 }
 
 .badge {
@@ -21026,17 +21026,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   outline-offset: var(--ring-outline-offset);
 }
 
-.close:focus {
-  outline: none;
-}
-
-.close:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .close:active {
   color: #0077a5;
   color: var(--color-content-accent-active);
@@ -22600,17 +22589,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   outline-offset: var(--ring-outline-offset);
 }
 
-.popover-close:focus {
-  outline: none;
-}
-
-.popover-close:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .popover-close:active {
   color: #0077a5;
   color: var(--color-content-accent-active);
@@ -23491,35 +23469,6 @@ textarea:focus-visible {
   outline-offset: var(--ring-outline-offset);
 }
 
-details:focus,
-summary:focus,
-a:focus,
-button:focus,
-input:focus,
-option:focus,
-dialog:focus,
-input:focus,
-select:focus,
-textarea:focus {
-  outline: none;
-}
-
-details:focus-visible,
-summary:focus-visible,
-a:focus-visible,
-button:focus-visible,
-input:focus-visible,
-option:focus-visible,
-dialog:focus-visible,
-input:focus-visible,
-select:focus-visible,
-textarea:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .ring-offset-0 {
   --ring-outline-offset: 0;
 }
@@ -27508,17 +27457,6 @@ a[data-toggle="tooltip"] {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-theme-personal .np-card__button:focus {
-  outline: none;
-}
-
-.np-theme-personal .np-card__button:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-card__content {
   padding: 24px 16px;
   padding: var(--size-24) var(--size-16);
@@ -27573,17 +27511,6 @@ a[data-toggle="tooltip"] {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-theme-personal .np-card__button:focus {
-  outline: none;
-}
-
-.np-theme-personal .np-card__button:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-theme-personal .np-card--expanded .np-card__button {
   border-radius: 16px 16px 0 0;
   border-radius: var(--radius-medium) var(--radius-medium) 0 0;
@@ -30622,17 +30549,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-select-input-listbox:focus {
-  outline: none;
-}
-
-.np-select-input-listbox:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-select-input-listbox-container--virtualized .np-select-input-listbox {
   /* Adopted from `VList` in virtua: https://github.com/inokawa/virtua/blob/7f6ed5b37df6b480d4ff350f3960067c5b3519d2/src/react/VList.tsx#L113-L116 */
   overflow-y: auto;
@@ -30694,17 +30610,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-select-input-addon--interactive:focus {
-  outline: none;
-}
-
-.np-select-input-addon--interactive:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-select-input-addon-separator {
   height: 24px;
   height: var(--size-24);
@@ -31406,17 +31311,6 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-navigation-option:focus {
-  outline: none;
-}
-
-.np-navigation-option:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-theme-personal .np-navigation-option {
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -33241,17 +33135,6 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-switch:focus {
-  outline: none;
-}
-
-.np-switch:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-switch--thumb {
   display: flex;
   transition: transform cubic-bezier(0, 0.94, 0.62, 1) 350ms;
@@ -33478,17 +33361,6 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-table-outer-container:focus {
-  outline: none;
-}
-
-.np-table-outer-container:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-table-outer-container:focus-visible {
   outline-offset: 0;
 }
@@ -33554,17 +33426,6 @@ html:not([dir="rtl"]) .np-navigation-option {
   outline-offset: var(--ring-outline-offset);
 }
 
-.np-table-row:focus {
-  outline: none;
-}
-
-.np-table-row:focus-visible {
-  outline: #37517e solid 2px;
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: 2px;
-  outline-offset: var(--ring-outline-offset);
-}
-
 .np-table-row:focus-visible {
   outline-offset: -2px;
   border-radius: 6px;

package/build/styles/{neptune-css → styles}/less/background.css

@@ -6,7 +6,7 @@
 }
 .bg--dark {
   background-color: rgba(134,167,189,0.10196);
-  background-image: url("neptune-css/img/bg-dark.svg");
+  background-image: url("styles/img/bg-dark.svg");
 }
 .np-theme-personal .bg--dark {
   background-color: var(--color-forest-green);
@@ -16,5 +16,5 @@
 .bg--light {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-  background-image: url("neptune-css/img/bg-light.svg");
+  background-image: url("styles/img/bg-light.svg");
 }

package/build/styles/{neptune-css → styles}/less/neptune.css

@@ -2246,7 +2246,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 
@@ -2255,7 +2255,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
@@ -2264,7 +2264,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-greek-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0370-03FF;
 }
 
@@ -2273,7 +2273,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+1F00-1FFF;
 }
 
@@ -2282,7 +2282,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-latin-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
@@ -2291,7 +2291,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 
@@ -2300,7 +2300,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 900;
-  src: url("neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
+  src: url("styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 
@@ -2308,7 +2308,7 @@
   font-weight: 400;
   font-weight: var(--font-weight-regular);
   font-family: Averta;
-  src: url("neptune-css/fonts/TW-Averta-Regular.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Regular.woff") format("woff");
+  src: url("styles/fonts/TW-Averta-Regular.woff2") format("woff2"), url("styles/fonts/TW-Averta-Regular.woff") format("woff");
   font-display: swap;
 }
 
@@ -2316,7 +2316,7 @@
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
   font-family: Averta;
-  src: url("neptune-css/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Semibold.woff") format("woff");
+  src: url("styles/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Semibold.woff") format("woff");
   font-display: swap;
 }
 
@@ -2324,14 +2324,14 @@
   font-weight: 700;
   font-weight: var(--font-weight-bold);
   font-family: Averta;
-  src: url("neptune-css/fonts/TW-Averta-Bold.woff2") format("woff2"), url("neptune-css/fonts/TW-Averta-Bold.woff") format("woff");
+  src: url("styles/fonts/TW-Averta-Bold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Bold.woff") format("woff");
 }
 
 @font-face {
   font-family: "Wise Sans";
   font-style: normal;
   font-display: swap;
-  src: url("neptune-css/fonts/WiseSans-Heavy.woff2") format("woff2");
+  src: url("styles/fonts/WiseSans-Heavy.woff2") format("woff2");
 }
 
 /* stylelint-disable selector-max-empty-lines */
@@ -7728,7 +7728,7 @@ input:focus ~ .alert-focus,
 
 .bg--dark {
   background-color: rgba(134,167,189,0.10196);
-  background-image: url("neptune-css/img/bg-dark.svg");
+  background-image: url("styles/img/bg-dark.svg");
 }
 
 .np-theme-personal .bg--dark {
@@ -7740,7 +7740,7 @@ input:focus ~ .alert-focus,
 .bg--light {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-  background-image: url("neptune-css/img/bg-light.svg");
+  background-image: url("styles/img/bg-light.svg");
 }
 
 .badge {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-6694223",
+  "version": "0.0.0-experimental-63ebbfb",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -49,11 +49,11 @@
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
     "@rollup/plugin-url": "^8.0.2",
-    "@storybook/addon-a11y": "^10.3.0-alpha.4",
-    "@storybook/addon-docs": "^10.3.0-alpha.4",
-    "@storybook/addon-mcp": "^0.2.2",
+    "@storybook/addon-a11y": "^10.3.0-alpha.14",
+    "@storybook/addon-docs": "^10.3.0-alpha.14",
+    "@storybook/addon-mcp": "^0.3.4",
     "@storybook/addon-webpack5-compiler-babel": "^4.0.0",
-    "@storybook/react-webpack5": "^10.3.0-alpha.4",
+    "@storybook/react-webpack5": "^10.3.0-alpha.14",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -83,11 +83,11 @@
     "react-intl": "^7.1.14",
     "rollup": "^4.57.1",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^10.3.0-alpha.4",
+    "storybook": "^10.3.0-alpha.14",
     "storybook-addon-tag-badges": "^3.0.6",
     "storybook-addon-test-codegen": "^3.0.1",
     "@transferwise/less-config": "3.1.2",
-    "@transferwise/neptune-css": "0.0.0-experimental-6694223",
+    "@transferwise/neptune-css": "0.0.0-experimental-63ebbfb",
     "@wise/components-theming": "1.10.1",
     "@wise/wds-configs": "0.0.0"
   },
@@ -140,9 +140,9 @@
     "build:copy-css": "cpx 'src/main.css' build/ & cpx 'src/**/*.css' build/styles/",
     "build:copy-lang": "cpx 'src/i18n/*.json' build/i18n && cpx 'src/i18n/index.js' build/i18n",
     "build:neptune-css": "npm-run-all build:neptune-css:*",
-    "build:neptune-css:copy-brand-assets": "cpx 'src/neptune-css/img/**' build/neptune-css/img && cpx 'src/neptune-css/fonts/*' build/neptune-css/fonts",
-    "build:neptune-css:compile": "gulp compileLess --src='src/neptune-css/less' --dest=build/neptune-css/css",
-    "build:neptune-css:copy-vars": "gulp copyPropsAndVars --src='src/neptune-css/props' --dest='build/neptune-css/props' && gulp copyPropsAndVars --src='src/neptune-css/variables' --dest='build/neptune-css/less'",
+    "build:neptune-css:copy-brand-assets": "cpx 'src/styles/img/**' build/styles/img && cpx 'src/styles/fonts/*' build/styles/fonts",
+    "build:neptune-css:compile": "gulp compileLess --src='src/styles/less' --dest=build/styles/css",
+    "build:neptune-css:copy-vars": "gulp copyPropsAndVars --src='src/styles/props' --dest='build/styles/props' && gulp copyPropsAndVars --src='src/styles/variables' --dest='build/styles/less'",
     "docs": "pnpm build",
     "test": "TZ=UTC jest",
     "test:watch": "TZ=UTC jest --watch",

package/src/accordion/Accordion.less

@@ -1,6 +1,6 @@
-@import (reference) "./../neptune-css/variables/neptune-tokens.less";
-@import (reference) "./../neptune-css/less/mixins/_logical-properties.less";
-@import (reference) "./../neptune-css/less/core/_typography.less";
+@import (reference) "./../styles/variables/neptune-tokens.less";
+@import (reference) "./../styles/less/mixins/_logical-properties.less";
+@import (reference) "./../styles/less/core/_typography.less";
 
 .np-accordion-item {
   display: block;

package/src/actionButton/ActionButton.less

@@ -1,4 +1,4 @@
-@import (reference) "./../neptune-css/less/ring.less";
+@import (reference) "./../styles/less/ring.less";
 
 .np-action-btn {
   display: inline-flex;

package/src/avatar/Avatar.less

@@ -1,6 +1,6 @@
-@import (reference) "./../neptune-css/variables/neptune-tokens.less";
-@import (reference) "./../neptune-css/less/mixins/_logical-properties.less";
-@import (reference) "./../neptune-css/less/core/_typography.less";
+@import (reference) "./../styles/variables/neptune-tokens.less";
+@import (reference) "./../styles/less/mixins/_logical-properties.less";
+@import (reference) "./../styles/less/core/_typography.less";
 
 @avatar-diameter-72: 72px;
 @avatar-diameter-56: 56px;

package/src/badge/Badge.less

@@ -1,4 +1,4 @@
-@import (reference) "./../neptune-css/less/mixins/_logical-properties.less";
+@import (reference) "./../styles/less/mixins/_logical-properties.less";
 
 @badge-size-sm: 16px;
 @badge-size-lg: 24px;

package/src/button/LegacyButton.less

@@ -1,4 +1,4 @@
-@import (reference) "./../neptune-css/less/mixins/_logical-properties.less";
+@import (reference) "./../styles/less/mixins/_logical-properties.less";
 
 .np-btn {
   position: relative;

package/src/card/Card.less

@@ -1,6 +1,6 @@
-@import (reference) "./../neptune-css/less/mixins/_logical-properties.less";
-@import (reference) "./../neptune-css/less/mixins/_theming.less";
-@import (reference) "./../neptune-css/less/ring.less";
+@import (reference) "./../styles/less/mixins/_logical-properties.less";
+@import (reference) "./../styles/less/mixins/_theming.less";
+@import (reference) "./../styles/less/ring.less";
 
 .np-card {
   overflow: hidden;

package/src/checkboxButton/CheckboxButton.less

@@ -1,5 +1,5 @@
-@import (reference) "./../neptune-css/variables/neptune-tokens.less";
-@import (reference) "./../neptune-css/less/mixins/_logical-properties.less";
+@import (reference) "./../styles/variables/neptune-tokens.less";
+@import (reference) "./../styles/less/mixins/_logical-properties.less";
 
 .np-checkbox-button {
   input[type="checkbox"] {

package/src/chips/Chip.less

@@ -1,6 +1,6 @@
-@import (reference) "./../neptune-css/variables/neptune-tokens.less";
-@import (reference) "./../neptune-css/less/mixins/_logical-properties.less";
-@import (reference) "./../neptune-css/less/ring.less";
+@import (reference) "./../styles/variables/neptune-tokens.less";
+@import (reference) "./../styles/less/mixins/_logical-properties.less";
+@import (reference) "./../styles/less/ring.less";
 
 .np-chip {
   background-color: transparent;

package/src/common/Option/Option.less

@@ -1,5 +1,5 @@
-@import (reference) "../../neptune-css/less/mixins/_logical-properties.less";
-@import (reference) "../../neptune-css/less/ring.less";
+@import (reference) "../../styles/less/mixins/_logical-properties.less";
+@import (reference) "../../styles/less/ring.less";
 
 .np-option {
   &:has(:focus-visible) {

package/src/common/bottomSheet/BottomSheet.less

@@ -1,4 +1,4 @@
-@import (reference) "../../neptune-css/less/mixins/_theming.less";
+@import (reference) "../../styles/less/mixins/_theming.less";
 
 .np-bottom-sheet {
   border-radius: 10px 10px 0 0;

package/src/common/closeButton/CloseButton.less

@@ -1,4 +1,4 @@
-@import (reference) "../../neptune-css/less/ring.less";
+@import (reference) "../../styles/less/ring.less";
 
 .np-close-button {
   transition: color 0.15s ease-in-out;

package/src/common/panel/Panel.less

@@ -1,4 +1,4 @@
-@import (reference) "../../neptune-css/less/mixins/_theming.less";
+@import (reference) "../../styles/less/mixins/_theming.less";
 
 .np-panel {
   &__content {

package/src/dateLookup/DateLookup.less

@@ -1,4 +1,4 @@
-@import (reference) "./../neptune-css/variables/neptune-tokens.less";
+@import (reference) "./../styles/variables/neptune-tokens.less";
 
 .tw-date-lookup-menu {
   width: 400px;

package/src/dateLookup/dateTrigger/DateTrigger.less

@@ -1,5 +1,5 @@
-@import (reference) "../../neptune-css/variables/neptune-tokens.less";
-@import (reference) "../../neptune-css/less/mixins/_logical-properties.less";
+@import (reference) "../../styles/variables/neptune-tokens.less";
+@import (reference) "../../styles/less/mixins/_logical-properties.less";
 
 .np-date-trigger {
   overflow: hidden;

package/src/decision/Decision.less

@@ -1,4 +1,4 @@
-@import (reference) "./../neptune-css/less/mixins/_logical-properties.less";
+@import (reference) "./../styles/less/mixins/_logical-properties.less";
 
 .np-decision {
   .decision {

package/src/definitionList/DefinitionList.less

@@ -1,4 +1,4 @@
-@import (reference) "./../neptune-css/less/mixins/_logical-properties.less";
+@import (reference) "./../styles/less/mixins/_logical-properties.less";
 
 .tw-definition-list {
   &__item dd {

package/src/dimmer/Dimmer.less

@@ -1,5 +1,5 @@
-@import (reference) "./../neptune-css/variables/zindex.less";
-@import (reference) "./../neptune-css/less/mixins/_logical-properties.less";
+@import (reference) "./../styles/variables/zindex.less";
+@import (reference) "./../styles/less/mixins/_logical-properties.less";
 
 // Disables the scroll on the body
 // Note: might not work in some iOS Safari browsers

package/src/flowNavigation/FlowNavigation.less

@@ -1,4 +1,4 @@
-@import (reference) "./../neptune-css/less/addons/_spacing-utilities.less";
+@import (reference) "./../styles/less/addons/_spacing-utilities.less";
 
 .np-flow-navigation {
   width: 100%;