@transferwise/components 0.0.0-experimental-57e70f3 → 0.0.0-experimental-0cea513
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/build/main.css +492 -4326
- package/build/neptune.css +60 -60
- package/build/styles/main.css +492 -4326
- package/build/styles/neptune-css/less/neptune.css +60 -60
- package/package.json +2 -2
- package/src/neptune-css/less/neptune.bundle.less +2 -10
|
@@ -2239,66 +2239,6 @@
|
|
|
2239
2239
|
--font-family-display: 'Wise Sans', 'Inter', sans-serif;
|
|
2240
2240
|
}
|
|
2241
2241
|
|
|
2242
|
-
@media (max-width: 320px) {
|
|
2243
|
-
.np-theme-personal {
|
|
2244
|
-
--delta: 2;
|
|
2245
|
-
--size-4: calc(4px / var(--delta));
|
|
2246
|
-
--size-5: calc(5px / var(--delta));
|
|
2247
|
-
--size-8: calc(8px / var(--delta));
|
|
2248
|
-
--size-10: calc(10px / var(--delta));
|
|
2249
|
-
--size-12: calc(12px / var(--delta));
|
|
2250
|
-
--size-14: calc(14px / var(--delta));
|
|
2251
|
-
--size-16: calc(16px / var(--delta));
|
|
2252
|
-
--size-24: calc(24px / var(--delta));
|
|
2253
|
-
--size-32: calc(32px / var(--delta));
|
|
2254
|
-
--size-40: calc(40px / var(--delta));
|
|
2255
|
-
--size-48: calc(48px / var(--delta));
|
|
2256
|
-
--size-52: calc(52px / var(--delta));
|
|
2257
|
-
--size-56: calc(56px / var(--delta));
|
|
2258
|
-
--size-60: calc(60px / var(--delta));
|
|
2259
|
-
--size-64: calc(64px / var(--delta));
|
|
2260
|
-
--size-72: calc(72px / var(--delta));
|
|
2261
|
-
--size-80: calc(80px / var(--delta));
|
|
2262
|
-
--size-88: calc(88px / var(--delta));
|
|
2263
|
-
--size-96: calc(96px / var(--delta));
|
|
2264
|
-
--size-104: calc(104px / var(--delta));
|
|
2265
|
-
--size-112: calc(112px / var(--delta));
|
|
2266
|
-
--size-120: calc(120px / var(--delta));
|
|
2267
|
-
--size-126: calc(126px / var(--delta));
|
|
2268
|
-
--size-128: calc(128px / var(--delta));
|
|
2269
|
-
--size-146: calc(146px / var(--delta));
|
|
2270
|
-
--size-154: calc(154px / var(--delta));
|
|
2271
|
-
--size-x-small: calc(24px / var(--delta));
|
|
2272
|
-
--size-small: calc(32px / var(--delta));
|
|
2273
|
-
--size-medium: calc(40px / var(--delta));
|
|
2274
|
-
--size-large: calc(48px / var(--delta));
|
|
2275
|
-
--size-x-large: calc(56px / var(--delta));
|
|
2276
|
-
--size-2x-large: calc(72px / var(--delta));
|
|
2277
|
-
--space-content-horizontal: calc(16px / var(--delta));
|
|
2278
|
-
--space-small: calc(16px / var(--delta));
|
|
2279
|
-
--space-medium: calc(32px / var(--delta));
|
|
2280
|
-
--space-large: calc(40px / var(--delta));
|
|
2281
|
-
--space-x-large: calc(56px / var(--delta));
|
|
2282
|
-
--padding-x-small: var(--size-8);
|
|
2283
|
-
--padding-small: var(--size-16);
|
|
2284
|
-
--padding-medium: var(--size-24);
|
|
2285
|
-
--padding-large: var(--size-32);
|
|
2286
|
-
--input-height-base: var(--size-32);
|
|
2287
|
-
--input-height-large: var(--input-height-small);
|
|
2288
|
-
--input-padding: var(--input-padding-small);
|
|
2289
|
-
--input-padding-large: var(--input-padding-small);
|
|
2290
|
-
--input-group-addon-padding: var(--input-group-addon-sm-padding);
|
|
2291
|
-
--input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
|
|
2292
|
-
--btn-height: var(--input-height-base);
|
|
2293
|
-
--btn-lg-height: var(--btn-height);
|
|
2294
|
-
--btn-sm-height: var(--btn-height);
|
|
2295
|
-
--btn-padding: var(--input-padding);
|
|
2296
|
-
--btn-sm-padding: var(--btn-padding);
|
|
2297
|
-
--btn-lg-padding: var(--btn-padding);
|
|
2298
|
-
--dropdown-link-padding: var(--size-12) var(--size-16);
|
|
2299
|
-
}
|
|
2300
|
-
}
|
|
2301
|
-
|
|
2302
2242
|
/* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
|
|
2303
2243
|
|
|
2304
2244
|
@font-face {
|
|
@@ -4616,6 +4556,66 @@ a.text-inverse:focus {
|
|
|
4616
4556
|
content: none;
|
|
4617
4557
|
}
|
|
4618
4558
|
|
|
4559
|
+
@media (max-width: 320px) {
|
|
4560
|
+
.np-theme-personal {
|
|
4561
|
+
--delta: 2;
|
|
4562
|
+
--size-4: calc(4px / var(--delta));
|
|
4563
|
+
--size-5: calc(5px / var(--delta));
|
|
4564
|
+
--size-8: calc(8px / var(--delta));
|
|
4565
|
+
--size-10: calc(10px / var(--delta));
|
|
4566
|
+
--size-12: calc(12px / var(--delta));
|
|
4567
|
+
--size-14: calc(14px / var(--delta));
|
|
4568
|
+
--size-16: calc(16px / var(--delta));
|
|
4569
|
+
--size-24: calc(24px / var(--delta));
|
|
4570
|
+
--size-32: calc(32px / var(--delta));
|
|
4571
|
+
--size-40: calc(40px / var(--delta));
|
|
4572
|
+
--size-48: calc(48px / var(--delta));
|
|
4573
|
+
--size-52: calc(52px / var(--delta));
|
|
4574
|
+
--size-56: calc(56px / var(--delta));
|
|
4575
|
+
--size-60: calc(60px / var(--delta));
|
|
4576
|
+
--size-64: calc(64px / var(--delta));
|
|
4577
|
+
--size-72: calc(72px / var(--delta));
|
|
4578
|
+
--size-80: calc(80px / var(--delta));
|
|
4579
|
+
--size-88: calc(88px / var(--delta));
|
|
4580
|
+
--size-96: calc(96px / var(--delta));
|
|
4581
|
+
--size-104: calc(104px / var(--delta));
|
|
4582
|
+
--size-112: calc(112px / var(--delta));
|
|
4583
|
+
--size-120: calc(120px / var(--delta));
|
|
4584
|
+
--size-126: calc(126px / var(--delta));
|
|
4585
|
+
--size-128: calc(128px / var(--delta));
|
|
4586
|
+
--size-146: calc(146px / var(--delta));
|
|
4587
|
+
--size-154: calc(154px / var(--delta));
|
|
4588
|
+
--size-x-small: calc(24px / var(--delta));
|
|
4589
|
+
--size-small: calc(32px / var(--delta));
|
|
4590
|
+
--size-medium: calc(40px / var(--delta));
|
|
4591
|
+
--size-large: calc(48px / var(--delta));
|
|
4592
|
+
--size-x-large: calc(56px / var(--delta));
|
|
4593
|
+
--size-2x-large: calc(72px / var(--delta));
|
|
4594
|
+
--space-content-horizontal: calc(16px / var(--delta));
|
|
4595
|
+
--space-small: calc(16px / var(--delta));
|
|
4596
|
+
--space-medium: calc(32px / var(--delta));
|
|
4597
|
+
--space-large: calc(40px / var(--delta));
|
|
4598
|
+
--space-x-large: calc(56px / var(--delta));
|
|
4599
|
+
--padding-x-small: var(--size-8);
|
|
4600
|
+
--padding-small: var(--size-16);
|
|
4601
|
+
--padding-medium: var(--size-24);
|
|
4602
|
+
--padding-large: var(--size-32);
|
|
4603
|
+
--input-height-base: var(--size-32);
|
|
4604
|
+
--input-height-large: var(--input-height-small);
|
|
4605
|
+
--input-padding: var(--input-padding-small);
|
|
4606
|
+
--input-padding-large: var(--input-padding-small);
|
|
4607
|
+
--input-group-addon-padding: var(--input-group-addon-sm-padding);
|
|
4608
|
+
--input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
|
|
4609
|
+
--btn-height: var(--input-height-base);
|
|
4610
|
+
--btn-lg-height: var(--btn-height);
|
|
4611
|
+
--btn-sm-height: var(--btn-height);
|
|
4612
|
+
--btn-padding: var(--input-padding);
|
|
4613
|
+
--btn-sm-padding: var(--btn-padding);
|
|
4614
|
+
--btn-lg-padding: var(--btn-padding);
|
|
4615
|
+
--dropdown-link-padding: var(--size-12) var(--size-16);
|
|
4616
|
+
}
|
|
4617
|
+
}
|
|
4618
|
+
|
|
4619
4619
|
.bg-default,
|
|
4620
4620
|
.bg-neutral {
|
|
4621
4621
|
background-color: rgba(134,167,189,0.10196) !important;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/components",
|
|
3
|
-
"version": "0.0.0-experimental-
|
|
3
|
+
"version": "0.0.0-experimental-0cea513",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -87,8 +87,8 @@
|
|
|
87
87
|
"storybook-addon-tag-badges": "^3.0.6",
|
|
88
88
|
"storybook-addon-test-codegen": "^3.0.1",
|
|
89
89
|
"@transferwise/less-config": "3.1.2",
|
|
90
|
-
"@transferwise/neptune-css": "0.0.0-experimental-57e70f3",
|
|
91
90
|
"@wise/components-theming": "1.10.1",
|
|
91
|
+
"@transferwise/neptune-css": "0.0.0-experimental-0cea513",
|
|
92
92
|
"@wise/wds-configs": "0.0.0"
|
|
93
93
|
},
|
|
94
94
|
"peerDependencies": {
|
|
@@ -9,17 +9,9 @@
|
|
|
9
9
|
@import '@transferwise/neptune-tokens/themes/business--dark/tokens.css';
|
|
10
10
|
@import '@transferwise/neptune-tokens/themes/business--forest-green/tokens.css';
|
|
11
11
|
@import '@transferwise/neptune-tokens/themes/business--bright-green/tokens.css';
|
|
12
|
-
|
|
12
|
+
@import "./neptune-core.less";
|
|
13
13
|
@import './core/viewport-themes.less';
|
|
14
|
-
|
|
15
|
-
@import "./core/_fonts.less";
|
|
16
|
-
@import "./core/_scaffolding.less";
|
|
17
|
-
@import "./core/_typography.less";
|
|
18
|
-
@import "./core/_typography-utilities.less";
|
|
19
|
-
@import "./addons/_background-utilities.less";
|
|
20
|
-
@import "./addons/_display-utilities.less";
|
|
21
|
-
@import "./addons/_spacing-utilities.less";
|
|
22
|
-
@import "./addons/_border.less";
|
|
14
|
+
@import "./neptune-addons.less";
|
|
23
15
|
|
|
24
16
|
// Components
|
|
25
17
|
@import "./components/_component-animations.less";
|