@trafilea/afrodita-components 5.0.0-beta.263 → 5.0.0-beta.266

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.
package/build/index.d.ts CHANGED
@@ -1833,10 +1833,10 @@ declare type ThemeComponent = {
1833
1833
  };
1834
1834
  orderSummary: {
1835
1835
  headingTextAlign: string;
1836
- backgroundColor: string;
1837
- maxWidth?: string;
1836
+ backgroundColor?: string;
1838
1837
  padding?: string;
1839
1838
  borderRadius?: string;
1839
+ maxWidth?: string;
1840
1840
  onMobile: {
1841
1841
  maxWidth?: string;
1842
1842
  padding?: string;
@@ -1915,6 +1915,43 @@ declare type ThemeComponent = {
1915
1915
  divider: {
1916
1916
  color: string;
1917
1917
  };
1918
+ checkout: {
1919
+ paymentInformation: {
1920
+ borderRadius?: string;
1921
+ };
1922
+ creditCardSection: {
1923
+ borderRadius?: string;
1924
+ };
1925
+ };
1926
+ upsell: {
1927
+ banner: {
1928
+ outlined: {
1929
+ color?: string;
1930
+ };
1931
+ };
1932
+ price: {
1933
+ colors: {
1934
+ regular: string;
1935
+ deal: string;
1936
+ each: string;
1937
+ badgeBG: string;
1938
+ badgeColor: string;
1939
+ };
1940
+ };
1941
+ };
1942
+ thankyou: {
1943
+ orderBanner?: {
1944
+ text: {
1945
+ left: string;
1946
+ };
1947
+ };
1948
+ emailSection: {
1949
+ backgroundColor?: string;
1950
+ };
1951
+ socialIcon: {
1952
+ color?: string;
1953
+ };
1954
+ };
1918
1955
  };
1919
1956
  declare type ThemeTypography = {
1920
1957
  config: {
@@ -4179,7 +4179,7 @@ var InputValidationType;
4179
4179
  })(InputValidationType || (InputValidationType = {}));
4180
4180
 
4181
4181
  var Section = newStyled.div(templateObject_1$1D || (templateObject_1$1D = __makeTemplateObject(["\n font-weight: 600;\n display: flex;\n flex-direction: row;\n align-items: center;\n align-text: left;\n width: 100%;\n box-sizing: border-box;\n align-self: flex-start;\n padding: ", ";\n"], ["\n font-weight: 600;\n display: flex;\n flex-direction: row;\n align-items: center;\n align-text: left;\n width: 100%;\n box-sizing: border-box;\n align-self: flex-start;\n padding: ", ";\n"])), function (props) {
4182
- return props.type === CardSectionType.Header ? '1.5rem 1.5rem 0' : '0 1.5rem 1.5rem';
4182
+ return props.type === CardSectionType.Header ? '1.25rem 1.25rem 0' : '0 1.25rem 1.25rem';
4183
4183
  });
4184
4184
  var CardHeader = function (_a) {
4185
4185
  var children = _a.children;
@@ -13011,14 +13011,14 @@ var Totals = {
13011
13011
  Subtotal: Subtotal,
13012
13012
  };
13013
13013
 
13014
- var Container$E = newStyled.div(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 0.938rem;\n"], ["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 0.938rem;\n"])), function (props) { return props.color; });
13014
+ var Container$E = newStyled.div(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 1.25rem;\n"], ["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 1.25rem;\n"])), function (props) { return props.color; });
13015
13015
  var IconContainer$3 = newStyled.div(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n width: 1rem;\n height: 0.875rem;\n margin-right: 0.5rem;\n margin-top: 0.125rem;\n"], ["\n width: 1rem;\n height: 0.875rem;\n margin-right: 0.5rem;\n margin-top: 0.125rem;\n"])));
13016
13016
  var Text$5 = newStyled.p(templateObject_3$y || (templateObject_3$y = __makeTemplateObject(["\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 400;\n margin: 0;\n color: ", ";\n"], ["\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 400;\n margin: 0;\n color: ", ";\n"])), function (props) { return props.color; });
13017
13017
  var Details = newStyled.span(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n color: ", ";\n font-weight: 700;\n"], ["\n color: ", ";\n font-weight: 700;\n"])), function (props) { return props.color; });
13018
13018
  var Note = function (_a) {
13019
13019
  var accentColor = _a.accentColor, color = _a.color, backgroundColor = _a.backgroundColor, importantNoteText = _a.importantNoteText, text = _a.text;
13020
13020
  var theme = useTheme();
13021
- return (jsxs$1(Container$E, __assign$1({ color: backgroundColor ? backgroundColor : theme.component.deliveryDetails.note.backgroundColor, "data-testid": "Container" }, { children: [jsx$1(IconContainer$3, { children: jsx$1(Icon.Actions.LightExclamation, { fill: accentColor ? accentColor : theme.component.deliveryDetails.note.accentColor }, void 0) }, void 0), jsx$1("div", { children: jsxs$1(Text$5, __assign$1({ color: color ? color : theme.component.deliveryDetails.note.color }, { children: [importantNoteText && (jsxs$1(Details, __assign$1({ color: accentColor ? accentColor : theme.component.deliveryDetails.note.accentColor }, { children: [importantNoteText, ":"] }), void 0)), ' ', text] }), void 0) }, void 0)] }), void 0));
13021
+ return (jsxs$1(Container$E, __assign$1({ color: backgroundColor ? backgroundColor : theme.component.deliveryDetails.note.backgroundColor, "data-testid": "Container" }, { children: [jsx$1(IconContainer$3, { children: jsx$1(Icon.Actions.Warning, { fill: accentColor ? accentColor : theme.component.deliveryDetails.note.accentColor }, void 0) }, void 0), jsx$1("div", { children: jsxs$1(Text$5, __assign$1({ color: color ? color : theme.component.deliveryDetails.note.color }, { children: [importantNoteText && (jsxs$1(Details, __assign$1({ color: accentColor ? accentColor : theme.component.deliveryDetails.note.accentColor }, { children: [importantNoteText, ":"] }), void 0)), ' ', text] }), void 0) }, void 0)] }), void 0));
13022
13022
  };
13023
13023
  var templateObject_1$U, templateObject_2$D, templateObject_3$y, templateObject_4$p;
13024
13024
 
@@ -13059,11 +13059,11 @@ var SectionDetails = newStyled.p(templateObject_7$9 || (templateObject_7$9 = __m
13059
13059
  })
13060
13060
  : '';
13061
13061
  });
13062
- var KeepMeUpdated = newStyled.h1(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n border: 0.063rem solid ", ";\n color: #0078ff;\n border-radius: 0.313rem;\n padding: 0.625rem;\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 600;\n margin: 0;\n margin-top: 0.625rem;\n display: flex;\n align-items: center;\n background-color: #fff;\n user-select: none;\n\n svg {\n margin-right: 0.375rem;\n }\n\n &:hover {\n cursor: pointer;\n }\n"], ["\n border: 0.063rem solid ", ";\n color: #0078ff;\n border-radius: 0.313rem;\n padding: 0.625rem;\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 600;\n margin: 0;\n margin-top: 0.625rem;\n display: flex;\n align-items: center;\n background-color: #fff;\n user-select: none;\n\n svg {\n margin-right: 0.375rem;\n }\n\n &:hover {\n cursor: pointer;\n }\n"])), function (props) { return props.borderColor; });
13062
+ var KeepMeUpdated = newStyled.h1(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n border: 0.063rem solid ", ";\n color: #0078ff;\n border-radius: 0.313rem;\n padding: 0.45rem;\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 600;\n margin: 0;\n margin-top: 0.625rem;\n display: flex;\n align-items: center;\n background-color: #fff;\n user-select: none;\n\n svg {\n margin-right: 0.375rem;\n }\n\n &:hover {\n cursor: pointer;\n }\n"], ["\n border: 0.063rem solid ", ";\n color: #0078ff;\n border-radius: 0.313rem;\n padding: 0.45rem;\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 600;\n margin: 0;\n margin-top: 0.625rem;\n display: flex;\n align-items: center;\n background-color: #fff;\n user-select: none;\n\n svg {\n margin-right: 0.375rem;\n }\n\n &:hover {\n cursor: pointer;\n }\n"])), function (props) { return props.borderColor; });
13063
13063
  var DeliveryDetails = function (_a) {
13064
13064
  var deliveryDetailsText = _a.deliveryDetailsText, arrivingBy = _a.arrivingBy, shippingTo = _a.shippingTo, instantOrderUpdate = _a.instantOrderUpdate, note = _a.note;
13065
13065
  var theme = useTheme();
13066
- return (jsxs$1("div", __assign$1({ "data-testid": "DeliveryDetails" }, { children: [jsx$1(Title$5, __assign$1({ color: theme.colors.shades[700].color }, { children: deliveryDetailsText }), void 0), jsx$1(Line, { backgroundColor: theme.colors.shades['100'].color }, void 0), note && jsx$1(Note, __assign$1({}, note), void 0), jsxs$1(Row$1, __assign$1({ "data-testid": "DD-row", theme: theme }, { children: [jsxs$1(Col$1, __assign$1({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign$1({ theme: theme }, { children: [jsx$1(IconContainer$2, __assign$1({ theme: theme }, { children: jsx$1(Icon.PDP.Clock, {}, void 0) }), void 0), arrivingBy.title] }), void 0), jsx$1(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: arrivingBy.details }), void 0)] }), void 0), jsxs$1(Col$1, __assign$1({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign$1({ theme: theme }, { children: [jsx$1(IconContainer$2, __assign$1({ theme: theme }, { children: jsx$1(Icon.Navigation.MapMarker, {}, void 0) }), void 0), shippingTo.title] }), void 0), jsx$1(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: shippingTo.details }), void 0)] }), void 0), jsxs$1(Col$1, __assign$1({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign$1({ theme: theme }, { children: [jsx$1(IconContainer$2, __assign$1({ theme: theme }, { children: jsx$1(Icon.Messaging.Messenger, {}, void 0) }), void 0), instantOrderUpdate.title] }), void 0), jsx$1(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: instantOrderUpdate.details }), void 0), instantOrderUpdate.keepMeUpdated && (jsxs$1(KeepMeUpdated, __assign$1({ onClick: instantOrderUpdate.keepMeUpdated.onClick, borderColor: theme.colors.shades['150'].color }, { children: [jsx$1(Icon.Messaging.Messenger, { width: 1, height: 1, fill: "#0078FF" }, void 0), instantOrderUpdate.keepMeUpdated.title] }), void 0))] }), void 0)] }), void 0)] }), void 0));
13066
+ return (jsxs$1("div", __assign$1({ "data-testid": "DeliveryDetails" }, { children: [jsx$1(Title$5, __assign$1({ color: theme.colors.shades[700].color }, { children: deliveryDetailsText }), void 0), jsx$1(Line, { backgroundColor: theme.colors.shades['200'].color }, void 0), note && jsx$1(Note, __assign$1({}, note), void 0), jsxs$1(Row$1, __assign$1({ "data-testid": "DD-row", theme: theme }, { children: [jsxs$1(Col$1, __assign$1({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign$1({ theme: theme }, { children: [jsx$1(IconContainer$2, __assign$1({ theme: theme }, { children: jsx$1(Icon.PDP.Clock, { width: 1.375 }, void 0) }), void 0), arrivingBy.title] }), void 0), jsx$1(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: arrivingBy.details }), void 0)] }), void 0), jsxs$1(Col$1, __assign$1({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign$1({ theme: theme }, { children: [jsx$1(IconContainer$2, __assign$1({ theme: theme }, { children: jsx$1(Icon.Navigation.MapMarker, { width: 1.375 }, void 0) }), void 0), shippingTo.title] }), void 0), jsx$1(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: shippingTo.details }), void 0)] }), void 0), jsxs$1(Col$1, __assign$1({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign$1({ theme: theme }, { children: [jsx$1(IconContainer$2, __assign$1({ theme: theme }, { children: jsx$1(Icon.Messaging.Messenger, { width: 1.375 }, void 0) }), void 0), instantOrderUpdate.title] }), void 0), jsx$1(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: instantOrderUpdate.details }), void 0), instantOrderUpdate.keepMeUpdated && (jsxs$1(KeepMeUpdated, __assign$1({ onClick: instantOrderUpdate.keepMeUpdated.onClick, borderColor: theme.colors.shades['150'].color }, { children: [jsx$1(Icon.Messaging.Messenger, { width: 1, height: 1, fill: "#0078FF" }, void 0), instantOrderUpdate.keepMeUpdated.title] }), void 0))] }), void 0)] }), void 0)] }), void 0));
13067
13067
  };
