@cfx-dev/ui-components 2.1.3 → 2.1.5

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 (21) hide show
  1. package/dist/Rail-nVRissv6.js +81 -0
  2. package/dist/assets/Button.css +1 -1
  3. package/dist/assets/Rail.css +1 -1
  4. package/dist/assets/global.css +1 -1
  5. package/dist/components/Button/Button.d.ts +8 -8
  6. package/dist/components/Button/Button.js +55 -54
  7. package/dist/components/Button/ButtonShowcase.js +13 -2
  8. package/dist/components/Button/LinkButton.d.ts +3 -2
  9. package/dist/components/Layout/Scrollable/Rail.js +1 -1
  10. package/dist/components/Layout/Scrollable/Scrollable.js +1 -1
  11. package/dist/components/Layout/Scrollable/VirtualScrollable.js +1 -1
  12. package/dist/components/Layout/Scrollable/index.js +1 -1
  13. package/dist/components/Logos/LogosShowcase.js +5 -5
  14. package/dist/components/Logos/cfx/CompositeLogo.js +22 -43
  15. package/dist/components/Logos/cfx/Logo.js +13 -34
  16. package/dist/components/Logos/cfx/Wordmark.js +26 -55
  17. package/dist/main.js +1 -1
  18. package/dist/styles-scss/_ui.scss +19 -4
  19. package/dist/styles-scss/tokens.scss +13 -0
  20. package/package.json +1 -1
  21. package/dist/Rail-rtPENZs2.js +0 -81
package/dist/components/Button/Button.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { default as React } from 'react';
2
2
  import { IconName } from '../Icon';
3
3
 
