@trafilea/afrodita-components 5.0.0-beta.312 → 5.0.0-beta.313

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 (4) hide show
  1. package/build/index.d.ts +2 -1
  2. package/build/index.esm.js +4 -4
  3. package/build/index.js +4 -4
  4. package/package.json +1 -1
package/build/index.d.ts CHANGED
@@ -2386,8 +2386,9 @@ interface ScrollToTopProps {
2386
2386
  scrollToTopText: string;
2387
2387
  onClick: () => void;
2388
2388
  fill?: string;
2389
+ Icon?: React.FC<IconProps$1>;
2389
2390
  }
2390
- declare const ScrollToTop: ({ scrollToTopText, onClick, fill }: ScrollToTopProps) => JSX.Element;
2391
+ declare const ScrollToTop: ({ scrollToTopText, onClick, fill, Icon, }: ScrollToTopProps) => JSX.Element;
2391
2392
 
2392
2393
  interface OrderBarProps {
2393
2394
  message: string;
package/build/index.esm.js CHANGED
@@ -675,8 +675,8 @@ var CircleLineRight = function (_a) {
675
675
  };
676
676
 
677
677
  var DoubleArrowUp = function (_a) {
678
- var width = _a.width, height = _a.height; _a.fill;
679
- return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 1792, viewBoxY: 1792, title: "circle up" }, { children: jsx$1("path", { d: "M1395 1312q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23zm0-384q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z" }, void 0) }), void 0));
678
+ var width = _a.width, height = _a.height, fill = _a.fill;
679
+ return (jsxs$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 22.0835, viewBoxY: 22.4102, title: "circle up", fill: fill }, { children: [jsxs$1("g", __assign$1({ clipPath: "url(#clip0_26_11035)" }, { children: [jsx$1("circle", { cx: "11.0835", cy: "11.4102", r: "11", fill: "#CC4125" }, void 0), jsxs$1("g", __assign$1({ clipPath: "url(#clip1_26_11035)" }, { children: [jsx$1("path", { d: "M6.0835 10.4102L11.0835 5.41016", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }, void 0), jsx$1("path", { d: "M6.0835 16.4102L11.0835 11.4102", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }, void 0), jsx$1("path", { d: "M16.0835 10.4102L11.0835 5.41016", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }, void 0), jsx$1("path", { d: "M16.0835 16.4102L11.0835 11.4102", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }, void 0)] }), void 0)] }), void 0), jsx$1("clipPath", __assign$1({ id: "clip0_26_11035" }, { children: jsx$1("rect", { width: "22", height: "22", fill: "white", transform: "translate(0.0834961 0.410156)" }, void 0) }), void 0), jsx$1("clipPath", __assign$1({ id: "clip1_26_11035" }, { children: jsx$1("rect", { width: "10", height: "11", fill: "white", transform: "translate(6.0835 5.41016)" }, void 0) }), void 0)] }), void 0));
680
680
  };
681
681
 
