@orderly.network/ui-share 2.10.1 → 2.10.2

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/dist/index.js CHANGED
@@ -322,14 +322,14 @@ var DownloadIcon = () => {
322
322
  width: "16",
323
323
  height: "16",
324
324
  viewBox: "0 0 16 16",
325
- fill: "none",
325
+ fill: "currentColor",
326
326
  xmlns: "http://www.w3.org/2000/svg",
327
+ className: "oui-fill-base-contrast",
327
328
  children: /* @__PURE__ */ jsxRuntime.jsx(
328
329
  "path",
329
330
  {
330
331
  d: "M4.66 1.994A2.667 2.667 0 0 0 1.995 4.66v6.666a2.667 2.667 0 0 0 2.667 2.667h6.666a2.667 2.667 0 0 0 2.667-2.667V4.661a2.667 2.667 0 0 0-2.667-2.667zM7.995 4.66c.368 0 .667.298.667.666V8.66h2l-2.667 2.666L5.328 8.66h2V5.327c0-.368.299-.667.667-.667",
331
- fill: "#fff",
332
- fillOpacity: ".98"
332
+ fill: "currentColor"
333
333
  }
334
334
  )
335
335
  }
@@ -342,14 +342,14 @@ var CopyIcon = () => {
342
342
  width: "17",
343
343
  height: "16",
344
344
  viewBox: "0 0 17 16",
345
- fill: "none",
345
+ fill: "currentColor",
346
346
  xmlns: "http://www.w3.org/2000/svg",
347
+ className: "oui-fill-base-contrast",
347
348
  children: /* @__PURE__ */ jsxRuntime.jsx(
348
349
  "path",
349
350
  {
350
351
  d: "M5.166 1.994A2.667 2.667 0 0 0 2.499 4.66v4a2.667 2.667 0 0 0 2.667 2.667 2.667 2.667 0 0 0 2.666 2.667h4a2.667 2.667 0 0 0 2.667-2.667v-4a2.667 2.667 0 0 0-2.667-2.667 2.667 2.667 0 0 0-2.666-2.666zm6.666 4c.737 0 1.334.596 1.334 1.333v4c0 .737-.597 1.334-1.334 1.334h-4A1.333 1.333 0 0 1 6.5 11.327h2.667a2.667 2.667 0 0 0 2.666-2.667z",
351
- fill: "#fff",
352
- fillOpacity: ".98"
352
+ fill: "currentColor"
353
353
  }
354
354
  )
355
355
  }
@@ -366,13 +366,21 @@ var PrevButton = (props) => {
366
366
  fill: "none",
367
367
  xmlns: "http://www.w3.org/2000/svg",
368
368
  children: [
369
- /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "20", height: "20", rx: "10", fill: "#333948" }),
369
+ /* @__PURE__ */ jsxRuntime.jsx(
370
+ "rect",
371
+ {
372
+ width: "20",
373
+ height: "20",
374
+ rx: "10",
375
+ fill: "rgb(var(--oui-color-base-4))"
376
+ }
377
+ ),
370
378
  /* @__PURE__ */ jsxRuntime.jsx(
371
379
  "path",
372
380
  {
381
+ className: "oui-fill-base-contrast-54",
373
382
  d: "M11.186 5.348a.67.67 0 0 0-.436.27l-2.657 4a.69.69 0 0 0 0 .75l2.657 4a.68.68 0 0 0 .934.188.685.685 0 0 0 .187-.937L9.463 9.993 11.87 6.37a.685.685 0 0 0-.187-.938.65.65 0 0 0-.498-.083",
374
- fill: "#fff",
375
- fillOpacity: ".54"
383
+ fill: "currentColor"
376
384
  }
377
385
  )
378
386
  ]
@@ -390,13 +398,21 @@ var NextButton = (props) => {
390
398
  fill: "none",
391
399
  xmlns: "http://www.w3.org/2000/svg",
392
400
  children: [
393
- /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "20", height: "20", rx: "10", fill: "#333948" }),
401
+ /* @__PURE__ */ jsxRuntime.jsx(
402
+ "rect",
403
+ {
404
+ width: "20",
405
+ height: "20",
406
+ rx: "10",
407
+ fill: "rgb(var(--oui-color-base-4))"
408
+ }
409
+ ),
394
410
  /* @__PURE__ */ jsxRuntime.jsx(
395
411
  "path",
396
412
  {
413
+ className: "oui-fill-base-contrast-54",
397
414
  d: "M8.777 5.348a.65.65 0 0 0-.498.083.685.685 0 0 0-.187.938L10.5 9.993 8.092 13.62a.685.685 0 0 0 .187.937.68.68 0 0 0 .934-.187l2.657-4a.69.69 0 0 0 0-.75l-2.657-4a.67.67 0 0 0-.436-.271",
398
- fill: "#fff",
399
- fillOpacity: ".54"
415
+ fill: "currentColor"
400
416
  }
401
417
  )
402
418
  ]