4
- export type ButtonTheme = 'primary' | 'secondary' | 'on-light' | 'default' | 'quicklink';
5
- export interface ButtonProps {
4
+ export type ButtonTheme = 'primary' | 'secondary' | 'on-light' | 'default' | 'linked' | 'quicklink';
5
+ export interface ButtonProps<T = HTMLButtonElement> {
6
6
  text?: React.ReactNode;
7
7
  title?: string;
8
8
  type?: HTMLButtonElement['type'];
@@ -14,11 +14,11 @@ export interface ButtonProps {
14
14
  fullWidth?: boolean;
15
15
  disabled?: boolean;
16
16
  autofocus?: boolean;
17
- onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
18
- onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
19
- onMouseUp?: (event: React.MouseEvent<HTMLButtonElement>) => void;
17
+ onClick?: (event: React.MouseEvent<T>) => void;
18
+ onMouseDown?: (event: React.MouseEvent<T>) => void;
19
+ onMouseUp?: (event: React.MouseEvent<T>) => void;
20
20
  decorator?: React.ReactNode;
21
21
  }
22
- export declare function ButtonContent(props: Partial<ButtonProps>): React.ReactNode;
23
- export declare function getButtonClassName(props: Partial<ButtonProps>): string;
24
- export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
22
+ export declare function ButtonContent(props: Pick<ButtonProps, 'text' | 'icon' | 'decorator'>): React.ReactNode;
23
+ export declare function getButtonClassName(props: Partial<Omit<ButtonProps, 'onClick'>>): string;
24
+ export declare const Button: React.ForwardRefExoticComponent<ButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
package/dist/components/Button/Button.js CHANGED
@@ -1,107 +1,108 @@
1
1
  import { jsx as r, jsxs as W, Fragment as g } from "react/jsx-runtime";
2
2
  import m from "react";
3
3
  import { Icon as B } from "../Icon/Icon.js";
4
- import { clsx as I } from "../../utils/clsx.js";
5
- import { noop as q } from "../../utils/functional.js";
6
- import '../../assets/Button.css';const M = "_root_1qqs9_1", j = "_fullWidth_1qqs9_35", w = "_primary_1qqs9_55", F = "_secondary_1qqs9_76", R = "_quicklink_1qqs9_118", v = "_icon_1qqs9_125", D = "_icononly_1qqs9_150", L = "_decorator_1qqs9_155", o = {
7
- root: M,
8
- fullWidth: j,
9
- primary: w,
4
+ import { clsx as q } from "../../utils/clsx.js";
5
+ import { noop as h } from "../../utils/functional.js";
6
+ import '../../assets/Button.css';const I = "_root_1hwl6_1", M = "_fullWidth_1hwl6_35", j = "_primary_1hwl6_55", F = "_secondary_1hwl6_76", R = "_linked_1hwl6_118", v = "_quicklink_1hwl6_143", D = "_icon_1hwl6_150", L = "_icononly_1hwl6_175", U = "_decorator_1hwl6_180", o = {
7
+ root: I,
8
+ fullWidth: M,
9
+ primary: j,
10
10
  secondary: F,
11
- "on-light": "_on-light_1qqs9_97",
12
- quicklink: R,
13
- icon: v,
14
- icononly: D,
15
- decorator: L
11
+ "on-light": "_on-light_1hwl6_97",
12
+ linked: R,
13
+ quicklink: v,
14
+ icon: D,
15
+ icononly: L,
16
+ decorator: U
16
17
  };
17
- function U(s) {
18
+ function z(c) {
18
19
  const {
19
20
  text: t = null,
20
- icon: e,
21
+ icon: l,
21
22
  decorator: n = null
22
- } = s;
23
+ } = c;
23
24
  return /* @__PURE__ */ W(g, { children: [
24
25
  t,
25
- !!e && /* @__PURE__ */ r(B, { name: e, className: o.icon }),
26
+ !!l && /* @__PURE__ */ r(B, { name: l, className: o.icon }),
26
27
  !!n && /* @__PURE__ */ r("div", { className: o.decorator, children: n })
27
28
  ] });
28
29
  }
29
- function z(s) {
30
+ function A(c) {
30
31
  const {
31
32
  text: t = null,
32
- icon: e,
33
+ icon: l,
33
34
  theme: n = "default",
34
- disabled: c = !1,
35
+ disabled: a = !1,
35
36
  className: u = "",
36
37
  autofocus: d = !1,
37
- fullWidth: a = !1,
38
- tabIndex: i
39
- } = s;
40
- return I(o.root, o[n], u, {
41
- [o.disabled]: c,
42
- [o.icononly]: !!e && (t === null || typeof t > "u"),
38
+ fullWidth: i = !1,
39
+ tabIndex: s
40
+ } = c;
41
+ return q(o.root, o[n], u, {
42
+ [o.disabled]: a,
43
+ [o.icononly]: !!l && (t === null || typeof t > "u"),
43
44
  [o.text]: !!t,
44
- [o.autofocus]: d || typeof i < "u",
45
- [o.fullWidth]: a
45
+ [o.autofocus]: d || typeof s < "u",
46
+ [o.fullWidth]: i
46
47
  });
47
48
  }
48
- const K = m.forwardRef(function(t, e) {
49
+ const O = m.forwardRef(function(t, l) {
49
50
  const {
50
51
  text: n = null,
51
- icon: c,
52
+ icon: a,
52
53
  title: u = "",
53
54
  type: d = "button",
54
- className: a = "",
55
- theme: i = "default",
56
- disabled: l = !1,
57
- onClick: h = q,
58
- onMouseDown: p = q,
59
- onMouseUp: b = q,
55
+ className: i = "",
56
+ theme: s = "default",
57
+ disabled: e = !1,
58
+ onClick: k = h,
59
+ onMouseDown: p = h,
60
+ onMouseUp: w = h,
60
61
  autofocus: f = !1,
61
62
  tabIndex: _,
62
63
  fullWidth: y = !1,
63
- ariaLabel: k = ""
64
- } = t, x = m.useMemo(() => z({
64
+ ariaLabel: b = ""
65
+ } = t, x = m.useMemo(() => A({
65
66
  text: n,
66
- icon: c,
67
- theme: i,
68
- disabled: l,
69
- className: a,
67
+ icon: a,
68
+ theme: s,
69
+ disabled: e,
70
+ className: i,
70
71
  autofocus: f,
71
72
  fullWidth: y,
72
73
  tabIndex: _
73
74
  }), [
74
75
  f,
75
- a,
76
+ i,
76
77
  y,
77
- l,
78
- c,
78
+ e,
79
+ a,
79
80
  _,
80
81
  n,
81
- i
82
+ s
82
83
  ]), C = m.useCallback((N) => {
83
- l || h(N);
84
- }, [l, h]);
84
+ e || k(N);
85
+ }, [e, k]);
85
86
  return /* @__PURE__ */ r(
86
87
  "button",
87
88
  {
88
- ref: e,
89
- disabled: l,
89
+ ref: l,
90
+ disabled: e,
90
91
  className: x,
91
92
  onClick: C,
92
93
  onMouseDown: p,
93
- onMouseUp: b,
94
+ onMouseUp: w,
94
95
  autoFocus: f,
95
96
  tabIndex: _,
96
97
  title: u,
97
98
  type: d,
98
- "aria-label": k,
99
- children: /* @__PURE__ */ r(U, { ...t })
99
+ "aria-label": b,
100
+ children: /* @__PURE__ */ r(z, { ...t })
100
101
  }
101
102
  );
102
103
  });
103
104
  export {
104
- K as Button,
105
- U as ButtonContent,
106
- z as getButtonClassName
105
+ O as Button,
106
+ z as ButtonContent,
107
+ A as getButtonClassName
107
108
  };
package/dist/components/Button/ButtonShowcase.js CHANGED
@@ -4,7 +4,7 @@ import { Flex as i } from "../Layout/Flex/Flex.js";
4
4
  import { Text as n } from "../Text/Text.js";
5
5
  import { Button as t } from "./Button.js";
6
6
  import { ButtonBar as c } from "./ButtonBar.js";
7
- function o() {
7
+ function a() {
8
8
  return /* @__PURE__ */ r(i, { gap: "large", vertical: !0, children: [
9
9
  /* @__PURE__ */ r(i, { gap: "normal", vertical: !0, children: [
10
10
  /* @__PURE__ */ e(n, { children: "Default" }),
@@ -83,6 +83,17 @@ function o() {
83
83
  }
84
84
  ) })
85
85
  ] }),
86
+ /* @__PURE__ */ r(i, { gap: "normal", vertical: !0, children: [
87
+ /* @__PURE__ */ e(n, { children: "Linked" }),
88
+ /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
89
+ t,
90
+ {
91
+ text: "Sign In",
92
+ theme: "linked",
93
+ icon: "ExternalLink"
94
+ }
95
+ ) })
96
+ ] }),
86
97
  /* @__PURE__ */ r(i, { gap: "normal", vertical: !0, children: [
87
98
  /* @__PURE__ */ e(n, { children: "Button Bar" }),
88
99
  /* @__PURE__ */ e("div", { children: /* @__PURE__ */ r(c, { children: [
@@ -105,7 +116,7 @@ function o() {
105
116
  ] })
106
117
  ] });
107
118
  }
108
- const g = l.memo(o);
119
+ const g = l.memo(a);
109
120
  export {
110
121
  g as default
111
122
  };
package/dist/components/Button/LinkButton.d.ts CHANGED
@@ -1,11 +1,12 @@
1
1
  import { default as React } from 'react';
2
2
  import { ButtonProps } from './Button';
3
3
 
4
- export interface LinkButtonProps extends Omit<ButtonProps, 'autofocus' | 'onCLick' | 'onMouseDown' | 'onMouseUp' | 'ariaLabel'> {
4
+ type BtnExtendedProps = Omit<ButtonProps<HTMLAnchorElement>, 'autofocus' | 'onMouseDown' | 'onMouseUp' | 'ariaLabel'>;
5
+ export interface LinkButtonProps extends BtnExtendedProps {
5
6
  to: string;
6
7
  isHrefProp?: boolean;
7
- onClick?(): void;
8
8
  target?: string;
9
9
  Component?: React.ElementType;
10
10
  }
11
11
  export declare const LinkButton: React.ForwardRefExoticComponent<LinkButtonProps & React.RefAttributes<HTMLAnchorElement>>;
12
+ export {};
package/dist/components/Layout/Scrollable/Rail.js CHANGED
@@ -3,7 +3,7 @@ import "react";
3
3
  import "../../Interactive/Interactive.js";
4
4
  import "../../../utils/clsx.js";
5
5
  import "../../../utils/math.js";
6
- import { R } from "../../../Rail-rtPENZs2.js";
6
+ import { R } from "../../../Rail-nVRissv6.js";
7
7
  export {
8
8
  R as Rail
9
9
  };
package/dist/components/Layout/Scrollable/Scrollable.js CHANGED
@@ -3,7 +3,7 @@ import r from "react";
3
3
  import { useContextualStyle as W } from "../../Style/Style.js";
4
4
  import { clsx as b } from "../../../utils/clsx.js";
5
5
  import { mergeRefs as k } from "../../../utils/mergeRefs.js";
6
- import { s as o, R as w } from "../../../Rail-rtPENZs2.js";
6
+ import { s as o, R as w } from "../../../Rail-nVRissv6.js";
7
7
  const N = {
8
8
  size: 0,
9
9
  scrollPos: 0,
package/dist/components/Layout/Scrollable/VirtualScrollable.js CHANGED
@@ -3,7 +3,7 @@ import N, { createElement as k, PureComponent as re } from "react";
3
3
  import { _ as ie, a as ne } from "../../../inheritsLoose-CyjgKRgL.js";
4
4
  import { clsx as oe } from "../../../utils/clsx.js";
5
5
  import { Scrollable as le } from "./Scrollable.js";
6
- import { s as se } from "../../../Rail-rtPENZs2.js";
6
+ import { s as se } from "../../../Rail-nVRissv6.js";
7
7
  function $(r) {
8
8
  if (r === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
9
9
  return r;
package/dist/components/Layout/Scrollable/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { R as o } from "../../../Rail-rtPENZs2.js";
1
+ import { R as o } from "../../../Rail-nVRissv6.js";
2
2
  import { Scrollable as e } from "./Scrollable.js";
3
3
  import { VirtualScrollable as f } from "./VirtualScrollable.js";
4
4
  export {
package/dist/components/Logos/LogosShowcase.js CHANGED
@@ -26,8 +26,8 @@ function d() {
26
26
  "div",
27
27
  {
28
28
  style: {
29
- height: "60px",
30
- width: "224px"
29
+ height: "56px",
30
+ width: "114px"
31
31
  },
32
32
  children: /* @__PURE__ */ e(c.Cfx.Wordmark, {})
33
33
  }
@@ -40,7 +40,7 @@ function d() {
40
40
  {
41
41
  style: {
42
42
  height: "74px",
43
- width: "335px"
43
+ width: "224px"
44
44
  },
45
45
  children: /* @__PURE__ */ e(c.Cfx.Logo, {})
46
46
  }
@@ -52,8 +52,8 @@ function d() {
52
52
  "div",
53
53
  {
54
54
  style: {
55
- height: "83px",
56
- width: "471px"
55
+ height: "82px",
56
+ width: "390px"
57
57
  },
58
58
  children: /* @__PURE__ */ e(c.Cfx.CompositeLogo, {})
59
59
  }
package/dist/components/Logos/cfx/CompositeLogo.js CHANGED
@@ -1,91 +1,70 @@
1
- import { jsxs as t, jsx as C } from "react/jsx-runtime";
2
- import H from "react";
3
- function L() {
1
+ import { jsxs as t, jsx as L } from "react/jsx-runtime";
2
+ import C from "react";
3
+ function i() {
4
4
  return /* @__PURE__ */ t(
5
5
  "svg",
6
6
  {
7
- viewBox: "0 0 503 83",
7
+ viewBox: "0 0 390 82",
8
8
  fill: "none",
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  children: [
11
- /* @__PURE__ */ C(
11
+ /* @__PURE__ */ L(
12
12
  "path",
13
13
  {
14
14
  fill: "white",
15
- d: "M116 0H120V81H116V0Z"
15
+ d: "M113 0H117V81H113V0Z"
16
16
  }
17
17
  ),
18
- /* @__PURE__ */ C(
18
+ /* @__PURE__ */ L(
19
19
  "path",
20
20
  {
21
21
  fill: "white",
22
- d: "M12.3016 12L34.082 12.0516C38.6343 12.0172 42.0333 12.7374 44.2775 14.2109C47.0202 16.0172 48.3893 19.1234 48.3893 23.5308C48.3893 30.7877 44.9904 34.8996 38.1924 35.8651V35.967C41.19 36.7059 42.7055 39.1636 42.7389 43.34C42.7389 45.4792 42.6577 48.2195 42.4969 51.5595C42.4969 53.8006 42.975 55.7389 43.9342 57.3745H31.9986C31.4408 56.7762 31.1626 55.5581 31.1626 53.7174C31.3915 50.6413 31.5045 48.1191 31.5045 46.1492C31.5045 42.1707 29.5732 40.1808 25.7121 40.1808H17.9897L14.6212 56.274H3L12.3016 12ZM22.1551 21.2267L19.9239 31.9096H29.1849C34.3616 31.9096 36.9652 29.8867 37 25.8407C37 22.7647 34.905 21.2267 30.7149 21.2267H22.1551Z"
22
+ d: "M9.30157 12L31.082 12.0516C35.6343 12.0172 39.0333 12.7374 41.2775 14.2109C44.0202 16.0172 45.3893 19.1234 45.3893 23.5308C45.3893 30.7877 41.9904 34.8996 35.1924 35.8651V35.967C38.19 36.7059 39.7055 39.1636 39.7389 43.34C39.7389 45.4792 39.6577 48.2195 39.4969 51.5595C39.4969 53.8006 39.975 55.7389 40.9342 57.3745H28.9986C28.4408 56.7762 28.1626 55.5581 28.1626 53.7174C28.3915 50.6413 28.5045 48.1191 28.5045 46.1492C28.5045 42.1707 26.5732 40.1808 22.7121 40.1808H14.9897L11.6212 56.274H0L9.30157 12ZM19.1551 21.2267L16.9239 31.9096H26.1849C31.3616 31.9096 33.9652 29.8867 34 25.8407C34 22.7647 31.905 21.2267 27.7149 21.2267H19.1551Z"
23
23
  }
24
24
  ),
25
- /* @__PURE__ */ C(
25
+ /* @__PURE__ */ L(
26
26
  "path",
27
27
  {
28
28
  fill: "white",
29
- d: "M56.4565 57.4247L54.134 42.5337L45.5163 57.3228L31.9015 57.2812L40.3178 66.2539L33.0968 82L48.5342 72.7217L60.0178 81.6442L57.8937 66.8551L71.1579 57.4247H56.4565ZM57.1505 76.6829L48.6835 70.1133L37.9432 76.5294L42.891 65.8465L36.9073 59.4806H46.7536L52.9387 48.8063L54.6266 59.5825H64.3715L55.5626 65.7963L57.1505 76.6829Z"
29
+ d: "M53.4565 57.4247L51.134 42.5337L42.5163 57.3228L28.9015 57.2812L37.3178 66.2539L30.0968 82L45.5342 72.7217L57.0178 81.6442L54.8937 66.8551L68.1579 57.4247H53.4565ZM54.1505 76.6829L45.6835 70.1133L34.9432 76.5294L39.891 65.8465L33.9073 59.4806H43.7536L49.9387 48.8063L51.6266 59.5825H61.3715L52.5626 65.7963L54.1505 76.6829Z"
30
30
  }
31
31
  ),
32
- /* @__PURE__ */ t("g", { clipPath: "url(#clip0_223_2228)", children: [
33
- /* @__PURE__ */ C(
32
+ /* @__PURE__ */ t("g", { clipPath: "url(#clip0_1099_177)", children: [
33
+ /* @__PURE__ */ L(
34
34
  "path",
35
35
  {
36
36
  fill: "white",
37
- d: "M230.499 9H218.02L219.054 21.8535H207.645L208.679 9H196.306L166 73H203.491L204.721 57.7933H221.96L223.19 73H260.788L230.481 9H230.499ZM205.594 47.2039L207.217 27.2017H219.5L221.122 47.2039H205.594Z"
37
+ d: "M227.499 9H215.02L216.054 21.8535H204.645L205.679 9H193.306L163 73H200.491L201.721 57.7933H218.96L220.19 73H257.788L227.481 9H227.499ZM202.594 47.2039L204.217 27.2017H216.5L218.122 47.2039H202.594Z"
38
38
  }
39
39
  ),
40
- /* @__PURE__ */ C(
40
+ /* @__PURE__ */ L(
41
41
  "path",
42
42
  {
43
43
  fill: "white",
44
- d: "M303.77 69C296.5 69 290.548 66.4685 285.93 61.4056C281.312 56.3256 279.002 49.5351 279.002 41C279.002 32.4649 281.312 25.6744 285.93 20.5944C290.548 15.5315 296.483 13 303.77 13C309.397 13 314.272 14.5394 318.411 17.584C322.55 20.6286 325.27 25.2639 326.57 31.4386H320.173C319.01 27.0257 316.991 23.81 314.084 21.8088C311.176 19.8076 307.738 18.7984 303.77 18.7984C298.296 18.7984 293.918 20.7654 290.599 24.6995C287.281 28.6335 285.639 34.0727 285.639 41C285.639 47.9273 287.298 53.3494 290.599 57.3005C293.918 61.2346 298.296 63.2016 303.77 63.2016C307.892 63.2016 311.552 61.9359 314.751 59.4044C317.966 56.8729 319.899 53.1784 320.549 48.3036H326.878C326.228 54.923 323.696 60.0373 319.283 63.6121C314.87 67.204 309.705 69 303.787 69H303.77Z"
44
+ d: "M300.77 69C293.5 69 287.548 66.4685 282.93 61.4056C278.312 56.3256 276.002 49.5351 276.002 41C276.002 32.4649 278.312 25.6744 282.93 20.5944C287.548 15.5315 293.483 13 300.77 13C306.397 13 311.272 14.5394 315.411 17.584C319.55 20.6286 322.27 25.2639 323.57 31.4386H317.173C316.01 27.0257 313.991 23.81 311.084 21.8088C308.176 19.8076 304.738 18.7984 300.77 18.7984C295.296 18.7984 290.918 20.7654 287.599 24.6995C284.281 28.6335 282.639 34.0727 282.639 41C282.639 47.9273 284.298 53.3494 287.599 57.3005C290.918 61.2346 295.296 63.2016 300.77 63.2016C304.892 63.2016 308.552 61.9359 311.751 59.4044C314.966 56.8729 316.899 53.1784 317.549 48.3036H323.878C323.228 54.923 320.696 60.0373 316.283 63.6121C311.87 67.204 306.705 69 300.787 69H300.77Z"
45
45
  }
46
46
  ),
47
- /* @__PURE__ */ C(
47
+ /* @__PURE__ */ L(
48
48
  "path",
49
49
  {
50
50
  fill: "white",
51
- d: "M349.37 19.3286C345.915 19.3286 344.17 21.1588 344.17 24.8192V28.9585H352.449V34.2266H344.17V67.7856H338.15V34.2266H331.753V28.9585H338.15V24.9731C338.15 17.7037 341.759 14.0605 348.994 14.0605C350.345 14.0605 351.628 14.1118 352.825 14.2144V19.3286H349.37Z"
51
+ d: "M346.37 19.3286C342.915 19.3286 341.17 21.1588 341.17 24.8192V28.9585H349.449V34.2266H341.17V67.7856H335.15V34.2266H328.753V28.9585H335.15V24.9731C335.15 17.7037 338.759 14.0605 345.994 14.0605C347.345 14.0605 348.628 14.1118 349.825 14.2144V19.3286H346.37Z"
52
52
  }
53
53
  ),
54
- /* @__PURE__ */ C(
54
+ /* @__PURE__ */ L(
55
55
  "path",
56
56
  {
57
57
  fill: "white",
58
- d: "M391.67 28.9585L377.593 47.9273L392.422 67.8027H385.341L383.237 64.8607C380.021 60.2938 376.994 56.0861 374.137 52.2205C369.93 57.8992 366.834 62.124 364.884 64.9462L362.849 67.8027H355.853L370.682 47.9273L356.605 28.9585H363.687L366.697 33.0977C369.656 37.1173 372.17 40.6237 374.223 43.6341C376.789 40.025 379.286 36.5015 381.749 33.0977L384.691 28.9585H391.687H391.67Z"
59
- }
60
- ),
61
- /* @__PURE__ */ C(
62
- "path",
63
- {
64
- fill: "white",
65
- d: "M405.285 67.7856H397.69V60.2596H405.285V67.7856Z"
66
- }
67
- ),
68
- /* @__PURE__ */ C(
69
- "path",
70
- {
71
- fill: "white",
72
- d: "M432.908 28.3598C433.712 28.3598 434.396 28.3769 434.944 28.4282V34.2266H433.439C429.47 34.2266 426.357 35.2016 424.1 37.1686C421.842 39.1185 420.713 41.9578 420.713 45.6695V67.8027H414.692V28.9585H420.405V35.8002C423.056 30.84 427.23 28.3427 432.891 28.3427L432.908 28.3598Z"
73
- }
74
- ),
75
- /* @__PURE__ */ C(
76
- "path",
77
- {
78
- fill: "white",
79
- d: "M456.016 68.6921C450.646 68.6921 446.301 66.8619 442.966 63.2016C439.63 59.5412 437.954 54.598 437.954 48.372C437.954 42.146 439.596 37.3396 442.88 33.628C446.164 29.9163 450.492 28.0519 455.863 28.0519C461.233 28.0519 465.8 29.9847 468.965 33.8503C472.129 37.7159 473.702 42.5565 473.702 48.372V50.4759H444.197C444.505 54.7349 445.685 57.9334 447.772 60.0373C449.859 62.1411 452.647 63.2016 456.17 63.2016C461.541 63.2016 464.979 60.7899 466.484 55.9835H472.728C471.718 59.7978 469.803 62.8766 466.963 65.2028C464.124 67.529 460.481 68.7092 456.016 68.7092V68.6921ZM444.351 45.0538H467.237C466.929 41.7013 465.8 38.9304 463.816 36.7752C461.832 34.62 459.181 33.5425 455.88 33.5425C452.767 33.5425 450.201 34.5174 448.166 36.4844C446.13 38.4343 444.864 41.3079 444.368 45.0709L444.351 45.0538Z"
58
+ d: "M388.67 28.9585L374.593 47.9273L389.422 67.8027H382.341L380.237 64.8607C377.021 60.2938 373.994 56.0861 371.137 52.2205C366.93 57.8992 363.834 62.124 361.884 64.9462L359.849 67.8027H352.853L367.682 47.9273L353.605 28.9585H360.687L363.697 33.0977C366.656 37.1173 369.17 40.6237 371.223 43.6341C373.789 40.025 376.286 36.5015 378.749 33.0977L381.691 28.9585H388.687H388.67Z"
80
59
  }
81
60
  )
82
61
  ] }),
83
- /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_223_2228", children: /* @__PURE__ */ C("rect", { width: "335.003", height: "74", fill: "white", transform: "translate(168 4)" }) }) })
62
+ /* @__PURE__ */ L("defs", { children: /* @__PURE__ */ L("clipPath", { id: "clip0_1099_177", children: /* @__PURE__ */ L("rect", { width: "224.003", height: "74", fill: "white", transform: "translate(165 4)" }) }) })
84
63
  ]
85
64
  }
86
65
  );
87
66
  }
88
- const h = H.memo(L);
67
+ const e = C.memo(i);
89
68
  export {
90
- h as default
69
+ e as default
91
70
  };
package/dist/components/Logos/cfx/Logo.js CHANGED
@@ -1,70 +1,49 @@
1
- import { jsxs as i, jsx as C } from "react/jsx-runtime";
2
- import t from "react";
3
- function H() {
4
- return /* @__PURE__ */ i(
1
+ import { jsxs as t, jsx as i } from "react/jsx-runtime";
2
+ import l from "react";
3
+ function C() {
4
+ return /* @__PURE__ */ t(
5
5
  "svg",
6
6
  {
7
- viewBox: "0 0 335 74",
7
+ viewBox: "0 0 224 74",
8
8
  fill: "none",
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  children: [
11
- /* @__PURE__ */ i("g", { clipPath: "url(#clip0_223_2212)", children: [
12
- /* @__PURE__ */ C(
11
+ /* @__PURE__ */ t("g", { clipPath: "url(#clip0_1099_125)", children: [
12
+ /* @__PURE__ */ i(
13
13
  "path",
14
14
  {
15
15
  fill: "white",
16
16
  d: "M62.4992 5H50.0201L51.054 17.8535H39.6446L40.6785 5H28.3064L-2 69H35.4908L36.7209 53.7933H53.9599L55.19 69H92.7877L62.4813 5H62.4992ZM37.5944 43.2039L39.2167 23.2017H51.4997L53.122 43.2039H37.5944Z"
17
17
  }
18
18
  ),
19
- /* @__PURE__ */ C(
19
+ /* @__PURE__ */ i(
20
20
  "path",
21
21
  {
22
22
  fill: "white",
23
23
  d: "M135.77 65C128.5 65 122.548 62.4685 117.93 57.4056C113.312 52.3256 111.002 45.5351 111.002 37C111.002 28.4649 113.312 21.6744 117.93 16.5944C122.548 11.5315 128.483 9 135.77 9C141.397 9 146.272 10.5394 150.411 13.584C154.55 16.6286 157.27 21.2639 158.57 27.4386H152.173C151.01 23.0257 148.991 19.81 146.084 17.8088C143.176 15.8076 139.738 14.7984 135.77 14.7984C130.296 14.7984 125.918 16.7654 122.599 20.6995C119.281 24.6335 117.639 30.0727 117.639 37C117.639 43.9273 119.298 49.3494 122.599 53.3005C125.918 57.2346 130.296 59.2016 135.77 59.2016C139.892 59.2016 143.552 57.9359 146.751 55.4044C149.966 52.8729 151.899 49.1784 152.549 44.3036H158.878C158.228 50.923 155.696 56.0373 151.283 59.6121C146.87 63.204 141.705 65 135.787 65H135.77Z"
24
24
  }
25
25
  ),
26
- /* @__PURE__ */ C(
26
+ /* @__PURE__ */ i(
27
27
  "path",
28
28
  {
29
29
  fill: "white",
30
30
  d: "M181.37 15.3286C177.915 15.3286 176.17 17.1588 176.17 20.8192V24.9585H184.449V30.2266H176.17V63.7856H170.15V30.2266H163.753V24.9585H170.15V20.9731C170.15 13.7037 173.759 10.0605 180.994 10.0605C182.345 10.0605 183.628 10.1118 184.825 10.2144V15.3286H181.37Z"
31
31
  }
32
32
  ),
33
- /* @__PURE__ */ C(
33
+ /* @__PURE__ */ i(
34
34
  "path",
35
35
  {
36
36
  fill: "white",
37
37
  d: "M223.67 24.9585L209.593 43.9273L224.422 63.8027H217.341L215.237 60.8607C212.021 56.2938 208.994 52.0861 206.137 48.2205C201.93 53.8992 198.834 58.124 196.884 60.9462L194.849 63.8027H187.853L202.682 43.9273L188.605 24.9585H195.687L198.697 29.0977C201.656 33.1173 204.17 36.6237 206.223 39.6341C208.789 36.025 211.286 32.5015 213.749 29.0977L216.691 24.9585H223.687H223.67Z"
38
38
  }
39
- ),
40
- /* @__PURE__ */ C(
41
- "path",
42
- {
43
- fill: "white",
44
- d: "M237.285 63.7856H229.69V56.2596H237.285V63.7856Z"
45
- }
46
- ),
47
- /* @__PURE__ */ C(
48
- "path",
49
- {
50
- fill: "white",
51
- d: "M264.908 24.3598C265.712 24.3598 266.396 24.3769 266.944 24.4282V30.2266H265.439C261.47 30.2266 258.357 31.2016 256.1 33.1686C253.842 35.1185 252.713 37.9578 252.713 41.6695V63.8027H246.692V24.9585H252.405V31.8002C255.056 26.84 259.23 24.3427 264.891 24.3427L264.908 24.3598Z"
52
- }
53
- ),
54
- /* @__PURE__ */ C(
55
- "path",
56
- {
57
- fill: "white",
58
- d: "M288.016 64.6921C282.646 64.6921 278.301 62.8619 274.966 59.2016C271.63 55.5412 269.954 50.598 269.954 44.372C269.954 38.146 271.596 33.3396 274.88 29.628C278.164 25.9163 282.492 24.0519 287.863 24.0519C293.233 24.0519 297.8 25.9847 300.965 29.8503C304.129 33.7159 305.702 38.5565 305.702 44.372V46.4759H276.197C276.505 50.7349 277.685 53.9334 279.772 56.0373C281.859 58.1411 284.647 59.2016 288.17 59.2016C293.541 59.2016 296.979 56.7899 298.484 51.9835H304.728C303.718 55.7978 301.803 58.8766 298.963 61.2028C296.124 63.529 292.481 64.7092 288.016 64.7092V64.6921ZM276.351 41.0538H299.237C298.929 37.7013 297.8 34.9304 295.816 32.7752C293.832 30.62 291.181 29.5425 287.88 29.5425C284.767 29.5425 282.201 30.5174 280.166 32.4844C278.13 34.4343 276.864 37.3079 276.368 41.0709L276.351 41.0538Z"
59
- }
60
39
  )
61
40
  ] }),
62
- /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_223_2212", children: /* @__PURE__ */ C("rect", { width: "335.003", height: "74", fill: "white" }) }) })
41
+ /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_1099_125", children: /* @__PURE__ */ i("rect", { width: "224.003", height: "74", fill: "white" }) }) })
63
42
  ]
64
43
  }
65
44
  );
66
45
  }
67
- const e = t.memo(H);
46
+ const h = l.memo(C);
68
47
  export {
69
- e as default
48
+ h as default
70
49
  };
package/dist/components/Logos/cfx/Wordmark.js CHANGED
@@ -1,60 +1,31 @@
1
1
  import { jsxs as t, jsx as C } from "react/jsx-runtime";
2
2
  import H from "react";
3
- function i() {
4
- return /* @__PURE__ */ t(
5
- "svg",
6
- {
7
- viewBox: "0 0 224 60",
8
- fill: "none",
9
- xmlns: "http://www.w3.org/2000/svg",
10
- children: [
11
- /* @__PURE__ */ C(
12
- "path",
13
- {
14
- fill: "white",
15
- d: "M24.7673 58C17.4979 58 11.5455 55.4685 6.92731 50.4056C2.3091 45.3256 0 38.5351 0 30C0 21.4649 2.3091 14.6744 6.92731 9.59438C11.5455 4.53146 17.4808 2 24.7673 2C30.3946 2 35.2694 3.5394 39.4087 6.58399C43.548 9.62859 46.2676 14.2639 47.5675 20.4386H41.1704C40.0073 16.0257 37.989 12.81 35.0812 10.8088C32.1735 8.80758 28.7355 7.79841 24.7673 7.79841C19.2938 7.79841 14.9151 9.76542 11.5968 13.6995C8.27856 17.6335 6.63653 23.0727 6.63653 30C6.63653 36.9273 8.29566 42.3494 11.5968 46.3005C14.9151 50.2346 19.2938 52.2016 24.7673 52.2016C28.8894 52.2016 32.5498 50.9359 35.7483 48.4044C38.964 45.8729 40.8968 42.1784 41.5467 37.3036H47.8754C47.2254 43.923 44.6939 49.0373 40.281 52.6121C35.868 56.204 30.7025 58 24.7844 58H24.7673Z"
16
- }
17
- ),
18
- /* @__PURE__ */ C(
19
- "path",
20
- {
21
- fill: "white",
22
- d: "M70.3677 8.32865C66.9126 8.32865 65.168 10.1588 65.168 13.8192V17.9585H73.4465V23.2266H65.168V56.7856H59.1472V23.2266H52.7502V17.9585H59.1472V13.9731C59.1472 6.70373 62.7563 3.06048 69.9914 3.06048C71.3427 3.06048 72.6255 3.11179 73.8228 3.21442V8.32865H70.3677Z"
23
- }
24
- ),
25
- /* @__PURE__ */ C(
26
- "path",
27
- {
28
- fill: "white",
29
- d: "M112.667 17.9585L98.5901 36.9273L113.42 56.8027H106.338L104.235 53.8607C101.019 49.2938 97.9914 45.0861 95.135 41.2205C90.9273 46.8992 87.8314 51.124 85.8815 53.9462L83.8461 56.8027H76.8503L91.6799 36.9273L77.6029 17.9585H84.6842L87.6946 22.0977C90.6536 26.1173 93.168 29.6237 95.2205 32.6341C97.7862 29.025 100.283 25.5015 102.746 22.0977L105.688 17.9585H112.684H112.667Z"
30
- }
31
- ),
32
- /* @__PURE__ */ C(
33
- "path",
34
- {
35
- fill: "white",
36
- d: "M126.282 56.7856H118.688V49.2596H126.282V56.7856Z"
37
- }
38
- ),
39
- /* @__PURE__ */ C(
40
- "path",
41
- {
42
- fill: "white",
43
- d: "M153.906 17.3598C154.71 17.3598 155.394 17.3769 155.941 17.4282V23.2266H154.436C150.468 23.2266 147.355 24.2016 145.097 26.1686C142.839 28.1185 141.71 30.9578 141.71 34.6695V56.8027H135.69V17.9585H141.403V24.8002C144.054 19.84 148.227 17.3427 153.889 17.3427L153.906 17.3598Z"
44
- }
45
- ),
46
- /* @__PURE__ */ C(
47
- "path",
48
- {
49
- fill: "white",
50
- d: "M177.014 57.6921C171.643 57.6921 167.299 55.8619 163.963 52.2016C160.628 48.5412 158.952 43.598 158.952 37.372C158.952 31.146 160.594 26.3396 163.878 22.628C167.162 18.9163 171.489 17.0519 176.86 17.0519C182.231 17.0519 186.798 18.9847 189.962 22.8503C193.126 26.7159 194.7 31.5565 194.7 37.372V39.4759H165.195C165.503 43.7349 166.683 46.9334 168.77 49.0373C170.856 51.1411 173.644 52.2016 177.168 52.2016C182.539 52.2016 185.977 49.7899 187.482 44.9835H193.725C192.716 48.7978 190.8 51.8766 187.961 54.2028C185.122 56.529 181.478 57.7092 177.014 57.7092V57.6921ZM165.349 34.0538H188.235C187.927 30.7013 186.798 27.9304 184.814 25.7752C182.83 23.62 180.178 22.5425 176.877 22.5425C173.764 22.5425 171.199 23.5174 169.163 25.4844C167.128 27.4343 165.862 30.3079 165.366 34.0709L165.349 34.0538Z"
51
- }
52
- )
53
- ]
54
- }
55
- );
3
+ function o() {
4
+ return /* @__PURE__ */ t("svg", { viewBox: "0 0 114 56", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
5
+ /* @__PURE__ */ C(
6
+ "path",
7
+ {
8
+ fill: "white",
9
+ d: "M24.7673 56C17.4979 56 11.5455 53.4685 6.92731 48.4056C2.3091 43.3256 0 36.5351 0 28C0 19.4649 2.3091 12.6744 6.92731 7.59438C11.5455 2.53146 17.4808 0 24.7673 0C30.3946 0 35.2694 1.5394 39.4087 4.58399C43.548 7.62859 46.2676 12.2639 47.5675 18.4386H41.1704C40.0073 14.0257 37.989 10.81 35.0812 8.8088C32.1735 6.80758 28.7355 5.79841 24.7673 5.79841C19.2938 5.79841 14.9151 7.76542 11.5968 11.6995C8.27856 15.6335 6.63653 21.0727 6.63653 28C6.63653 34.9273 8.29566 40.3494 11.5968 44.3005C14.9151 48.2346 19.2938 50.2016 24.7673 50.2016C28.8894 50.2016 32.5498 48.9359 35.7483 46.4044C38.964 43.8729 40.8968 40.1784 41.5467 35.3036H47.8754C47.2254 41.923 44.6939 47.0373 40.281 50.6121C35.868 54.204 30.7025 56 24.7844 56H24.7673Z"
10
+ }
11
+ ),
12
+ /* @__PURE__ */ C(
13
+ "path",
14
+ {
15
+ fill: "white",
16
+ d: "M70.3677 6.32865C66.9126 6.32865 65.168 8.15883 65.168 11.8192V15.9585H73.4465V21.2266H65.168V54.7856H59.1472V21.2266H52.7502V15.9585H59.1472V11.9731C59.1472 4.70373 62.7563 1.06048 69.9914 1.06048C71.3427 1.06048 72.6255 1.11179 73.8228 1.21442V6.32865H70.3677Z"
17
+ }
18
+ ),
19
+ /* @__PURE__ */ C(
20
+ "path",
21
+ {
22
+ fill: "white",
23
+ d: "M112.667 15.9585L98.5901 34.9273L113.42 54.8027H106.338L104.235 51.8607C101.019 47.2938 97.9914 43.0861 95.135 39.2205C90.9273 44.8992 87.8314 49.124 85.8815 51.9462L83.8461 54.8027H76.8503L91.6799 34.9273L77.6029 15.9585H84.6842L87.6946 20.0977C90.6536 24.1173 93.168 27.6237 95.2205 30.6341C97.7862 27.025 100.283 23.5015 102.746 20.0977L105.688 15.9585H112.684H112.667Z"
24
+ }
25
+ )
26
+ ] });
56
27
  }
57
- const V = H.memo(i);
28
+ const i = H.memo(o);
58
29
  export {
59
- V as default
30
+ i as default
60
31
  };
package/dist/main.js CHANGED
@@ -46,7 +46,7 @@ import { Flex as lr } from "./components/Layout/Flex/Flex.js";
46
46
  import { FlexRestricter as ir } from "./components/Layout/Flex/FlexRestricter.js";
47
47
  import { Pad as cr } from "./components/Layout/Pad/Pad.js";
48
48
  import { Page as dr } from "./components/Layout/Page/Page.js";
49
- import { R as Tr } from "./Rail-rtPENZs2.js";
49
+ import { R as Tr } from "./Rail-nVRissv6.js";
50
50
  import { Scrollable as Lr } from "./components/Layout/Scrollable/Scrollable.js";
51
51
  import { VirtualScrollable as yr } from "./components/Layout/Scrollable/VirtualScrollable.js";
52
52
  import { Loaf as Sr } from "./components/Loaf/Loaf.js";