13068
13068
  var templateObject_1$T, templateObject_2$C, templateObject_3$x, templateObject_4$o, templateObject_5$f, templateObject_6$d, templateObject_7$9, templateObject_8$6;
13069
13069
 
@@ -13178,7 +13178,7 @@ var PriceContainer = newStyled.div(templateObject_4$l || (templateObject_4$l = _
13178
13178
  })
13179
13179
  : 'justify-content: end';
13180
13180
  });
13181
- var Quantity = newStyled.div(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1.4rem;\n height: 1.4rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-450-color);\n color: var(--colors-shades-450-contrast);\n font-size: 0.8rem;\n"], ["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1.4rem;\n height: 1.4rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-450-color);\n color: var(--colors-shades-450-contrast);\n font-size: 0.8rem;\n"])));
13181
+ var Quantity = newStyled.div(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-450-contrast);\n font-size: 0.75rem;\n"], ["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-450-contrast);\n font-size: 0.75rem;\n"])));
13182
13182
  var SimpleOrderItem = function (_a) {
13183
13183
  var title = _a.title, className = _a.className, subtitle = _a.subtitle, image = _a.image, price = _a.price, tag = _a.tag, quantity = _a.quantity, finalPriceStyle = _a.finalPriceStyle;
13184
13184
  var theme = useTheme();
package/build/index.js CHANGED
@@ -4205,7 +4205,7 @@ exports.InputValidationType = void 0;
4205
4205
  })(exports.InputValidationType || (exports.InputValidationType = {}));
