@bikdotai/bik-component-library 0.0.407-beta.12 → 0.0.407-beta.13
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/dist/cjs/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../assets/icons/lto_icon.svg.js"),r=require("styled-components"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../assets/icons/lto_icon.svg.js"),r=require("styled-components"),n=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(r);const d=o.default.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: row;
|
|
4
4
|
background: #f6f6f6;
|
|
5
|
-
width: 152px;
|
|
6
5
|
margin: 0px 10px;
|
|
7
|
-
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
`,l=o.default.div`
|
|
8
8
|
width: 48px;
|
|
9
9
|
height: 48px;
|
|
10
10
|
display: flex;
|
|
@@ -13,9 +13,8 @@
|
|
|
13
13
|
border-radius: 24px;
|
|
14
14
|
background: #d8f0e7;
|
|
15
15
|
margin: 5px;
|
|
16
|
-
`,
|
|
16
|
+
`,c=o.default.div`
|
|
17
17
|
display: flex;
|
|
18
18
|
flex-direction: column;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
`;exports.LimitedTimeOffer=r=>{const{text:s,dateTime:o,code:a}=r;return e.jsxs(d,{children:[e.jsx(c,{children:e.jsx(t.default,{width:24,height:24,style:{display:"flex"}})}),e.jsxs(l,{children:[e.jsx(i.BodySecondary,Object.assign({numberOfLines:2,color:n.COLORS.content.primary},{children:s})),e.jsxs(i.BodyTiny,Object.assign({numberOfLines:2,color:n.COLORS.content.secondary},{children:["Ends on ",o]})),e.jsxs(i.BodyTiny,Object.assign({numberOfLines:2,color:n.COLORS.content.placeholder},{children:["Code ",a]}))]})]})},exports.StyledLimitedOfferTime=d,exports.StyledLtoIcon=c,exports.StyledLtoText=l;
|
|
19
|
+
flex: 1;
|
|
20
|
+
`;exports.LimitedTimeOffer=r=>{const{text:s,dateTime:o,code:a}=r;return e.jsxs(d,{children:[e.jsx(l,{children:e.jsx(t.default,{width:24,height:24,style:{display:"flex"}})}),e.jsxs(c,{children:[e.jsx(n.BodySecondary,Object.assign({numberOfLines:2,color:i.COLORS.content.primary},{children:s})),e.jsxs(n.BodyTiny,Object.assign({numberOfLines:3,style:{overflowWrap:"anywhere"},color:i.COLORS.content.secondary},{children:["Ends on ",o]})),e.jsxs(n.BodyTiny,Object.assign({numberOfLines:2,color:i.COLORS.content.placeholder},{children:["Code ",a]}))]})]})},exports.StyledLimitedOfferTime=d,exports.StyledLtoIcon=l,exports.StyledLtoText=c;
|
package/dist/esm/components/template-preview/WhatsApp/LimitedTimeOffer/LimitedTimeOffer.index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{jsxs as e,jsx as n}from"react/jsx-runtime";import
|
|
1
|
+
import{jsxs as e,jsx as n}from"react/jsx-runtime";import r from"../../../../assets/icons/lto_icon.svg.js";import o from"styled-components";import{BodySecondary as i,BodyTiny as t}from"../../../TypographyStyle.js";import{COLORS as s}from"../../../../constants/Theme.js";const c=o=>{const{text:c,dateTime:f,code:m}=o;return e(d,{children:[n(l,{children:n(r,{width:24,height:24,style:{display:"flex"}})}),e(a,{children:[n(i,Object.assign({numberOfLines:2,color:s.content.primary},{children:c})),e(t,Object.assign({numberOfLines:3,style:{overflowWrap:"anywhere"},color:s.content.secondary},{children:["Ends on ",f]})),e(t,Object.assign({numberOfLines:2,color:s.content.placeholder},{children:["Code ",m]}))]})]})},d=o.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: row;
|
|
4
4
|
background: #f6f6f6;
|
|
5
|
-
width: 152px;
|
|
6
5
|
margin: 0px 10px;
|
|
7
|
-
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
`,l=o.div`
|
|
8
8
|
width: 48px;
|
|
9
9
|
height: 48px;
|
|
10
10
|
display: flex;
|
|
@@ -13,9 +13,8 @@ import{jsxs as e,jsx as n}from"react/jsx-runtime";import i from"../../../../asse
|
|
|
13
13
|
border-radius: 24px;
|
|
14
14
|
background: #d8f0e7;
|
|
15
15
|
margin: 5px;
|
|
16
|
-
`,
|
|
16
|
+
`,a=o.div`
|
|
17
17
|
display: flex;
|
|
18
18
|
flex-direction: column;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
`;export{c as LimitedTimeOffer,d as StyledLimitedOfferTime,l as StyledLtoIcon,p as StyledLtoText};
|
|
19
|
+
flex: 1;
|
|
20
|
+
`;export{c as LimitedTimeOffer,d as StyledLimitedOfferTime,l as StyledLtoIcon,a as StyledLtoText};
|