@orderly.network/ui-scaffold 2.10.1-alpha.0 → 2.10.2-alpha.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.
Files changed (6) hide show
  1. package/dist/index.js +117 -191
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +117 -191
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +11 -11
package/dist/index.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  var React6 = require('react');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
- var i18n = require('@orderly.network/i18n');
6
5
  var ui = require('@orderly.network/ui');
6
+ var i18n = require('@orderly.network/i18n');
7
7
  var hooks = require('@orderly.network/hooks');
8
8
  var reactApp = require('@orderly.network/react-app');
9
9
  var types = require('@orderly.network/types');
@@ -42,11 +42,17 @@ var init_communtiyIcons = __esm({
42
42
  height: size,
43
43
  viewBox: "0 0 20 20",
44
44
  ref,
45
- fill: "#fff",
46
- fillOpacity: ".54",
45
+ fill: "currentColor",
47
46
  xmlns: "http://www.w3.org/2000/svg",
47
+ className: "oui-fill-base-contrast-54",
48
48
  ...rest,
49
- children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.108 9.464S9.645 7.13 11.565 6.31c.736-.328 3.233-1.38 3.233-1.38s1.152-.46 1.056.658c-.032.46-.288 2.069-.544 3.81-.384 2.463-.8 5.157-.8 5.157s-.064.755-.608.887c-.544.13-1.44-.46-1.6-.592-.129-.098-2.401-1.576-3.233-2.299-.224-.197-.48-.591.032-1.051a124 124 0 0 0 3.36-3.285c.384-.394.768-1.313-.832-.197-2.272 1.61-4.513 3.12-4.513 3.12s-.512.33-1.472.034-2.08-.69-2.08-.69-.768-.493.544-1.018" })
49
+ children: /* @__PURE__ */ jsxRuntime.jsx(
50
+ "path",
51
+ {
52
+ d: "M4.108 9.464S9.645 7.13 11.565 6.31c.736-.328 3.233-1.38 3.233-1.38s1.152-.46 1.056.658c-.032.46-.288 2.069-.544 3.81-.384 2.463-.8 5.157-.8 5.157s-.064.755-.608.887c-.544.13-1.44-.46-1.6-.592-.129-.098-2.401-1.576-3.233-2.299-.224-.197-.48-.591.032-1.051a124 124 0 0 0 3.36-3.285c.384-.394.768-1.313-.832-.197-2.272 1.61-4.513 3.12-4.513 3.12s-.512.33-1.472.034-2.08-.69-2.08-.69-.768-.493.544-1.018",
53
+ fill: "currentColor"
54
+ }
55
+ )
50
56
  }
51
57
  );
52
58
  });
@@ -59,31 +65,45 @@ var init_communtiyIcons = __esm({
59
65
  height: size,
60
66
  viewBox: "0 0 20 20",
61
67
  ref,
62
- fill: "#fff",
63
- fillOpacity: ".54",
64
- ...rest,
65
- xmlns: "http://www.w3.org/2000/svg",
66
- children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.956 5.522c1.604 2.374 2.396 5.053 2.1 8.136a.05.05 0 0 1-.02.033 11.7 11.7 0 0 1-3.55 1.805.045.045 0 0 1-.05-.017 9.6 9.6 0 0 1-.725-1.188.046.046 0 0 1 .024-.063 7 7 0 0 0 1.108-.531.046.046 0 0 0 .004-.076 6 6 0 0 1-.22-.174.04.04 0 0 0-.047-.006c-2.296 1.068-4.812 1.068-7.136 0a.04.04 0 0 0-.046.006 6 6 0 0 1-.22.174.046.046 0 0 0 .005.076c.353.204.721.384 1.107.531.025.01.037.039.025.063a8.5 8.5 0 0 1-.725 1.188.05.05 0 0 1-.05.017 11.7 11.7 0 0 1-3.546-1.805.05.05 0 0 1-.018-.033c-.248-2.667.257-5.368 2.097-8.137a.04.04 0 0 1 .02-.016 11.6 11.6 0 0 1 2.89-.903.05.05 0 0 1 .046.022c.125.224.269.51.366.744a10.7 10.7 0 0 1 3.246 0 8 8 0 0 1 .36-.744.044.044 0 0 1 .046-.022 11.7 11.7 0 0 1 2.89.903q.012.005.019.017m-6.018 5.07c.011-.788-.56-1.44-1.276-1.44-.71 0-1.276.647-1.276 1.44 0 .795.576 1.442 1.276 1.442.71 0 1.276-.647 1.276-1.441m4.718 0c.011-.788-.56-1.44-1.276-1.44-.71 0-1.276.647-1.276 1.44 0 .795.577 1.442 1.276 1.442.717 0 1.276-.647 1.276-1.441" })
67
- }
68
- );
69
- });
70
- CommuntiyXIcon = React6__default.default.forwardRef((props, ref) => {
71
- const { size = 20, ...rest } = props;
72
- return /* @__PURE__ */ jsxRuntime.jsx(
73
- "svg",
74
- {
75
- width: size,
76
- height: size,
77
- viewBox: "0 0 20 20",
78
- ref,
79
- fill: "#fff",
80
- fillOpacity: ".54",
68
+ fill: "currentColor",
81
69
  xmlns: "http://www.w3.org/2000/svg",
70
+ className: "oui-fill-base-contrast-54",
82
71
  ...rest,
83
- children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m4.42 4.73 4.633 6.194-4.662 5.037H5.44l4.082-4.41 3.298 4.41h3.57l-4.893-6.543 4.34-4.689h-1.05l-3.759 4.062-3.037-4.062zm1.543.772h1.64l7.244 9.686h-1.64z" })
72
+ children: /* @__PURE__ */ jsxRuntime.jsx(
73
+ "path",
74
+ {
75
+ d: "M14.956 5.522c1.604 2.374 2.396 5.053 2.1 8.136a.05.05 0 0 1-.02.033 11.7 11.7 0 0 1-3.55 1.805.045.045 0 0 1-.05-.017 9.6 9.6 0 0 1-.725-1.188.046.046 0 0 1 .024-.063 7 7 0 0 0 1.108-.531.046.046 0 0 0 .004-.076 6 6 0 0 1-.22-.174.04.04 0 0 0-.047-.006c-2.296 1.068-4.812 1.068-7.136 0a.04.04 0 0 0-.046.006 6 6 0 0 1-.22.174.046.046 0 0 0 .005.076c.353.204.721.384 1.107.531.025.01.037.039.025.063a8.5 8.5 0 0 1-.725 1.188.05.05 0 0 1-.05.017 11.7 11.7 0 0 1-3.546-1.805.05.05 0 0 1-.018-.033c-.248-2.667.257-5.368 2.097-8.137a.04.04 0 0 1 .02-.016 11.6 11.6 0 0 1 2.89-.903.05.05 0 0 1 .046.022c.125.224.269.51.366.744a10.7 10.7 0 0 1 3.246 0 8 8 0 0 1 .36-.744.044.044 0 0 1 .046-.022 11.7 11.7 0 0 1 2.89.903q.012.005.019.017m-6.018 5.07c.011-.788-.56-1.44-1.276-1.44-.71 0-1.276.647-1.276 1.44 0 .795.576 1.442 1.276 1.442.71 0 1.276-.647 1.276-1.441m4.718 0c.011-.788-.56-1.44-1.276-1.44-.71 0-1.276.647-1.276 1.44 0 .795.577 1.442 1.276 1.442.717 0 1.276-.647 1.276-1.441",
76
+ fill: "currentColor"
77
+ }
78
+ )
84
79
  }
85
80
  );
86
81
  });