4206
4206
 
4207
4207
  var Section = newStyled.div(templateObject_1$1D || (templateObject_1$1D = __makeTemplateObject(["\n font-weight: 600;\n display: flex;\n flex-direction: row;\n align-items: center;\n align-text: left;\n width: 100%;\n box-sizing: border-box;\n align-self: flex-start;\n padding: ", ";\n"], ["\n font-weight: 600;\n display: flex;\n flex-direction: row;\n align-items: center;\n align-text: left;\n width: 100%;\n box-sizing: border-box;\n align-self: flex-start;\n padding: ", ";\n"])), function (props) {
4208
- return props.type === exports.CardSectionType.Header ? '1.5rem 1.5rem 0' : '0 1.5rem 1.5rem';
4208
+ return props.type === exports.CardSectionType.Header ? '1.25rem 1.25rem 0' : '0 1.25rem 1.25rem';
4209
4209
  });
4210
4210
  var CardHeader = function (_a) {
4211
4211
  var children = _a.children;
@@ -13037,14 +13037,14 @@ var Totals = {
13037
13037
  Subtotal: Subtotal,
13038
13038
  };
13039
13039
 
13040
- var Container$E = newStyled.div(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 0.938rem;\n"], ["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 0.938rem;\n"])), function (props) { return props.color; });
13040
+ var Container$E = newStyled.div(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 1.25rem;\n"], ["\n padding: 0.625rem 1.25rem;\n background-color: ", ";\n border-radius: 0.313rem;\n display: flex;\n margin-bottom: 1.25rem;\n"])), function (props) { return props.color; });
13041
13041
  var IconContainer$3 = newStyled.div(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n width: 1rem;\n height: 0.875rem;\n margin-right: 0.5rem;\n margin-top: 0.125rem;\n"], ["\n width: 1rem;\n height: 0.875rem;\n margin-right: 0.5rem;\n margin-top: 0.125rem;\n"])));
13042
13042
  var Text$5 = newStyled.p(templateObject_3$y || (templateObject_3$y = __makeTemplateObject(["\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 400;\n margin: 0;\n color: ", ";\n"], ["\n font-size: 0.875rem;\n line-height: 1.375rem;\n font-weight: 400;\n margin: 0;\n color: ", ";\n"])), function (props) { return props.color; });
13043
13043
  var Details = newStyled.span(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n color: ", ";\n font-weight: 700;\n"], ["\n color: ", ";\n font-weight: 700;\n"])), function (props) { return props.color; });
13044
13044
  var Note = function (_a) {
13045
13045
  var accentColor = _a.accentColor, color = _a.color, backgroundColor = _a.backgroundColor, importantNoteText = _a.importantNoteText, text = _a.text;
13046
13046
  var theme = useTheme();
13047
- return (jsxRuntime.jsxs(Container$E, __assign$1({ color: backgroundColor ? backgroundColor : theme.component.deliveryDetails.note.backgroundColor, "data-testid": "Container" }, { children: [jsxRuntime.jsx(IconContainer$3, { children: jsxRuntime.jsx(Icon.Actions.LightExclamation, { fill: accentColor ? accentColor : theme.component.deliveryDetails.note.accentColor }, void 0) }, void 0), jsxRuntime.jsx("div", { children: jsxRuntime.jsxs(Text$5, __assign$1({ color: color ? color : theme.component.deliveryDetails.note.color }, { children: [importantNoteText && (jsxRuntime.jsxs(Details, __assign$1({ color: accentColor ? accentColor : theme.component.deliveryDetails.note.accentColor }, { children: [importantNoteText, ":"] }), void 0)), ' ', text] }), void 0) }, void 0)] }), void 0));
13047
+ return (jsxRuntime.jsxs(Container$E, __assign$1({ color: backgroundColor ? backgroundColor : theme.component.deliveryDetails.note.backgroundColor, "data-testid": "Container" }, { children: [jsxRuntime.jsx(IconContainer$3, { children: jsxRuntime.jsx(Icon.Actions.Warning, { fill: accentColor ? accentColor : theme.component.deliveryDetails.note.accentColor }, void 0) }, void 0), jsxRuntime.jsx("div", { children: jsxRuntime.jsxs(Text$5, __assign$1({ color: color ? color : theme.component.deliveryDetails.note.color }, { children: [importantNoteText && (jsxRuntime.jsxs(Details, __assign$1({ color: accentColor ? accentColor : theme.component.deliveryDetails.note.accentColor }, { children: [importantNoteText, ":"] }), void 0)), ' ', text] }), void 0) }, void 0)] }), void 0));
13048
13048
  };
13049
13049
  var templateObject_1$U, templateObject_2$D, templateObject_3$y, templateObject_4$p;
13050
13050
 
@@ -13085,11 +13085,11 @@ var SectionDetails = newStyled.p(templateObject_7$9 || (templateObject_7$9 = __m
13085
13085
  })
13086
13086
  : '';
13087
13087
  });
13088
- var KeepMeUpdated = newStyled.h1(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n border: 0.063rem solid ", ";\n color: #0078ff;\n border-radius: 0.313rem;\n padding: 0.625rem;\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 600;\n margin: 0;\n margin-top: 0.625rem;\n display: flex;\n align-items: center;\n background-color: #fff;\n user-select: none;\n\n svg {\n margin-right: 0.375rem;\n }\n\n &:hover {\n cursor: pointer;\n }\n"], ["\n border: 0.063rem solid ", ";\n color: #0078ff;\n border-radius: 0.313rem;\n padding: 0.625rem;\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 600;\n margin: 0;\n margin-top: 0.625rem;\n display: flex;\n align-items: center;\n background-color: #fff;\n user-select: none;\n\n svg {\n margin-right: 0.375rem;\n }\n\n &:hover {\n cursor: pointer;\n }\n"])), function (props) { return props.borderColor; });
13088
+ var KeepMeUpdated = newStyled.h1(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n border: 0.063rem solid ", ";\n color: #0078ff;\n border-radius: 0.313rem;\n padding: 0.45rem;\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 600;\n margin: 0;\n margin-top: 0.625rem;\n display: flex;\n align-items: center;\n background-color: #fff;\n user-select: none;\n\n svg {\n margin-right: 0.375rem;\n }\n\n &:hover {\n cursor: pointer;\n }\n"], ["\n border: 0.063rem solid ", ";\n color: #0078ff;\n border-radius: 0.313rem;\n padding: 0.45rem;\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 600;\n margin: 0;\n margin-top: 0.625rem;\n display: flex;\n align-items: center;\n background-color: #fff;\n user-select: none;\n\n svg {\n margin-right: 0.375rem;\n }\n\n &:hover {\n cursor: pointer;\n }\n"])), function (props) { return props.borderColor; });
13089
13089
  var DeliveryDetails = function (_a) {
13090
13090
  var deliveryDetailsText = _a.deliveryDetailsText, arrivingBy = _a.arrivingBy, shippingTo = _a.shippingTo, instantOrderUpdate = _a.instantOrderUpdate, note = _a.note;
13091
13091
  var theme = useTheme();
13092
- return (jsxRuntime.jsxs("div", __assign$1({ "data-testid": "DeliveryDetails" }, { children: [jsxRuntime.jsx(Title$5, __assign$1({ color: theme.colors.shades[700].color }, { children: deliveryDetailsText }), void 0), jsxRuntime.jsx(Line, { backgroundColor: theme.colors.shades['100'].color }, void 0), note && jsxRuntime.jsx(Note, __assign$1({}, note), void 0), jsxRuntime.jsxs(Row$1, __assign$1({ "data-testid": "DD-row", theme: theme }, { children: [jsxRuntime.jsxs(Col$1, __assign$1({ theme: theme }, { children: [jsxRuntime.jsxs(SectionTitle, __assign$1({ theme: theme }, { children: [jsxRuntime.jsx(IconContainer$2, __assign$1({ theme: theme }, { children: jsxRuntime.jsx(Icon.PDP.Clock, {}, void 0) }), void 0), arrivingBy.title] }), void 0), jsxRuntime.jsx(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: arrivingBy.details }), void 0)] }), void 0), jsxRuntime.jsxs(Col$1, __assign$1({ theme: theme }, { children: [jsxRuntime.jsxs(SectionTitle, __assign$1({ theme: theme }, { children: [jsxRuntime.jsx(IconContainer$2, __assign$1({ theme: theme }, { children: jsxRuntime.jsx(Icon.Navigation.MapMarker, {}, void 0) }), void 0), shippingTo.title] }), void 0), jsxRuntime.jsx(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: shippingTo.details }), void 0)] }), void 0), jsxRuntime.jsxs(Col$1, __assign$1({ theme: theme }, { children: [jsxRuntime.jsxs(SectionTitle, __assign$1({ theme: theme }, { children: [jsxRuntime.jsx(IconContainer$2, __assign$1({ theme: theme }, { children: jsxRuntime.jsx(Icon.Messaging.Messenger, {}, void 0) }), void 0), instantOrderUpdate.title] }), void 0), jsxRuntime.jsx(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: instantOrderUpdate.details }), void 0), instantOrderUpdate.keepMeUpdated && (jsxRuntime.jsxs(KeepMeUpdated, __assign$1({ onClick: instantOrderUpdate.keepMeUpdated.onClick, borderColor: theme.colors.shades['150'].color }, { children: [jsxRuntime.jsx(Icon.Messaging.Messenger, { width: 1, height: 1, fill: "#0078FF" }, void 0), instantOrderUpdate.keepMeUpdated.title] }), void 0))] }), void 0)] }), void 0)] }), void 0));
13092
+ return (jsxRuntime.jsxs("div", __assign$1({ "data-testid": "DeliveryDetails" }, { children: [jsxRuntime.jsx(Title$5, __assign$1({ color: theme.colors.shades[700].color }, { children: deliveryDetailsText }), void 0), jsxRuntime.jsx(Line, { backgroundColor: theme.colors.shades['200'].color }, void 0), note && jsxRuntime.jsx(Note, __assign$1({}, note), void 0), jsxRuntime.jsxs(Row$1, __assign$1({ "data-testid": "DD-row", theme: theme }, { children: [jsxRuntime.jsxs(Col$1, __assign$1({ theme: theme }, { children: [jsxRuntime.jsxs(SectionTitle, __assign$1({ theme: theme }, { children: [jsxRuntime.jsx(IconContainer$2, __assign$1({ theme: theme }, { children: jsxRuntime.jsx(Icon.PDP.Clock, { width: 1.375 }, void 0) }), void 0), arrivingBy.title] }), void 0), jsxRuntime.jsx(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: arrivingBy.details }), void 0)] }), void 0), jsxRuntime.jsxs(Col$1, __assign$1({ theme: theme }, { children: [jsxRuntime.jsxs(SectionTitle, __assign$1({ theme: theme }, { children: [jsxRuntime.jsx(IconContainer$2, __assign$1({ theme: theme }, { children: jsxRuntime.jsx(Icon.Navigation.MapMarker, { width: 1.375 }, void 0) }), void 0), shippingTo.title] }), void 0), jsxRuntime.jsx(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: shippingTo.details }), void 0)] }), void 0), jsxRuntime.jsxs(Col$1, __assign$1({ theme: theme }, { children: [jsxRuntime.jsxs(SectionTitle, __assign$1({ theme: theme }, { children: [jsxRuntime.jsx(IconContainer$2, __assign$1({ theme: theme }, { children: jsxRuntime.jsx(Icon.Messaging.Messenger, { width: 1.375 }, void 0) }), void 0), instantOrderUpdate.title] }), void 0), jsxRuntime.jsx(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: instantOrderUpdate.details }), void 0), instantOrderUpdate.keepMeUpdated && (jsxRuntime.jsxs(KeepMeUpdated, __assign$1({ onClick: instantOrderUpdate.keepMeUpdated.onClick, borderColor: theme.colors.shades['150'].color }, { children: [jsxRuntime.jsx(Icon.Messaging.Messenger, { width: 1, height: 1, fill: "#0078FF" }, void 0), instantOrderUpdate.keepMeUpdated.title] }), void 0))] }), void 0)] }), void 0)] }), void 0));
13093
13093
  };
