@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.js
CHANGED
|
@@ -70,7 +70,7 @@ __export(index_exports, {
|
|
|
70
70
|
});
|
|
71
71
|
module.exports = __toCommonJS(index_exports);
|
|
72
72
|
|
|
73
|
-
//
|
|
73
|
+
// components/Button/Button.tsx
|
|
74
74
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
75
75
|
var Button = ({
|
|
76
76
|
colorScheme = "coral",
|
|
@@ -112,7 +112,7 @@ var Button = ({
|
|
|
112
112
|
);
|
|
113
113
|
};
|
|
114
114
|
|
|
115
|
-
//
|
|
115
|
+
// components/Link/Link.tsx
|
|
116
116
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
117
117
|
var ChevronIcon = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M3 8h10M9 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
118
118
|
var Link = ({
|
|
@@ -158,7 +158,7 @@ var Link = ({
|
|
|
158
158
|
);
|
|
159
159
|
};
|
|
160
160
|
|
|
161
|
-
//
|
|
161
|
+
// components/Chip/Chip.tsx
|
|
162
162
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
163
163
|
var Chip = ({
|
|
164
164
|
size = "md",
|
|
@@ -195,7 +195,7 @@ var Chip = ({
|
|
|
195
195
|
);
|
|
196
196
|
};
|
|
197
197
|
|
|
198
|
-
//
|
|
198
|
+
// components/Tag/Tag.tsx
|
|
199
199
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
200
200
|
var Tag = ({
|
|
201
201
|
size = "sm",
|
|
@@ -220,7 +220,7 @@ var Tag = ({
|
|
|
220
220
|
] });
|
|
221
221
|
};
|
|
222
222
|
|
|
223
|
-
//
|
|
223
|
+
// components/Accordion/Accordion.tsx
|
|
224
224
|
var import_react = require("react");
|
|
225
225
|
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
226
226
|
var ChevronIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
@@ -272,7 +272,7 @@ var Accordion = ({
|
|
|
272
272
|
);
|
|
273
273
|
};
|
|
274
274
|
|
|
275
|
-
//
|
|
275
|
+
// components/TextField/TextField.tsx
|
|
276
276
|
var import_react2 = require("react");
|
|
277
277
|
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
278
278
|
var SuccessIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
|
|
@@ -315,7 +315,7 @@ var TextField = (0, import_react2.forwardRef)(
|
|
|
315
315
|
);
|
|
316
316
|
TextField.displayName = "TextField";
|
|
317
317
|
|
|
318
|
-
//
|
|
318
|
+
// components/SearchField/SearchField.tsx
|
|
319
319
|
var import_react3 = require("react");
|
|
320
320
|
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
321
321
|
var SearchIcon = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
|
|
@@ -426,10 +426,10 @@ var SearchField = (0, import_react3.forwardRef)(
|
|
|
426
426
|
);
|
|
427
427
|
SearchField.displayName = "SearchField";
|
|
428
428
|
|
|
429
|
-
//
|
|
429
|
+
// components/Breadcrumb/Breadcrumb.tsx
|
|
430
430
|
var import_react5 = require("react");
|
|
431
431
|
|
|
432
|
-
//
|
|
432
|
+
// components/BottomSheet/BottomSheet.tsx
|
|
433
433
|
var import_react4 = require("react");
|
|
434
434
|
var import_react_dom = require("react-dom");
|
|
435
435
|
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
@@ -534,7 +534,7 @@ var BottomSheet = ({
|
|
|
534
534
|
);
|
|
535
535
|
};
|
|
536
536
|
|
|
537
|
-
//
|
|
537
|
+
// components/Breadcrumb/Breadcrumb.tsx
|
|
538
538
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
539
539
|
var ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
540
540
|
"svg",
|
|
@@ -627,7 +627,7 @@ function Breadcrumb({
|
|
|
627
627
|
] });
|
|
628
628
|
}
|
|
629
629
|
|
|
630
|
-
//
|
|
630
|
+
// components/ChipDropdown/ChipDropdown.tsx
|
|
631
631
|
var import_react6 = require("react");
|
|
632
632
|
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
633
633
|
var ChevronDownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
@@ -977,7 +977,7 @@ var Card = (props) => {
|
|
|
977
977
|
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CardThumbnailVariant, { ...props });
|
|
978
978
|
};
|
|
979
979
|
|
|
980
|
-
//
|
|
980
|
+
// components/Pagination/Pagination.tsx
|
|
981
981
|
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
982
982
|
var ChevronLeft = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
983
983
|
var ChevronRight = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M6 4L10 8L6 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
@@ -1060,7 +1060,7 @@ var Pagination = ({
|
|
|
1060
1060
|
);
|
|
1061
1061
|
};
|
|
1062
1062
|
|
|
1063
|
-
//
|
|
1063
|
+
// components/Tabs/Tabs.tsx
|
|
1064
1064
|
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1065
1065
|
var Tabs = ({
|
|
1066
1066
|
items,
|
|
@@ -4407,7 +4407,7 @@ var appstore_linux_dark_default = "./appstore-linux-dark-RVH7CBM4.svg";
|
|
|
4407
4407
|
// assets/appstore-browser-dark.svg
|
|
4408
4408
|
var appstore_browser_dark_default = "./appstore-browser-dark-2E6TK6JH.svg";
|
|
4409
4409
|
|
|
4410
|
-
//
|
|
4410
|
+
// components/DownloadBadge/DownloadBadge.tsx
|
|
4411
4411
|
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
4412
4412
|
var BADGE_ASSETS = {
|
|
4413
4413
|
light: {
|