82
+ CommuntiyXIcon = React6__default.default.forwardRef(
83
+ (props, ref) => {
84
+ const { size = 20, ...rest } = props;
85
+ return /* @__PURE__ */ jsxRuntime.jsx(
86
+ "svg",
87
+ {
88
+ width: size,
89
+ height: size,
90
+ viewBox: "0 0 20 20",
91
+ ref,
92
+ fill: "currentColor",
93
+ xmlns: "http://www.w3.org/2000/svg",
94
+ className: "oui-fill-base-contrast-54",
95
+ ...rest,
96
+ children: /* @__PURE__ */ jsxRuntime.jsx(
97
+ "path",
98
+ {
99
+ d: "m4.42 4.73 4.633 6.194-4.662 5.037H5.44l4.082-4.41 3.298 4.41h3.57l-4.893-6.543 4.34-4.689h-1.05l-3.759 4.062-3.037-4.062zm1.543.772h1.64l7.244 9.686h-1.64z",
100
+ fill: "currentColor"
101
+ }
102
+ )
103
+ }
104
+ );
105
+ }
106
+ );
87
107
  CommuntiyXIcon.displayName = "CommuntiyXIcon";
88
108
  CommuntiyTelegramIcon.displayName = "CommuntiyTelegramIcon";
89
109
  CommuntiyDiscordIcon.displayName = "CommuntiyDiscordIcon";