@@ -496,16 +512,16 @@ var Checkbox = (props) => {
496
512
  width: size,
497
513
  height: size,
498
514
  viewBox: "0 0 16 16",
499
- fill: "none",
515
+ fill: "currentColor",
500
516
  xmlns: "http://www.w3.org/2000/svg",
517
+ className: "oui-fill-base-contrast-80",
501
518
  children: /* @__PURE__ */ jsxRuntime.jsx(
502
519
  "path",
503
520
  {
504
521
  fillRule: "evenodd",
505
522
  clipRule: "evenodd",
506
523
  d: "M4.66 1.953A2.667 2.667 0 0 0 1.995 4.62v6.667a2.667 2.667 0 0 0 2.667 2.666h6.666a2.667 2.667 0 0 0 2.667-2.666V4.62a2.667 2.667 0 0 0-2.667-2.667zm6.664 2.922a.8.8 0 0 1 .557-.208c.2 0 .406.063.558.208a.734.734 0 0 1 0 1.063l-5.434 5.179a.826.826 0 0 1-1.115 0l-2.33-2.22a.736.736 0 0 1 0-1.063.827.827 0 0 1 1.117 0l1.77 1.687z",
507
- fill: "#fff",
508
- fillOpacity: ".8"
524
+ fill: "currentColor"
509
525
  }
510
526
  )
511
527
  }
@@ -515,14 +531,14 @@ var Checkbox = (props) => {
515
531
  width: size,
516
532
  height: size,
517
533
  viewBox: "0 0 16 16",
518
- fill: "none",
534
+ fill: "currentColor",
519
535
  xmlns: "http://www.w3.org/2000/svg",
536
+ className: "oui-fill-base-contrast-80",
520
537
  children: /* @__PURE__ */ jsxRuntime.jsx(
521
538
  "path",
522
539
  {
523
540
  d: "M4.66 1.953A2.667 2.667 0 0 0 1.995 4.62v6.667a2.667 2.667 0 0 0 2.667 2.666h6.666a2.667 2.667 0 0 0 2.667-2.666V4.62a2.667 2.667 0 0 0-2.667-2.667zm0 1.334h6.667c.737 0 1.334.596 1.334 1.333v6.667c0 .736-.597 1.333-1.334 1.333H4.661a1.333 1.333 0 0 1-1.334-1.333V4.62c0-.737.597-1.333 1.334-1.333",
524
- fill: "#fff",
525
- fillOpacity: ".8"
541
+ fill: "currentColor"
526
542
  }
527
543
  )
528
544
  }
@@ -727,9 +743,8 @@ var SelIcon = () => {
727
743
  /* @__PURE__ */ jsxRuntime.jsx(
728
744
  "path",
729
745
  {
730
- d: "M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",
731
- fill: "#fff",
732
- fillOpacity: ".36"
746
+ className: "oui-fill-base-contrast-36",
747
+ d: "M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667"
733
748
  }
734
749
  ),
735
750
  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "3.333" })
@@ -744,14 +759,14 @@ var UnselIcon = () => {
744
759
  width: "16",
745
760
  height: "16",
746
761
  viewBox: "0 0 16 16",
747
- fill: "none",
762
+ fill: "currentColor",
748
763
  xmlns: "http://www.w3.org/2000/svg",
764
+ className: "oui-fill-base-contrast-54",
749
765
  children: /* @__PURE__ */ jsxRuntime.jsx(
750
766
  "path",
751
767
  {
752
768
  d: "M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667",
753
- fill: "#fff",
754
- fillOpacity: ".54"
769
+ fill: "currentColor"
755
770
  }
756
771
  )
757
772
  }
@@ -870,7 +885,7 @@ var DesktopSharePnLContent = (props) => {
870
885
  },
871
886
  index
872
887
  )) }),
873
- /* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { className: "oui-w-full oui-border-white/10 oui-pt-6" }),
888
+ /* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { className: "oui-w-full oui-pt-6 oui-border-line-10" }),
874
889
  /* @__PURE__ */ jsxRuntime.jsxs(
875
890
  ui.Flex,
876
891
  {
@@ -1147,7 +1162,7 @@ var Dot = ({ index, active, onClick, className, activeClassName }) => {
1147
1162
  {
1148
1163
  onClick: () => onClick?.(index),
1149
1164
  className: ui.cn(
1150
- "oui-size-2 oui-rounded-full oui-bg-white/30",
1165
+ "oui-size-2 oui-rounded-full oui-bg-base-contrast-30",
1151
1166
  className,
1152
1167
  active && `active ${activedClassName}`
1153
1168
  )
@@ -1481,8 +1496,7 @@ var ChoicesFillIcon = () => {
1481
1496
  fillRule: "evenodd",
1482
1497
  clipRule: "evenodd",
1483
1498
  d: "M2.01416 11.9989C2.01416 6.47589 6.49136 1.9989 12.0142 1.9989C17.5372 1.9989 22.0142 6.47589 22.0142 11.9989C22.0142 17.5219 17.5372 21.9989 12.0142 21.9989C6.49136 21.9989 2.01416 17.5219 2.01416 11.9989ZM16.9853 7.31211C17.2125 7.09537 17.5236 7 17.8218 7C18.1201 7 18.4312 7.09537 18.6583 7.31211C19.1139 7.74546 19.1139 8.47384 18.6583 8.9072L10.5077 16.675C10.0534 17.1083 9.28909 17.1083 8.83472 16.675L5.34077 13.3459C4.88641 12.9126 4.88641 12.1841 5.34077 11.7508C5.79631 11.3175 6.56057 11.3175 7.01493 11.7508L9.67122 14.2822L16.9853 7.31211Z",
1484
- fill: "white",
1485
- fillOpacity: "1"
1499
+ className: "oui-fill-base-contrast"
1486
1500
  }
1487
1501
  )
1488
1502
  }