@transferwise/components 46.150.0 → 46.151.0
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 +155 -12
- package/build/styles/css/neptune.css +0 -11
- package/build/styles/main.css +155 -12
- package/build/styles/pocketSurface/PocketSurface.css +163 -0
- package/build/styles/sentimentSurface/SentimentSurface.css +0 -1
- package/build/styles/styles/less/neptune.css +0 -11
- package/build/types/pocketSurface/PocketSurface.d.ts +4 -0
- package/build/types/pocketSurface/PocketSurface.d.ts.map +1 -0
- package/build/types/pocketSurface/PocketSurface.types.d.ts +19 -0
- package/build/types/pocketSurface/PocketSurface.types.d.ts.map +1 -0
- package/build/types/pocketSurface/index.d.ts +3 -0
- package/build/types/pocketSurface/index.d.ts.map +1 -0
- package/package.json +2 -2
- package/src/main.css +155 -12
- package/src/main.less +1 -0
- package/src/pocketSurface/PocketSurface.css +163 -0
- package/src/pocketSurface/PocketSurface.docs.mdx +64 -0
- package/src/pocketSurface/PocketSurface.less +6 -0
- package/src/pocketSurface/PocketSurface.story.tsx +278 -0
- package/src/pocketSurface/PocketSurface.test.tsx +107 -0
- package/src/pocketSurface/PocketSurface.tsx +41 -0
- package/src/pocketSurface/PocketSurface.types.ts +37 -0
- package/src/pocketSurface/index.ts +7 -0
- package/src/sentimentSurface/SentimentSurface.css +0 -1
- package/src/styles/less/neptune.css +0 -11
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
.wds-pocket-bright-blue {
|
|
7
|
+
--color-content-primary: #21231d;
|
|
8
|
+
--color-content-secondary: #0d0e0c;
|
|
9
|
+
--color-content-link: #21231d;
|
|
10
|
+
--color-content-link-hover: #354040;
|
|
11
|
+
--color-content-link-active: #4c5c5c;
|
|
12
|
+
--color-interactive-primary: #21231d;
|
|
13
|
+
--color-interactive-primary-hover: #354040;
|
|
14
|
+
--color-interactive-primary-active: #4c5c5c;
|
|
15
|
+
--color-interactive-accent: #21231d;
|
|
16
|
+
--color-interactive-accent-hover: #354040;
|
|
17
|
+
--color-interactive-accent-active: #4c5c5c;
|
|
18
|
+
--color-interactive-control: #a0e1e1;
|
|
19
|
+
--color-interactive-control-hover: #c5eded;
|
|
20
|
+
--color-interactive-control-active: #c5eded;
|
|
21
|
+
--color-background-screen: #a0e1e1;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
.wds-pocket-bright-orange {
|
|
26
|
+
--color-content-primary: #260a2f;
|
|
27
|
+
--color-content-secondary: #110415;
|
|
28
|
+
--color-content-link: #260a2f;
|
|
29
|
+
--color-content-link-hover: #360e43;
|
|
30
|
+
--color-content-link-active: #471358;
|
|
31
|
+
--color-interactive-primary: #260a2f;
|
|
32
|
+
--color-interactive-primary-hover: #360e43;
|
|
33
|
+
--color-interactive-primary-active: #471358;
|
|
34
|
+
--color-interactive-accent: #260a2f;
|
|
35
|
+
--color-interactive-accent-hover: #360e43;
|
|
36
|
+
--color-interactive-accent-active: #471358;
|
|
37
|
+
--color-interactive-control: #ffc091;
|
|
38
|
+
--color-interactive-control-hover: #ffcda8;
|
|
39
|
+
--color-interactive-control-active: #ffdcc2;
|
|
40
|
+
--color-background-screen: #ffc091;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
.wds-pocket-bright-pink {
|
|
45
|
+
--color-content-primary: #320707;
|
|
46
|
+
--color-content-secondary: #160303;
|
|
47
|
+
--color-content-link: #320707;
|
|
48
|
+
--color-content-link-hover: #1f0404;
|
|
49
|
+
--color-content-link-active: #0d0202;
|
|
50
|
+
--color-interactive-primary: #320707;
|
|
51
|
+
--color-interactive-primary-hover: #1f0404;
|
|
52
|
+
--color-interactive-primary-active: #0d0202;
|
|
53
|
+
--color-interactive-accent: #320707;
|
|
54
|
+
--color-interactive-accent-hover: #1f0404;
|
|
55
|
+
--color-interactive-accent-active: #0d0202;
|
|
56
|
+
--color-interactive-control: #ffd7ef;
|
|
57
|
+
--color-interactive-control-hover: #ffbde4;
|
|
58
|
+
--color-interactive-control-active: #ffbde4;
|
|
59
|
+
--color-background-screen: #ffd7ef;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
.wds-pocket-bright-yellow {
|
|
64
|
+
--color-content-primary: #3a341c;
|
|
65
|
+
--color-content-secondary: #110f08;
|
|
66
|
+
--color-content-link: #3a341c;
|
|
67
|
+
--color-content-link-hover: #1b190d;
|
|
68
|
+
--color-content-link-active: #0a0a05;
|
|
69
|
+
--color-interactive-primary: #3a341c;
|
|
70
|
+
--color-interactive-primary-hover: #1b190d;
|
|
71
|
+
--color-interactive-primary-active: #0a0a05;
|
|
72
|
+
--color-interactive-accent: #3a341c;
|
|
73
|
+
--color-interactive-accent-hover: #1b190d;
|
|
74
|
+
--color-interactive-accent-active: #0a0a05;
|
|
75
|
+
--color-interactive-control: #ffeb69;
|
|
76
|
+
--color-interactive-control-hover: #ffef85;
|
|
77
|
+
--color-interactive-control-active: #fff29e;
|
|
78
|
+
--color-background-screen: #ffeb69;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
.wds-pocket-dark-charcoal {
|
|
83
|
+
--color-content-primary: #a0e1e1;
|
|
84
|
+
--color-content-secondary: #ecf9f9;
|
|
85
|
+
--color-content-link: #a0e1e1;
|
|
86
|
+
--color-content-link-hover: #77d4d4;
|
|
87
|
+
--color-content-link-active: #51c8c8;
|
|
88
|
+
--color-interactive-primary: #a0e1e1;
|
|
89
|
+
--color-interactive-primary-hover: #77d4d4;
|
|
90
|
+
--color-interactive-primary-active: #51c8c8;
|
|
91
|
+
--color-interactive-accent: #a0e1e1;
|
|
92
|
+
--color-interactive-accent-hover: #77d4d4;
|
|
93
|
+
--color-interactive-accent-active: #51c8c8;
|
|
94
|
+
--color-interactive-control: #21231d;
|
|
95
|
+
--color-interactive-control-hover: #181915;
|
|
96
|
+
--color-interactive-control-active: #0d0e0c;
|
|
97
|
+
--color-background-screen: #21231d;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
.wds-pocket-dark-gold {
|
|
102
|
+
--color-content-primary: #ffeb69;
|
|
103
|
+
--color-content-secondary: #fffce5;
|
|
104
|
+
--color-content-link: #ffeb69;
|
|
105
|
+
--color-content-link-hover: #ffe538;
|
|
106
|
+
--color-content-link-active: #ffde05;
|
|
107
|
+
--color-interactive-primary: #ffeb69;
|
|
108
|
+
--color-interactive-primary-hover: #ffe538;
|
|
109
|
+
--color-interactive-primary-active: #ffde05;
|
|
110
|
+
--color-interactive-accent: #ffeb69;
|
|
111
|
+
--color-interactive-accent-hover: #ffe538;
|
|
112
|
+
--color-interactive-accent-active: #ffde05;
|
|
113
|
+
--color-interactive-control: #3a341c;
|
|
114
|
+
--color-interactive-control-hover: #292514;
|
|
115
|
+
--color-interactive-control-active: #18160c;
|
|
116
|
+
--color-background-screen: #3a341c;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
.wds-pocket-dark-maroon {
|
|
121
|
+
--color-content-primary: #ffd7ef;
|
|
122
|
+
--color-content-secondary: #ffe5f5;
|
|
123
|
+
--color-content-link: #ffd7ef;
|
|
124
|
+
--color-content-link-hover: #ffe5f5;
|
|
125
|
+
--color-content-link-active: #fff5fb;
|
|
126
|
+
--color-interactive-primary: #ffd7ef;
|
|
127
|
+
--color-interactive-primary-hover: #ffe5f5;
|
|
128
|
+
--color-interactive-primary-active: #fff5fb;
|
|
129
|
+
--color-interactive-accent: #ffd7ef;
|
|
130
|
+
--color-interactive-accent-hover: #ffe5f5;
|
|
131
|
+
--color-interactive-accent-active: #fff5fb;
|
|
132
|
+
--color-interactive-control: #320707;
|
|
133
|
+
--color-interactive-control-hover: #480a0a;
|
|
134
|
+
--color-interactive-control-active: #5e0d0d;
|
|
135
|
+
--color-background-screen: #320707;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
.wds-pocket-dark-purple {
|
|
140
|
+
--color-content-primary: #ffc091;
|
|
141
|
+
--color-content-secondary: #fff0e5;
|
|
142
|
+
--color-content-link: #ffc091;
|
|
143
|
+
--color-content-link-hover: #ffdcc2;
|
|
144
|
+
--color-content-link-active: #fff9f5;
|
|
145
|
+
--color-interactive-primary: #ffc091;
|
|
146
|
+
--color-interactive-primary-hover: #ffdcc2;
|
|
147
|
+
--color-interactive-primary-active: #fff9f5;
|
|
148
|
+
--color-interactive-accent: #ffc091;
|
|
149
|
+
--color-interactive-accent-hover: #ffdcc2;
|
|
150
|
+
--color-interactive-accent-active: #fff9f5;
|
|
151
|
+
--color-interactive-control: #260a2f;
|
|
152
|
+
--color-interactive-control-hover: #360e43;
|
|
153
|
+
--color-interactive-control-active: #471358;
|
|
154
|
+
--color-background-screen: #260a2f;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
.wds-pocket-surface {
|
|
159
|
+
background-color: #ffffff;
|
|
160
|
+
background-color: var(--color-background-screen);
|
|
161
|
+
color: #37517e;
|
|
162
|
+
color: var(--color-content-primary);
|
|
163
|
+
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 09 Jun 2026 08:11:03 GMT
|
|
4
3
|
*/
|
|
5
4
|
|
|
6
5
|
:root {
|
|
@@ -144,7 +143,6 @@
|
|
|
144
143
|
|
|
145
144
|
/**
|
|
146
145
|
* Do not edit directly, this file was auto-generated.
|
|
147
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
148
146
|
*/
|
|
149
147
|
|
|
150
148
|
.np-theme-personal {
|
|
@@ -328,7 +326,6 @@
|
|
|
328
326
|
|
|
329
327
|
/**
|
|
330
328
|
* Do not edit directly, this file was auto-generated.
|
|
331
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
332
329
|
*/
|
|
333
330
|
|
|
334
331
|
.np-theme-personal--forest-green {
|
|
@@ -512,7 +509,6 @@
|
|
|
512
509
|
|
|
513
510
|
/**
|
|
514
511
|
* Do not edit directly, this file was auto-generated.
|
|
515
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
516
512
|
*/
|
|
517
513
|
|
|
518
514
|
.np-theme-personal--bright-green {
|
|
@@ -696,7 +692,6 @@
|
|
|
696
692
|
|
|
697
693
|
/**
|
|
698
694
|
* Do not edit directly, this file was auto-generated.
|
|
699
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
700
695
|
*/
|
|
701
696
|
|
|
702
697
|
.np-theme-personal--dark {
|
|
@@ -880,7 +875,6 @@
|
|
|
880
875
|
|
|
881
876
|
/**
|
|
882
877
|
* Do not edit directly, this file was auto-generated.
|
|
883
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
884
878
|
*/
|
|
885
879
|
|
|
886
880
|
.np-theme-platform {
|
|
@@ -1064,7 +1058,6 @@
|
|
|
1064
1058
|
|
|
1065
1059
|
/**
|
|
1066
1060
|
* Do not edit directly, this file was auto-generated.
|
|
1067
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
1068
1061
|
*/
|
|
1069
1062
|
|
|
1070
1063
|
.np-theme-platform--forest-green {
|
|
@@ -1248,7 +1241,6 @@
|
|
|
1248
1241
|
|
|
1249
1242
|
/**
|
|
1250
1243
|
* Do not edit directly, this file was auto-generated.
|
|
1251
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
1252
1244
|
*/
|
|
1253
1245
|
|
|
1254
1246
|
.np-theme-business {
|
|
@@ -1433,7 +1425,6 @@
|
|
|
1433
1425
|
|
|
1434
1426
|
/**
|
|
1435
1427
|
* Do not edit directly, this file was auto-generated.
|
|
1436
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
1437
1428
|
*/
|
|
1438
1429
|
|
|
1439
1430
|
.np-theme-business--dark {
|
|
@@ -1618,7 +1609,6 @@
|
|
|
1618
1609
|
|
|
1619
1610
|
/**
|
|
1620
1611
|
* Do not edit directly, this file was auto-generated.
|
|
1621
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
1622
1612
|
*/
|
|
1623
1613
|
|
|
1624
1614
|
.np-theme-business--forest-green {
|
|
@@ -1803,7 +1793,6 @@
|
|
|
1803
1793
|
|
|
1804
1794
|
/**
|
|
1805
1795
|
* Do not edit directly, this file was auto-generated.
|
|
1806
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
1807
1796
|
*/
|
|
1808
1797
|
|
|
1809
1798
|
.np-theme-business--bright-green {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PocketSurface.d.ts","sourceRoot":"","sources":["../../../src/pocketSurface/PocketSurface.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAG5F,QAAA,MAAM,aAAa,EAAE,sBA8BnB,CAAC;AAIH,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ReactNode, ElementType, ComponentPropsWithoutRef, HTMLAttributes } from 'react';
|
|
2
|
+
export type PocketVariant = 'bright-blue' | 'bright-orange' | 'bright-pink' | 'bright-yellow' | 'dark-charcoal' | 'dark-gold' | 'dark-maroon' | 'dark-purple';
|
|
3
|
+
export interface CommonProps {
|
|
4
|
+
pocket: PocketVariant;
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
id?: string;
|
|
8
|
+
'data-testid'?: string;
|
|
9
|
+
}
|
|
10
|
+
export type PocketSurfaceDivProps<T extends ElementType = 'div'> = Omit<HTMLAttributes<HTMLDivElement>, keyof CommonProps> & CommonProps & {
|
|
11
|
+
as?: T;
|
|
12
|
+
};
|
|
13
|
+
export type PocketSurfaceProps<T extends ElementType = 'div'> = PocketSurfaceDivProps<T>;
|
|
14
|
+
export type PocketSurfaceComponentProps<T extends ElementType = 'div'> = PocketSurfaceProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof PocketSurfaceProps<T>>;
|
|
15
|
+
export interface PocketSurfaceComponent {
|
|
16
|
+
<T extends ElementType = 'div'>(props: PocketSurfaceComponentProps<T>): ReactNode;
|
|
17
|
+
displayName?: string;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=PocketSurface.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PocketSurface.types.d.ts","sourceRoot":"","sources":["../../../src/pocketSurface/PocketSurface.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEzF,MAAM,MAAM,aAAa,GACrB,aAAa,GACb,eAAe,GACf,aAAa,GACb,eAAe,GACf,eAAe,GACf,WAAW,GACX,aAAa,GACb,aAAa,CAAC;AAElB,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,IAAI,CACrE,cAAc,CAAC,cAAc,CAAC,EAC9B,MAAM,WAAW,CAClB,GACC,WAAW,GAAG;IACZ,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAEzF,MAAM,MAAM,2BAA2B,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAC5F,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEjE,MAAM,WAAW,sBAAsB;IACrC,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pocketSurface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,YAAY,EACV,sBAAsB,EACtB,kBAAkB,EAClB,WAAW,EACX,aAAa,GACd,MAAM,uBAAuB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/components",
|
|
3
|
-
"version": "46.
|
|
3
|
+
"version": "46.151.0",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
"@react-aria/focus": "^3.22.1",
|
|
112
112
|
"@react-aria/overlays": "^3.32.1",
|
|
113
113
|
"@transferwise/formatting": "^2.14.1",
|
|
114
|
-
"@transferwise/neptune-tokens": "^8.
|
|
114
|
+
"@transferwise/neptune-tokens": "^8.26.0",
|
|
115
115
|
"@transferwise/neptune-validation": "^3.3.4",
|
|
116
116
|
"clsx": "^2.1.1",
|
|
117
117
|
"commonmark": "^0.31.2",
|
package/src/main.css
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 09 Jun 2026 08:11:03 GMT
|
|
4
3
|
*/
|
|
5
4
|
|
|
6
5
|
:root {
|
|
@@ -144,7 +143,6 @@
|
|
|
144
143
|
|
|
145
144
|
/**
|
|
146
145
|
* Do not edit directly, this file was auto-generated.
|
|
147
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
148
146
|
*/
|
|
149
147
|
|
|
150
148
|
.np-theme-personal {
|
|
@@ -328,7 +326,6 @@
|
|
|
328
326
|
|
|
329
327
|
/**
|
|
330
328
|
* Do not edit directly, this file was auto-generated.
|
|
331
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
332
329
|
*/
|
|
333
330
|
|
|
334
331
|
.np-theme-personal--forest-green {
|
|
@@ -512,7 +509,6 @@
|
|
|
512
509
|
|
|
513
510
|
/**
|
|
514
511
|
* Do not edit directly, this file was auto-generated.
|
|
515
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
516
512
|
*/
|
|
517
513
|
|
|
518
514
|
.np-theme-personal--bright-green {
|
|
@@ -696,7 +692,6 @@
|
|
|
696
692
|
|
|
697
693
|
/**
|
|
698
694
|
* Do not edit directly, this file was auto-generated.
|
|
699
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
700
695
|
*/
|
|
701
696
|
|
|
702
697
|
.np-theme-personal--dark {
|
|
@@ -880,7 +875,6 @@
|
|
|
880
875
|
|
|
881
876
|
/**
|
|
882
877
|
* Do not edit directly, this file was auto-generated.
|
|
883
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
884
878
|
*/
|
|
885
879
|
|
|
886
880
|
.np-theme-platform {
|
|
@@ -1064,7 +1058,6 @@
|
|
|
1064
1058
|
|
|
1065
1059
|
/**
|
|
1066
1060
|
* Do not edit directly, this file was auto-generated.
|
|
1067
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
1068
1061
|
*/
|
|
1069
1062
|
|
|
1070
1063
|
.np-theme-platform--forest-green {
|
|
@@ -1248,7 +1241,6 @@
|
|
|
1248
1241
|
|
|
1249
1242
|
/**
|
|
1250
1243
|
* Do not edit directly, this file was auto-generated.
|
|
1251
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
1252
1244
|
*/
|
|
1253
1245
|
|
|
1254
1246
|
.np-theme-business {
|
|
@@ -1433,7 +1425,6 @@
|
|
|
1433
1425
|
|
|
1434
1426
|
/**
|
|
1435
1427
|
* Do not edit directly, this file was auto-generated.
|
|
1436
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
1437
1428
|
*/
|
|
1438
1429
|
|
|
1439
1430
|
.np-theme-business--dark {
|
|
@@ -1618,7 +1609,6 @@
|
|
|
1618
1609
|
|
|
1619
1610
|
/**
|
|
1620
1611
|
* Do not edit directly, this file was auto-generated.
|
|
1621
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
1622
1612
|
*/
|
|
1623
1613
|
|
|
1624
1614
|
.np-theme-business--forest-green {
|
|
@@ -1803,7 +1793,6 @@
|
|
|
1803
1793
|
|
|
1804
1794
|
/**
|
|
1805
1795
|
* Do not edit directly, this file was auto-generated.
|
|
1806
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
1807
1796
|
*/
|
|
1808
1797
|
|
|
1809
1798
|
.np-theme-business--bright-green {
|
|
@@ -1990,7 +1979,6 @@
|
|
|
1990
1979
|
|
|
1991
1980
|
/**
|
|
1992
1981
|
* Do not edit directly, this file was auto-generated.
|
|
1993
|
-
* Generated on Tue, 09 Jun 2026 08:11:04 GMT
|
|
1994
1982
|
*/
|
|
1995
1983
|
|
|
1996
1984
|
.wds-sentiment-negative-light-base {
|
|
@@ -2433,6 +2421,154 @@
|
|
|
2433
2421
|
--color-sentiment-border-overlay: rgba(58,53,35,0.30196);
|
|
2434
2422
|
}
|
|
2435
2423
|
|
|
2424
|
+
/**
|
|
2425
|
+
* Do not edit directly, this file was auto-generated.
|
|
2426
|
+
*/
|
|
2427
|
+
|
|
2428
|
+
.wds-pocket-bright-blue {
|
|
2429
|
+
--color-content-primary: #21231d;
|
|
2430
|
+
--color-content-secondary: #0d0e0c;
|
|
2431
|
+
--color-content-link: #21231d;
|
|
2432
|
+
--color-content-link-hover: #354040;
|
|
2433
|
+
--color-content-link-active: #4c5c5c;
|
|
2434
|
+
--color-interactive-primary: #21231d;
|
|
2435
|
+
--color-interactive-primary-hover: #354040;
|
|
2436
|
+
--color-interactive-primary-active: #4c5c5c;
|
|
2437
|
+
--color-interactive-accent: #21231d;
|
|
2438
|
+
--color-interactive-accent-hover: #354040;
|
|
2439
|
+
--color-interactive-accent-active: #4c5c5c;
|
|
2440
|
+
--color-interactive-control: #a0e1e1;
|
|
2441
|
+
--color-interactive-control-hover: #c5eded;
|
|
2442
|
+
--color-interactive-control-active: #c5eded;
|
|
2443
|
+
--color-background-screen: #a0e1e1;
|
|
2444
|
+
}
|
|
2445
|
+
|
|
2446
|
+
.wds-pocket-bright-orange {
|
|
2447
|
+
--color-content-primary: #260a2f;
|
|
2448
|
+
--color-content-secondary: #110415;
|
|
2449
|
+
--color-content-link: #260a2f;
|
|
2450
|
+
--color-content-link-hover: #360e43;
|
|
2451
|
+
--color-content-link-active: #471358;
|
|
2452
|
+
--color-interactive-primary: #260a2f;
|
|
2453
|
+
--color-interactive-primary-hover: #360e43;
|
|
2454
|
+
--color-interactive-primary-active: #471358;
|
|
2455
|
+
--color-interactive-accent: #260a2f;
|
|
2456
|
+
--color-interactive-accent-hover: #360e43;
|
|
2457
|
+
--color-interactive-accent-active: #471358;
|
|
2458
|
+
--color-interactive-control: #ffc091;
|
|
2459
|
+
--color-interactive-control-hover: #ffcda8;
|
|
2460
|
+
--color-interactive-control-active: #ffdcc2;
|
|
2461
|
+
--color-background-screen: #ffc091;
|
|
2462
|
+
}
|
|
2463
|
+
|
|
2464
|
+
.wds-pocket-bright-pink {
|
|
2465
|
+
--color-content-primary: #320707;
|
|
2466
|
+
--color-content-secondary: #160303;
|
|
2467
|
+
--color-content-link: #320707;
|
|
2468
|
+
--color-content-link-hover: #1f0404;
|
|
2469
|
+
--color-content-link-active: #0d0202;
|
|
2470
|
+
--color-interactive-primary: #320707;
|
|
2471
|
+
--color-interactive-primary-hover: #1f0404;
|
|
2472
|
+
--color-interactive-primary-active: #0d0202;
|
|
2473
|
+
--color-interactive-accent: #320707;
|
|
2474
|
+
--color-interactive-accent-hover: #1f0404;
|
|
2475
|
+
--color-interactive-accent-active: #0d0202;
|
|
2476
|
+
--color-interactive-control: #ffd7ef;
|
|
2477
|
+
--color-interactive-control-hover: #ffbde4;
|
|
2478
|
+
--color-interactive-control-active: #ffbde4;
|
|
2479
|
+
--color-background-screen: #ffd7ef;
|
|
2480
|
+
}
|
|
2481
|
+
|
|
2482
|
+
.wds-pocket-bright-yellow {
|
|
2483
|
+
--color-content-primary: #3a341c;
|
|
2484
|
+
--color-content-secondary: #110f08;
|
|
2485
|
+
--color-content-link: #3a341c;
|
|
2486
|
+
--color-content-link-hover: #1b190d;
|
|
2487
|
+
--color-content-link-active: #0a0a05;
|
|
2488
|
+
--color-interactive-primary: #3a341c;
|
|
2489
|
+
--color-interactive-primary-hover: #1b190d;
|
|
2490
|
+
--color-interactive-primary-active: #0a0a05;
|
|
2491
|
+
--color-interactive-accent: #3a341c;
|
|
2492
|
+
--color-interactive-accent-hover: #1b190d;
|
|
2493
|
+
--color-interactive-accent-active: #0a0a05;
|
|
2494
|
+
--color-interactive-control: #ffeb69;
|
|
2495
|
+
--color-interactive-control-hover: #ffef85;
|
|
2496
|
+
--color-interactive-control-active: #fff29e;
|
|
2497
|
+
--color-background-screen: #ffeb69;
|
|
2498
|
+
}
|
|
2499
|
+
|
|
2500
|
+
.wds-pocket-dark-charcoal {
|
|
2501
|
+
--color-content-primary: #a0e1e1;
|
|
2502
|
+
--color-content-secondary: #ecf9f9;
|
|
2503
|
+
--color-content-link: #a0e1e1;
|
|
2504
|
+
--color-content-link-hover: #77d4d4;
|
|
2505
|
+
--color-content-link-active: #51c8c8;
|
|
2506
|
+
--color-interactive-primary: #a0e1e1;
|
|
2507
|
+
--color-interactive-primary-hover: #77d4d4;
|
|
2508
|
+
--color-interactive-primary-active: #51c8c8;
|
|
2509
|
+
--color-interactive-accent: #a0e1e1;
|
|
2510
|
+
--color-interactive-accent-hover: #77d4d4;
|
|
2511
|
+
--color-interactive-accent-active: #51c8c8;
|
|
2512
|
+
--color-interactive-control: #21231d;
|
|
2513
|
+
--color-interactive-control-hover: #181915;
|
|
2514
|
+
--color-interactive-control-active: #0d0e0c;
|
|
2515
|
+
--color-background-screen: #21231d;
|
|
2516
|
+
}
|
|
2517
|
+
|
|
2518
|
+
.wds-pocket-dark-gold {
|
|
2519
|
+
--color-content-primary: #ffeb69;
|
|
2520
|
+
--color-content-secondary: #fffce5;
|
|
2521
|
+
--color-content-link: #ffeb69;
|
|
2522
|
+
--color-content-link-hover: #ffe538;
|
|
2523
|
+
--color-content-link-active: #ffde05;
|
|
2524
|
+
--color-interactive-primary: #ffeb69;
|
|
2525
|
+
--color-interactive-primary-hover: #ffe538;
|
|
2526
|
+
--color-interactive-primary-active: #ffde05;
|
|
2527
|
+
--color-interactive-accent: #ffeb69;
|
|
2528
|
+
--color-interactive-accent-hover: #ffe538;
|
|
2529
|
+
--color-interactive-accent-active: #ffde05;
|
|
2530
|
+
--color-interactive-control: #3a341c;
|
|
2531
|
+
--color-interactive-control-hover: #292514;
|
|
2532
|
+
--color-interactive-control-active: #18160c;
|
|
2533
|
+
--color-background-screen: #3a341c;
|
|
2534
|
+
}
|
|
2535
|
+
|
|
2536
|
+
.wds-pocket-dark-maroon {
|
|
2537
|
+
--color-content-primary: #ffd7ef;
|
|
2538
|
+
--color-content-secondary: #ffe5f5;
|
|
2539
|
+
--color-content-link: #ffd7ef;
|
|
2540
|
+
--color-content-link-hover: #ffe5f5;
|
|
2541
|
+
--color-content-link-active: #fff5fb;
|
|
2542
|
+
--color-interactive-primary: #ffd7ef;
|
|
2543
|
+
--color-interactive-primary-hover: #ffe5f5;
|
|
2544
|
+
--color-interactive-primary-active: #fff5fb;
|
|
2545
|
+
--color-interactive-accent: #ffd7ef;
|
|
2546
|
+
--color-interactive-accent-hover: #ffe5f5;
|
|
2547
|
+
--color-interactive-accent-active: #fff5fb;
|
|
2548
|
+
--color-interactive-control: #320707;
|
|
2549
|
+
--color-interactive-control-hover: #480a0a;
|
|
2550
|
+
--color-interactive-control-active: #5e0d0d;
|
|
2551
|
+
--color-background-screen: #320707;
|
|
2552
|
+
}
|
|
2553
|
+
|
|
2554
|
+
.wds-pocket-dark-purple {
|
|
2555
|
+
--color-content-primary: #ffc091;
|
|
2556
|
+
--color-content-secondary: #fff0e5;
|
|
2557
|
+
--color-content-link: #ffc091;
|
|
2558
|
+
--color-content-link-hover: #ffdcc2;
|
|
2559
|
+
--color-content-link-active: #fff9f5;
|
|
2560
|
+
--color-interactive-primary: #ffc091;
|
|
2561
|
+
--color-interactive-primary-hover: #ffdcc2;
|
|
2562
|
+
--color-interactive-primary-active: #fff9f5;
|
|
2563
|
+
--color-interactive-accent: #ffc091;
|
|
2564
|
+
--color-interactive-accent-hover: #ffdcc2;
|
|
2565
|
+
--color-interactive-accent-active: #fff9f5;
|
|
2566
|
+
--color-interactive-control: #260a2f;
|
|
2567
|
+
--color-interactive-control-hover: #360e43;
|
|
2568
|
+
--color-interactive-control-active: #471358;
|
|
2569
|
+
--color-background-screen: #260a2f;
|
|
2570
|
+
}
|
|
2571
|
+
|
|
2436
2572
|
@font-face {
|
|
2437
2573
|
font-family: Inter;
|
|
2438
2574
|
font-style: normal;
|
|
@@ -25921,6 +26057,13 @@ a[data-toggle="tooltip"] {
|
|
|
25921
26057
|
color: var(--color-sentiment-content-primary);
|
|
25922
26058
|
}
|
|
25923
26059
|
|
|
26060
|
+
.wds-pocket-surface {
|
|
26061
|
+
background-color: #ffffff;
|
|
26062
|
+
background-color: var(--color-background-screen);
|
|
26063
|
+
color: #37517e;
|
|
26064
|
+
color: var(--color-content-primary);
|
|
26065
|
+
}
|
|
26066
|
+
|
|
25924
26067
|
.wds-container {
|
|
25925
26068
|
--wds-container-padding-inline: 16px;
|
|
25926
26069
|
--wds-container-width-fluid: 100%;
|
package/src/main.less
CHANGED