@trafilea/afrodita-components 7.1.15 → 7.1.17

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.
@@ -1,2 +1,2 @@
1
- import{__rest as i,__assign as e}from"tslib";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useTheme as t}from"../../core/theme/Theme.js";import{ComponentSize as n}from"../../types/enums.js";import{StyledBaseButton as s,ProgressBar as m,StyledIcon as d}from"./styled.js";var a=function(a){var l,p,h,g,v=a.text,c=a.wide,f=void 0!==c&&c,u=a.size,w=void 0===u?n.Medium:u,x=a.iconName,j=a.icon,z=a.alignItems,I=a.progress,b=i(a,["text","wide","size","iconName","icon","alignItems","progress"]),y=t(),N="right",E="10px",L="24px";if(j){if(!j.name)throw new Error("name must be provided when using the icon prop");g=j.name,N=null!==(l=j.position)&&void 0!==l?l:N,E=null!==(p=j.margin)&&void 0!==p?p:E,L=null!==(h=j.size)&&void 0!==h?h:L}else g=x;var M={fill:y.colors.shades.white.color,name:g,width:L,height:L};return o(s,e({},b,{wide:f,size:w,alignItems:z},{children:[!!I&&I>0&&r(m,{progress:I},void 0),g&&"left"===N&&r(d,e({},M,{marginRight:E}),void 0),r("span",{children:v},void 0),g&&"right"===N&&r(d,e({},M,{marginLeft:E}),void 0)]}),void 0)};export{a as default};
1
+ import{__rest as i,__assign as e}from"tslib";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useTheme as t}from"../../core/theme/Theme.js";import{ComponentSize as s}from"../../types/enums.js";import{StyledBaseButton as m,ProgressBar as n,StyledIcon as d}from"./styled.js";var a=function(a){var l,p,g,h,v=a.text,f=a.wide,c=void 0!==f&&f,u=a.size,w=void 0===u?s.Medium:u,x=a.iconName,j=a.icon,z=a.alignItems,I=a.progress,b=i(a,["text","wide","size","iconName","icon","alignItems","progress"]),y=t(),N="right",E="10px",L="24px";if(j){if(!j.name)throw new Error("name must be provided when using the icon prop");h=j.name,N=null!==(l=j.position)&&void 0!==l?l:N,E=null!==(p=j.margin)&&void 0!==p?p:E,L=null!==(g=j.size)&&void 0!==g?g:L}else h=x;var M={fill:y.colors.shades.white.color,name:h,width:L,height:L};return o(m,e({},b,{wide:c,size:w,alignItems:z},{children:[!!I&&I>0&&r(n,{progress:I},void 0),h&&"left"===N&&r(d,e({},M,{marginRight:E}),void 0),v,h&&"right"===N&&r(d,e({},M,{marginLeft:E}),void 0)]}),void 0)};export{a as default};
2
2
  //# sourceMappingURL=BaseCTA.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import{ComponentSize as o}from"../../types/enums.js";import"react/jsx-runtime";import"../atoms/PriceLabel/PriceLabel.js";import"../atoms/PriceLabelV2/PriceLabelV2.js";import"../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as e}from"../atoms/Icon/Icon.js";import"react";import"../../core/theme/Theme.js";import"../atoms/Image/styled.js";import"../atoms/Toggle/toggle.styled.js";import r from"../shared/button/BaseButton.js";var i,a,s,l,m=((i={})[o.Small]="small",i[o.Medium]="medium",i[o.Large]="large",i[o.XSmall]="small",i[o.XXSmall]="small",i),d=t(r)(a||(a=n(["\n position: relative;\n width: ",";\n font-size: ",";\n padding: ",";\n font-weight: ",";\n border-radius: ",";\n cursor: pointer;\n ","\n &:disabled {\n background-color: ",";\n color: ",";\n cursor: not-allowed;\n }\n svg {\n color: inherit;\n }\n > span {\n z-index: 2;\n }\n"],["\n position: relative;\n width: ",";\n font-size: ",";\n padding: ",";\n font-weight: ",";\n border-radius: ",";\n cursor: pointer;\n ","\n &:disabled {\n background-color: ",";\n color: ",";\n cursor: not-allowed;\n }\n svg {\n color: inherit;\n }\n > span {\n z-index: 2;\n }\n"])),(function(n){return n.wide?"100%":"fit-content"}),(function(n){var t=n.theme,o=n.size;return t.component.button.size[m[o]].fontSize}),(function(n){var t=n.theme,o=n.size;return t.component.button.size[m[o]].padding}),(function(n){return n.theme.component.button.fontWeight}),(function(n){return n.theme.component.button.borderRadius}),(function(n){var t=n.alignItems;return t&&"align-items: ".concat(t,";")}),(function(n){return n.theme.colors.background.disabled}),(function(n){return n.theme.colors.text.disabled})),c=t(e)(s||(s=n(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.marginLeft,o=n.marginRight;return"\n margin-left: ".concat(null!=t?t:"10px",";\n margin-right: ").concat(null!=o?o:"10px",";\n ")})),u=t.div(l||(l=n(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background-color: #d86a4f;\n transition: width 0.1s linear;\n border-radius: ",";\n width: ",";\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background-color: #d86a4f;\n transition: width 0.1s linear;\n border-radius: ",";\n width: ",";\n z-index: 1;\n"])),(function(n){return n.theme.component.button.borderRadius}),(function(n){var t=n.progress;return t?"".concat(t,"%"):"0%"}));export{u as ProgressBar,d as StyledBaseButton,c as StyledIcon};
