@trafilea/afrodita-components 7.3.0 → 7.3.2
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{__assign as i}from"tslib";import{jsxs as e,jsx as l}from"@emotion/react/jsx-runtime";import{Icon as t}from"../../icons/index.js";import{ComponentSize as
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,jsx as l}from"@emotion/react/jsx-runtime";import{Icon as t}from"../../icons/index.js";import{ComponentSize as o}from"../../../types/enums.js";import r from"../../selector/simple/SelectorSecondary.js";import{Text as d}from"../../text/Text.js";import n from"../guide/SizeFitGuide.js";import{Row as s,ButtonsContainer as a}from"./styled.js";var c=function(c){var m,v=c.label,u=c.sizes,p=c.selectedValue,h=c.onChange,f=c.onClickSizeTip,g=c.inline,z=void 0!==g&&g,b=c.width,S=c.hasSizeGuide,w=void 0!==S&&S,y=c.sizeTipReferences,x=c.hasSizeTipBelowSelector,j=void 0!==x&&x,k=w?null==y?void 0:y.find((function(i){return(null==i?void 0:i.size)===(null==p?void 0:p.label)})):null;return e("div",i({css:{display:"flex",flexDirection:z?"row":"column",alignItems:z?"center":"start"}},{children:[e(d,i({variant:"body",weight:"regular",size:"small",css:{alignSelf:z?"start":"inherit",padding:z?"0.75rem 0":"0"}},{children:[v,!z&&l(d,i({variant:"label",weight:"demi",size:"regular"},{children:null==p?void 0:p.description}),void 0)]}),void 0),w&&!j&&e(s,i({"data-testid":"sizing-tip"},{children:[l(t.Actions.CircleInfo,{width:1.2},void 0),l(d,i({variant:"body",weight:"demi",size:"small",css:{display:"flex"}},{children:"Sizing Tip:"}),void 0),l(d,i({variant:"body",weight:"regular",size:"small"},{children:null==k?void 0:k.tip}),void 0),f&&l(n,{hideIcon:!0,onClick:f,title:null!==(m=null==k?void 0:k.cta)&&void 0!==m?m:"Size and Fit Guide"},void 0)]}),void 0),l(a,i({inline:z},{children:null==u?void 0:u.map((function(i){var e=!i.disabled&&i.label===p.label;return l(r,{css:{padding:"0.75rem 1rem 0.625rem",margin:"0 0.5rem 0.625rem 0",minWidth:"4rem"},size:o.Medium,text:i.label,active:e,disabled:i.disabled,onClick:function(){return h(i)},testId:"size-variant-".concat(i.label.split("/")[0]),width:b,showNoStockStyles:i.noStock},i.label)}))}),void 0),w&&j&&l(s,i({"data-testid":"sizing-tip-below-selector"},{children:l(d,i({variant:"body",weight:"regular",size:"small"},{children:null==k?void 0:k.tip}),void 0)}),void 0)]}),void 0)};export{c as default};
|
|
2
2
|
//# sourceMappingURL=SizeSelector.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -3861,8 +3861,9 @@ interface SizeSelectorProps {
|
|
|
3861
3861
|
width?: string;
|
|
3862
3862
|
hasSizeGuide?: boolean;
|
|
3863
3863
|
sizeTipReferences?: SizeTip[];
|
|
3864
|
+
hasSizeTipBelowSelector?: boolean;
|
|
3864
3865
|
}
|
|
3865
|
-
declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, sizeTipReferences, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3866
|
+
declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, sizeTipReferences, hasSizeTipBelowSelector, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3866
3867
|
|
|
3867
3868
|
interface SliderNavigationProps {
|
|
3868
3869
|
children: JSX.Element | JSX.Element[] | StyledComponent<any>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var i=require("tslib"),e=require("@emotion/react/jsx-runtime"),s=require("../../icons/index.js"),
|
|
1
|
+
"use strict";var i=require("tslib"),e=require("@emotion/react/jsx-runtime"),s=require("../../icons/index.js"),l=require("../../../types/enums.js"),n=require("../../selector/simple/SelectorSecondary.js"),t=require("../../text/Text.js"),r=require("../guide/SizeFitGuide.js"),d=require("./styled.js");module.exports=function(a){var o,c=a.label,u=a.sizes,v=a.selectedValue,g=a.onChange,x=a.onClickSizeTip,m=a.inline,h=void 0!==m&&m,j=a.width,p=a.hasSizeGuide,z=void 0!==p&&p,_=a.sizeTipReferences,b=a.hasSizeTipBelowSelector,w=void 0!==b&&b,S=z?null==_?void 0:_.find((function(i){return(null==i?void 0:i.size)===(null==v?void 0:v.label)})):null;return e.jsxs("div",i.__assign({css:{display:"flex",flexDirection:h?"row":"column",alignItems:h?"center":"start"}},{children:[e.jsxs(t.Text,i.__assign({variant:"body",weight:"regular",size:"small",css:{alignSelf:h?"start":"inherit",padding:h?"0.75rem 0":"0"}},{children:[c,!h&&e.jsx(t.Text,i.__assign({variant:"label",weight:"demi",size:"regular"},{children:null==v?void 0:v.description}),void 0)]}),void 0),z&&!w&&e.jsxs(d.Row,i.__assign({"data-testid":"sizing-tip"},{children:[e.jsx(s.Icon.Actions.CircleInfo,{width:1.2},void 0),e.jsx(t.Text,i.__assign({variant:"body",weight:"demi",size:"small",css:{display:"flex"}},{children:"Sizing Tip:"}),void 0),e.jsx(t.Text,i.__assign({variant:"body",weight:"regular",size:"small"},{children:null==S?void 0:S.tip}),void 0),x&&e.jsx(r,{hideIcon:!0,onClick:x,title:null!==(o=null==S?void 0:S.cta)&&void 0!==o?o:"Size and Fit Guide"},void 0)]}),void 0),e.jsx(d.ButtonsContainer,i.__assign({inline:h},{children:null==u?void 0:u.map((function(i){var s=!i.disabled&&i.label===v.label;return e.jsx(n,{css:{padding:"0.75rem 1rem 0.625rem",margin:"0 0.5rem 0.625rem 0",minWidth:"4rem"},size:l.ComponentSize.Medium,text:i.label,active:s,disabled:i.disabled,onClick:function(){return g(i)},testId:"size-variant-".concat(i.label.split("/")[0]),width:j,showNoStockStyles:i.noStock},i.label)}))}),void 0),z&&w&&e.jsx(d.Row,i.__assign({"data-testid":"sizing-tip-below-selector"},{children:e.jsx(t.Text,i.__assign({variant:"body",weight:"regular",size:"small"},{children:null==S?void 0:S.tip}),void 0)}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=SizeSelector.js.map
|
package/package.json
CHANGED