@transferwise/neptune-tokens 6.1.0 → 8.0.0-next.1
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/.releaserc.json +40 -0
- package/colors-base.css +1 -1
- package/colors-base.less +1 -1
- package/colors.json +0 -150
- package/package.json +14 -3
- package/themes/dark/tokens.css +30 -5
- package/themes/dark/tokens.less +30 -5
- package/themes/light/tokens.css +30 -5
- package/themes/light/tokens.less +30 -5
- package/themes/navy/tokens.css +30 -5
- package/themes/navy/tokens.less +30 -5
- package/tokens.css +30 -5
- package/tokens.less +30 -9
- package/CHANGELOG.md +0 -38
package/.releaserc.json
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
{
|
|
2
|
+
"branches": [
|
|
3
|
+
{
|
|
4
|
+
"name": "main"
|
|
5
|
+
},
|
|
6
|
+
{
|
|
7
|
+
"name": "next",
|
|
8
|
+
"prerelease": true
|
|
9
|
+
}
|
|
10
|
+
],
|
|
11
|
+
"debug": "true",
|
|
12
|
+
"plugins": [
|
|
13
|
+
"@semantic-release/commit-analyzer",
|
|
14
|
+
"@semantic-release/release-notes-generator",
|
|
15
|
+
[
|
|
16
|
+
"@semantic-release/changelog",
|
|
17
|
+
{
|
|
18
|
+
"changelogFile": "CHANGELOG.md",
|
|
19
|
+
"changelogTitle":
|
|
20
|
+
"# Change Log\n\nAll notable changes to this project will be documented in this file.\nSee [Conventional Commits](https://conventionalcommits.org) for commit guidelines.\n"
|
|
21
|
+
}
|
|
22
|
+
],
|
|
23
|
+
[
|
|
24
|
+
"@semantic-release/npm",
|
|
25
|
+
{
|
|
26
|
+
"publishConfig": {
|
|
27
|
+
"access": "restricted"
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
],
|
|
31
|
+
[
|
|
32
|
+
"@semantic-release/git",
|
|
33
|
+
{
|
|
34
|
+
"assets": ["CHANGELOG.md", "package.json"],
|
|
35
|
+
"message": "chore(release): [skip ci]\n\n${nextRelease.version}\n\n${nextRelease.notes}"
|
|
36
|
+
}
|
|
37
|
+
],
|
|
38
|
+
"@semantic-release/github"
|
|
39
|
+
]
|
|
40
|
+
}
|
package/colors-base.css
CHANGED
package/colors-base.less
CHANGED
package/colors.json
CHANGED
|
@@ -1269,31 +1269,6 @@
|
|
|
1269
1269
|
"content",
|
|
1270
1270
|
"warning"
|
|
1271
1271
|
]
|
|
1272
|
-
},
|
|
1273
|
-
"disabled": {
|
|
1274
|
-
"value": {
|
|
1275
|
-
"r": 0.6588235294117647,
|
|
1276
|
-
"g": 0.6666666666666666,
|
|
1277
|
-
"b": 0.6745098039215687
|
|
1278
|
-
},
|
|
1279
|
-
"filePath": "tokens/colors/themes/dark.json",
|
|
1280
|
-
"isSource": true,
|
|
1281
|
-
"original": {
|
|
1282
|
-
"value": "{color.base.smoke.dark.value}"
|
|
1283
|
-
},
|
|
1284
|
-
"name": "darkContentDisabled",
|
|
1285
|
-
"attributes": {
|
|
1286
|
-
"category": "color",
|
|
1287
|
-
"type": "dark",
|
|
1288
|
-
"item": "content",
|
|
1289
|
-
"subitem": "disabled"
|
|
1290
|
-
},
|
|
1291
|
-
"path": [
|
|
1292
|
-
"color",
|
|
1293
|
-
"dark",
|
|
1294
|
-
"content",
|
|
1295
|
-
"disabled"
|
|
1296
|
-
]
|
|
1297
1272
|
}
|
|
1298
1273
|
},
|
|
1299
1274
|
"interactive": {
|
|
@@ -1421,31 +1396,6 @@
|
|
|
1421
1396
|
"interactive",
|
|
1422
1397
|
"secondary"
|
|
1423
1398
|
]
|
|
1424
|
-
},
|
|
1425
|
-
"disabled": {
|
|
1426
|
-
"value": {
|
|
1427
|
-
"r": 0.6588235294117647,
|
|
1428
|
-
"g": 0.6666666666666666,
|
|
1429
|
-
"b": 0.6745098039215687
|
|
1430
|
-
},
|
|
1431
|
-
"filePath": "tokens/colors/themes/dark.json",
|
|
1432
|
-
"isSource": true,
|
|
1433
|
-
"original": {
|
|
1434
|
-
"value": "{color.base.smoke.dark.value}"
|
|
1435
|
-
},
|
|
1436
|
-
"name": "darkInteractiveDisabled",
|
|
1437
|
-
"attributes": {
|
|
1438
|
-
"category": "color",
|
|
1439
|
-
"type": "dark",
|
|
1440
|
-
"item": "interactive",
|
|
1441
|
-
"subitem": "disabled"
|
|
1442
|
-
},
|
|
1443
|
-
"path": [
|
|
1444
|
-
"color",
|
|
1445
|
-
"dark",
|
|
1446
|
-
"interactive",
|
|
1447
|
-
"disabled"
|
|
1448
|
-
]
|
|
1449
1399
|
}
|
|
1450
1400
|
},
|
|
1451
1401
|
"background": {
|
|
@@ -1914,31 +1864,6 @@
|
|
|
1914
1864
|
"content",
|
|
1915
1865
|
"warning"
|
|
1916
1866
|
]
|
|
1917
|
-
},
|
|
1918
|
-
"disabled": {
|
|
1919
|
-
"value": {
|
|
1920
|
-
"r": 0.6588235294117647,
|
|
1921
|
-
"g": 0.6666666666666666,
|
|
1922
|
-
"b": 0.6745098039215687
|
|
1923
|
-
},
|
|
1924
|
-
"filePath": "tokens/colors/themes/light.json",
|
|
1925
|
-
"isSource": true,
|
|
1926
|
-
"original": {
|
|
1927
|
-
"value": "{color.base.smoke.dark.value}"
|
|
1928
|
-
},
|
|
1929
|
-
"name": "lightContentDisabled",
|
|
1930
|
-
"attributes": {
|
|
1931
|
-
"category": "color",
|
|
1932
|
-
"type": "light",
|
|
1933
|
-
"item": "content",
|
|
1934
|
-
"subitem": "disabled"
|
|
1935
|
-
},
|
|
1936
|
-
"path": [
|
|
1937
|
-
"color",
|
|
1938
|
-
"light",
|
|
1939
|
-
"content",
|
|
1940
|
-
"disabled"
|
|
1941
|
-
]
|
|
1942
1867
|
}
|
|
1943
1868
|
},
|
|
1944
1869
|
"interactive": {
|
|
@@ -2066,31 +1991,6 @@
|
|
|
2066
1991
|
"interactive",
|
|
2067
1992
|
"secondary"
|
|
2068
1993
|
]
|
|
2069
|
-
},
|
|
2070
|
-
"disabled": {
|
|
2071
|
-
"value": {
|
|
2072
|
-
"r": 0.6588235294117647,
|
|
2073
|
-
"g": 0.6666666666666666,
|
|
2074
|
-
"b": 0.6745098039215687
|
|
2075
|
-
},
|
|
2076
|
-
"filePath": "tokens/colors/themes/light.json",
|
|
2077
|
-
"isSource": true,
|
|
2078
|
-
"original": {
|
|
2079
|
-
"value": "{color.base.smoke.dark.value}"
|
|
2080
|
-
},
|
|
2081
|
-
"name": "lightInteractiveDisabled",
|
|
2082
|
-
"attributes": {
|
|
2083
|
-
"category": "color",
|
|
2084
|
-
"type": "light",
|
|
2085
|
-
"item": "interactive",
|
|
2086
|
-
"subitem": "disabled"
|
|
2087
|
-
},
|
|
2088
|
-
"path": [
|
|
2089
|
-
"color",
|
|
2090
|
-
"light",
|
|
2091
|
-
"interactive",
|
|
2092
|
-
"disabled"
|
|
2093
|
-
]
|
|
2094
1994
|
}
|
|
2095
1995
|
},
|
|
2096
1996
|
"background": {
|
|
@@ -2559,31 +2459,6 @@
|
|
|
2559
2459
|
"content",
|
|
2560
2460
|
"warning"
|
|
2561
2461
|
]
|
|
2562
|
-
},
|
|
2563
|
-
"disabled": {
|
|
2564
|
-
"value": {
|
|
2565
|
-
"r": 0.6588235294117647,
|
|
2566
|
-
"g": 0.6666666666666666,
|
|
2567
|
-
"b": 0.6745098039215687
|
|
2568
|
-
},
|
|
2569
|
-
"filePath": "tokens/colors/themes/navy.json",
|
|
2570
|
-
"isSource": true,
|
|
2571
|
-
"original": {
|
|
2572
|
-
"value": "{color.base.smoke.dark.value}"
|
|
2573
|
-
},
|
|
2574
|
-
"name": "navyContentDisabled",
|
|
2575
|
-
"attributes": {
|
|
2576
|
-
"category": "color",
|
|
2577
|
-
"type": "navy",
|
|
2578
|
-
"item": "content",
|
|
2579
|
-
"subitem": "disabled"
|
|
2580
|
-
},
|
|
2581
|
-
"path": [
|
|
2582
|
-
"color",
|
|
2583
|
-
"navy",
|
|
2584
|
-
"content",
|
|
2585
|
-
"disabled"
|
|
2586
|
-
]
|
|
2587
2462
|
}
|
|
2588
2463
|
},
|
|
2589
2464
|
"interactive": {
|
|
@@ -2711,31 +2586,6 @@
|
|
|
2711
2586
|
"interactive",
|
|
2712
2587
|
"secondary"
|
|
2713
2588
|
]
|
|
2714
|
-
},
|
|
2715
|
-
"disabled": {
|
|
2716
|
-
"value": {
|
|
2717
|
-
"r": 0.6588235294117647,
|
|
2718
|
-
"g": 0.6666666666666666,
|
|
2719
|
-
"b": 0.6745098039215687
|
|
2720
|
-
},
|
|
2721
|
-
"filePath": "tokens/colors/themes/navy.json",
|
|
2722
|
-
"isSource": true,
|
|
2723
|
-
"original": {
|
|
2724
|
-
"value": "{color.base.smoke.dark.value}"
|
|
2725
|
-
},
|
|
2726
|
-
"name": "navyInteractiveDisabled",
|
|
2727
|
-
"attributes": {
|
|
2728
|
-
"category": "color",
|
|
2729
|
-
"type": "navy",
|
|
2730
|
-
"item": "interactive",
|
|
2731
|
-
"subitem": "disabled"
|
|
2732
|
-
},
|
|
2733
|
-
"path": [
|
|
2734
|
-
"color",
|
|
2735
|
-
"navy",
|
|
2736
|
-
"interactive",
|
|
2737
|
-
"disabled"
|
|
2738
|
-
]
|
|
2739
2589
|
}
|
|
2740
2590
|
},
|
|
2741
2591
|
"background": {
|
package/package.json
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/neptune-tokens",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "8.0.0-next.1",
|
|
4
4
|
"description": "Design tokens for the Neptune Design System",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"repository": {
|
|
8
|
+
"fullname": "transferwise/neptune-tokens",
|
|
8
9
|
"type": "git",
|
|
9
10
|
"url": "git+https://github.com/transferwise/neptune-tokens.git"
|
|
10
11
|
},
|
|
@@ -21,9 +22,19 @@
|
|
|
21
22
|
"postpublish": "git clean -fd"
|
|
22
23
|
},
|
|
23
24
|
"devDependencies": {
|
|
25
|
+
"@semantic-release/changelog": "^5.0.1",
|
|
26
|
+
"@semantic-release/git": "^9.0.1",
|
|
27
|
+
"@semantic-release/npm": "^7.1.3",
|
|
24
28
|
"chroma-js": "^2.1.2",
|
|
29
|
+
"cz-conventional-changelog": "3.3.0",
|
|
25
30
|
"prettier": "^2.3.2",
|
|
26
|
-
"
|
|
27
|
-
"release
|
|
31
|
+
"release-to-github-with-changelog": "^1.2.4",
|
|
32
|
+
"semantic-release": "^17.4.7",
|
|
33
|
+
"style-dictionary": "^3.0.1"
|
|
34
|
+
},
|
|
35
|
+
"config": {
|
|
36
|
+
"commitizen": {
|
|
37
|
+
"path": "./node_modules/cz-conventional-changelog"
|
|
38
|
+
}
|
|
28
39
|
}
|
|
29
40
|
}
|
package/themes/dark/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 12 Jul 2022 17:47:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.np-theme-dark {
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
--color-content-warning: #ffd184;
|
|
20
20
|
--color-content-warning-hover: #e9bd71;
|
|
21
21
|
--color-content-warning-active: #daae63;
|
|
22
|
-
--color-content-disabled: #a8aaac;
|
|
23
22
|
--color-interactive-accent: #00a2dd;
|
|
24
23
|
--color-interactive-accent-hover: #008fc9;
|
|
25
24
|
--color-interactive-accent-active: #0081ba;
|
|
@@ -35,7 +34,6 @@
|
|
|
35
34
|
--color-interactive-secondary: #a8aaac;
|
|
36
35
|
--color-interactive-secondary-hover: #959799;
|
|
37
36
|
--color-interactive-secondary-active: #87898b;
|
|
38
|
-
--color-interactive-disabled: #a8aaac;
|
|
39
37
|
--color-background-screen: #181818;
|
|
40
38
|
--color-background-elevated: #202020;
|
|
41
39
|
--color-background-neutral: #86a7bd1a;
|
|
@@ -72,13 +70,40 @@
|
|
|
72
70
|
--font-size-14: 0.875rem;
|
|
73
71
|
--font-size-16: 1rem;
|
|
74
72
|
--font-size-20: 1.25rem;
|
|
73
|
+
--font-size-22: 1.375rem;
|
|
75
74
|
--font-size-26: 1.625rem;
|
|
75
|
+
--font-size-30: 1.75rem;
|
|
76
76
|
--font-size-32: 2rem;
|
|
77
|
+
--letter-spacing-size-1: 0.01;
|
|
78
|
+
--letter-spacing-size-2: 0.02;
|
|
79
|
+
--letter-spacing-size-0.5: 0.005;
|
|
80
|
+
--letter-spacing-size-1.25: 0.0125;
|
|
81
|
+
--letter-spacing-size-1.5: 0.015;
|
|
82
|
+
--letter-spacing-size-2.5: 0.025;
|
|
83
|
+
--letter-spacing-size-1: -0.01;
|
|
84
|
+
--letter-spacing-size-2: -0.02;
|
|
85
|
+
--letter-spacing-size-0.5: -0.005;
|
|
86
|
+
--letter-spacing-size-1.25: -0.0125;
|
|
87
|
+
--letter-spacing-size-1.5: -0.015;
|
|
88
|
+
--letter-spacing-size-2.5: -0.025;
|
|
89
|
+
--line-height-18: 1.125;
|
|
90
|
+
--line-height-22: 1.25;
|
|
91
|
+
--line-height-24: 1.5;
|
|
92
|
+
--line-height-28: 1.75;
|
|
93
|
+
--line-height-30: 1.375;
|
|
94
|
+
--line-height-32: 2;
|
|
95
|
+
--line-height-34: 2.125;
|
|
96
|
+
--line-height-36: 1.5;
|
|
97
|
+
--line-height-42: 1.625;
|
|
98
|
+
--line-height-48: 1.75;
|
|
77
99
|
--line-height-title: 1.2;
|
|
78
100
|
--line-height-body: 1.5;
|
|
79
101
|
--line-height-control: 1.2;
|
|
80
|
-
--font-weight-
|
|
102
|
+
--font-weight-light: 300;
|
|
103
|
+
--font-weight-regular: 400;
|
|
104
|
+
--font-weight-medium: 500;
|
|
81
105
|
--font-weight-semi-bold: 600;
|
|
82
106
|
--font-weight-bold: 800;
|
|
83
|
-
--font-
|
|
107
|
+
--font-weight-black: 900;
|
|
108
|
+
--font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
|
|
84
109
|
}
|
package/themes/dark/tokens.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 12 Jul 2022 17:47:29 GMT
|
|
4
4
|
|
|
5
5
|
@color-content-primary: #e2e6e8;
|
|
6
6
|
@color-content-secondary: #c9cbce;
|
|
@@ -17,7 +17,6 @@
|
|
|
17
17
|
@color-content-warning: #ffd184;
|
|
18
18
|
@color-content-warning-hover: #e9bd71;
|
|
19
19
|
@color-content-warning-active: #daae63;
|
|
20
|
-
@color-content-disabled: #a8aaac;
|
|
21
20
|
@color-interactive-accent: #00a2dd;
|
|
22
21
|
@color-interactive-accent-hover: #008fc9;
|
|
23
22
|
@color-interactive-accent-active: #0081ba;
|
|
@@ -33,7 +32,6 @@
|
|
|
33
32
|
@color-interactive-secondary: #a8aaac;
|
|
34
33
|
@color-interactive-secondary-hover: #959799;
|
|
35
34
|
@color-interactive-secondary-active: #87898b;
|
|
36
|
-
@color-interactive-disabled: #a8aaac;
|
|
37
35
|
@color-background-screen: #181818;
|
|
38
36
|
@color-background-elevated: #202020;
|
|
39
37
|
@color-background-neutral: #86a7bd1a;
|
|
@@ -70,12 +68,39 @@
|
|
|
70
68
|
@font-size-14: 0.875rem;
|
|
71
69
|
@font-size-16: 1rem;
|
|
72
70
|
@font-size-20: 1.25rem;
|
|
71
|
+
@font-size-22: 1.375rem;
|
|
73
72
|
@font-size-26: 1.625rem;
|
|
73
|
+
@font-size-30: 1.75rem;
|
|
74
74
|
@font-size-32: 2rem;
|
|
75
|
+
@letter-spacing-size-1: 0.01;
|
|
76
|
+
@letter-spacing-size-2: 0.02;
|
|
77
|
+
@letter-spacing-size-0.5: 0.005;
|
|
78
|
+
@letter-spacing-size-1.25: 0.0125;
|
|
79
|
+
@letter-spacing-size-1.5: 0.015;
|
|
80
|
+
@letter-spacing-size-2.5: 0.025;
|
|
81
|
+
@letter-spacing-size-1: -0.01;
|
|
82
|
+
@letter-spacing-size-2: -0.02;
|
|
83
|
+
@letter-spacing-size-0.5: -0.005;
|
|
84
|
+
@letter-spacing-size-1.25: -0.0125;
|
|
85
|
+
@letter-spacing-size-1.5: -0.015;
|
|
86
|
+
@letter-spacing-size-2.5: -0.025;
|
|
87
|
+
@line-height-18: 1.125;
|
|
88
|
+
@line-height-22: 1.25;
|
|
89
|
+
@line-height-24: 1.5;
|
|
90
|
+
@line-height-28: 1.75;
|
|
91
|
+
@line-height-30: 1.375;
|
|
92
|
+
@line-height-32: 2;
|
|
93
|
+
@line-height-34: 2.125;
|
|
94
|
+
@line-height-36: 1.5;
|
|
95
|
+
@line-height-42: 1.625;
|
|
96
|
+
@line-height-48: 1.75;
|
|
75
97
|
@line-height-title: 1.2;
|
|
76
98
|
@line-height-body: 1.5;
|
|
77
99
|
@line-height-control: 1.2;
|
|
78
|
-
@font-weight-
|
|
100
|
+
@font-weight-light: 300;
|
|
101
|
+
@font-weight-regular: 400;
|
|
102
|
+
@font-weight-medium: 500;
|
|
79
103
|
@font-weight-semi-bold: 600;
|
|
80
104
|
@font-weight-bold: 800;
|
|
81
|
-
@font-
|
|
105
|
+
@font-weight-black: 900;
|
|
106
|
+
@font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
|
package/themes/light/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 12 Jul 2022 17:47:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.np-theme-light {
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
--color-content-warning: #9a6500;
|
|
20
20
|
--color-content-warning-hover: #855400;
|
|
21
21
|
--color-content-warning-active: #764700;
|
|
22
|
-
--color-content-disabled: #a8aaac;
|
|
23
22
|
--color-interactive-accent: #00a2dd;
|
|
24
23
|
--color-interactive-accent-hover: #008fc9;
|
|
25
24
|
--color-interactive-accent-active: #0081ba;
|
|
@@ -35,7 +34,6 @@
|
|
|
35
34
|
--color-interactive-secondary: #c9cbce;
|
|
36
35
|
--color-interactive-secondary-hover: #b5b7ba;
|
|
37
36
|
--color-interactive-secondary-active: #a7a9ab;
|
|
38
|
-
--color-interactive-disabled: #a8aaac;
|
|
39
37
|
--color-background-screen: #ffffff;
|
|
40
38
|
--color-background-elevated: #ffffff;
|
|
41
39
|
--color-background-neutral: #86a7bd1a;
|
|
@@ -72,13 +70,40 @@
|
|
|
72
70
|
--font-size-14: 0.875rem;
|
|
73
71
|
--font-size-16: 1rem;
|
|
74
72
|
--font-size-20: 1.25rem;
|
|
73
|
+
--font-size-22: 1.375rem;
|
|
75
74
|
--font-size-26: 1.625rem;
|
|
75
|
+
--font-size-30: 1.75rem;
|
|
76
76
|
--font-size-32: 2rem;
|
|
77
|
+
--letter-spacing-size-1: 0.01;
|
|
78
|
+
--letter-spacing-size-2: 0.02;
|
|
79
|
+
--letter-spacing-size-0.5: 0.005;
|
|
80
|
+
--letter-spacing-size-1.25: 0.0125;
|
|
81
|
+
--letter-spacing-size-1.5: 0.015;
|
|
82
|
+
--letter-spacing-size-2.5: 0.025;
|
|
83
|
+
--letter-spacing-size-1: -0.01;
|
|
84
|
+
--letter-spacing-size-2: -0.02;
|
|
85
|
+
--letter-spacing-size-0.5: -0.005;
|
|
86
|
+
--letter-spacing-size-1.25: -0.0125;
|
|
87
|
+
--letter-spacing-size-1.5: -0.015;
|
|
88
|
+
--letter-spacing-size-2.5: -0.025;
|
|
89
|
+
--line-height-18: 1.125;
|
|
90
|
+
--line-height-22: 1.25;
|
|
91
|
+
--line-height-24: 1.5;
|
|
92
|
+
--line-height-28: 1.75;
|
|
93
|
+
--line-height-30: 1.375;
|
|
94
|
+
--line-height-32: 2;
|
|
95
|
+
--line-height-34: 2.125;
|
|
96
|
+
--line-height-36: 1.5;
|
|
97
|
+
--line-height-42: 1.625;
|
|
98
|
+
--line-height-48: 1.75;
|
|
77
99
|
--line-height-title: 1.2;
|
|
78
100
|
--line-height-body: 1.5;
|
|
79
101
|
--line-height-control: 1.2;
|
|
80
|
-
--font-weight-
|
|
102
|
+
--font-weight-light: 300;
|
|
103
|
+
--font-weight-regular: 400;
|
|
104
|
+
--font-weight-medium: 500;
|
|
81
105
|
--font-weight-semi-bold: 600;
|
|
82
106
|
--font-weight-bold: 800;
|
|
83
|
-
--font-
|
|
107
|
+
--font-weight-black: 900;
|
|
108
|
+
--font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
|
|
84
109
|
}
|
package/themes/light/tokens.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 12 Jul 2022 17:47:29 GMT
|
|
4
4
|
|
|
5
5
|
@color-content-primary: #37517e;
|
|
6
6
|
@color-content-secondary: #5d7079;
|
|
@@ -17,7 +17,6 @@
|
|
|
17
17
|
@color-content-warning: #9a6500;
|
|
18
18
|
@color-content-warning-hover: #855400;
|
|
19
19
|
@color-content-warning-active: #764700;
|
|
20
|
-
@color-content-disabled: #a8aaac;
|
|
21
20
|
@color-interactive-accent: #00a2dd;
|
|
22
21
|
@color-interactive-accent-hover: #008fc9;
|
|
23
22
|
@color-interactive-accent-active: #0081ba;
|
|
@@ -33,7 +32,6 @@
|
|
|
33
32
|
@color-interactive-secondary: #c9cbce;
|
|
34
33
|
@color-interactive-secondary-hover: #b5b7ba;
|
|
35
34
|
@color-interactive-secondary-active: #a7a9ab;
|
|
36
|
-
@color-interactive-disabled: #a8aaac;
|
|
37
35
|
@color-background-screen: #ffffff;
|
|
38
36
|
@color-background-elevated: #ffffff;
|
|
39
37
|
@color-background-neutral: #86a7bd1a;
|
|
@@ -70,12 +68,39 @@
|
|
|
70
68
|
@font-size-14: 0.875rem;
|
|
71
69
|
@font-size-16: 1rem;
|
|
72
70
|
@font-size-20: 1.25rem;
|
|
71
|
+
@font-size-22: 1.375rem;
|
|
73
72
|
@font-size-26: 1.625rem;
|
|
73
|
+
@font-size-30: 1.75rem;
|
|
74
74
|
@font-size-32: 2rem;
|
|
75
|
+
@letter-spacing-size-1: 0.01;
|
|
76
|
+
@letter-spacing-size-2: 0.02;
|
|
77
|
+
@letter-spacing-size-0.5: 0.005;
|
|
78
|
+
@letter-spacing-size-1.25: 0.0125;
|
|
79
|
+
@letter-spacing-size-1.5: 0.015;
|
|
80
|
+
@letter-spacing-size-2.5: 0.025;
|
|
81
|
+
@letter-spacing-size-1: -0.01;
|
|
82
|
+
@letter-spacing-size-2: -0.02;
|
|
83
|
+
@letter-spacing-size-0.5: -0.005;
|
|
84
|
+
@letter-spacing-size-1.25: -0.0125;
|
|
85
|
+
@letter-spacing-size-1.5: -0.015;
|
|
86
|
+
@letter-spacing-size-2.5: -0.025;
|
|
87
|
+
@line-height-18: 1.125;
|
|
88
|
+
@line-height-22: 1.25;
|
|
89
|
+
@line-height-24: 1.5;
|
|
90
|
+
@line-height-28: 1.75;
|
|
91
|
+
@line-height-30: 1.375;
|
|
92
|
+
@line-height-32: 2;
|
|
93
|
+
@line-height-34: 2.125;
|
|
94
|
+
@line-height-36: 1.5;
|
|
95
|
+
@line-height-42: 1.625;
|
|
96
|
+
@line-height-48: 1.75;
|
|
75
97
|
@line-height-title: 1.2;
|
|
76
98
|
@line-height-body: 1.5;
|
|
77
99
|
@line-height-control: 1.2;
|
|
78
|
-
@font-weight-
|
|
100
|
+
@font-weight-light: 300;
|
|
101
|
+
@font-weight-regular: 400;
|
|
102
|
+
@font-weight-medium: 500;
|
|
79
103
|
@font-weight-semi-bold: 600;
|
|
80
104
|
@font-weight-bold: 800;
|
|
81
|
-
@font-
|
|
105
|
+
@font-weight-black: 900;
|
|
106
|
+
@font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
|
package/themes/navy/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 12 Jul 2022 17:47:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.np-theme-navy {
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
--color-content-warning: #ffd184;
|
|
20
20
|
--color-content-warning-hover: #e9bd71;
|
|
21
21
|
--color-content-warning-active: #daae63;
|
|
22
|
-
--color-content-disabled: #a8aaac;
|
|
23
22
|
--color-interactive-accent: #00a2dd;
|
|
24
23
|
--color-interactive-accent-hover: #008fc9;
|
|
25
24
|
--color-interactive-accent-active: #0081ba;
|
|
@@ -35,7 +34,6 @@
|
|
|
35
34
|
--color-interactive-secondary: #a8aaac;
|
|
36
35
|
--color-interactive-secondary-hover: #959799;
|
|
37
36
|
--color-interactive-secondary-active: #87898b;
|
|
38
|
-
--color-interactive-disabled: #a8aaac;
|
|
39
37
|
--color-background-screen: #2e4369;
|
|
40
38
|
--color-background-elevated: #37517e;
|
|
41
39
|
--color-background-neutral: #86a7bd1a;
|
|
@@ -72,13 +70,40 @@
|
|
|
72
70
|
--font-size-14: 0.875rem;
|
|
73
71
|
--font-size-16: 1rem;
|
|
74
72
|
--font-size-20: 1.25rem;
|
|
73
|
+
--font-size-22: 1.375rem;
|
|
75
74
|
--font-size-26: 1.625rem;
|
|
75
|
+
--font-size-30: 1.75rem;
|
|
76
76
|
--font-size-32: 2rem;
|
|
77
|
+
--letter-spacing-size-1: 0.01;
|
|
78
|
+
--letter-spacing-size-2: 0.02;
|
|
79
|
+
--letter-spacing-size-0.5: 0.005;
|
|
80
|
+
--letter-spacing-size-1.25: 0.0125;
|
|
81
|
+
--letter-spacing-size-1.5: 0.015;
|
|
82
|
+
--letter-spacing-size-2.5: 0.025;
|
|
83
|
+
--letter-spacing-size-1: -0.01;
|
|
84
|
+
--letter-spacing-size-2: -0.02;
|
|
85
|
+
--letter-spacing-size-0.5: -0.005;
|
|
86
|
+
--letter-spacing-size-1.25: -0.0125;
|
|
87
|
+
--letter-spacing-size-1.5: -0.015;
|
|
88
|
+
--letter-spacing-size-2.5: -0.025;
|
|
89
|
+
--line-height-18: 1.125;
|
|
90
|
+
--line-height-22: 1.25;
|
|
91
|
+
--line-height-24: 1.5;
|
|
92
|
+
--line-height-28: 1.75;
|
|
93
|
+
--line-height-30: 1.375;
|
|
94
|
+
--line-height-32: 2;
|
|
95
|
+
--line-height-34: 2.125;
|
|
96
|
+
--line-height-36: 1.5;
|
|
97
|
+
--line-height-42: 1.625;
|
|
98
|
+
--line-height-48: 1.75;
|
|
77
99
|
--line-height-title: 1.2;
|
|
78
100
|
--line-height-body: 1.5;
|
|
79
101
|
--line-height-control: 1.2;
|
|
80
|
-
--font-weight-
|
|
102
|
+
--font-weight-light: 300;
|
|
103
|
+
--font-weight-regular: 400;
|
|
104
|
+
--font-weight-medium: 500;
|
|
81
105
|
--font-weight-semi-bold: 600;
|
|
82
106
|
--font-weight-bold: 800;
|
|
83
|
-
--font-
|
|
107
|
+
--font-weight-black: 900;
|
|
108
|
+
--font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
|
|
84
109
|
}
|
package/themes/navy/tokens.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 12 Jul 2022 17:47:29 GMT
|
|
4
4
|
|
|
5
5
|
@color-content-primary: #ffffff;
|
|
6
6
|
@color-content-secondary: #c9cbce;
|
|
@@ -17,7 +17,6 @@
|
|
|
17
17
|
@color-content-warning: #ffd184;
|
|
18
18
|
@color-content-warning-hover: #e9bd71;
|
|
19
19
|
@color-content-warning-active: #daae63;
|
|
20
|
-
@color-content-disabled: #a8aaac;
|
|
21
20
|
@color-interactive-accent: #00a2dd;
|
|
22
21
|
@color-interactive-accent-hover: #008fc9;
|
|
23
22
|
@color-interactive-accent-active: #0081ba;
|
|
@@ -33,7 +32,6 @@
|
|
|
33
32
|
@color-interactive-secondary: #a8aaac;
|
|
34
33
|
@color-interactive-secondary-hover: #959799;
|
|
35
34
|
@color-interactive-secondary-active: #87898b;
|
|
36
|
-
@color-interactive-disabled: #a8aaac;
|
|
37
35
|
@color-background-screen: #2e4369;
|
|
38
36
|
@color-background-elevated: #37517e;
|
|
39
37
|
@color-background-neutral: #86a7bd1a;
|
|
@@ -70,12 +68,39 @@
|
|
|
70
68
|
@font-size-14: 0.875rem;
|
|
71
69
|
@font-size-16: 1rem;
|
|
72
70
|
@font-size-20: 1.25rem;
|
|
71
|
+
@font-size-22: 1.375rem;
|
|
73
72
|
@font-size-26: 1.625rem;
|
|
73
|
+
@font-size-30: 1.75rem;
|
|
74
74
|
@font-size-32: 2rem;
|
|
75
|
+
@letter-spacing-size-1: 0.01;
|
|
76
|
+
@letter-spacing-size-2: 0.02;
|
|
77
|
+
@letter-spacing-size-0.5: 0.005;
|
|
78
|
+
@letter-spacing-size-1.25: 0.0125;
|
|
79
|
+
@letter-spacing-size-1.5: 0.015;
|
|
80
|
+
@letter-spacing-size-2.5: 0.025;
|
|
81
|
+
@letter-spacing-size-1: -0.01;
|
|
82
|
+
@letter-spacing-size-2: -0.02;
|
|
83
|
+
@letter-spacing-size-0.5: -0.005;
|
|
84
|
+
@letter-spacing-size-1.25: -0.0125;
|
|
85
|
+
@letter-spacing-size-1.5: -0.015;
|
|
86
|
+
@letter-spacing-size-2.5: -0.025;
|
|
87
|
+
@line-height-18: 1.125;
|
|
88
|
+
@line-height-22: 1.25;
|
|
89
|
+
@line-height-24: 1.5;
|
|
90
|
+
@line-height-28: 1.75;
|
|
91
|
+
@line-height-30: 1.375;
|
|
92
|
+
@line-height-32: 2;
|
|
93
|
+
@line-height-34: 2.125;
|
|
94
|
+
@line-height-36: 1.5;
|
|
95
|
+
@line-height-42: 1.625;
|
|
96
|
+
@line-height-48: 1.75;
|
|
75
97
|
@line-height-title: 1.2;
|
|
76
98
|
@line-height-body: 1.5;
|
|
77
99
|
@line-height-control: 1.2;
|
|
78
|
-
@font-weight-
|
|
100
|
+
@font-weight-light: 300;
|
|
101
|
+
@font-weight-regular: 400;
|
|
102
|
+
@font-weight-medium: 500;
|
|
79
103
|
@font-weight-semi-bold: 600;
|
|
80
104
|
@font-weight-bold: 800;
|
|
81
|
-
@font-
|
|
105
|
+
@font-weight-black: 900;
|
|
106
|
+
@font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
|
package/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 12 Jul 2022 17:47:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
--color-content-warning: #9a6500;
|
|
20
20
|
--color-content-warning-hover: #855400;
|
|
21
21
|
--color-content-warning-active: #764700;
|
|
22
|
-
--color-content-disabled: #a8aaac;
|
|
23
22
|
--color-interactive-accent: #00a2dd;
|
|
24
23
|
--color-interactive-accent-hover: #008fc9;
|
|
25
24
|
--color-interactive-accent-active: #0081ba;
|
|
@@ -35,7 +34,6 @@
|
|
|
35
34
|
--color-interactive-secondary: #c9cbce;
|
|
36
35
|
--color-interactive-secondary-hover: #b5b7ba;
|
|
37
36
|
--color-interactive-secondary-active: #a7a9ab;
|
|
38
|
-
--color-interactive-disabled: #a8aaac;
|
|
39
37
|
--color-background-screen: #ffffff;
|
|
40
38
|
--color-background-elevated: #ffffff;
|
|
41
39
|
--color-background-neutral: #86a7bd1a;
|
|
@@ -72,13 +70,40 @@
|
|
|
72
70
|
--font-size-14: 0.875rem;
|
|
73
71
|
--font-size-16: 1rem;
|
|
74
72
|
--font-size-20: 1.25rem;
|
|
73
|
+
--font-size-22: 1.375rem;
|
|
75
74
|
--font-size-26: 1.625rem;
|
|
75
|
+
--font-size-30: 1.75rem;
|
|
76
76
|
--font-size-32: 2rem;
|
|
77
|
+
--letter-spacing-size-1: 0.01;
|
|
78
|
+
--letter-spacing-size-2: 0.02;
|
|
79
|
+
--letter-spacing-size-0.5: 0.005;
|
|
80
|
+
--letter-spacing-size-1.25: 0.0125;
|
|
81
|
+
--letter-spacing-size-1.5: 0.015;
|
|
82
|
+
--letter-spacing-size-2.5: 0.025;
|
|
83
|
+
--letter-spacing-negative-size-1: -0.01;
|
|
84
|
+
--letter-spacing-negative-size-2: -0.02;
|
|
85
|
+
--letter-spacing-negative-size-0.5: -0.005;
|
|
86
|
+
--letter-spacing-negative-size-1.25: -0.0125;
|
|
87
|
+
--letter-spacing-negative-size-1.5: -0.015;
|
|
88
|
+
--letter-spacing-negative-size-2.5: -0.025;
|
|
89
|
+
--line-height-18: 1.125;
|
|
90
|
+
--line-height-22: 1.25;
|
|
91
|
+
--line-height-24: 1.5;
|
|
92
|
+
--line-height-28: 1.75;
|
|
93
|
+
--line-height-30: 1.375;
|
|
94
|
+
--line-height-32: 2;
|
|
95
|
+
--line-height-34: 2.125;
|
|
96
|
+
--line-height-36: 1.5;
|
|
97
|
+
--line-height-42: 1.625;
|
|
98
|
+
--line-height-48: 1.75;
|
|
77
99
|
--line-height-title: 1.2;
|
|
78
100
|
--line-height-body: 1.5;
|
|
79
101
|
--line-height-control: 1.2;
|
|
80
|
-
--font-weight
|
|
102
|
+
--font-weight: 300;
|
|
103
|
+
--font-weight-regular: 400;
|
|
104
|
+
--font-weight-medium: 500;
|
|
81
105
|
--font-weight-semi-bold: 600;
|
|
82
106
|
--font-weight-bold: 800;
|
|
83
|
-
--font-
|
|
107
|
+
--font-weight-black: 900;
|
|
108
|
+
--font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
|
|
84
109
|
}
|
package/tokens.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 12 Jul 2022 17:47:29 GMT
|
|
4
4
|
|
|
5
5
|
@color-dark-content-primary: #e2e6e8;
|
|
6
6
|
@color-dark-content-secondary: #c9cbce;
|
|
@@ -17,7 +17,6 @@
|
|
|
17
17
|
@color-dark-content-warning: #ffd184;
|
|
18
18
|
@color-dark-content-warning-hover: #e9bd71;
|
|
19
19
|
@color-dark-content-warning-active: #daae63;
|
|
20
|
-
@color-dark-content-disabled: #a8aaac;
|
|
21
20
|
@color-dark-interactive-accent: #00a2dd;
|
|
22
21
|
@color-dark-interactive-accent-hover: #008fc9;
|
|
23
22
|
@color-dark-interactive-accent-active: #0081ba;
|
|
@@ -33,7 +32,6 @@
|
|
|
33
32
|
@color-dark-interactive-secondary: #a8aaac;
|
|
34
33
|
@color-dark-interactive-secondary-hover: #959799;
|
|
35
34
|
@color-dark-interactive-secondary-active: #87898b;
|
|
36
|
-
@color-dark-interactive-disabled: #a8aaac;
|
|
37
35
|
@color-dark-background-screen: #181818;
|
|
38
36
|
@color-dark-background-elevated: #202020;
|
|
39
37
|
@color-dark-background-neutral: #86a7bd1a;
|
|
@@ -60,7 +58,6 @@
|
|
|
60
58
|
@color-content-warning: #9a6500;
|
|
61
59
|
@color-content-warning-hover: #855400;
|
|
62
60
|
@color-content-warning-active: #764700;
|
|
63
|
-
@color-content-disabled: #a8aaac;
|
|
64
61
|
@color-interactive-accent: #00a2dd;
|
|
65
62
|
@color-interactive-accent-hover: #008fc9;
|
|
66
63
|
@color-interactive-accent-active: #0081ba;
|
|
@@ -76,7 +73,6 @@
|
|
|
76
73
|
@color-interactive-secondary: #c9cbce;
|
|
77
74
|
@color-interactive-secondary-hover: #b5b7ba;
|
|
78
75
|
@color-interactive-secondary-active: #a7a9ab;
|
|
79
|
-
@color-interactive-disabled: #a8aaac;
|
|
80
76
|
@color-background-screen: #ffffff;
|
|
81
77
|
@color-background-elevated: #ffffff;
|
|
82
78
|
@color-background-neutral: #86a7bd1a;
|
|
@@ -103,7 +99,6 @@
|
|
|
103
99
|
@color-navy-content-warning: #ffd184;
|
|
104
100
|
@color-navy-content-warning-hover: #e9bd71;
|
|
105
101
|
@color-navy-content-warning-active: #daae63;
|
|
106
|
-
@color-navy-content-disabled: #a8aaac;
|
|
107
102
|
@color-navy-interactive-accent: #00a2dd;
|
|
108
103
|
@color-navy-interactive-accent-hover: #008fc9;
|
|
109
104
|
@color-navy-interactive-accent-active: #0081ba;
|
|
@@ -119,7 +114,6 @@
|
|
|
119
114
|
@color-navy-interactive-secondary: #a8aaac;
|
|
120
115
|
@color-navy-interactive-secondary-hover: #959799;
|
|
121
116
|
@color-navy-interactive-secondary-active: #87898b;
|
|
122
|
-
@color-navy-interactive-disabled: #a8aaac;
|
|
123
117
|
@color-navy-background-screen: #2e4369;
|
|
124
118
|
@color-navy-background-elevated: #37517e;
|
|
125
119
|
@color-navy-background-neutral: #86a7bd1a;
|
|
@@ -156,12 +150,39 @@
|
|
|
156
150
|
@font-size-14: 0.875rem;
|
|
157
151
|
@font-size-16: 1rem;
|
|
158
152
|
@font-size-20: 1.25rem;
|
|
153
|
+
@font-size-22: 1.375rem;
|
|
159
154
|
@font-size-26: 1.625rem;
|
|
155
|
+
@font-size-30: 1.75rem;
|
|
160
156
|
@font-size-32: 2rem;
|
|
157
|
+
@letter-spacing-size-1: 0.01;
|
|
158
|
+
@letter-spacing-size-2: 0.02;
|
|
159
|
+
@letter-spacing-size-0.5: 0.005;
|
|
160
|
+
@letter-spacing-size-1.25: 0.0125;
|
|
161
|
+
@letter-spacing-size-1.5: 0.015;
|
|
162
|
+
@letter-spacing-size-2.5: 0.025;
|
|
163
|
+
@letter-spacing-negative-size-1: -0.01;
|
|
164
|
+
@letter-spacing-negative-size-2: -0.02;
|
|
165
|
+
@letter-spacing-negative-size-0.5: -0.005;
|
|
166
|
+
@letter-spacing-negative-size-1.25: -0.0125;
|
|
167
|
+
@letter-spacing-negative-size-1.5: -0.015;
|
|
168
|
+
@letter-spacing-negative-size-2.5: -0.025;
|
|
169
|
+
@line-height-18: 1.125;
|
|
170
|
+
@line-height-22: 1.25;
|
|
171
|
+
@line-height-24: 1.5;
|
|
172
|
+
@line-height-28: 1.75;
|
|
173
|
+
@line-height-30: 1.375;
|
|
174
|
+
@line-height-32: 2;
|
|
175
|
+
@line-height-34: 2.125;
|
|
176
|
+
@line-height-36: 1.5;
|
|
177
|
+
@line-height-42: 1.625;
|
|
178
|
+
@line-height-48: 1.75;
|
|
161
179
|
@line-height-title: 1.2;
|
|
162
180
|
@line-height-body: 1.5;
|
|
163
181
|
@line-height-control: 1.2;
|
|
164
|
-
@font-weight
|
|
182
|
+
@font-weight: 300;
|
|
183
|
+
@font-weight-regular: 400;
|
|
184
|
+
@font-weight-medium: 500;
|
|
165
185
|
@font-weight-semi-bold: 600;
|
|
166
186
|
@font-weight-bold: 800;
|
|
167
|
-
@font-
|
|
187
|
+
@font-weight-black: 900;
|
|
188
|
+
@font-family-regular: 'Inter', sans-serif, Helvetica, Arial, sans-serif;
|
package/CHANGELOG.md
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
# v6.1.0
|
|
2
|
-
|
|
3
|
-
## Add tertiary content token
|
|
4
|
-
|
|
5
|
-
We're adding a new tertiary content token for text that should be deemphasised further than secondary, like placeholders in inputs and inactive components.
|
|
6
|
-
|
|
7
|
-
# v6.0.0
|
|
8
|
-
|
|
9
|
-
## Remove themed CSS custom properties (variables) from :root
|
|
10
|
-
|
|
11
|
-
To avoid further confusion with our upcoming theming changes, we are dropping the color theme name from CSS variables assigned to the `:root` pseudo-class.
|
|
12
|
-
|
|
13
|
-
# v5.1.0
|
|
14
|
-
|
|
15
|
-
## Add font-family token
|
|
16
|
-
|
|
17
|
-
# v5.0.0
|
|
18
|
-
|
|
19
|
-
## Add Navy color tokens to default bundle
|
|
20
|
-
|
|
21
|
-
Navy tokens added with `-navy-` part in file, e.g
|
|
22
|
-
|
|
23
|
-
```css
|
|
24
|
-
--color-navy-content-primary: #...;
|
|
25
|
-
--color-navy-content-secondary: #...;
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
## and make path to default bundle same as in v1 (breaking change)
|
|
29
|
-
|
|
30
|
-
```css
|
|
31
|
-
// old
|
|
32
|
-
@import "@transferwise/neptune-tokens/themes/default/tokens.css";
|
|
33
|
-
|
|
34
|
-
// new
|
|
35
|
-
@import "@transferwise/neptune-tokens/tokens.css";
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
This is necessary because most people still use v1 and it will be less of a breaking change in upcoming Neptune release with new colors.
|