@bosonprotocol/react-kit 0.37.0-alpha.2 → 0.37.0-alpha.3

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 (17) hide show
  1. package/dist/cjs/colors.d.ts +1 -0
  2. package/dist/cjs/colors.d.ts.map +1 -1
  3. package/dist/cjs/colors.js +1 -0
  4. package/dist/cjs/colors.js.map +1 -1
  5. package/dist/cjs/components/form/Upload/UploadedSinglePdfFile.d.ts.map +1 -1
  6. package/dist/cjs/components/form/Upload/UploadedSinglePdfFile.js +2 -1
  7. package/dist/cjs/components/form/Upload/UploadedSinglePdfFile.js.map +1 -1
  8. package/dist/esm/colors.d.ts +1 -0
  9. package/dist/esm/colors.d.ts.map +1 -1
  10. package/dist/esm/colors.js +1 -0
  11. package/dist/esm/colors.js.map +1 -1
  12. package/dist/esm/components/form/Upload/UploadedSinglePdfFile.d.ts.map +1 -1
  13. package/dist/esm/components/form/Upload/UploadedSinglePdfFile.js +2 -1
  14. package/dist/esm/components/form/Upload/UploadedSinglePdfFile.js.map +1 -1
  15. package/package.json +2 -2
  16. package/src/colors.ts +1 -0
  17. package/src/components/form/Upload/UploadedSinglePdfFile.tsx +8 -1
