@trafilea/afrodita-components 7.1.16 → 7.1.18

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 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};
+import{__rest as i,__assign as e}from"tslib";import{jsxs as r,jsx as o}from"react/jsx-runtime";import{useTheme as n}from"../../core/theme/Theme.js";import{ComponentSize as t}from"../../types/enums.js";import{StyledBaseButton as s,ProgressBar as m,StyledIcon as a}from"./styled.js";var d=function(d){var l,p,h,v,g=d.text,c=d.wide,f=void 0!==c&&c,u=d.size,w=void 0===u?t.Medium:u,x=d.iconName,j=d.icon,z=d.alignItems,I=d.progress,S=d.innerSpan,b=void 0!==S&&S,y=i(d,["text","wide","size","iconName","icon","alignItems","progress","innerSpan"]),N=n(),E="right",L="10px",M="24px";if(j){if(!j.name)throw new Error("name must be provided when using the icon prop");v=j.name,E=null!==(l=j.position)&&void 0!==l?l:E,L=null!==(p=j.margin)&&void 0!==p?p:L,M=null!==(h=j.size)&&void 0!==h?h:M}else v=x;var R={fill:N.colors.shades.white.color,name:v,width:M,height:M};return r(s,e({},y,{wide:f,size:w,alignItems:z,innerSpan:b},{children:[!!I&&I>0&&o(m,{progress:I},void 0),v&&"left"===E&&o(a,e({},R,{marginRight:L}),void 0),b?o("span",{children:g},void 0):g,v&&"right"===E&&o(a,e({},R,{marginLeft:L}),void 0)]}),void 0)};export{d 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,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};
+import{__makeTemplateObject as n}from"tslib";import{css as t}from"@emotion/react";import o from"@emotion/styled";import{ComponentSize as r}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 i from"../shared/button/BaseButton.js";var a,s,m,l,c,d=((a={})[r.Small]="small",a[r.Medium]="medium",a[r.Large]="large",a[r.XSmall]="small",a[r.XXSmall]="small",a),u=o(i)(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"],["\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"])),(function(n){return n.wide?"100%":"fit-content"}),(function(n){var t=n.theme,o=n.size;return t.component.button.size[d[o]].fontSize}),(function(n){var t=n.theme,o=n.size;return t.component.button.size[d[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}),(function(o){if(o.innerSpan)return t(s||(s=n(["\n        position: relative;\n        > span {\n          z-index: 2;\n        }\n      "],["\n        position: relative;\n        > span {\n          z-index: 2;\n        }\n      "])))})),p=o(e)(l||(l=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  ")})),b=o.div(c||(c=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{b as ProgressBar,u as StyledBaseButton,p as StyledIcon};
 //# sourceMappingURL=styled.js.map

package/build/index.d.ts

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

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"),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)};
+"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,a,d,l,m=o.text,u=o.wide,g=void 0!==u&&u,h=o.size,p=void 0===h?r.ComponentSize.Medium:h,c=o.iconName,v=o.icon,x=o.alignItems,j=o.progress,w=o.innerSpan,_=void 0!==w&&w,S=e.__rest(o,["text","wide","size","iconName","icon","alignItems","progress","innerSpan"]),f=s.useTheme(),q="right",y="10px",z="24px";if(v){if(!v.name)throw new Error("name must be provided when using the icon prop");l=v.name,q=null!==(t=v.position)&&void 0!==t?t:q,y=null!==(a=v.margin)&&void 0!==a?a:y,z=null!==(d=v.size)&&void 0!==d?d:z}else l=c;var I={fill:f.colors.shades.white.color,name:l,width:z,height:z},B=!!j&&j>0;return i.jsxs(n.StyledBaseButton,e.__assign({},S,{wide:g,size:p,alignItems:x,innerSpan:_},{children:[B&&i.jsx(n.ProgressBar,{progress:j},void 0),l&&"left"===q&&i.jsx(n.StyledIcon,e.__assign({},I,{marginRight:y}),void 0),_?i.jsx("span",{children:m},void 0):m,l&&"right"===q&&i.jsx(n.StyledIcon,e.__assign({},I,{marginLeft:y}),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,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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/react"),t=require("@emotion/styled"),r=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 o=require("../atoms/Icon/Icon.js");require("react"),require("../../core/theme/Theme.js"),require("../atoms/Image/styled.js"),require("../atoms/Toggle/toggle.styled.js");var i=require("../shared/button/BaseButton.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,u,l,c,d,m=a(t),b=((s={})[r.ComponentSize.Small]="small",s[r.ComponentSize.Medium]="medium",s[r.ComponentSize.Large]="large",s[r.ComponentSize.XSmall]="small",s[r.ComponentSize.XXSmall]="small",s),p=m.default(i)(l||(l=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"],["\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"])),(function(e){return e.wide?"100%":"fit-content"}),(function(e){var n=e.theme,t=e.size;return n.component.button.size[b[t]].fontSize}),(function(e){var n=e.theme,t=e.size;return n.component.button.size[b[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}),(function(t){if(t.innerSpan)return n.css(u||(u=e.__makeTemplateObject(["\n        position: relative;\n        > span {\n          z-index: 2;\n        }\n      "],["\n        position: relative;\n        > span {\n          z-index: 2;\n        }\n      "])))})),f=m.default(o.Icon)(c||(c=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  ")})),g=m.default.div(d||(d=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=g,exports.StyledBaseButton=p,exports.StyledIcon=f;
 //# 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.16",
+  "version": "7.1.18",
   "private": false,
   "main": "build/lib/index.js",
   "style": "build/es/index.css",