@@ -94,7 +114,6 @@ var init_orderlyNetworkTextIcon = __esm({
94
114
  "src/components/icons/orderlyNetworkTextIcon.tsx"() {
95
115
  OrderlyTextIcon = React6__default.default.forwardRef(
96
116
  (props, ref) => {
97
- const { opacity = 1, ...rest } = props;
98
117
  return /* @__PURE__ */ jsxRuntime.jsxs(
99
118
  "svg",
100
119
  {
@@ -102,9 +121,10 @@ var init_orderlyNetworkTextIcon = __esm({
102
121
  width: "45",
103
122
  height: "14",
104
123
  viewBox: "0 0 45 14",
105
- fill: "none",
124
+ fill: "currentColor",
106
125
  xmlns: "http://www.w3.org/2000/svg",
107
- ...rest,
126
+ className: "oui-fill-base-contrast",
127
+ ...props,
108
128
  children: [
109
129
  /* @__PURE__ */ jsxRuntime.jsx(
110
130
  "path",
@@ -112,16 +132,14 @@ var init_orderlyNetworkTextIcon = __esm({
112
132
  fillRule: "evenodd",
113
133
  clipRule: "evenodd",
114
134
  d: "M8.352 2.558a.063.063 0 0 1-.04.112H2.419a.063.063 0 0 1-.04-.112A4.73 4.73 0 0 1 5.365 1.5c1.132 0 2.171.396 2.987 1.058M3.518 7.546a.18.18 0 0 0-.148-.08H.886a.085.085 0 0 0-.083.11 4.75 4.75 0 0 0 4.562 3.429 4.75 4.75 0 0 0 4.562-3.43.085.085 0 0 0-.082-.108H7.36a.18.18 0 0 0-.148.079 2.252 2.252 0 0 1-3.694 0m3.518-2.812a.18.18 0 0 0 .134.061h2.598c.06 0 .101-.057.082-.113a4.8 4.8 0 0 0-.801-1.432.17.17 0 0 0-.132-.062H1.814a.17.17 0 0 0-.132.062A4.8 4.8 0 0 0 .88 4.682a.085.085 0 0 0 .081.113h2.6c.05 0 .099-.023.133-.06a2.25 2.25 0 0 1 1.67-.742c.663 0 1.258.286 1.67.741M7.6 6.95a.067.067 0 0 1-.063-.086 2.26 2.26 0 0 0-.079-1.45.067.067 0 0 1 .061-.093h2.45c.03 0 .058.022.063.052a4.8 4.8 0 0 1 .04 1.52.064.064 0 0 1-.065.057zm-4.407-.086a.067.067 0 0 1-.063.086H.723a.064.064 0 0 1-.064-.056 4.8 4.8 0 0 1 .039-1.52.065.065 0 0 1 .063-.053h2.45c.047 0 .079.049.061.093a2.25 2.25 0 0 0-.079 1.45",
115
- fill: "#fff",
116
- fillOpacity: opacity
135
+ fill: "currentColor"
117
136
  }
118
137
  ),
119
138
  /* @__PURE__ */ jsxRuntime.jsx(
120
139
  "path",
121
140
  {
122
141
  d: "M11.272 4.438h1.685v1.61l-.275-.312q.237-.511.662-.874.425-.361.949-.487.524-.124 1.073.038v1.585q-.661-.224-1.223-.125-.55.1-.874.475-.312.375-.312.923v3.608h-1.685zm4.148 3.22q0-.923.4-1.697.41-.774 1.123-1.211a2.95 2.95 0 0 1 1.573-.437 2.7 2.7 0 0 1 1.523.437 2.8 2.8 0 0 1 1.01 1.198q.363.762.363 1.71 0 .95-.362 1.71-.35.762-1.011 1.199a2.7 2.7 0 0 1-1.523.437 2.95 2.95 0 0 1-1.573-.437 3.1 3.1 0 0 1-1.124-1.198 3.7 3.7 0 0 1-.4-1.71m1.748 0q0 .5.224.924.225.412.612.65.387.236.861.236.475 0 .862-.237.386-.237.611-.649.225-.424.225-.924 0-.498-.225-.91-.225-.425-.611-.65a1.6 1.6 0 0 0-.862-.237q-.474 0-.861.237a1.6 1.6 0 0 0-.612.65q-.224.412-.224.91m3.395-6.016h1.685v9.237h-1.685zm4.192 5.329h3.97l-.387.537a2 2 0 0 0-.25-.9 1.63 1.63 0 0 0-.612-.623 1.64 1.64 0 0 0-.861-.225q-.487 0-.886.25a1.6 1.6 0 0 0-.625.686 2.1 2.1 0 0 0-.224.961q0 .537.224.974.239.436.662.687.425.25.961.25.525 0 .937-.238.423-.25.661-.674l1.386.624q-.45.787-1.236 1.26-.786.463-1.798.463-.96 0-1.747-.437a3.3 3.3 0 0 1-1.248-1.198 3.34 3.34 0 0 1-.45-1.71q0-.924.437-1.686.45-.775 1.223-1.21.774-.45 1.723-.45 1.061 0 1.885.537.825.536 1.21 1.448.4.898.226 1.96h-5.181zm6.221-2.534h1.685v1.61l-.274-.312q.237-.511.661-.874.425-.361.949-.487.525-.124 1.073.038v1.585q-.661-.224-1.223-.125-.549.1-.874.475-.312.375-.312.923v3.608h-1.685zm4.885-2.796h1.686v9.237H35.86zm4.359 9.324q.224.487.587.737.362.262.836.262.711 0 1.186-.5.487-.486.487-1.26V9.08l.262.35a2.43 2.43 0 0 1-.911 1.011q-.6.362-1.373.362-.8 0-1.386-.337a2.3 2.3 0 0 1-.886-.936q-.312-.6-.312-1.386V4.438h1.685v3.408q0 .436.162.761.162.312.462.5.312.174.761.174.45 0 .8-.175a1.3 1.3 0 0 0 .549-.511q.187-.338.187-.75V4.439H45v5.767q0 .936-.45 1.685a3.07 3.07 0 0 1-1.21 1.186 3.4 3.4 0 0 1-1.698.424q-.973 0-1.735-.474a3.3 3.3 0 0 1-1.186-1.26z",
123
- fill: "#fff",
124
- fillOpacity: opacity
142
+ fill: "currentColor"
125
143
  }
126
144
  )
127
145
  ]
@@ -166,14 +184,15 @@ var init_infoIcon = __esm({
166
184
  xmlns: "http://www.w3.org/2000/svg",
167
185
  width: `${size}px`,
168
186
  height: `${size}px`,
169
- fill: "none",
170
187
  viewBox: `0 0 20 20`,
188
+ fill: "currentColor",
189
+ className: "oui-fill-warning-darken",
171
190
  ...rest,
172
191
  children: /* @__PURE__ */ jsxRuntime.jsx(
173
192
  "path",
174
193
  {
175
194
  d: "M10.012 1.66602C5.40954 1.66602 1.67871 5.39685 1.67871 9.99935C1.67871 14.6018 5.40954 18.3327 10.012 18.3327C14.6145 18.3327 18.3454 14.6018 18.3454 9.99935C18.3454 5.39685 14.6145 1.66602 10.012 1.66602ZM10.012 5.83268C10.472 5.83268 10.8454 6.20602 10.8454 6.66602V10.8327C10.8454 11.2927 10.472 11.666 10.012 11.666C9.55204 11.666 9.17871 11.2927 9.17871 10.8327V6.66602C9.17871 6.20602 9.55204 5.83268 10.012 5.83268ZM10.012 12.4993C10.472 12.4993 10.8454 12.8727 10.8454 13.3327C10.8454 13.7927 10.472 14.166 10.012 14.166C9.55204 14.166 9.17871 13.7927 9.17871 13.3327C9.17871 12.8727 9.55204 12.4993 10.012 12.4993Z",
176
- fill: "#FF7D00"
195
+ fill: "currentColor"
177
196
  }
178
197
  )
179
198
  }
@@ -219,105 +238,27 @@ var init_orderlyLogo = __esm({
219
238
  fill: "none",
220
239
  xmlns: "http://www.w3.org/2000/svg",
221
240
  ...props,
241
+ className: ui.cn(props.className, "oui-fill-base-contrast"),
222
242
  children: [
223
- /* @__PURE__ */ jsxRuntime.jsx(
224
- "path",
225
- {
226
- d: "M22.2637 18.5152H26.1444V13.3629C26.1444 10.2669 27.9664 9.39239 29.6701 9.39239C29.9777 9.39239 30.2617 9.41602 30.6639 9.46329V6.20176C30.2853 6.10722 29.9777 6.08359 29.7174 6.08359C27.8481 6.08359 26.6886 7.3362 26.2153 9.27421H26.1444V6.22539H22.2637V18.5152Z",
227
- fill: "white"
228
- }
229
- ),
230
- /* @__PURE__ */ jsxRuntime.jsx(
231
- "path",
232
- {
233
- d: "M37.3191 18.7516C39.1411 18.7516 40.3952 17.7826 40.7265 16.8608V18.5152H44.6072V1.97122H40.7265V7.87979C40.3952 6.95806 39.1411 5.98905 37.3191 5.98905C34.8108 5.98905 31.9713 7.83252 31.9713 12.3703C31.9713 16.9317 34.8108 18.7516 37.3191 18.7516ZM35.6153 12.3703C35.6153 10.196 36.9168 9.20331 38.2892 9.20331C39.638 9.20331 40.8921 10.196 40.8921 12.3703C40.8921 14.5447 39.638 15.5373 38.2892 15.5373C36.9168 15.5373 35.6153 14.5447 35.6153 12.3703Z",
234
- fill: "white"
235
- }
236
- ),
237
- /* @__PURE__ */ jsxRuntime.jsx(
238
- "path",
239
- {
240
- d: "M53.418 18.7516C56.4468 18.7516 58.6475 17.1917 59.2154 14.3556H55.8079C55.595 15.1592 55.0744 15.8209 53.489 15.8209C51.9746 15.8209 51.0281 15.1355 50.8151 13.3393H59.31C59.3573 13.0557 59.381 12.8194 59.381 12.3703C59.381 7.57255 56.5888 5.98905 53.418 5.98905C50.1289 5.98905 47.1474 7.73799 47.1474 12.323C47.1474 17.0972 50.3655 18.7516 53.418 18.7516ZM50.8388 11.0941C51.0754 9.676 51.8799 8.9197 53.3234 8.9197C55.0981 8.9197 55.6423 10.0305 55.7133 11.0941H50.8388Z",
241
- fill: "white"
242
- }
243
- ),
244
- /* @__PURE__ */ jsxRuntime.jsx(
245
- "path",
246
- {
247
- d: "M61.8978 18.5152H65.7784V13.3629C65.7784 10.2669 67.6005 9.39239 69.3042 9.39239C69.6118 9.39239 69.8957 9.41602 70.298 9.46329V6.20176C69.9194 6.10722 69.6118 6.08359 69.3515 6.08359C67.4821 6.08359 66.3227 7.3362 65.8494 9.27421H65.7784V6.22539H61.8978V18.5152Z",
248
- fill: "white"
249
- }
250
- ),
251
- /* @__PURE__ */ jsxRuntime.jsx(
252
- "path",
253
- {
254
- d: "M72.5672 18.5152H76.4479V1.97122H72.5672V18.5152Z",
255
- fill: "white"
256
- }
257
- ),
258
- /* @__PURE__ */ jsxRuntime.jsx(
259
- "path",
260
- {
261
- d: "M79.8261 20.0278V23.2893C83.6358 23.6911 85.2212 22.4149 86.8776 18.3734L91.8468 6.22539H87.8714L85.1739 13.5757L82.5473 6.22539H78.5957L83.0679 17.2626C83.3755 17.9953 83.3992 18.3734 83.1389 18.9643C82.9259 19.437 82.3817 20.3587 79.8261 20.0278Z",
262
- fill: "white"
263
- }
264
- ),
265
- /* @__PURE__ */ jsxRuntime.jsx(
266
- "path",
267
- {
268
- d: "M100.278 18.5152H104.229V8.63609H104.324L110.287 18.5152H114.546V1.97122H110.571V12.1103H110.476L104.371 1.97122H100.278V18.5152Z",
269
- fill: "white"
270
- }
271
- ),
272
- /* @__PURE__ */ jsxRuntime.jsx(
273
- "path",
274
- {
275
- d: "M123.327 18.7516C126.356 18.7516 128.557 17.1917 129.125 14.3556H125.717C125.504 15.1592 124.984 15.8209 123.398 15.8209C121.884 15.8209 120.937 15.1355 120.724 13.3393H129.219C129.267 13.0557 129.29 12.8194 129.29 12.3703C129.29 7.57255 126.498 5.98905 123.327 5.98905C120.038 5.98905 117.057 7.73799 117.057 12.323C117.057 17.0972 120.275 18.7516 123.327 18.7516ZM120.748 11.0941C120.985 9.676 121.789 8.9197 123.233 8.9197C125.007 8.9197 125.552 10.0305 125.623 11.0941H120.748Z",
276
- fill: "white"
277
- }
278
- ),
279
- /* @__PURE__ */ jsxRuntime.jsx(
280
- "path",
281
- {
282
- d: "M137.439 18.6807C138.172 18.6807 138.882 18.5861 139.474 18.4207V15.5609C138.93 15.6082 138.717 15.6082 138.456 15.6082C137.202 15.6082 136.966 14.9228 136.966 14.072V9.22695H139.379V6.22539H136.966V3.01113H133.085V6.22539H130.979V9.22695H133.085V14.6156C133.085 17.4753 134.789 18.6807 137.439 18.6807Z",
283
- fill: "white"
284
- }
285
- ),
286
- /* @__PURE__ */ jsxRuntime.jsx(
287
- "path",
288
- {
289
- d: "M144.456 18.5152H148.833L150.797 11.3777L152.761 18.5152H157.115L160.333 6.22539H156.666L154.749 14.781H154.654L152.454 6.22539H149.117L146.917 14.781H146.822L144.905 6.22539H141.261L144.456 18.5152Z",
290
- fill: "white"
291
- }
292
- ),
293
- /* @__PURE__ */ jsxRuntime.jsx(
294
- "path",
295
- {
296
- d: "M167.796 18.7516C170.896 18.7516 174.043 16.8845 174.043 12.3703C174.043 7.85616 170.896 5.98905 167.796 5.98905C164.673 5.98905 161.549 7.85616 161.549 12.3703C161.549 16.8845 164.673 18.7516 167.796 18.7516ZM165.169 12.3703C165.169 10.196 166.282 9.20331 167.796 9.20331C169.287 9.20331 170.399 10.196 170.399 12.3703C170.399 14.5447 169.287 15.5373 167.796 15.5373C166.282 15.5373 165.169 14.5447 165.169 12.3703Z",
297
- fill: "white"
298
- }
299
- ),
300
- /* @__PURE__ */ jsxRuntime.jsx(
301
- "path",
302
- {
303
- d: "M176.554 18.5152H180.434V13.3629C180.434 10.2669 182.256 9.39239 183.96 9.39239C184.268 9.39239 184.552 9.41602 184.954 9.46329V6.20176C184.575 6.10722 184.268 6.08359 184.007 6.08359C182.138 6.08359 180.979 7.3362 180.505 9.27421H180.434V6.22539H176.554V18.5152Z",
304
- fill: "white"
305
- }
306
- ),
307
- /* @__PURE__ */ jsxRuntime.jsx(
308
- "path",
309
- {
310
- d: "M187.223 18.5152H191.104V14.9701L192.074 13.9302L195.742 18.5152H200.001L194.44 11.4249L199.362 6.22539H195.126L191.104 10.8104V1.97122H187.223V18.5152Z",
311
- fill: "white"
312
- }
313
- ),
243
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22.2637 18.5152H26.1444V13.3629C26.1444 10.2669 27.9664 9.39239 29.6701 9.39239C29.9777 9.39239 30.2617 9.41602 30.6639 9.46329V6.20176C30.2853 6.10722 29.9777 6.08359 29.7174 6.08359C27.8481 6.08359 26.6886 7.3362 26.2153 9.27421H26.1444V6.22539H22.2637V18.5152Z" }),
244
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M37.3191 18.7516C39.1411 18.7516 40.3952 17.7826 40.7265 16.8608V18.5152H44.6072V1.97122H40.7265V7.87979C40.3952 6.95806 39.1411 5.98905 37.3191 5.98905C34.8108 5.98905 31.9713 7.83252 31.9713 12.3703C31.9713 16.9317 34.8108 18.7516 37.3191 18.7516ZM35.6153 12.3703C35.6153 10.196 36.9168 9.20331 38.2892 9.20331C39.638 9.20331 40.8921 10.196 40.8921 12.3703C40.8921 14.5447 39.638 15.5373 38.2892 15.5373C36.9168 15.5373 35.6153 14.5447 35.6153 12.3703Z" }),
245
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M53.418 18.7516C56.4468 18.7516 58.6475 17.1917 59.2154 14.3556H55.8079C55.595 15.1592 55.0744 15.8209 53.489 15.8209C51.9746 15.8209 51.0281 15.1355 50.8151 13.3393H59.31C59.3573 13.0557 59.381 12.8194 59.381 12.3703C59.381 7.57255 56.5888 5.98905 53.418 5.98905C50.1289 5.98905 47.1474 7.73799 47.1474 12.323C47.1474 17.0972 50.3655 18.7516 53.418 18.7516ZM50.8388 11.0941C51.0754 9.676 51.8799 8.9197 53.3234 8.9197C55.0981 8.9197 55.6423 10.0305 55.7133 11.0941H50.8388Z" }),
246
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M61.8978 18.5152H65.7784V13.3629C65.7784 10.2669 67.6005 9.39239 69.3042 9.39239C69.6118 9.39239 69.8957 9.41602 70.298 9.46329V6.20176C69.9194 6.10722 69.6118 6.08359 69.3515 6.08359C67.4821 6.08359 66.3227 7.3362 65.8494 9.27421H65.7784V6.22539H61.8978V18.5152Z" }),
247
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M72.5672 18.5152H76.4479V1.97122H72.5672V18.5152Z" }),
248
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M79.8261 20.0278V23.2893C83.6358 23.6911 85.2212 22.4149 86.8776 18.3734L91.8468 6.22539H87.8714L85.1739 13.5757L82.5473 6.22539H78.5957L83.0679 17.2626C83.3755 17.9953 83.3992 18.3734 83.1389 18.9643C82.9259 19.437 82.3817 20.3587 79.8261 20.0278Z" }),
249
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M100.278 18.5152H104.229V8.63609H104.324L110.287 18.5152H114.546V1.97122H110.571V12.1103H110.476L104.371 1.97122H100.278V18.5152Z" }),
250
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M123.327 18.7516C126.356 18.7516 128.557 17.1917 129.125 14.3556H125.717C125.504 15.1592 124.984 15.8209 123.398 15.8209C121.884 15.8209 120.937 15.1355 120.724 13.3393H129.219C129.267 13.0557 129.29 12.8194 129.29 12.3703C129.29 7.57255 126.498 5.98905 123.327 5.98905C120.038 5.98905 117.057 7.73799 117.057 12.323C117.057 17.0972 120.275 18.7516 123.327 18.7516ZM120.748 11.0941C120.985 9.676 121.789 8.9197 123.233 8.9197C125.007 8.9197 125.552 10.0305 125.623 11.0941H120.748Z" }),
251
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M137.439 18.6807C138.172 18.6807 138.882 18.5861 139.474 18.4207V15.5609C138.93 15.6082 138.717 15.6082 138.456 15.6082C137.202 15.6082 136.966 14.9228 136.966 14.072V9.22695H139.379V6.22539H136.966V3.01113H133.085V6.22539H130.979V9.22695H133.085V14.6156C133.085 17.4753 134.789 18.6807 137.439 18.6807Z" }),
252
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M144.456 18.5152H148.833L150.797 11.3777L152.761 18.5152H157.115L160.333 6.22539H156.666L154.749 14.781H154.654L152.454 6.22539H149.117L146.917 14.781H146.822L144.905 6.22539H141.261L144.456 18.5152Z" }),
253
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M167.796 18.7516C170.896 18.7516 174.043 16.8845 174.043 12.3703C174.043 7.85616 170.896 5.98905 167.796 5.98905C164.673 5.98905 161.549 7.85616 161.549 12.3703C161.549 16.8845 164.673 18.7516 167.796 18.7516ZM165.169 12.3703C165.169 10.196 166.282 9.20331 167.796 9.20331C169.287 9.20331 170.399 10.196 170.399 12.3703C170.399 14.5447 169.287 15.5373 167.796 15.5373C166.282 15.5373 165.169 14.5447 165.169 12.3703Z" }),
254
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M176.554 18.5152H180.434V13.3629C180.434 10.2669 182.256 9.39239 183.96 9.39239C184.268 9.39239 184.552 9.41602 184.954 9.46329V6.20176C184.575 6.10722 184.268 6.08359 184.007 6.08359C182.138 6.08359 180.979 7.3362 180.505 9.27421H180.434V6.22539H176.554V18.5152Z" }),
255
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M187.223 18.5152H191.104V14.9701L192.074 13.9302L195.742 18.5152H200.001L194.44 11.4249L199.362 6.22539H195.126L191.104 10.8104V1.97122H187.223V18.5152Z" }),
314
256
  /* @__PURE__ */ jsxRuntime.jsx(
315
257
  "path",
316
258
  {
317
259
  fillRule: "evenodd",
318
260
  clipRule: "evenodd",
319
- d: "M9.66235 0.640167L9.70838 0.640167C12.1367 0.64581 14.355 1.54403 16.052 3.02375C16.1722 3.1286 16.0961 3.32102 15.9365 3.32102L3.43427 3.32102C3.27465 3.32102 3.1985 3.1286 3.31874 3.02375C5.01571 1.54403 7.23406 0.645809 9.66235 0.640167Z",
320
- fill: "white"
261
+ d: "M9.66235 0.640167L9.70838 0.640167C12.1367 0.64581 14.355 1.54403 16.052 3.02375C16.1722 3.1286 16.0961 3.32102 15.9365 3.32102L3.43427 3.32102C3.27465 3.32102 3.1985 3.1286 3.31874 3.02375C5.01571 1.54403 7.23406 0.645809 9.66235 0.640167Z"
321
262
  }
322
263
  ),
323
264
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -325,8 +266,7 @@ var init_orderlyLogo = __esm({
325
266
  {
326
267
  fillRule: "evenodd",
327
268
  clipRule: "evenodd",
328
- d: "M5.9175 12.9472C5.84821 12.8485 5.73663 12.7865 5.61594 12.7865L0.606422 12.7865C0.461299 12.7865 0.355489 12.924 0.39667 13.063C1.58273 17.0661 5.29234 19.9869 9.68495 19.9869C14.0776 19.9869 17.7872 17.0661 18.9732 13.063C19.0144 12.924 18.9086 12.7865 18.7635 12.7865L13.754 12.7865C13.6333 12.7865 13.5218 12.8485 13.4525 12.9472C12.6208 14.1317 11.2434 14.9061 9.68499 14.9061C8.12654 14.9061 6.74917 14.1317 5.9175 12.9472Z",
329
- fill: "white"
269
+ d: "M5.9175 12.9472C5.84821 12.8485 5.73663 12.7865 5.61594 12.7865L0.606422 12.7865C0.461299 12.7865 0.355489 12.924 0.39667 13.063C1.58273 17.0661 5.29234 19.9869 9.68495 19.9869C14.0776 19.9869 17.7872 17.0661 18.9732 13.063C19.0144 12.924 18.9086 12.7865 18.7635 12.7865L13.754 12.7865C13.6333 12.7865 13.5218 12.8485 13.4525 12.9472C12.6208 14.1317 11.2434 14.9061 9.68499 14.9061C8.12654 14.9061 6.74917 14.1317 5.9175 12.9472Z"
330
270
  }
331
271
  ),
332
272
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -334,8 +274,7 @@ var init_orderlyLogo = __esm({
334
274
  {
335
275
  fillRule: "evenodd",
336
276
  clipRule: "evenodd",
337
- d: "M13.3322 7.51577C13.4208 7.63078 13.5556 7.7029 13.7009 7.7029L18.7216 7.7029C18.868 7.7029 18.9741 7.56325 18.9304 7.42361C18.551 6.2113 17.9392 5.10154 17.147 4.14637C17.0811 4.06686 16.9826 4.02197 16.8792 4.02197L2.4903 4.02197C2.38694 4.02197 2.28845 4.06686 2.22251 4.14637C1.43037 5.10153 0.818541 6.2113 0.439134 7.42361C0.395431 7.56325 0.501494 7.7029 0.647976 7.7029L5.66868 7.7029C5.81394 7.7029 5.9488 7.63078 6.03735 7.51577C6.87801 6.42387 8.19911 5.72017 9.68478 5.72017C11.1704 5.72017 12.4916 6.42387 13.3322 7.51577Z",
338
- fill: "white"
277
+ d: "M13.3322 7.51577C13.4208 7.63078 13.5556 7.7029 13.7009 7.7029L18.7216 7.7029C18.868 7.7029 18.9741 7.56325 18.9304 7.42361C18.551 6.2113 17.9392 5.10154 17.147 4.14637C17.0811 4.06686 16.9826 4.02197 16.8792 4.02197L2.4903 4.02197C2.38694 4.02197 2.28845 4.06686 2.22251 4.14637C1.43037 5.10153 0.818541 6.2113 0.439134 7.42361C0.395431 7.56325 0.501494 7.7029 0.647976 7.7029L5.66868 7.7029C5.81394 7.7029 5.9488 7.63078 6.03735 7.51577C6.87801 6.42387 8.19911 5.72017 9.68478 5.72017C11.1704 5.72017 12.4916 6.42387 13.3322 7.51577Z"
339
278
  }
340
279
  ),
341
280
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -343,8 +282,7 @@ var init_orderlyLogo = __esm({
343
282
  {
344
283
  fillRule: "evenodd",
345
284
  clipRule: "evenodd",
346
- d: "M14.1283 12.0868C14.0334 12.0868 13.969 11.9902 14.0018 11.9013C14.184 11.4069 14.2835 10.8724 14.2835 10.3148C14.2835 9.70687 14.1652 9.12653 13.9505 8.59547C13.9142 8.50592 13.9788 8.40582 14.0755 8.40582L19.0003 8.40582C19.1057 8.40582 19.1968 8.48012 19.2156 8.58377C19.3172 9.14546 19.3702 9.72401 19.3702 10.3149C19.3702 10.8567 19.3256 11.3881 19.2399 11.9057C19.2225 12.0108 19.1307 12.0868 19.0241 12.0868L14.1283 12.0868ZM5.36846 11.9013C5.40122 11.9902 5.33678 12.0868 5.24195 12.0868L0.346163 12.0868C0.239492 12.0868 0.147732 12.0108 0.130321 11.9057C0.0445957 11.3881 0 10.8567 0 10.3149C0 9.72401 0.0530502 9.14546 0.154653 8.58377C0.173403 8.48011 0.264481 8.40582 0.369941 8.40582L5.29476 8.40582C5.39146 8.40582 5.45599 8.50592 5.41977 8.59547C5.20498 9.12653 5.08673 9.70687 5.08673 10.3148C5.08673 10.8724 5.18623 11.4069 5.36846 11.9013Z",
347
- fill: "white"
285
+ d: "M14.1283 12.0868C14.0334 12.0868 13.969 11.9902 14.0018 11.9013C14.184 11.4069 14.2835 10.8724 14.2835 10.3148C14.2835 9.70687 14.1652 9.12653 13.9505 8.59547C13.9142 8.50592 13.9788 8.40582 14.0755 8.40582L19.0003 8.40582C19.1057 8.40582 19.1968 8.48012 19.2156 8.58377C19.3172 9.14546 19.3702 9.72401 19.3702 10.3149C19.3702 10.8567 19.3256 11.3881 19.2399 11.9057C19.2225 12.0108 19.1307 12.0868 19.0241 12.0868L14.1283 12.0868ZM5.36846 11.9013C5.40122 11.9902 5.33678 12.0868 5.24195 12.0868L0.346163 12.0868C0.239492 12.0868 0.147732 12.0108 0.130321 11.9057C0.0445957 11.3881 0 10.8567 0 10.3149C0 9.72401 0.0530502 9.14546 0.154653 8.58377C0.173403 8.48011 0.264481 8.40582 0.369941 8.40582L5.29476 8.40582C5.39146 8.40582 5.45599 8.50592 5.41977 8.59547C5.20498 9.12653 5.08673 9.70687 5.08673 10.3148C5.08673 10.8724 5.18623 11.4069 5.36846 11.9013Z"
348
286
  }
349
287
  )
350
288
  ]
@@ -809,7 +747,7 @@ var WalletMenu = (props) => {
809
747
  variant: "gradient",
810
748
  angle: 45,
811
749
  "data-testid": "oui-testid-nav-bar-address-btn",
812
- children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text.formatted, { rule: "address", className: "oui-text-[rgba(0,0,0,.88)]", children: address })
750
+ children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text.formatted, { rule: "address", className: "oui-text-base-10", children: address })
813
751
  }
814
752
  ) }),
815
753
  /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuPortal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -842,7 +780,7 @@ var WalletMenu = (props) => {
842
780
  width: "18",
843
781
  height: "18",
844
782
  viewBox: "0 0 18 18",
845
- className: "oui-fill-[rgba(255,255,255,0.36)] hover:oui-fill-primary-darken",
783
+ className: "oui-fill-base-contrast-36 hover:oui-fill-primary-darken",
846
784
  children: /* @__PURE__ */ jsxRuntime.jsx(
847
785
  "path",
848
786
  {
@@ -860,7 +798,7 @@ var WalletMenu = (props) => {
860
798
  width: "18",
861
799
  height: "18",
862
800
  viewBox: "0 0 18 18",
863
- className: "oui-fill-[rgba(255,255,255,0.36)] hover:oui-fill-primary-darken",
801
+ className: "oui-fill-base-contrast-36 hover:oui-fill-primary-darken",
864
802
  children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.7432 15.7432C14.3999 15.7432 15.7432 14.3999 15.7432 12.7432V5.24316C15.7432 3.58641 14.3999 2.24316 12.7432 2.24316H5.24316C3.58641 2.24316 2.24316 3.58641 2.24316 5.24316V12.7432C2.24316 14.3999 3.58641 15.7432 5.24316 15.7432H12.7432ZM6.74316 11.9932C6.55116 11.9932 6.35092 11.9287 6.20392 11.7824C5.91142 11.4892 5.91142 10.9972 6.20392 10.7039L9.20392 7.70392L7.49316 5.99316H11.9932V10.4932L10.2824 8.78241L7.28241 11.7824C7.13616 11.9287 6.93516 11.9932 6.74316 11.9932Z" })
865
803
  }
866
804
  ) })
@@ -1765,8 +1703,7 @@ var SubAccountIcon = React6.forwardRef(
1765
1703
  "path",
1766
1704
  {
1767
1705
  d: "M10 2.5C8.16892 2.5 6.66667 4.00225 6.66667 5.83333C6.66667 7.66441 8.16892 9.16667 10 9.16667C11.8311 9.16667 13.3333 7.66441 13.3333 5.83333C13.3333 4.00225 11.8311 2.5 10 2.5ZM10 4.16667C10.9303 4.16667 11.6667 4.90299 11.6667 5.83333C11.6667 6.76368 10.9303 7.5 10 7.5C9.06965 7.5 8.33333 6.76368 8.33333 5.83333C8.33333 4.90299 9.06965 4.16667 10 4.16667ZM10 11.6667C8.54587 11.6667 6.82264 12.0082 5.37435 12.5798C4.65021 12.8656 3.99558 13.205 3.47168 13.641C2.94778 14.0769 2.5 14.6662 2.5 15.4167V17.5H17.5V16.6667V15.4167C17.5 14.6662 17.0522 14.0769 16.5283 13.641C16.0044 13.205 15.3498 12.8656 14.6257 12.5798C13.1774 12.0082 11.4541 11.6667 10 11.6667ZM10 13.3333C11.1784 13.3333 12.7884 13.645 14.0153 14.1292C14.6288 14.3713 15.1475 14.66 15.4622 14.9219C15.777 15.1838 15.8333 15.3622 15.8333 15.4167V15.8333H4.16667V15.4167C4.16667 15.3622 4.22299 15.1838 4.53776 14.9219C4.85253 14.66 5.37124 14.3713 5.9847 14.1292C7.21162 13.645 8.82163 13.3333 10 13.3333Z",
1768
- fill: "white",
1769
- fillOpacity: "0.98"
1706
+ className: "oui-fill-base-contrast-98"
1770
1707
  }
1771
1708
  )
1772
1709
  }
@@ -1869,7 +1806,7 @@ var AccountItem = (props) => {
1869
1806
  className: ui.cn(
1870
1807
  "oui-relative oui-cursor-pointer oui-rounded-[6px] oui-bg-base-6 oui-px-3 oui-py-4",
1871
1808
  "oui-border oui-border-base-6",
1872
- props.isCurrent && " oui-border-[#38E2FE] ",
1809
+ props.isCurrent && " oui-border-[rgb(var(--oui-gradient-brand-start))] ",
1873
1810
  !props.isCurrent && "hover:oui-border-base-contrast-16"
1874
1811
  ),
1875
1812
  children: [
@@ -1889,9 +1826,9 @@ var AccountItem = (props) => {
1889
1826
  "div",
1890
1827
  {
1891
1828
  className: ui.cn(
1892
- "oui-absolute -oui-right-[1px] -oui-top-[1px] oui-leading-3 oui-text-base-contrast-54",
1893
- "oui-text-[10px] oui-font-semibold oui-text-black",
1894
- "oui-rounded-[6px] oui-rounded-br-none oui-rounded-tl-none oui-bg-[#38E2FE] oui-py-0.5 oui-pl-1 oui-pr-[5px]"
1829
+ "oui-absolute -oui-right-[1px] -oui-top-[1px] oui-leading-3",
1830
+ "oui-text-[10px] oui-font-semibold oui-text-base-10",
1831
+ "oui-rounded-[6px] oui-rounded-br-none oui-rounded-tl-none oui-bg-[rgb(var(--oui-gradient-brand-start))] oui-py-0.5 oui-pl-1 oui-pr-[5px]"
1895
1832
  ),
1896
1833
  children: t("subAccount.modal.current")
1897
1834
  }
@@ -2365,51 +2302,45 @@ var SubAccountWidget = (props) => {
2365
2302
  };
2366
2303
  var CommunityDiscord = (props) => {
2367
2304
  const { width = 20, height = 20, className } = props;
2368
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "orderly-fill-base-contrast-54 hover:orderly-fill-base-contrast", children: /* @__PURE__ */ jsxRuntime.jsx(
2305
+ return /* @__PURE__ */ jsxRuntime.jsx(
2369
2306
  "svg",
2370
2307
  {
2371
2308
  xmlns: "http://www.w3.org/2000/svg",
2372
2309
  width: "24",
2373
2310
  height: "24",
2374
2311
  viewBox: "0 0 24 24",
2375
- fill: "white",
2376
- fillOpacity: 1,
2377
- className: `${className}`,
2312
+ className: ui.cn("oui-fill-base-contrast", className),
2378
2313
  children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.9559 5.5217C16.5596 7.89629 17.3515 10.5748 17.0555 13.6583C17.0542 13.6714 17.0475 13.6833 17.0368 13.6912C15.8224 14.5893 14.6458 15.1343 13.4857 15.4958C13.4767 15.4985 13.467 15.4984 13.4581 15.4953C13.4491 15.4923 13.4413 15.4865 13.4358 15.4788C13.1678 15.1032 12.9243 14.7073 12.7109 14.2915C12.6987 14.267 12.7099 14.2375 12.7351 14.2278C13.1218 14.0811 13.4896 13.9052 13.8434 13.6969C13.8712 13.6805 13.873 13.6403 13.8473 13.621C13.7722 13.5648 13.6978 13.5058 13.6266 13.4468C13.6133 13.4359 13.5954 13.4338 13.5803 13.4411C11.2837 14.5092 8.76789 14.5092 6.44412 13.4411C6.42903 13.4343 6.41111 13.4367 6.39815 13.4474C6.32715 13.5064 6.2526 13.5648 6.17823 13.621C6.1525 13.6403 6.15463 13.6805 6.18267 13.6969C6.53642 13.9012 6.90419 14.0811 7.29042 14.2285C7.31544 14.2382 7.32734 14.267 7.31491 14.2915C7.10618 14.7078 6.86265 15.1037 6.58967 15.4793C6.57777 15.4945 6.55825 15.5015 6.53979 15.4958C5.38518 15.1343 4.20857 14.5893 2.99415 13.6912C2.98403 13.6833 2.97676 13.6708 2.97569 13.6578C2.72826 10.9906 3.23253 8.28992 5.07333 5.52116C5.07776 5.51383 5.08451 5.50811 5.09232 5.50472C5.99808 5.08607 6.96844 4.77807 7.98265 4.60218C8.00111 4.59932 8.01957 4.6079 8.02915 4.62434C8.15446 4.84779 8.2977 5.13434 8.39461 5.36851C9.46367 5.20405 10.5494 5.20405 11.6408 5.36851C11.7377 5.13934 11.876 4.84779 12.0008 4.62434C12.0052 4.61619 12.0121 4.60965 12.0205 4.60567C12.0288 4.60169 12.0382 4.60047 12.0473 4.60218C13.062 4.77861 14.0324 5.08661 14.9374 5.50472C14.9454 5.50811 14.952 5.51383 14.9559 5.5217V5.5217ZM8.9381 10.593C8.94929 9.80452 8.37846 9.15206 7.66191 9.15206C6.95122 9.15206 6.3859 9.7988 6.3859 10.593C6.3859 11.387 6.96241 12.0338 7.66191 12.0338C8.37278 12.0338 8.9381 11.387 8.9381 10.593V10.593ZM13.6563 10.593C13.6675 9.80452 13.0966 9.15206 12.3803 9.15206C11.6694 9.15206 11.1041 9.7988 11.1041 10.593C11.1041 11.387 11.6806 12.0338 12.3803 12.0338C13.0966 12.0338 13.6563 11.387 13.6563 10.593V10.593Z" })
2379
2314
  }
2380
- ) });
2315
+ );
2381
2316
  };
2382
2317
  var CommunityTG = (props) => {
2383
2318
  const { width = 20, height = 20, className } = props;
2384
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "orderly-fill-base-contrast-54 hover:orderly-fill-base-contrast", children: /* @__PURE__ */ jsxRuntime.jsx(
2319
+ return /* @__PURE__ */ jsxRuntime.jsx(
2385
2320
  "svg",
2386
2321
  {
2387
2322
  xmlns: "http://www.w3.org/2000/svg",
2388
2323
  width: "24",
2389
2324
  height: "24",
2390
2325
  viewBox: "0 0 24 24",
2391
- fill: "white",
2392
- fillOpacity: 1,
2393
- className: `${className}`,
2326
+ className: ui.cn("oui-fill-base-contrast", className),
2394
2327
  children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.10787 9.4635C4.10787 9.4635 9.64487 7.13143 11.5652 6.31025C12.3013 5.98181 14.7978 4.93069 14.7978 4.93069C14.7978 4.93069 15.95 4.47087 15.854 5.58763C15.822 6.0475 15.5659 7.65694 15.3099 9.39781C14.9258 11.8613 14.5097 14.5547 14.5097 14.5547C14.5097 14.5547 14.4457 15.3102 13.9016 15.4416C13.3575 15.5729 12.4613 14.9817 12.3013 14.8503C12.1733 14.7518 9.9009 13.2737 9.06876 12.5511C8.84471 12.354 8.58868 11.9599 9.10074 11.5C10.253 10.4161 11.6292 9.06937 12.4613 8.21537C12.8454 7.82119 13.2295 6.9015 11.6292 8.01825C9.35681 9.62774 7.11641 11.1387 7.11641 11.1387C7.11641 11.1387 6.60431 11.4671 5.64415 11.1715C4.68394 10.8759 3.56374 10.4817 3.56374 10.4817C3.56374 10.4817 2.79565 9.98906 4.10787 9.4635Z" })
2395
2328
  }
2396
- ) });
2329
+ );
2397
2330
  };
2398
2331
  var CommunityX = (props) => {
2399
2332
  const { width = 20, height = 20, className } = props;
2400
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "orderly-fill-base-contrast-54 hover:orderly-fill-base-contrast", children: /* @__PURE__ */ jsxRuntime.jsx(
2333
+ return /* @__PURE__ */ jsxRuntime.jsx(
2401
2334
  "svg",
2402
2335
  {
2403
2336
  xmlns: "http://www.w3.org/2000/svg",
2404
2337
  width: "24",
2405
2338
  height: "24",
2406
2339
  viewBox: "0 0 24 24",
2407
- fill: "white",
2408
- fillOpacity: 1,
2409
- className: `${className}`,
2340
+ className: ui.cn("oui-fill-base-contrast", className),
2410
2341
  children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.41988 4.72946L9.05295 10.9243L4.39062 15.961H5.43993L9.52178 11.5513L12.8198 15.961H16.3906L11.4969 9.41769L15.8365 4.72946H14.7872L11.028 8.7907L7.9907 4.72946H4.41988ZM5.96296 5.50238H7.6034L14.8473 15.188H13.2069L5.96296 5.50238Z" })
2411
2342
  }
2412
- ) });
2343
+ );
2413
2344
  };
2414
2345
  var CommunityDune = (props) => {
2415
2346
  const { width = 20, height = 20, className } = props;
@@ -2421,23 +2352,10 @@ var CommunityDune = (props) => {
2421
2352
  viewBox: "0 0 24 24",
2422
2353
  fill: "none",
2423
2354
  xmlns: "http://www.w3.org/2000/svg",
2355
+ className: ui.cn("oui-fill-base-contrast-54", className),
2424
2356
  children: [
2425
- /* @__PURE__ */ jsxRuntime.jsx(
2426
- "path",
2427
- {
2428
- d: "M11.9957 19.1899C15.9699 19.1899 19.1916 15.9686 19.1916 11.995C19.1916 8.02132 15.9699 4.80005 11.9957 4.80005C8.02152 4.80005 4.7998 8.02132 4.7998 11.995C4.7998 15.9686 8.02152 19.1899 11.9957 19.1899Z",
2429
- fill: "white",
2430
- fillOpacity: 0.54
2431
- }
2432
- ),
2433
- /* @__PURE__ */ jsxRuntime.jsx(
2434
- "path",
2435
- {
2436
- d: "M6.05127 16.0536C6.05127 16.0536 10.8064 14.496 19.1871 11.7634C19.1871 11.7634 19.6461 16.2385 15.0068 18.5726C15.0068 18.5726 12.7191 19.6691 10.2092 18.9658C10.2092 18.9658 7.70999 18.494 6.05127 16.0536Z",
2437
- fill: "white",
2438
- fillOpacity: 0.54
2439
- }
2440
- )
2357
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.9957 19.1899C15.9699 19.1899 19.1916 15.9686 19.1916 11.995C19.1916 8.02132 15.9699 4.80005 11.9957 4.80005C8.02152 4.80005 4.7998 8.02132 4.7998 11.995C4.7998 15.9686 8.02152 19.1899 11.9957 19.1899Z" }),
2358
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.05127 16.0536C6.05127 16.0536 10.8064 14.496 19.1871 11.7634C19.1871 11.7634 19.6461 16.2385 15.0068 18.5726C15.0068 18.5726 12.7191 19.6691 10.2092 18.9658C10.2092 18.9658 7.70999 18.494 6.05127 16.0536Z" })
2441
2359
  ]
2442
2360
  }
2443
2361
  );
@@ -3048,7 +2966,8 @@ function useLinkDeviceScript() {
3048
2966
  function createUrl(params) {
3049
2967
  const str = JSON.stringify(params);
3050
2968
  const base64 = window.btoa(str);
3051
- return `${window.location.origin}?link=${base64}`;
2969
+ const { origin, pathname } = window.location;
2970
+ return `${origin + pathname}?link=${base64}`;
3052
2971
  }
3053
2972
  var LinkDevice = (props) => {
3054
2973
  const { t } = i18n.useTranslation();
@@ -3135,7 +3054,7 @@ var QRCode = (props) => {
3135
3054
  ui.Flex,
3136
3055
  {
3137
3056
  className: ui.cn(
3138
- "oui-w-[240px] oui-h-[240px] ",
3057
+ "oui-w-[276px] oui-h-[276px] ",
3139
3058
  "oui-border oui-border-base-contrast-20 oui-rounded-2xl"
3140
3059
  ),
3141
3060
  justify: "center",
@@ -3143,10 +3062,10 @@ var QRCode = (props) => {
3143
3062
  children: /* @__PURE__ */ jsxRuntime.jsx(
3144
3063
  ui.Flex,
3145
3064
  {
3146
- className: "oui-w-[220px] oui-h-[220px] oui-rounded-lg oui-bg-white",
3065
+ className: "oui-w-[256px] oui-h-[256px] oui-rounded-lg oui-bg-base-contrast",
3147
3066
  justify: "center",
3148
3067
  itemAlign: "center",
3149
- children: /* @__PURE__ */ jsxRuntime.jsx(QRCodeCanvas, { width: 196, height: 196, content: props.url })
3068
+ children: /* @__PURE__ */ jsxRuntime.jsx(QRCodeCanvas, { width: 232, height: 232, content: props.url })
3150
3069
  }
3151
3070
  )
3152
3071
  }
@@ -3281,8 +3200,7 @@ var Spinner3 = () => {
3281
3200
  "path",
3282
3201
  {
3283
3202
  d: "M73 40C73 58.2254 58.2254 73 40 73C21.7746 73 7 58.2254 7 40C7 21.7746 21.7746 7 40 7C58.2254 7 73 21.7746 73 40ZM13.6 40C13.6 54.5803 25.4197 66.4 40 66.4C54.5803 66.4 66.4 54.5803 66.4 40C66.4 25.4197 54.5803 13.6 40 13.6C25.4197 13.6 13.6 25.4197 13.6 40Z",
3284
- fill: "white",
3285
- fillOpacity: "0.06"
3203
+ className: "oui-fill-base-contrast-6"
3286
3204
  }
3287
3205
  ),
3288
3206
  /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3935,7 +3853,7 @@ var Footer = (props) => {
3935
3853
  typeof props.telegramUrl !== "undefined" && /* @__PURE__ */ jsxRuntime.jsx(
3936
3854
  CommuntiyTelegramIcon,
3937
3855
  {
3938
- className: "oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer",
3856
+ className: "oui-fill-base-contrast-54 hover:oui-fill-base-contrast oui-cursor-pointer",
3939
3857
  fill: "currentColor",
3940
3858
  fillOpacity: 1,
3941
3859
  onClick: (e) => openUrl(props.telegramUrl)
@@ -3944,7 +3862,7 @@ var Footer = (props) => {
3944
3862
  typeof props.discordUrl !== "undefined" && /* @__PURE__ */ jsxRuntime.jsx(
3945
3863
  CommuntiyDiscordIcon,
3946
3864
  {
3947
- className: "oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer",
3865
+ className: "oui-fill-base-contrast-54 hover:oui-fill-base-contrast oui-cursor-pointer",
3948
3866
  fill: "currentColor",
3949
3867
  fillOpacity: 1,
3950
3868
  onClick: (e) => openUrl(props.discordUrl)
@@ -3953,7 +3871,7 @@ var Footer = (props) => {
3953
3871
  typeof props.twitterUrl !== "undefined" && /* @__PURE__ */ jsxRuntime.jsx(
3954
3872
  CommuntiyXIcon,
3955
3873
  {
3956
- className: "oui-fill-white/[.54] hover:oui-fill-white/[.98] oui-cursor-pointer",
3874
+ className: "oui-fill-base-contrast-54 hover:oui-fill-base-contrast oui-cursor-pointer",
3957
3875
  fill: "currentColor",
3958
3876
  fillOpacity: 1,
3959
3877
  onClick: (e) => openUrl(props.twitterUrl)
@@ -4590,7 +4508,7 @@ var TotalValue = (props) => {
4590
4508
  {
4591
4509
  direction: "column",
4592
4510
  gap: 0,
4593
- className: "oui-text-2xs",
4511
+ className: "oui-text-2xs oui-text-base-contrast",
4594
4512
  itemAlign: "start",
4595
4513
  children: [
4596
4514
  /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 1, itemAlign: "center", children: [
@@ -4615,6 +4533,7 @@ var TotalValue = (props) => {
4615
4533
  /* @__PURE__ */ jsxRuntime.jsx(
4616
4534
  ui.Text.numeral,
4617
4535
  {
4536
+ intensity: 98,
4618
4537
  visible: props.visible,
4619
4538
  unit: "USDC",
4620
4539
  unitClassName: "oui-text-base-contrast-20 oui-ml-1",
@@ -4639,7 +4558,7 @@ var FreeCollateral = (props) => {
4639
4558
  {
4640
4559
  direction: "column",
4641
4560
  gap: 0,
4642
- className: "oui-text-2xs",
4561
+ className: "oui-text-2xs oui-text-base-contrast",
4643
4562
  itemAlign: "start",
4644
4563
  children: [
4645
4564
  /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 1, itemAlign: "center", children: [
@@ -4663,6 +4582,7 @@ var FreeCollateral = (props) => {
4663
4582
  /* @__PURE__ */ jsxRuntime.jsx(
4664
4583
  ui.Text.numeral,
4665
4584
  {
4585
+ intensity: 98,
4666
4586
  unit: "USDC",
4667
4587
  unitClassName: "oui-text-base-contrast-20 oui-ml-1",
4668
4588
  visible,
@@ -4682,11 +4602,11 @@ var CurrentLeverage = (props) => {
4682
4602
  {
4683
4603
  direction: "column",
4684
4604
  gap: 0,
4685
- className: "oui-text-2xs",
4605
+ className: "oui-text-2xs oui-text-base-contrast",
4686
4606
  itemAlign: "start",
4687
4607
  children: [
4688
4608
  /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { intensity: 54, className: "oui-whitespace-nowrap", children: t("leverage.currentLeverage") }) }),
4689
- /* @__PURE__ */ jsxRuntime.jsx(ui.Text.numeral, { as: "div", unit: "x", children: currentLeverage ?? 0 })
4609
+ /* @__PURE__ */ jsxRuntime.jsx(ui.Text.numeral, { as: "div", unit: "x", intensity: 98, children: currentLeverage ?? 0 })
4690
4610
  ]
4691
4611
  }
4692
4612
  );
@@ -4699,7 +4619,7 @@ var UnrealPnL = (props) => {
4699
4619
  {
4700
4620
  direction: "column",
4701
4621
  gap: 0,
4702
- className: "oui-text-2xs",
4622
+ className: "oui-text-2xs oui-text-base-contrast",
4703
4623
  itemAlign: "start",
4704
4624
  children: [
4705
4625
  /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 1, itemAlign: "center", children: [
@@ -4728,6 +4648,7 @@ var UnrealPnL = (props) => {
4728
4648
  showIdentifier: true,
4729
4649
  weight: "semibold",
4730
4650
  visible,
4651
+ intensity: 98,
4731
4652
  suffix: /* @__PURE__ */ jsxRuntime.jsx(ui.Text.numeral, { coloring: true, prefix: "(", suffix: ")", rule: "percentages", children: props.unrealized_pnl_ROI ?? "-" }),
4732
4653
  children: props.unrealPnL ?? "-"
4733
4654
  }
@@ -4761,9 +4682,10 @@ var AccountInfoPopover = (props) => {
4761
4682
  /* @__PURE__ */ jsxRuntime.jsx(
4762
4683
  ui.Text.numeral,
4763
4684
  {
4685
+ intensity: 98,
4764
4686
  visible: props.visible,
4765
4687
  unit: "USDC",
4766
- className: "group-hover:-oui-translate-x-5 oui-transition-transform",
4688
+ className: "oui-transition-transform group-hover:-oui-translate-x-5",
4767
4689
  unitClassName: "oui-text-base-contrast-36 oui-ml-1",
4768
4690
  children: totalValue ?? "-"
4769
4691
  }
@@ -4784,9 +4706,10 @@ var AccountInfoPopover = (props) => {
4784
4706
  /* @__PURE__ */ jsxRuntime.jsx(
4785
4707
  ui.Text.numeral,
4786
4708
  {
4709
+ intensity: 98,
4787
4710
  unit: "USDC",
4788
4711
  visible: props.visible,
4789
- className: "group-hover:-oui-translate-x-5 oui-transition-transform",
4712
+ className: "oui-transition-transform group-hover:-oui-translate-x-5",
4790
4713
  unitClassName: "oui-text-base-contrast-36 oui-ml-1",
4791
4714
  children: props.freeCollateral ?? "-"
4792
4715
  }
@@ -4807,10 +4730,11 @@ var AccountInfoPopover = (props) => {
4807
4730
  /* @__PURE__ */ jsxRuntime.jsx(
4808
4731
  ui.Text.pnl,
4809
4732
  {
4733
+ intensity: 98,
4810
4734
  coloring: true,
4811
4735
  showIdentifier: true,
4812
4736
  visible: props.visible,
4813
- className: "group-hover:-oui-translate-x-5 oui-transition-transform",
4737
+ className: "oui-transition-transform group-hover:-oui-translate-x-5",
4814
4738
  suffix: /* @__PURE__ */ jsxRuntime.jsx(
4815
4739
  ui.Text.roi,
4816
4740
  {
@@ -4841,7 +4765,8 @@ var AccountInfoPopover = (props) => {
4841
4765
  /* @__PURE__ */ jsxRuntime.jsx(
4842
4766
  ui.Text.numeral,
4843
4767
  {
4844
- className: "group-hover:-oui-translate-x-5 oui-transition-transform",
4768
+ intensity: 98,
4769
+ className: "oui-transition-transform group-hover:-oui-translate-x-5",
4845
4770
  unit: "x",
4846
4771
  children: props.currentLeverage ?? "-"
4847
4772
  }
@@ -5417,7 +5342,8 @@ var SubMenus = (props) => {
5417
5342
  }
5418
5343
  },
5419
5344
  className: ui.cn(
5420
- customSubMenuRender ? "oui-w-auto oui-p-0 oui-border-0 oui-rounded-lg" : "oui-w-[200px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-1",
5345
+ "oui-subMenu",
5346
+ customSubMenuRender ? "oui-w-auto oui-rounded-lg oui-border-0 oui-p-0" : "oui-w-[200px] oui-space-y-[2px] oui-border oui-border-line-6 oui-p-1",
5421
5347
  className
5422
5348
  ),
5423
5349
  children: customSubMenuRender ? customSubMenuRender() : items.map((item, index) => {