package/dist/cjs/colors.d.ts CHANGED
@@ -20,6 +20,7 @@ export declare const colors: {
20
20
  readonly lime: "#B6F952";
21
21
  readonly orange: "#FC6838";
22
22
  readonly orangeDark: "#ff8c00";
23
+ readonly purpleDeep: "#131A2A";
23
24
  readonly red: "#FC386A";
24
25
  readonly redDark: "#8b0000";
25
26
  readonly torquise: "#06F7D5";
package/dist/cjs/colors.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BT,CAAC"}
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BT,CAAC"}
package/dist/cjs/colors.js CHANGED
@@ -24,6 +24,7 @@ exports.colors = {
24
24
  lime: "#B6F952",
25
25
  orange: "#FC6838",
26
26
  orangeDark: "#ff8c00", // color 'darkorange' in chrome
27
+ purpleDeep: "#131A2A",
27
28
  red: "#FC386A",
28
29
  redDark: "#8b0000", // color 'darkred' in chrome
29
30
  torquise: "#06F7D5",
package/dist/cjs/colors.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":";AAAA,6BAA6B;;;AAEhB,QAAA,MAAM,GAAG;IACpB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS,EAAE,yBAAyB;IAC1C,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS,EAAE,+BAA+B;IACtD,GAAG,EAAE,SAAS;IACd,OAAO,EAAE,SAAS,EAAE,4BAA4B;IAChD,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CACR,CAAC"}
1
+ {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":";AAAA,6BAA6B;;;AAEhB,QAAA,MAAM,GAAG;IACpB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS,EAAE,yBAAyB;IAC1C,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS,EAAE,+BAA+B;IACtD,UAAU,EAAE,SAAS;IACrB,GAAG,EAAE,SAAS;IACd,OAAO,EAAE,SAAS,EAAE,4BAA4B;IAChD,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CACR,CAAC"}
package/dist/cjs/components/form/Upload/UploadedSinglePdfFile.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UploadedSinglePdfFile.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Upload/UploadedSinglePdfFile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CACnE,CAAC;AACF,eAAO,MAAM,qBAAqB,2BAG/B,0BAA0B,sBAqB5B,CAAC"}
1
+ {"version":3,"file":"UploadedSinglePdfFile.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Upload/UploadedSinglePdfFile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CACnE,CAAC;AACF,eAAO,MAAM,qBAAqB,2BAG/B,0BAA0B,sBA2B5B,CAAC"}
package/dist/cjs/components/form/Upload/UploadedSinglePdfFile.js CHANGED
@@ -8,11 +8,12 @@ const Grid_1 = require("../../ui/Grid");
8
8
  const phosphor_react_1 = require("phosphor-react");
9
9
  const Typography_1 = require("../../ui/Typography");
10
10
  const react_1 = __importDefault(require("react"));
11
+ const colors_1 = require("../../../colors");
11
12
  const UploadedSinglePdfFile = ({ fileName, onXClick }) => {
12
13
  return (react_1.default.createElement(Grid_1.Grid, { flexDirection: "row", alignItems: "center", gap: "0.25rem" },
13
14
  react_1.default.createElement("div", null,
14
15
  react_1.default.createElement(phosphor_react_1.FilePdf, { size: 24 })),
15
- react_1.default.createElement(Typography_1.Typography, { style: { width: "100%" } }, fileName),
16
+ react_1.default.createElement(Typography_1.Typography, { width: "100%", color: colors_1.colors.purpleDeep, fontSize: "0.875rem" }, fileName),
16
17
  onXClick && (react_1.default.createElement("button", { type: "button", style: {
17
18
  display: "flex",
18
19
  justifyContent: "center"
package/dist/cjs/components/form/Upload/UploadedSinglePdfFile.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UploadedSinglePdfFile.js","sourceRoot":"","sources":["../../../../../src/components/form/Upload/UploadedSinglePdfFile.tsx"],"names":[],"mappings":";;;;;;AAAA,wCAAqC;AACrC,mDAA4C;AAC5C,oDAAiD;AACjD,kDAA0B;AAMnB,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,QAAQ,EACmB,EAAE,EAAE;IAC/B,OAAO,CACL,8BAAC,WAAI,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,SAAS;QACzD;YACE,8BAAC,wBAAO,IAAC,IAAI,EAAE,EAAE,GAAI,CACjB;QACN,8BAAC,uBAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAG,QAAQ,CAAc;QAC5D,QAAQ,IAAI,CACX,0CACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;aACzB,EACD,OAAO,EAAE,QAAQ;YAEjB,8BAAC,kBAAC,IAAC,IAAI,EAAE,IAAI,GAAI,CACV,CACV,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,qBAAqB,yBAwBhC"}
1
+ {"version":3,"file":"UploadedSinglePdfFile.js","sourceRoot":"","sources":["../../../../../src/components/form/Upload/UploadedSinglePdfFile.tsx"],"names":[],"mappings":";;;;;;AAAA,wCAAqC;AACrC,mDAA4C;AAC5C,oDAAiD;AACjD,kDAA0B;AAC1B,4CAAyC;AAMlC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,QAAQ,EACmB,EAAE,EAAE;IAC/B,OAAO,CACL,8BAAC,WAAI,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,SAAS;QACzD;YACE,8BAAC,wBAAO,IAAC,IAAI,EAAE,EAAE,GAAI,CACjB;QACN,8BAAC,uBAAU,IACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,eAAM,CAAC,UAAU,EACxB,QAAQ,EAAE,UAAU,IAEnB,QAAQ,CACE;QACZ,QAAQ,IAAI,CACX,0CACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;aACzB,EACD,OAAO,EAAE,QAAQ;YAEjB,8BAAC,kBAAC,IAAC,IAAI,EAAE,IAAI,GAAI,CACV,CACV,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,qBAAqB,yBA8BhC"}
package/dist/esm/colors.d.ts CHANGED
@@ -20,6 +20,7 @@ export declare const colors: {
20
20
  readonly lime: "#B6F952";
21
21
  readonly orange: "#FC6838";
22
22
  readonly orangeDark: "#ff8c00";
23
+ readonly purpleDeep: "#131A2A";
23
24
  readonly red: "#FC386A";
24
25
  readonly redDark: "#8b0000";
25
26
  readonly torquise: "#06F7D5";
package/dist/esm/colors.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BT,CAAC"}
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BT,CAAC"}
package/dist/esm/colors.js CHANGED
@@ -21,6 +21,7 @@ export const colors = {
21
21
  lime: "#B6F952",
22
22
  orange: "#FC6838",
23
23
  orangeDark: "#ff8c00", // color 'darkorange' in chrome
24
+ purpleDeep: "#131A2A",
24
25
  red: "#FC386A",
25
26
  redDark: "#8b0000", // color 'darkred' in chrome
26
27
  torquise: "#06F7D5",
package/dist/esm/colors.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAE7B,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS,EAAE,yBAAyB;IAC1C,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS,EAAE,+BAA+B;IACtD,GAAG,EAAE,SAAS;IACd,OAAO,EAAE,SAAS,EAAE,4BAA4B;IAChD,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CACR,CAAC"}
1
+ {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAE7B,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS,EAAE,yBAAyB;IAC1C,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS,EAAE,+BAA+B;IACtD,UAAU,EAAE,SAAS;IACrB,GAAG,EAAE,SAAS;IACd,OAAO,EAAE,SAAS,EAAE,4BAA4B;IAChD,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CACR,CAAC"}
package/dist/esm/components/form/Upload/UploadedSinglePdfFile.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UploadedSinglePdfFile.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Upload/UploadedSinglePdfFile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CACnE,CAAC;AACF,eAAO,MAAM,qBAAqB,2BAG/B,0BAA0B,sBAqB5B,CAAC"}
1
+ {"version":3,"file":"UploadedSinglePdfFile.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Upload/UploadedSinglePdfFile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CACnE,CAAC;AACF,eAAO,MAAM,qBAAqB,2BAG/B,0BAA0B,sBA2B5B,CAAC"}
package/dist/esm/components/form/Upload/UploadedSinglePdfFile.js CHANGED
@@ -2,11 +2,12 @@ import { Grid } from "../../ui/Grid";
2
2
  import { FilePdf, X } from "phosphor-react";
3
3
  import { Typography } from "../../ui/Typography";
4
4
  import React from "react";
5
+ import { colors } from "../../../colors";
5
6
  export const UploadedSinglePdfFile = ({ fileName, onXClick }) => {
6
7
  return (React.createElement(Grid, { flexDirection: "row", alignItems: "center", gap: "0.25rem" },
7
8
  React.createElement("div", null,
8
9
  React.createElement(FilePdf, { size: 24 })),
9
- React.createElement(Typography, { style: { width: "100%" } }, fileName),
10
+ React.createElement(Typography, { width: "100%", color: colors.purpleDeep, fontSize: "0.875rem" }, fileName),
10
11
  onXClick && (React.createElement("button", { type: "button", style: {
11
12
  display: "flex",
12
13
  justifyContent: "center"
package/dist/esm/components/form/Upload/UploadedSinglePdfFile.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UploadedSinglePdfFile.js","sourceRoot":"","sources":["../../../../../src/components/form/Upload/UploadedSinglePdfFile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,QAAQ,EACmB,EAAE,EAAE;IAC/B,OAAO,CACL,oBAAC,IAAI,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,SAAS;QACzD;YACE,oBAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,CACjB;QACN,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAG,QAAQ,CAAc;QAC5D,QAAQ,IAAI,CACX,gCACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;aACzB,EACD,OAAO,EAAE,QAAQ;YAEjB,oBAAC,CAAC,IAAC,IAAI,EAAE,IAAI,GAAI,CACV,CACV,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"UploadedSinglePdfFile.js","sourceRoot":"","sources":["../../../../../src/components/form/Upload/UploadedSinglePdfFile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAMzC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,QAAQ,EACmB,EAAE,EAAE;IAC/B,OAAO,CACL,oBAAC,IAAI,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,SAAS;QACzD;YACE,oBAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,CACjB;QACN,oBAAC,UAAU,IACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,QAAQ,EAAE,UAAU,IAEnB,QAAQ,CACE;QACZ,QAAQ,IAAI,CACX,gCACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;aACzB,EACD,OAAO,EAAE,QAAQ;YAEjB,oBAAC,CAAC,IAAC,IAAI,EAAE,IAAI,GAAI,CACV,CACV,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bosonprotocol/react-kit",
3
3
  "description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
4
- "version": "0.37.0-alpha.2",
4
+ "version": "0.37.0-alpha.3",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
7
7
  "types": "./dist/cjs/index.d.ts",
@@ -205,5 +205,5 @@
205
205
  "overrides": {
206
206
  "typescript": "^5.1.6"
207
207
  },
208
- "gitHead": "9db355a00d406cf8c3947d181eae307244a6c296"
208
+ "gitHead": "0472e2aa5ae9a037ca63ec815ad393b8dd41901b"
209
209
  }
package/src/colors.ts CHANGED
@@ -22,6 +22,7 @@ export const colors = {
22
22
  lime: "#B6F952",
23
23
  orange: "#FC6838",
24
24
  orangeDark: "#ff8c00", // color 'darkorange' in chrome
25
+ purpleDeep: "#131A2A",
25
26
  red: "#FC386A",
26
27
  redDark: "#8b0000", // color 'darkred' in chrome
27
28
  torquise: "#06F7D5",
package/src/components/form/Upload/UploadedSinglePdfFile.tsx CHANGED
@@ -2,6 +2,7 @@ import { Grid } from "../../ui/Grid";
2
2
  import { FilePdf, X } from "phosphor-react";
3
3
  import { Typography } from "../../ui/Typography";
4
4
  import React from "react";
5
+ import { colors } from "../../../colors";
5
6
 
6
7
  export type UploadedSinglePdfFileProps = {
7
8
  fileName: string;
@@ -16,7 +17,13 @@ export const UploadedSinglePdfFile = ({
16
17
  <div>
17
18
  <FilePdf size={24} />
18
19
  </div>
19
- <Typography style={{ width: "100%" }}>{fileName}</Typography>
20
+ <Typography
21
+ width={"100%"}
22
+ color={colors.purpleDeep}
23
+ fontSize={"0.875rem"}
24
+ >
25
+ {fileName}
26
+ </Typography>
20
27
  {onXClick && (
21
28
  <button
22
29
  type="button"