@trafilea/afrodita-components 5.0.0-beta.216 → 5.0.0-beta.217

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 (3) hide show
  1. package/build/index.esm.js +6 -6
  2. package/build/index.js +6 -6
  3. package/package.json +1 -1
package/build/index.esm.js CHANGED
@@ -5077,11 +5077,11 @@ var TextButton = function (_a) {
5077
5077
  var templateObject_1$1o;
5078
5078
 
5079
5079
  var Container$Y = newStyled.div(templateObject_1$1n || (templateObject_1$1n = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.88rem;\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.88rem;\n"])));
5080
- var P$2 = newStyled.p(templateObject_2$V || (templateObject_2$V = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
5080
+ var P$3 = newStyled.p(templateObject_2$V || (templateObject_2$V = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
5081
5081
  var PercentageSpan = newStyled.span(templateObject_3$I || (templateObject_3$I = __makeTemplateObject(["\n font-weight: 700;\n text-decoration-line: underline;\n cursor: pointer;\n"], ["\n font-weight: 700;\n text-decoration-line: underline;\n cursor: pointer;\n"])));
5082
5082
  var SizeFitGuide = function (_a) {
5083
5083
  var title = _a.title, fitPercentage = _a.fitPercentage, onClick = _a.onClick, onClickFitPercentage = _a.onClickFitPercentage;
5084
- return (jsxs$1(Container$Y, { children: [jsx$1(TextButton, { LeadingIcon: Icon.PDP.Rule, size: ComponentSize.Small, text: title, onClick: onClick, uppercase: false }, void 0), !!fitPercentage && (jsxs$1(P$2, { children: ["Fit As Expected:", ' ', jsxs$1(PercentageSpan, __assign$1({ onClick: onClickFitPercentage, role: "button" }, { children: [fitPercentage, "%"] }), void 0)] }, void 0))] }, void 0));
5084
+ return (jsxs$1(Container$Y, { children: [jsx$1(TextButton, { LeadingIcon: Icon.PDP.Rule, size: ComponentSize.Small, text: title, onClick: onClick, uppercase: false }, void 0), !!fitPercentage && (jsxs$1(P$3, { children: ["Fit As Expected:", ' ', jsxs$1(PercentageSpan, __assign$1({ onClick: onClickFitPercentage, role: "button" }, { children: [fitPercentage, "%"] }), void 0)] }, void 0))] }, void 0));
5085
5085
  };
5086
5086
  var templateObject_1$1n, templateObject_2$V, templateObject_3$I;
5087
5087
 
@@ -11741,7 +11741,7 @@ var Rating = function (_a) {
11741
11741
  };
11742
11742
 
11743
11743
  var Container$O = newStyled.div(templateObject_1$19 || (templateObject_1$19 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n font-size: 0.88rem;\n"], ["\n display: flex;\n align-items: center;\n font-size: 0.88rem;\n"])));
11744
- var P$1 = newStyled.p(templateObject_2$N || (templateObject_2$N = __makeTemplateObject(["\n margin: 0 0.25rem;\n font-weight: 700;\n color: ", ";\n"], ["\n margin: 0 0.25rem;\n font-weight: 700;\n color: ", ";\n"])), function (props) { return props.theme.colors.shades['550'].color; });
11744
+ var P$2 = newStyled.p(templateObject_2$N || (templateObject_2$N = __makeTemplateObject(["\n margin: 0 0.25rem;\n font-weight: 700;\n color: ", ";\n"], ["\n margin: 0 0.25rem;\n font-weight: 700;\n color: ", ";\n"])), function (props) { return props.theme.colors.shades['550'].color; });
11745
11745
  var textButtonStyles = function (theme) { return ({
11746
11746
  border: 'none',
11747
11747
  background: 'transparent',
@@ -11754,11 +11754,11 @@ var textButtonStyles = function (theme) { return ({
11754
11754
  var FitPredictor = function (_a) {
11755
11755
  var onClick = _a.onClick;
11756
11756
  var theme = useTheme();
11757
- return (jsxs(Container$O, __assign$1({ theme: theme }, { children: [jsx(Container$O, { children: jsx(Icon.Other.FitPredictor, { width: 1.125, height: 1.125, fill: theme.colors.shades['550'].color }, void 0) }, void 0), jsx(P$1, __assign$1({ theme: theme }, { children: "FIT PREDICTOR" }), void 0), jsx(BaseButton, __assign$1({ css: textButtonStyles(theme), onClick: onClick }, { children: "Calculate your size" }), void 0)] }), void 0));
11757
+ return (jsxs(Container$O, __assign$1({ theme: theme }, { children: [jsx(Container$O, { children: jsx(Icon.Other.FitPredictor, { width: 1.125, height: 1.125, fill: theme.colors.shades['550'].color }, void 0) }, void 0), jsx(P$2, __assign$1({ theme: theme }, { children: "FIT PREDICTOR" }), void 0), jsx(BaseButton, __assign$1({ css: textButtonStyles(theme), onClick: onClick }, { children: "Calculate your size" }), void 0)] }), void 0));
11758
11758
  };
11759
11759
  var templateObject_1$19, templateObject_2$N;
11760
11760
 
11761
- var H2 = newStyled.h2(function (_a) {
11761
+ var P$1 = newStyled.p(function (_a) {
11762
11762
  var color = _a.color;
11763
11763
  return ({
11764
11764
  textAlign: 'center',
@@ -11813,7 +11813,7 @@ var getBarWithBasedOnPercent = function (percent) {
11813
11813
  var ProgressBar = function (_a) {
11814
11814
  var description = _a.description, fillColor = _a.fillColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? true : _b, percent = _a.percent, height = _a.height, backgroundColor = _a.backgroundColor, borderRadius = _a.borderRadius;
11815
11815
  var theme = useTheme();
11816
- return (jsxs$1(Container$N, __assign$1({ "data-testid": "PBContainer", widthAuto: widthAuto, description: description }, { children: [jsx$1(Background, __assign$1({ backgroundColor: backgroundColor || theme.colors.shades['100'].color, height: height, borderRadius: borderRadius, "data-testid": "PBBackground" }, { children: jsx$1(Bar, { "data-testid": "PBBar", backgroundColor: fillColor, percent: percent, height: height, borderRadius: borderRadius }, void 0) }), void 0), description && jsx$1(H2, __assign$1({ color: theme.colors.pallete.secondary.color }, { children: description }), void 0)] }), void 0));
11816
+ return (jsxs$1(Container$N, __assign$1({ "data-testid": "PBContainer", widthAuto: widthAuto, description: description }, { children: [jsx$1(Background, __assign$1({ backgroundColor: backgroundColor || theme.colors.shades['100'].color, height: height, borderRadius: borderRadius, "data-testid": "PBBackground" }, { children: jsx$1(Bar, { "data-testid": "PBBar", backgroundColor: fillColor, percent: percent, height: height, borderRadius: borderRadius }, void 0) }), void 0), description && (jsx$1(P$1, __assign$1({ "data-testid": "paragraph", color: theme.colors.pallete.secondary.color }, { children: description }), void 0))] }), void 0));
11817
11817
  };
11818
11818
  var templateObject_1$18;
11819
11819
 
package/build/index.js CHANGED
@@ -5103,11 +5103,11 @@ var TextButton = function (_a) {
5103
5103
  var templateObject_1$1o;
5104
5104
 
5105
5105
  var Container$Y = newStyled.div(templateObject_1$1n || (templateObject_1$1n = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.88rem;\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.88rem;\n"])));
5106
- var P$2 = newStyled.p(templateObject_2$V || (templateObject_2$V = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
5106
+ var P$3 = newStyled.p(templateObject_2$V || (templateObject_2$V = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
5107
5107
  var PercentageSpan = newStyled.span(templateObject_3$I || (templateObject_3$I = __makeTemplateObject(["\n font-weight: 700;\n text-decoration-line: underline;\n cursor: pointer;\n"], ["\n font-weight: 700;\n text-decoration-line: underline;\n cursor: pointer;\n"])));
5108
5108
  var SizeFitGuide = function (_a) {
5109
5109
  var title = _a.title, fitPercentage = _a.fitPercentage, onClick = _a.onClick, onClickFitPercentage = _a.onClickFitPercentage;
5110
- return (jsxRuntime.jsxs(Container$Y, { children: [jsxRuntime.jsx(TextButton, { LeadingIcon: Icon.PDP.Rule, size: exports.ComponentSize.Small, text: title, onClick: onClick, uppercase: false }, void 0), !!fitPercentage && (jsxRuntime.jsxs(P$2, { children: ["Fit As Expected:", ' ', jsxRuntime.jsxs(PercentageSpan, __assign$1({ onClick: onClickFitPercentage, role: "button" }, { children: [fitPercentage, "%"] }), void 0)] }, void 0))] }, void 0));
5110
+ return (jsxRuntime.jsxs(Container$Y, { children: [jsxRuntime.jsx(TextButton, { LeadingIcon: Icon.PDP.Rule, size: exports.ComponentSize.Small, text: title, onClick: onClick, uppercase: false }, void 0), !!fitPercentage && (jsxRuntime.jsxs(P$3, { children: ["Fit As Expected:", ' ', jsxRuntime.jsxs(PercentageSpan, __assign$1({ onClick: onClickFitPercentage, role: "button" }, { children: [fitPercentage, "%"] }), void 0)] }, void 0))] }, void 0));
5111
5111
  };
5112
5112
  var templateObject_1$1n, templateObject_2$V, templateObject_3$I;
5113
5113
 
@@ -11767,7 +11767,7 @@ var Rating = function (_a) {
11767
11767
  };
11768
11768
 
11769
11769
  var Container$O = newStyled.div(templateObject_1$19 || (templateObject_1$19 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n font-size: 0.88rem;\n"], ["\n display: flex;\n align-items: center;\n font-size: 0.88rem;\n"])));
11770
- var P$1 = newStyled.p(templateObject_2$N || (templateObject_2$N = __makeTemplateObject(["\n margin: 0 0.25rem;\n font-weight: 700;\n color: ", ";\n"], ["\n margin: 0 0.25rem;\n font-weight: 700;\n color: ", ";\n"])), function (props) { return props.theme.colors.shades['550'].color; });
11770
+ var P$2 = newStyled.p(templateObject_2$N || (templateObject_2$N = __makeTemplateObject(["\n margin: 0 0.25rem;\n font-weight: 700;\n color: ", ";\n"], ["\n margin: 0 0.25rem;\n font-weight: 700;\n color: ", ";\n"])), function (props) { return props.theme.colors.shades['550'].color; });
11771
11771
  var textButtonStyles = function (theme) { return ({
11772
11772
  border: 'none',
11773
11773
  background: 'transparent',
@@ -11780,11 +11780,11 @@ var textButtonStyles = function (theme) { return ({
11780
11780
  var FitPredictor = function (_a) {
11781
11781
  var onClick = _a.onClick;
11782
11782
  var theme = useTheme();
11783
- return (jsxs(Container$O, __assign$1({ theme: theme }, { children: [jsx(Container$O, { children: jsx(Icon.Other.FitPredictor, { width: 1.125, height: 1.125, fill: theme.colors.shades['550'].color }, void 0) }, void 0), jsx(P$1, __assign$1({ theme: theme }, { children: "FIT PREDICTOR" }), void 0), jsx(BaseButton, __assign$1({ css: textButtonStyles(theme), onClick: onClick }, { children: "Calculate your size" }), void 0)] }), void 0));
11783
+ return (jsxs(Container$O, __assign$1({ theme: theme }, { children: [jsx(Container$O, { children: jsx(Icon.Other.FitPredictor, { width: 1.125, height: 1.125, fill: theme.colors.shades['550'].color }, void 0) }, void 0), jsx(P$2, __assign$1({ theme: theme }, { children: "FIT PREDICTOR" }), void 0), jsx(BaseButton, __assign$1({ css: textButtonStyles(theme), onClick: onClick }, { children: "Calculate your size" }), void 0)] }), void 0));
11784
11784
  };
11785
11785
  var templateObject_1$19, templateObject_2$N;
11786
11786
 
11787
- var H2 = newStyled.h2(function (_a) {
11787
+ var P$1 = newStyled.p(function (_a) {
11788
11788
  var color = _a.color;
11789
11789
  return ({
11790
11790
  textAlign: 'center',
@@ -11839,7 +11839,7 @@ var getBarWithBasedOnPercent = function (percent) {
11839
11839
  var ProgressBar = function (_a) {
11840
11840
  var description = _a.description, fillColor = _a.fillColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? true : _b, percent = _a.percent, height = _a.height, backgroundColor = _a.backgroundColor, borderRadius = _a.borderRadius;
11841
11841
  var theme = useTheme();
11842
- return (jsxRuntime.jsxs(Container$N, __assign$1({ "data-testid": "PBContainer", widthAuto: widthAuto, description: description }, { children: [jsxRuntime.jsx(Background, __assign$1({ backgroundColor: backgroundColor || theme.colors.shades['100'].color, height: height, borderRadius: borderRadius, "data-testid": "PBBackground" }, { children: jsxRuntime.jsx(Bar, { "data-testid": "PBBar", backgroundColor: fillColor, percent: percent, height: height, borderRadius: borderRadius }, void 0) }), void 0), description && jsxRuntime.jsx(H2, __assign$1({ color: theme.colors.pallete.secondary.color }, { children: description }), void 0)] }), void 0));
11842
+ return (jsxRuntime.jsxs(Container$N, __assign$1({ "data-testid": "PBContainer", widthAuto: widthAuto, description: description }, { children: [jsxRuntime.jsx(Background, __assign$1({ backgroundColor: backgroundColor || theme.colors.shades['100'].color, height: height, borderRadius: borderRadius, "data-testid": "PBBackground" }, { children: jsxRuntime.jsx(Bar, { "data-testid": "PBBar", backgroundColor: fillColor, percent: percent, height: height, borderRadius: borderRadius }, void 0) }), void 0), description && (jsxRuntime.jsx(P$1, __assign$1({ "data-testid": "paragraph", color: theme.colors.pallete.secondary.color }, { children: description }), void 0))] }), void 0));
11843
11843
  };
11844
11844
  var templateObject_1$18;
11845
11845
 
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.216",
6
+ "version": "5.0.0-beta.217",
7
7
  "private": false,
8
8
  "main": "build/index.js",
9
9
  "style": "build/index.css",