682
682
  var Arrows = /*#__PURE__*/Object.freeze({
@@ -13273,10 +13273,10 @@ var templateObject_1$X, templateObject_2$G, templateObject_3$B, templateObject_4
13273
13273
  var Container$F = newStyled.div(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n"], ["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n"])));
13274
13274
  var Text$4 = newStyled.p(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 700;\n color: ", ";\n margin-right: 0.313rem;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 700;\n color: ", ";\n margin-right: 0.313rem;\n"])), function (props) { return props.color; });
13275
13275
  var ScrollToTop = function (_a) {
13276
- var scrollToTopText = _a.scrollToTopText, onClick = _a.onClick, fill = _a.fill;
13276
+ var scrollToTopText = _a.scrollToTopText, onClick = _a.onClick, fill = _a.fill, _b = _a.Icon, Icon$1 = _b === void 0 ? Icon.Arrows.CircleChevronUp : _b;
13277
13277
  var theme = useTheme();
13278
13278
  var fillValue = fill || theme.colors.pallete.primary.color;
13279
- return (jsxs$1(Container$F, __assign$1({ onClick: onClick, "data-testid": "scrollTopContainer" }, { children: [jsx$1(Text$4, __assign$1({ color: theme.colors.shades['700'].color }, { children: scrollToTopText }), void 0), jsx$1(Icon.Arrows.CircleChevronUp, { width: 1.375, height: 1.375, fill: fillValue }, void 0)] }), void 0));
13279
+ return (jsxs$1(Container$F, __assign$1({ onClick: onClick, "data-testid": "scrollTopContainer" }, { children: [jsx$1(Text$4, __assign$1({ color: theme.colors.shades['700'].color }, { children: scrollToTopText }), void 0), jsx$1(Icon$1, { width: 1.375, height: 1.375, fill: fillValue }, void 0)] }), void 0));
13280
13280
  };
13281
13281
  var templateObject_1$W, templateObject_2$F;
13282
13282
 
package/build/index.js CHANGED
@@ -701,8 +701,8 @@ var CircleLineRight = function (_a) {
701
701
  };
702
702
 
703
703
  var DoubleArrowUp = function (_a) {
704
- var width = _a.width, height = _a.height; _a.fill;
705
- return (jsxRuntime.jsx(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 1792, viewBoxY: 1792, title: "circle up" }, { children: jsxRuntime.jsx("path", { d: "M1395 1312q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23zm0-384q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z" }, void 0) }), void 0));
704
+ var width = _a.width, height = _a.height, fill = _a.fill;
705
+ return (jsxRuntime.jsxs(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 22.0835, viewBoxY: 22.4102, title: "circle up", fill: fill }, { children: [jsxRuntime.jsxs("g", __assign$1({ clipPath: "url(#clip0_26_11035)" }, { children: [jsxRuntime.jsx("circle", { cx: "11.0835", cy: "11.4102", r: "11", fill: "#CC4125" }, void 0), jsxRuntime.jsxs("g", __assign$1({ clipPath: "url(#clip1_26_11035)" }, { children: [jsxRuntime.jsx("path", { d: "M6.0835 10.4102L11.0835 5.41016", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }, void 0), jsxRuntime.jsx("path", { d: "M6.0835 16.4102L11.0835 11.4102", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }, void 0), jsxRuntime.jsx("path", { d: "M16.0835 10.4102L11.0835 5.41016", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }, void 0), jsxRuntime.jsx("path", { d: "M16.0835 16.4102L11.0835 11.4102", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }, void 0)] }), void 0)] }), void 0), jsxRuntime.jsx("clipPath", __assign$1({ id: "clip0_26_11035" }, { children: jsxRuntime.jsx("rect", { width: "22", height: "22", fill: "white", transform: "translate(0.0834961 0.410156)" }, void 0) }), void 0), jsxRuntime.jsx("clipPath", __assign$1({ id: "clip1_26_11035" }, { children: jsxRuntime.jsx("rect", { width: "10", height: "11", fill: "white", transform: "translate(6.0835 5.41016)" }, void 0) }), void 0)] }), void 0));
706
706
  };
707
707
 
708
708
  var Arrows = /*#__PURE__*/Object.freeze({
@@ -13299,10 +13299,10 @@ var templateObject_1$X, templateObject_2$G, templateObject_3$B, templateObject_4
13299
13299
  var Container$F = newStyled.div(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n"], ["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n"])));
13300
13300
  var Text$4 = newStyled.p(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 700;\n color: ", ";\n margin-right: 0.313rem;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 700;\n color: ", ";\n margin-right: 0.313rem;\n"])), function (props) { return props.color; });
13301
13301
  var ScrollToTop = function (_a) {
13302
- var scrollToTopText = _a.scrollToTopText, onClick = _a.onClick, fill = _a.fill;
13302
+ var scrollToTopText = _a.scrollToTopText, onClick = _a.onClick, fill = _a.fill, _b = _a.Icon, Icon$1 = _b === void 0 ? Icon.Arrows.CircleChevronUp : _b;
13303
13303
  var theme = useTheme();
13304
13304
  var fillValue = fill || theme.colors.pallete.primary.color;
13305
- return (jsxRuntime.jsxs(Container$F, __assign$1({ onClick: onClick, "data-testid": "scrollTopContainer" }, { children: [jsxRuntime.jsx(Text$4, __assign$1({ color: theme.colors.shades['700'].color }, { children: scrollToTopText }), void 0), jsxRuntime.jsx(Icon.Arrows.CircleChevronUp, { width: 1.375, height: 1.375, fill: fillValue }, void 0)] }), void 0));
13305
+ return (jsxRuntime.jsxs(Container$F, __assign$1({ onClick: onClick, "data-testid": "scrollTopContainer" }, { children: [jsxRuntime.jsx(Text$4, __assign$1({ color: theme.colors.shades['700'].color }, { children: scrollToTopText }), void 0), jsxRuntime.jsx(Icon$1, { width: 1.375, height: 1.375, fill: fillValue }, void 0)] }), void 0));
13306
13306
  };
13307
13307
  var templateObject_1$W, templateObject_2$F;
13308
13308
 
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Trafilea's Design System",
4
4
  "author": "Trafilea",
5
5
  "repository": "https://github.com/trafilea/afrodita-components",
6
- "version": "5.0.0-beta.312",
6
+ "version": "5.0.0-beta.313",
7
7
  "private": false,
8
8
  "main": "build/index.js",
9
9
  "style": "build/index.css",