@trafilea/afrodita-components 7.1.13 → 7.1.14

package/build/es/components/cta/BaseCTA.js

@@ -1,2 +1,2 @@
-import{__rest as i,__assign as e}from"tslib";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useTheme as r}from"../../core/theme/Theme.js";import{ComponentSize as m}from"../../types/enums.js";import{StyledBaseButton as n,StyledIcon as s}from"./styled.js";var a=function(a){var d,l,h,p,f=a.text,v=a.wide,c=void 0!==v&&v,g=a.size,u=void 0===g?m.Medium:g,w=a.iconName,x=a.icon,j=a.alignItems,z=i(a,["text","wide","size","iconName","icon","alignItems"]),I=r(),b="right",y="10px",N="24px";if(x){if(!x.name)throw new Error("name must be provided when using the icon prop");p=x.name,b=null!==(d=x.position)&&void 0!==d?d:b,y=null!==(l=x.margin)&&void 0!==l?l:y,N=null!==(h=x.size)&&void 0!==h?h:N}else p=w;var E={fill:I.colors.shades.white.color,name:p,width:N,height:N};return o(n,e({},z,{wide:c,size:u,alignItems:j},{children:[p&&"left"===b&&t(s,e({},E,{marginRight:y}),void 0),f,p&&"right"===b&&t(s,e({},E,{marginLeft:y}),void 0)]}),void 0)};export{a as default};
+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};
 //# sourceMappingURL=BaseCTA.js.map

package/build/es/components/cta/styled.js

@@ -1,2 +1,2 @@
-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,m,a,l=((i={})[o.Small]="small",i[o.Medium]="medium",i[o.Large]="large",i[o.XSmall]="small",i[o.XXSmall]="small",i),s=t(r)(m||(m=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[l[o]].fontSize}),(function(n){var t=n.theme,o=n.size;return t.component.button.size[l[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)(a||(a=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  ")}));export{s as StyledBaseButton,c as StyledIcon};
+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};
 //# sourceMappingURL=styled.js.map

package/build/index.d.ts

@@ -2770,6 +2770,7 @@ declare type CTAProps = {
         size?: string;
     };
     alignItems?: CSSProperties['alignItems'];
+    progress?: number;
 };
 declare type DropdownOption<T> = {
     key: string;
@@ -3420,6 +3421,7 @@ interface BaseCTAProps {
         margin?: string;
     };
     alignItems?: CSSProperties['alignItems'];
+    progress?: number;
 }
 
 declare type ButtonProps = {

package/build/lib/components/cta/BaseCTA.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),s=require("../../core/theme/Theme.js"),t=require("../../types/enums.js"),n=require("./styled.js");module.exports=function(r){var o,d,l,a,m=r.text,u=r.wide,h=void 0!==u&&u,c=r.size,g=void 0===c?t.ComponentSize.Medium:c,v=r.iconName,p=r.icon,x=r.alignItems,w=e.__rest(r,["text","wide","size","iconName","icon","alignItems"]),_=s.useTheme(),j="right",f="10px",q="24px";if(p){if(!p.name)throw new Error("name must be provided when using the icon prop");a=p.name,j=null!==(o=p.position)&&void 0!==o?o:j,f=null!==(d=p.margin)&&void 0!==d?d:f,q=null!==(l=p.size)&&void 0!==l?l:q}else a=v;var y={fill:_.colors.shades.white.color,name:a,width:q,height:q};return i.jsxs(n.StyledBaseButton,e.__assign({},w,{wide:h,size:g,alignItems:x},{children:[a&&"left"===j&&i.jsx(n.StyledIcon,e.__assign({},y,{marginRight:f}),void 0),m,a&&"right"===j&&i.jsx(n.StyledIcon,e.__assign({},y,{marginLeft:f}),void 0)]}),void 0)};
+"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)};
 //# sourceMappingURL=BaseCTA.js.map

package/build/lib/components/cta/styled.js

@@ -1,2 +1,2 @@
-"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,l,s=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=s.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[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})),d=s.default(r.Icon)(l||(l=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  ")}));exports.StyledBaseButton=m,exports.StyledIcon=d;
+"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;
 //# sourceMappingURL=styled.js.map

package/package.json

@@ -3,7 +3,7 @@
   "description": "Trafilea's Design System",
   "author": "Trafilea",
   "repository": "https://github.com/trafilea/afrodita-components",
-  "version": "7.1.13",
+  "version": "7.1.14",
   "private": false,
   "main": "build/lib/index.js",
   "style": "build/es/index.css",