13094
13094
  var templateObject_1$T, templateObject_2$C, templateObject_3$x, templateObject_4$o, templateObject_5$f, templateObject_6$d, templateObject_7$9, templateObject_8$6;
13095
13095
 
@@ -13204,7 +13204,7 @@ var PriceContainer = newStyled.div(templateObject_4$l || (templateObject_4$l = _
13204
13204
  })
13205
13205
  : 'justify-content: end';
13206
13206
  });
13207
- var Quantity = newStyled.div(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1.4rem;\n height: 1.4rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-450-color);\n color: var(--colors-shades-450-contrast);\n font-size: 0.8rem;\n"], ["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1.4rem;\n height: 1.4rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-450-color);\n color: var(--colors-shades-450-contrast);\n font-size: 0.8rem;\n"])));
13207
+ var Quantity = newStyled.div(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-450-contrast);\n font-size: 0.75rem;\n"], ["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-450-contrast);\n font-size: 0.75rem;\n"])));
13208
13208
  var SimpleOrderItem = function (_a) {
13209
13209
  var title = _a.title, className = _a.className, subtitle = _a.subtitle, image = _a.image, price = _a.price, tag = _a.tag, quantity = _a.quantity, finalPriceStyle = _a.finalPriceStyle;
13210
13210
  var theme = useTheme();
@@ -531,10 +531,10 @@ declare type ThemeComponent = {
531
531
  };
532
532
  orderSummary: {
533
533
  headingTextAlign: string;
534
- backgroundColor: string;
535
- maxWidth?: string;
534
+ backgroundColor?: string;
536
535
  padding?: string;
537
536
  borderRadius?: string;
537
+ maxWidth?: string;
538
538
  onMobile: {
539
539
  maxWidth?: string;
540
540
  padding?: string;
@@ -613,6 +613,43 @@ declare type ThemeComponent = {
613
613
  divider: {
614
614
  color: string;
615
615
  };
616
+ checkout: {
617
+ paymentInformation: {
618
+ borderRadius?: string;
619
+ };
620
+ creditCardSection: {
621
+ borderRadius?: string;
622
+ };
623
+ };
624
+ upsell: {
625
+ banner: {
626
+ outlined: {
627
+ color?: string;
628
+ };
629
+ };
630
+ price: {
631
+ colors: {
632
+ regular: string;
633
+ deal: string;
634
+ each: string;
635
+ badgeBG: string;
636
+ badgeColor: string;
637
+ };
638
+ };
639
+ };
640
+ thankyou: {
641
+ orderBanner?: {
642
+ text: {
643
+ left: string;
644
+ };
645
+ };
646
+ emailSection: {
647
+ backgroundColor?: string;
648
+ };
649
+ socialIcon: {
650
+ color?: string;
651
+ };
652
+ };
616
653
  };
617
654
  declare type ThemeTypography = {
618
655
  config: {
@@ -659,7 +659,7 @@ var revel = {
659
659
  backgroundColor: '--colors-shades-10-color',
660
660
  padding: '20px',
661
661
  borderRadius: '--radius-regular',
662
- maxWidth: '',
662
+ maxWidth: '100%',
663
663
  onMobile: {
664
664
  maxWidth: '100%',
665
665
  padding: '15px',
@@ -737,6 +737,38 @@ var revel = {
737
737
  divider: {
738
738
  color: '--colors-pallete-secondary-soft-color',
739
739
  },
740
+ checkout: {
741
+ paymentInformation: {
742
+ borderRadius: '8px',
743
+ },
744
+ creditCardSection: {
745
+ borderRadius: '8px',
746
+ },
747
+ },
748
+ upsell: {
749
+ banner: {
750
+ outlined: {
751
+ color: '--colors-semantic-positive-color',
752
+ },
753
+ },
754
+ price: {
755
+ colors: {
756
+ regular: '--colors-shades-400-color',
757
+ deal: '#DA918A',
758
+ each: 'colors-shades-700-color',
759
+ badgeBG: '#DA918A',
760
+ badgeColor: '--colors-shades-white-color',
761
+ },
762
+ },
763
+ },
764
+ thankyou: {
765
+ emailSection: {
766
+ backgroundColor: '#F5DECE',
767
+ },
768
+ socialIcon: {
769
+ color: '#DA918A',
770
+ },
771
+ },
740
772
  },
741
773
  typography: {
742
774
  config: {
@@ -531,10 +531,10 @@ declare type ThemeComponent = {
531
531
  };
532
532
  orderSummary: {
533
533
  headingTextAlign: string;
534
- backgroundColor: string;
535
- maxWidth?: string;
534
+ backgroundColor?: string;
536
535
  padding?: string;
537
536
  borderRadius?: string;
537
+ maxWidth?: string;
538
538
  onMobile: {
539
539
  maxWidth?: string;
540
540
  padding?: string;
@@ -613,6 +613,43 @@ declare type ThemeComponent = {
613
613
  divider: {
614
614
  color: string;
615
615
  };
616
+ checkout: {
617
+ paymentInformation: {
618
+ borderRadius?: string;
619
+ };
620
+ creditCardSection: {
621
+ borderRadius?: string;
622
+ };
623
+ };
624
+ upsell: {
625
+ banner: {
626
+ outlined: {
627
+ color?: string;
628
+ };
629
+ };
630
+ price: {
631
+ colors: {
632
+ regular: string;
633
+ deal: string;
634
+ each: string;
635
+ badgeBG: string;
636
+ badgeColor: string;
637
+ };
638
+ };
639
+ };
640
+ thankyou: {
641
+ orderBanner?: {
642
+ text: {
643
+ left: string;
644
+ };
645
+ };
646
+ emailSection: {
647
+ backgroundColor?: string;
648
+ };
649
+ socialIcon: {
650
+ color?: string;
651
+ };
652
+ };
616
653
  };
617
654
  declare type ThemeTypography = {
618
655
  config: {
@@ -656,10 +656,7 @@ var shapermint = {
656
656
  },
657
657
  orderSummary: {
658
658
  headingTextAlign: 'left',
659
- backgroundColor: '--colors-shades-5-color',
660
- padding: '',
661
- borderRadius: '',
662
- maxWidth: '453px',
659
+ maxWidth: '428px',
663
660
  onMobile: {
664
661
  maxWidth: '100%',
665
662
  padding: '15px',
@@ -697,9 +694,9 @@ var shapermint = {
697
694
  fontWeight: 700,
698
695
  },
699
696
  note: {
700
- accentColor: '--colors-semantic-urgent-color',
697
+ accentColor: '#D3373C',
701
698
  color: '--colors-text-color',
702
- backgroundColor: '--colors-pallete-primary-20-color',
699
+ backgroundColor: '#FDF1EF',
703
700
  },
704
701
  sectionDetails: {
705
702
  fontSize: '0.875rem',
@@ -736,6 +733,38 @@ var shapermint = {
736
733
  divider: {
737
734
  color: '--colors-pallete-secondary-soft-color',
738
735
  },
736
+ checkout: {
737
+ paymentInformation: {
738
+ borderRadius: '8px',
739
+ },
740
+ creditCardSection: {
741
+ borderRadius: '8px',
742
+ },
743
+ },
744
+ upsell: {
745
+ banner: {
746
+ outlined: {
747
+ color: '--colors-semantic-urgent-color',
748
+ },
749
+ },
750
+ price: {
751
+ colors: {
752
+ regular: '--colors-shades-300-color',
753
+ deal: '--colors-semantic-urgent-color',
754
+ each: 'colors-shades-700-color',
755
+ badgeBG: 'colors-semantic-urgent-color',
756
+ badgeColor: '--colors-shades-white-color',
757
+ },
758
+ },
759
+ },
760
+ thankyou: {
761
+ emailSection: {
762
+ backgroundColor: '#FDF1EF',
763
+ },
764
+ socialIcon: {
765
+ color: '--colors-pallete-primary-color',
766
+ },
767
+ },
739
768
  },
740
769
  typography: {
741
770
  config: {
@@ -531,10 +531,10 @@ declare type ThemeComponent = {
531
531
  };
532
532
  orderSummary: {
533
533
  headingTextAlign: string;
534
- backgroundColor: string;
535
- maxWidth?: string;
534
+ backgroundColor?: string;
536
535
  padding?: string;
537
536
  borderRadius?: string;
537
+ maxWidth?: string;
538
538
  onMobile: {
539
539
  maxWidth?: string;
540
540
  padding?: string;
@@ -613,6 +613,43 @@ declare type ThemeComponent = {
613
613
  divider: {
614
614
  color: string;
615
615
  };
616
+ checkout: {
617
+ paymentInformation: {
618
+ borderRadius?: string;
619
+ };
620
+ creditCardSection: {
621
+ borderRadius?: string;
622
+ };
623
+ };
624
+ upsell: {
625
+ banner: {
626
+ outlined: {
627
+ color?: string;
628
+ };
629
+ };
630
+ price: {
631
+ colors: {
632
+ regular: string;
633
+ deal: string;
634
+ each: string;
635
+ badgeBG: string;
636
+ badgeColor: string;
637
+ };
638
+ };
639
+ };
640
+ thankyou: {
641
+ orderBanner?: {
642
+ text: {
643
+ left: string;
644
+ };
645
+ };
646
+ emailSection: {
647
+ backgroundColor?: string;
648
+ };
649
+ socialIcon: {
650
+ color?: string;
651
+ };
652
+ };
616
653
  };
617
654
  declare type ThemeTypography = {
618
655
  config: {
@@ -697,7 +697,7 @@ var tsd = {
697
697
  backgroundColor: '--colors-shades-10-color',
698
698
  padding: '20px',
699
699
  borderRadius: '--radius-regular',
700
- maxWidth: '',
700
+ maxWidth: '100%',
701
701
  onMobile: {
702
702
  maxWidth: '100%',
703
703
  padding: '15px',
@@ -775,6 +775,38 @@ var tsd = {
775
775
  divider: {
776
776
  color: '--colors-pallete-tertiary-soft-color',
777
777
  },
778
+ checkout: {
779
+ paymentInformation: {
780
+ borderRadius: '8px',
781
+ },
782
+ creditCardSection: {
783
+ borderRadius: '8px',
784
+ },
785
+ },
786
+ upsell: {
787
+ banner: {
788
+ outlined: {
789
+ color: '--colors-semantic-positive-color',
790
+ },
791
+ },
792
+ price: {
793
+ colors: {
794
+ regular: '--colors-shades-400-color',
795
+ deal: '--colors-pallete-primary-color',
796
+ each: 'colors-shades-700-color',
797
+ badgeBG: '--colors-pallete-gold?-soft?-color' ,
798
+ badgeColor: 'colors-shades-700-color',
799
+ },
800
+ },
801
+ },
802
+ thankyou: {
803
+ emailSection: {
804
+ backgroundColor: '--colors-pallete-mint-soft-color',
805
+ },
806
+ socialIcon: {
807
+ color: '--colors-pallete-primary-color',
808
+ },
809
+ },
778
810
  },
779
811
  typography: {
780
812
  config: {
@@ -531,10 +531,10 @@ declare type ThemeComponent = {
531
531
  };
532
532
  orderSummary: {
533
533
  headingTextAlign: string;
534
- backgroundColor: string;
535
- maxWidth?: string;
534
+ backgroundColor?: string;
536
535
  padding?: string;
537
536
  borderRadius?: string;
537
+ maxWidth?: string;
538
538
  onMobile: {
539
539
  maxWidth?: string;
540
540
  padding?: string;
@@ -613,6 +613,43 @@ declare type ThemeComponent = {
613
613
  divider: {
614
614
  color: string;
615
615
  };
616
+ checkout: {
617
+ paymentInformation: {
618
+ borderRadius?: string;
619
+ };
620
+ creditCardSection: {
621
+ borderRadius?: string;
622
+ };
623
+ };
624
+ upsell: {
625
+ banner: {
626
+ outlined: {
627
+ color?: string;
628
+ };
629
+ };
630
+ price: {
631
+ colors: {
632
+ regular: string;
633
+ deal: string;
634
+ each: string;
635
+ badgeBG: string;
636
+ badgeColor: string;
637
+ };
638
+ };
639
+ };
640
+ thankyou: {
641
+ orderBanner?: {
642
+ text: {
643
+ left: string;
644
+ };
645
+ };
646
+ emailSection: {
647
+ backgroundColor?: string;
648
+ };
649
+ socialIcon: {
650
+ color?: string;
651
+ };
652
+ };
616
653
  };
617
654
  declare type ThemeTypography = {
618
655
  config: {
@@ -149,10 +149,10 @@ var truekind = {
149
149
  990: { color: '#0b0b0b', contrast: '--colors-shades-white-color' },
150
150
  },
151
151
  semantic: {
152
- positive: { color: '#2579C8', contrast: '--colors-shades-white-color' },
153
- urgent: { color: '#D82A2D', contrast: '--colors-shades-white-color' },
154
- attention: { color: '#FFA877', contrast: '--colors-shades-700-color' },
155
- informative: { color: '#686872', contrast: '--colors-shades-white-color' },
152
+ positive: { color: '#2f806a', contrast: '--colors-shades-white-color' },
153
+ urgent: { color: '#c64844', contrast: '--colors-shades-white-color' },
154
+ attention: { color: '#f2d96f', contrast: '--colors-shades-700-color' },
155
+ informative: { color: '#0a609b', contrast: '--colors-shades-700-color' },
156
156
  },
157
157
  border: {
158
158
  color: '',
@@ -736,11 +736,11 @@ var truekind = {
736
736
  },
737
737
  },
738
738
  orderSummary: {
739
- headingTextAlign: 'left',
740
- backgroundColor: '--colors-shades-5-color',
741
- padding: '',
742
- borderRadius: '',
743
- maxWidth: '460px',
739
+ headingTextAlign: 'center',
740
+ backgroundColor: '--colors-shades-10-color',
741
+ padding: '20px',
742
+ borderRadius: '--radius-regular',
743
+ maxWidth: '100%',
744
744
  onMobile: {
745
745
  maxWidth: '100%',
746
746
  padding: '15px',
@@ -748,7 +748,7 @@ var truekind = {
748
748
  },
749
749
  expressCheckout: {
750
750
  button: {
751
- borderRadius: '4px',
751
+ borderRadius: '24px',
752
752
  },
753
753
  },
754
754
  copyrightText: {
@@ -817,6 +817,43 @@ var truekind = {
817
817
  divider: {
818
818
  color: '--colors-pallete-secondary-soft-color',
819
819
  },
820
+ checkout: {
821
+ paymentInformation: {
822
+ borderRadius: '24px',
823
+ },
824
+ creditCardSection: {
825
+ borderRadius: '24px',
826
+ },
827
+ },
828
+ upsell: {
829
+ banner: {
830
+ outlined: {
831
+ color: '--colors-semantic-positive-color',
832
+ },
833
+ },
834
+ price: {
835
+ colors: {
836
+ regular: '--colors-shades-300-color',
837
+ deal: '--colors-semantic-urgent-color',
838
+ each: 'colors-shades-700-color',
839
+ badgeBG: 'colors-semantic-urgent-color',
840
+ badgeColor: '--colors-shades-white-color',
841
+ },
842
+ },
843
+ },
844
+ thankyou: {
845
+ orderBanner: {
846
+ text: {
847
+ left: '53%',
848
+ },
849
+ },
850
+ emailSection: {
851
+ backgroundColor: '--colors-pallete-champagne-color',
852
+ },
853
+ socialIcon: {
854
+ color: '--colors-pallete-primary-color',
855
+ },
856
+ },
820
857
  },
821
858
  fonts: {
822
859
  url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/fonts/truekind',
@@ -942,16 +979,26 @@ var truekind = {
942
979
  assets: {
943
980
  images: {
944
981
  favicon: 'https://cdn.shopify.com/s/files/1/2679/8624/files/shapermint_favicon-128x128.png',
945
- logo: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/shapermint/shapermint_logo_black.svg',
982
+ logo: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/truekind/tkd_logo_checkout.svg',
946
983
  logoSize: {
947
- width: '230',
948
- height: '46',
984
+ width: '204',
985
+ height: '35',
986
+ },
987
+ checkoutLogo: {
988
+ url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/truekind/tkd_logo_checkout.svg',
989
+ width: '204',
990
+ height: '35',
949
991
  },
950
992
  upsellLogo: {
951
- url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/shapermint/shapermint_logo_black.svg',
993
+ url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/truekind/tkd_logo_checkout.svg',
952
994
  width: '210',
953
995
  height: '40',
954
996
  },
997
+ tyLogo: {
998
+ url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/truekind/tkd_logo_checkout.svg',
999
+ width: '276',
1000
+ height: '50',
1001
+ },
955
1002
  },
956
1003
  },
957
1004
  };
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.263",
6
+ "version": "5.0.0-beta.266",
7
7
  "private": false,
8
8
  "main": "build/index.js",
9
9
  "style": "build/index.css",