@deriv-web-design/ui 0.0.26 → 0.0.27
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.css +20 -20
- package/dist/index.css.map +1 -1
- package/dist/index.js +14 -14
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +14 -14
- package/dist/index.mjs.map +1 -1
- package/package.json +7 -7
- package/tokens.css +104 -174
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//
|
|
1
|
+
// components/Button/Button.tsx
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
var Button = ({
|
|
4
4
|
colorScheme = "coral",
|
|
@@ -40,7 +40,7 @@ var Button = ({
|
|
|
40
40
|
);
|
|
41
41
|
};
|
|
42
42
|
|
|
43
|
-
//
|
|
43
|
+
// components/Link/Link.tsx
|
|
44
44
|
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
45
45
|
var ChevronIcon = () => /* @__PURE__ */ jsx2("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx2("path", { d: "M3 8h10M9 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
46
46
|
var Link = ({
|
|
@@ -86,7 +86,7 @@ var Link = ({
|
|
|
86
86
|
);
|
|
87
87
|
};
|
|
88
88
|
|
|
89
|
-
//
|
|
89
|
+
// components/Chip/Chip.tsx
|
|
90
90
|
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
91
91
|
var Chip = ({
|
|
92
92
|
size = "md",
|
|
@@ -123,7 +123,7 @@ var Chip = ({
|
|
|
123
123
|
);
|
|
124
124
|
};
|
|
125
125
|
|
|
126
|
-
//
|
|
126
|
+
// components/Tag/Tag.tsx
|
|
127
127
|
import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
128
128
|
var Tag = ({
|
|
129
129
|
size = "sm",
|
|
@@ -148,7 +148,7 @@ var Tag = ({
|
|
|
148
148
|
] });
|
|
149
149
|
};
|
|
150
150
|
|
|
151
|
-
//
|
|
151
|
+
// components/Accordion/Accordion.tsx
|
|
152
152
|
import { useState } from "react";
|
|
153
153
|
import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
154
154
|
var ChevronIcon2 = () => /* @__PURE__ */ jsx5("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx5("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
@@ -200,7 +200,7 @@ var Accordion = ({
|
|
|
200
200
|
);
|
|
201
201
|
};
|
|
202
202
|
|
|
203
|
-
//
|
|
203
|
+
// components/TextField/TextField.tsx
|
|
204
204
|
import { forwardRef } from "react";
|
|
205
205
|
import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
206
206
|
var SuccessIcon = () => /* @__PURE__ */ jsxs6("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
|
|
@@ -243,7 +243,7 @@ var TextField = forwardRef(
|
|
|
243
243
|
);
|
|
244
244
|
TextField.displayName = "TextField";
|
|
245
245
|
|
|
246
|
-
//
|
|
246
|
+
// components/SearchField/SearchField.tsx
|
|
247
247
|
import { forwardRef as forwardRef2, useRef, useState as useState2, useCallback } from "react";
|
|
248
248
|
import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
249
249
|
var SearchIcon = () => /* @__PURE__ */ jsxs7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
|
|
@@ -354,10 +354,10 @@ var SearchField = forwardRef2(
|
|
|
354
354
|
);
|
|
355
355
|
SearchField.displayName = "SearchField";
|
|
356
356
|
|
|
357
|
-
//
|
|
357
|
+
// components/Breadcrumb/Breadcrumb.tsx
|
|
358
358
|
import { useState as useState3 } from "react";
|
|
359
359
|
|
|
360
|
-
//
|
|
360
|
+
// components/BottomSheet/BottomSheet.tsx
|
|
361
361
|
import { useEffect, useId } from "react";
|
|
362
362
|
import { createPortal } from "react-dom";
|
|
363
363
|
import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
@@ -462,7 +462,7 @@ var BottomSheet = ({
|
|
|
462
462
|
);
|
|
463
463
|
};
|
|
464
464
|
|
|
465
|
-
//
|
|
465
|
+
// components/Breadcrumb/Breadcrumb.tsx
|
|
466
466
|
import { Fragment, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
467
467
|
var ChevronRightIcon = () => /* @__PURE__ */ jsx9(
|
|
468
468
|
"svg",
|
|
@@ -555,7 +555,7 @@ function Breadcrumb({
|
|
|
555
555
|
] });
|
|
556
556
|
}
|
|
557
557
|
|
|
558
|
-
//
|
|
558
|
+
// components/ChipDropdown/ChipDropdown.tsx
|
|
559
559
|
import { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
|
|
560
560
|
import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
561
561
|
var ChevronDownIcon = () => /* @__PURE__ */ jsx10(
|
|
@@ -905,7 +905,7 @@ var Card = (props) => {
|
|
|
905
905
|
return /* @__PURE__ */ jsx14(CardThumbnailVariant, { ...props });
|
|
906
906
|
};
|
|
907
907
|
|
|
908
|
-
//
|
|
908
|
+
// components/Pagination/Pagination.tsx
|
|
909
909
|
import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
910
910
|
var ChevronLeft = () => /* @__PURE__ */ jsx15("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx15("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
911
911
|
var ChevronRight = () => /* @__PURE__ */ jsx15("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx15("path", { d: "M6 4L10 8L6 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
@@ -988,7 +988,7 @@ var Pagination = ({
|
|
|
988
988
|
);
|
|
989
989
|
};
|
|
990
990
|
|
|
991
|
-
//
|
|
991
|
+
// components/Tabs/Tabs.tsx
|
|
992
992
|
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
993
993
|
var Tabs = ({
|
|
994
994
|
items,
|
|
@@ -4353,7 +4353,7 @@ var appstore_linux_dark_default = "./appstore-linux-dark-RVH7CBM4.svg";
|
|
|
4353
4353
|
// assets/appstore-browser-dark.svg
|
|
4354
4354
|
var appstore_browser_dark_default = "./appstore-browser-dark-2E6TK6JH.svg";
|
|
4355
4355
|
|
|
4356
|
-
//
|
|
4356
|
+
// components/DownloadBadge/DownloadBadge.tsx
|
|
4357
4357
|
import { jsx as jsx33 } from "react/jsx-runtime";
|
|
4358
4358
|
var BADGE_ASSETS = {
|
|
4359
4359
|
light: {
|