@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.mjs CHANGED
@@ -316,14 +316,14 @@ var DownloadIcon = () => {
316
316
  width: "16",
317
317
  height: "16",
318
318
  viewBox: "0 0 16 16",
319
- fill: "none",
319
+ fill: "currentColor",
320
320
  xmlns: "http://www.w3.org/2000/svg",
321
+ className: "oui-fill-base-contrast",
321
322
  children: /* @__PURE__ */ jsx(
322
323
  "path",
323
324
  {
324
325
  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",
325
- fill: "#fff",
326
- fillOpacity: ".98"
326
+ fill: "currentColor"
327
327
  }
328
328
  )
329
329
  }
@@ -336,14 +336,14 @@ var CopyIcon = () => {
336
336
  width: "17",
337
337
  height: "16",
338
338
  viewBox: "0 0 17 16",
339
- fill: "none",
339
+ fill: "currentColor",
340
340
  xmlns: "http://www.w3.org/2000/svg",
341
+ className: "oui-fill-base-contrast",
341
342
  children: /* @__PURE__ */ jsx(
342
343
  "path",
343
344
  {
344
345
  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",
345
- fill: "#fff",
346
- fillOpacity: ".98"
346
+ fill: "currentColor"
347
347
  }
348
348
  )
349
349
  }
@@ -360,13 +360,21 @@ var PrevButton = (props) => {
360
360
  fill: "none",
361
361
  xmlns: "http://www.w3.org/2000/svg",
362
362
  children: [
363
- /* @__PURE__ */ jsx("rect", { width: "20", height: "20", rx: "10", fill: "#333948" }),
363
+ /* @__PURE__ */ jsx(
364
+ "rect",
365
+ {
366
+ width: "20",
367
+ height: "20",
368
+ rx: "10",
369
+ fill: "rgb(var(--oui-color-base-4))"
370
+ }
371
+ ),
364
372
  /* @__PURE__ */ jsx(
365
373
  "path",
366
374
  {
375
+ className: "oui-fill-base-contrast-54",
367
376
  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",
368
- fill: "#fff",
369
- fillOpacity: ".54"
377
+ fill: "currentColor"
370
378
  }
371
379
  )
372
380
  ]
@@ -384,13 +392,21 @@ var NextButton = (props) => {
384
392
  fill: "none",
385
393
  xmlns: "http://www.w3.org/2000/svg",
386
394
  children: [
387
- /* @__PURE__ */ jsx("rect", { width: "20", height: "20", rx: "10", fill: "#333948" }),
395
+ /* @__PURE__ */ jsx(
396
+ "rect",
397
+ {
398
+ width: "20",
399
+ height: "20",
400
+ rx: "10",
401
+ fill: "rgb(var(--oui-color-base-4))"
402
+ }
403
+ ),
388
404
  /* @__PURE__ */ jsx(
389
405
  "path",
390
406
  {
407
+ className: "oui-fill-base-contrast-54",
391
408
  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",
392
- fill: "#fff",
393
- fillOpacity: ".54"
409
+ fill: "currentColor"
394
410
  }
395
411
  )
396
412
  ]
@@ -490,16 +506,16 @@ var Checkbox = (props) => {
490
506
  width: size,
491
507
  height: size,
492
508
  viewBox: "0 0 16 16",
493
- fill: "none",
509
+ fill: "currentColor",
494
510
  xmlns: "http://www.w3.org/2000/svg",
511
+ className: "oui-fill-base-contrast-80",
495
512
  children: /* @__PURE__ */ jsx(
496
513
  "path",
497
514
  {
498
515
  fillRule: "evenodd",
499
516
  clipRule: "evenodd",
500
517
  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",
501
- fill: "#fff",
502
- fillOpacity: ".8"
518
+ fill: "currentColor"
503
519
  }
504
520
  )
505
521
  }
@@ -509,14 +525,14 @@ var Checkbox = (props) => {
509
525
  width: size,
510
526
  height: size,
511
527
  viewBox: "0 0 16 16",
512
- fill: "none",
528
+ fill: "currentColor",
513
529
  xmlns: "http://www.w3.org/2000/svg",
530
+ className: "oui-fill-base-contrast-80",
514
531
  children: /* @__PURE__ */ jsx(
515
532
  "path",
516
533
  {
517
534
  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",
518
- fill: "#fff",
519
- fillOpacity: ".8"
535
+ fill: "currentColor"
520
536
  }
521
537
  )
522
538
  }
@@ -721,9 +737,8 @@ var SelIcon = () => {
721
737
  /* @__PURE__ */ jsx(
722
738
  "path",
723
739
  {
724
- 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",
725
- fill: "#fff",
726
- fillOpacity: ".36"
740
+ className: "oui-fill-base-contrast-36",
741
+ 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"
727
742
  }
728
743
  ),
729
744
  /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "3.333" })
@@ -738,14 +753,14 @@ var UnselIcon = () => {
738
753
  width: "16",
739
754
  height: "16",
740
755
  viewBox: "0 0 16 16",
741
- fill: "none",
756
+ fill: "currentColor",
742
757
  xmlns: "http://www.w3.org/2000/svg",
758
+ className: "oui-fill-base-contrast-54",
743
759
  children: /* @__PURE__ */ jsx(
744
760
  "path",
745
761
  {
746
762
  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",
747
- fill: "#fff",
748
- fillOpacity: ".54"
763
+ fill: "currentColor"
749
764
  }
750
765
  )
751
766
  }
@@ -864,7 +879,7 @@ var DesktopSharePnLContent = (props) => {
864
879
  },
865
880
  index
866
881
  )) }),
867
- /* @__PURE__ */ jsx(Divider, { className: "oui-w-full oui-border-white/10 oui-pt-6" }),
882
+ /* @__PURE__ */ jsx(Divider, { className: "oui-w-full oui-pt-6 oui-border-line-10" }),
868
883
  /* @__PURE__ */ jsxs(
869
884
  Flex,
870
885
  {
@@ -1141,7 +1156,7 @@ var Dot = ({ index, active, onClick, className, activeClassName }) => {
1141
1156
  {
1142
1157
  onClick: () => onClick?.(index),
1143
1158
  className: cn(
1144
- "oui-size-2 oui-rounded-full oui-bg-white/30",
1159
+ "oui-size-2 oui-rounded-full oui-bg-base-contrast-30",
1145
1160
  className,
1146
1161
  active && `active ${activedClassName}`
1147
1162
  )
@@ -1475,8 +1490,7 @@ var ChoicesFillIcon = () => {
1475
1490
  fillRule: "evenodd",
1476
1491
  clipRule: "evenodd",
1477
1492
  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",
1478
- fill: "white",
1479
- fillOpacity: "1"
1493
+ className: "oui-fill-base-contrast"
1480
1494
  }
1481
1495
  )
1482
1496
  }