1
+ import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import{ComponentSize as o}from"../../types/enums.js";import"react/jsx-runtime";import"../atoms/PriceLabel/PriceLabel.js";import"../atoms/PriceLabelV2/PriceLabelV2.js";import"../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as r}from"../atoms/Icon/Icon.js";import"react";import"../../core/theme/Theme.js";import"../atoms/Image/styled.js";import"../atoms/Toggle/toggle.styled.js";import e from"../shared/button/BaseButton.js";var i,a,s,l,m=((i={})[o.Small]="small",i[o.Medium]="medium",i[o.Large]="large",i[o.XSmall]="small",i[o.XXSmall]="small",i),c=t(e)(a||(a=n(["\n width: ",";\n font-size: ",";\n padding: ",";\n font-weight: ",";\n border-radius: ",";\n cursor: pointer;\n ","\n &:disabled {\n background-color: ",";\n color: ",";\n cursor: not-allowed;\n }\n svg {\n color: inherit;\n }\n"],["\n width: ",";\n font-size: ",";\n padding: ",";\n font-weight: ",";\n border-radius: ",";\n cursor: pointer;\n ","\n &:disabled {\n background-color: ",";\n color: ",";\n cursor: not-allowed;\n }\n svg {\n color: inherit;\n }\n"])),(function(n){return n.wide?"100%":"fit-content"}),(function(n){var t=n.theme,o=n.size;return t.component.button.size[m[o]].fontSize}),(function(n){var t=n.theme,o=n.size;return t.component.button.size[m[o]].padding}),(function(n){return n.theme.component.button.fontWeight}),(function(n){return n.theme.component.button.borderRadius}),(function(n){var t=n.alignItems;return t&&"align-items: ".concat(t,";")}),(function(n){return n.theme.colors.background.disabled}),(function(n){return n.theme.colors.text.disabled})),d=t(r)(s||(s=n(["\n ","\n"],["\n ","\n"])),(function(n){var t=n.marginLeft,o=n.marginRight;return"\n margin-left: ".concat(null!=t?t:"10px",";\n margin-right: ").concat(null!=o?o:"10px",";\n ")})),u=t.div(l||(l=n(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background-color: #d86a4f;\n transition: width 0.1s linear;\n border-radius: ",";\n width: ",";\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background-color: #d86a4f;\n transition: width 0.1s linear;\n border-radius: ",";\n width: ",";\n z-index: 1;\n"])),(function(n){return n.theme.component.button.borderRadius}),(function(n){var t=n.progress;return t?"".concat(t,"%"):"0%"}));export{u as ProgressBar,c as StyledBaseButton,d as StyledIcon};
2
2
  //# sourceMappingURL=styled.js.map
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("tslib"),i=require("react/jsx-runtime"),s=require("../../core/theme/Theme.js"),r=require("../../types/enums.js"),n=require("./styled.js");module.exports=function(o){var t,d,a,l,m=o.text,u=o.wide,g=void 0!==u&&u,h=o.size,c=void 0===h?r.ComponentSize.Medium:h,v=o.iconName,p=o.icon,x=o.alignItems,j=o.progress,w=e.__rest(o,["text","wide","size","iconName","icon","alignItems","progress"]),_=s.useTheme(),f="right",q="10px",y="24px";if(p){if(!p.name)throw new Error("name must be provided when using the icon prop");l=p.name,f=null!==(t=p.position)&&void 0!==t?t:f,q=null!==(d=p.margin)&&void 0!==d?d:q,y=null!==(a=p.size)&&void 0!==a?a:y}else l=v;var z={fill:_.colors.shades.white.color,name:l,width:y,height:y},I=!!j&&j>0;return i.jsxs(n.StyledBaseButton,e.__assign({},w,{wide:g,size:c,alignItems:x},{children:[I&&i.jsx(n.ProgressBar,{progress:j},void 0),l&&"left"===f&&i.jsx(n.StyledIcon,e.__assign({},z,{marginRight:q}),void 0),i.jsx("span",{children:m},void 0),l&&"right"===f&&i.jsx(n.StyledIcon,e.__assign({},z,{marginLeft:q}),void 0)]}),void 0)};
1
+ "use strict";var e=require("tslib"),i=require("react/jsx-runtime"),s=require("../../core/theme/Theme.js"),r=require("../../types/enums.js"),o=require("./styled.js");module.exports=function(t){var n,d,a,l,m=t.text,u=t.wide,g=void 0!==u&&u,h=t.size,c=void 0===h?r.ComponentSize.Medium:h,v=t.iconName,p=t.icon,x=t.alignItems,j=t.progress,w=e.__rest(t,["text","wide","size","iconName","icon","alignItems","progress"]),_=s.useTheme(),f="right",q="10px",y="24px";if(p){if(!p.name)throw new Error("name must be provided when using the icon prop");l=p.name,f=null!==(n=p.position)&&void 0!==n?n:f,q=null!==(d=p.margin)&&void 0!==d?d:q,y=null!==(a=p.size)&&void 0!==a?a:y}else l=v;var z={fill:_.colors.shades.white.color,name:l,width:y,height:y},I=!!j&&j>0;return i.jsxs(o.StyledBaseButton,e.__assign({},w,{wide:g,size:c,alignItems:x},{children:[I&&i.jsx(o.ProgressBar,{progress:j},void 0),l&&"left"===f&&i.jsx(o.StyledIcon,e.__assign({},z,{marginRight:q}),void 0),m,l&&"right"===f&&i.jsx(o.StyledIcon,e.__assign({},z,{marginLeft:q}),void 0)]}),void 0)};
2
2
  //# sourceMappingURL=BaseCTA.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled"),t=require("../../types/enums.js");require("react/jsx-runtime"),require("../atoms/PriceLabel/PriceLabel.js"),require("../atoms/PriceLabelV2/PriceLabelV2.js"),require("../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../atoms/HorizontalDivider/HorizontalDivider.js");var r=require("../atoms/Icon/Icon.js");require("react"),require("../../core/theme/Theme.js"),require("../atoms/Image/styled.js"),require("../atoms/Toggle/toggle.styled.js");var o=require("../shared/button/BaseButton.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,s,u,l,d=i(n),c=((a={})[t.ComponentSize.Small]="small",a[t.ComponentSize.Medium]="medium",a[t.ComponentSize.Large]="large",a[t.ComponentSize.XSmall]="small",a[t.ComponentSize.XXSmall]="small",a),m=d.default(o)(s||(s=e.__makeTemplateObject(["\n position: relative;\n width: ",";\n font-size: ",";\n padding: ",";\n font-weight: ",";\n border-radius: ",";\n cursor: pointer;\n ","\n &:disabled {\n background-color: ",";\n color: ",";\n cursor: not-allowed;\n }\n svg {\n color: inherit;\n }\n > span {\n z-index: 2;\n }\n"],["\n position: relative;\n width: ",";\n font-size: ",";\n padding: ",";\n font-weight: ",";\n border-radius: ",";\n cursor: pointer;\n ","\n &:disabled {\n background-color: ",";\n color: ",";\n cursor: not-allowed;\n }\n svg {\n color: inherit;\n }\n > span {\n z-index: 2;\n }\n"])),(function(e){return e.wide?"100%":"fit-content"}),(function(e){var n=e.theme,t=e.size;return n.component.button.size[c[t]].fontSize}),(function(e){var n=e.theme,t=e.size;return n.component.button.size[c[t]].padding}),(function(e){return e.theme.component.button.fontWeight}),(function(e){return e.theme.component.button.borderRadius}),(function(e){var n=e.alignItems;return n&&"align-items: ".concat(n,";")}),(function(e){return e.theme.colors.background.disabled}),(function(e){return e.theme.colors.text.disabled})),b=d.default(r.Icon)(u||(u=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.marginLeft,t=e.marginRight;return"\n margin-left: ".concat(null!=n?n:"10px",";\n margin-right: ").concat(null!=t?t:"10px",";\n ")})),p=d.default.div(l||(l=e.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background-color: #d86a4f;\n transition: width 0.1s linear;\n border-radius: ",";\n width: ",";\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background-color: #d86a4f;\n transition: width 0.1s linear;\n border-radius: ",";\n width: ",";\n z-index: 1;\n"])),(function(e){return e.theme.component.button.borderRadius}),(function(e){var n=e.progress;return n?"".concat(n,"%"):"0%"}));exports.ProgressBar=p,exports.StyledBaseButton=m,exports.StyledIcon=b;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled"),t=require("../../types/enums.js");require("react/jsx-runtime"),require("../atoms/PriceLabel/PriceLabel.js"),require("../atoms/PriceLabelV2/PriceLabelV2.js"),require("../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../atoms/HorizontalDivider/HorizontalDivider.js");var r=require("../atoms/Icon/Icon.js");require("react"),require("../../core/theme/Theme.js"),require("../atoms/Image/styled.js"),require("../atoms/Toggle/toggle.styled.js");var o=require("../shared/button/BaseButton.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,u,s,l,c=i(n),d=((a={})[t.ComponentSize.Small]="small",a[t.ComponentSize.Medium]="medium",a[t.ComponentSize.Large]="large",a[t.ComponentSize.XSmall]="small",a[t.ComponentSize.XXSmall]="small",a),m=c.default(o)(u||(u=e.__makeTemplateObject(["\n width: ",";\n font-size: ",";\n padding: ",";\n font-weight: ",";\n border-radius: ",";\n cursor: pointer;\n ","\n &:disabled {\n background-color: ",";\n color: ",";\n cursor: not-allowed;\n }\n svg {\n color: inherit;\n }\n"],["\n width: ",";\n font-size: ",";\n padding: ",";\n font-weight: ",";\n border-radius: ",";\n cursor: pointer;\n ","\n &:disabled {\n background-color: ",";\n color: ",";\n cursor: not-allowed;\n }\n svg {\n color: inherit;\n }\n"])),(function(e){return e.wide?"100%":"fit-content"}),(function(e){var n=e.theme,t=e.size;return n.component.button.size[d[t]].fontSize}),(function(e){var n=e.theme,t=e.size;return n.component.button.size[d[t]].padding}),(function(e){return e.theme.component.button.fontWeight}),(function(e){return e.theme.component.button.borderRadius}),(function(e){var n=e.alignItems;return n&&"align-items: ".concat(n,";")}),(function(e){return e.theme.colors.background.disabled}),(function(e){return e.theme.colors.text.disabled})),b=c.default(r.Icon)(s||(s=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(e){var n=e.marginLeft,t=e.marginRight;return"\n margin-left: ".concat(null!=n?n:"10px",";\n margin-right: ").concat(null!=t?t:"10px",";\n ")})),f=c.default.div(l||(l=e.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background-color: #d86a4f;\n transition: width 0.1s linear;\n border-radius: ",";\n width: ",";\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background-color: #d86a4f;\n transition: width 0.1s linear;\n border-radius: ",";\n width: ",";\n z-index: 1;\n"])),(function(e){return e.theme.component.button.borderRadius}),(function(e){var n=e.progress;return n?"".concat(n,"%"):"0%"}));exports.ProgressBar=f,exports.StyledBaseButton=m,exports.StyledIcon=b;
2
2
  //# sourceMappingURL=styled.js.map
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": "7.1.15",
6
+ "version": "7.1.17",
7
7
  "private": false,
8
8
  "main": "build/lib/index.js",
9
9
  "style": "build/es/index.css",