@cruk/cruk-react-components 7.0.0 → 7.1.1
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/README.md +138 -9
- package/lib/index.css +4247 -1
- package/lib/index.css.map +1 -1
- package/lib/node_modules/tslib/tslib.es6.js +1 -1
- package/lib/node_modules/tslib/tslib.es6.js.map +1 -1
- package/lib/src/components/AddressLookup/index.d.ts +8 -9
- package/lib/src/components/AddressLookup/index.js +1 -1
- package/lib/src/components/AddressLookup/index.js.map +1 -1
- package/lib/src/components/Avatar/index.d.ts +2 -1
- package/lib/src/components/Avatar/index.js +1 -1
- package/lib/src/components/Avatar/index.js.map +1 -1
- package/lib/src/components/Badge/index.d.ts +7 -10
- package/lib/src/components/Badge/index.js +1 -1
- package/lib/src/components/Badge/index.js.map +1 -1
- package/lib/src/components/Box/index.d.ts +6 -7
- package/lib/src/components/Box/index.js +1 -1
- package/lib/src/components/Box/index.js.map +1 -1
- package/lib/src/components/Button/index.d.ts +7 -16
- package/lib/src/components/Button/index.js +1 -1
- package/lib/src/components/Button/index.js.map +1 -1
- package/lib/src/components/Carousel/Dots.js +1 -1
- package/lib/src/components/Carousel/Dots.js.map +1 -1
- package/lib/src/components/Carousel/index.d.ts +23 -13
- package/lib/src/components/Carousel/index.js +1 -1
- package/lib/src/components/Carousel/index.js.map +1 -1
- package/lib/src/components/Checkbox/index.d.ts +7 -8
- package/lib/src/components/Checkbox/index.js +1 -1
- package/lib/src/components/Checkbox/index.js.map +1 -1
- package/lib/src/components/Collapse/index.d.ts +2 -2
- package/lib/src/components/Collapse/index.js +1 -1
- package/lib/src/components/Collapse/index.js.map +1 -1
- package/lib/src/components/DateField/index.d.ts +5 -6
- package/lib/src/components/DateField/index.js +1 -1
- package/lib/src/components/DateField/index.js.map +1 -1
- package/lib/src/components/ErrorText/index.d.ts +7 -6
- package/lib/src/components/ErrorText/index.js +1 -1
- package/lib/src/components/ErrorText/index.js.map +1 -1
- package/lib/src/components/Footer/index.js +1 -1
- package/lib/src/components/Footer/index.js.map +1 -1
- package/lib/src/components/Header/index.js +1 -1
- package/lib/src/components/Header/index.js.map +1 -1
- package/lib/src/components/Heading/index.d.ts +5 -17
- package/lib/src/components/Heading/index.js +1 -1
- package/lib/src/components/Heading/index.js.map +1 -1
- package/lib/src/components/IconFa/index.d.ts +9 -9
- package/lib/src/components/IconFa/index.js +1 -1
- package/lib/src/components/IconFa/index.js.map +1 -1
- package/lib/src/components/InfoBox/index.d.ts +13 -17
- package/lib/src/components/InfoBox/index.js +1 -1
- package/lib/src/components/InfoBox/index.js.map +1 -1
- package/lib/src/components/LabelWrapper/index.js +1 -1
- package/lib/src/components/LabelWrapper/index.js.map +1 -1
- package/lib/src/components/LegendWrapper/index.js +1 -1
- package/lib/src/components/LegendWrapper/index.js.map +1 -1
- package/lib/src/components/Link/index.d.ts +6 -10
- package/lib/src/components/Link/index.js +1 -1
- package/lib/src/components/Link/index.js.map +1 -1
- package/lib/src/components/Loader/index.js +1 -1
- package/lib/src/components/Loader/index.js.map +1 -1
- package/lib/src/components/Modal/index.d.ts +14 -18
- package/lib/src/components/Modal/index.js +1 -1
- package/lib/src/components/Modal/index.js.map +1 -1
- package/lib/src/components/Pagination/index.js +1 -1
- package/lib/src/components/Pagination/index.js.map +1 -1
- package/lib/src/components/PopOver/index.d.ts +1 -1
- package/lib/src/components/PopOver/index.js +1 -1
- package/lib/src/components/PopOver/index.js.map +1 -1
- package/lib/src/components/ProgressBar/index.d.ts +1 -1
- package/lib/src/components/ProgressBar/index.js +1 -1
- package/lib/src/components/ProgressBar/index.js.map +1 -1
- package/lib/src/components/Radio/index.js +1 -1
- package/lib/src/components/Radio/index.js.map +1 -1
- package/lib/src/components/RadioConsent/index.d.ts +8 -9
- package/lib/src/components/RadioConsent/index.js +1 -1
- package/lib/src/components/RadioConsent/index.js.map +1 -1
- package/lib/src/components/Select/index.js +1 -1
- package/lib/src/components/Select/index.js.map +1 -1
- package/lib/src/components/Step/index.d.ts +7 -8
- package/lib/src/components/Step/index.js +1 -1
- package/lib/src/components/Step/index.js.map +1 -1
- package/lib/src/components/Text/index.d.ts +7 -27
- package/lib/src/components/Text/index.js +1 -1
- package/lib/src/components/Text/index.js.map +1 -1
- package/lib/src/components/TextAreaField/index.d.ts +5 -6
- package/lib/src/components/TextAreaField/index.js +1 -1
- package/lib/src/components/TextAreaField/index.js.map +1 -1
- package/lib/src/components/TextField/index.d.ts +3 -1
- package/lib/src/components/TextField/index.js +1 -1
- package/lib/src/components/TextField/index.js.map +1 -1
- package/lib/src/components/Totaliser/index.js +1 -1
- package/lib/src/components/Totaliser/index.js.map +1 -1
- package/lib/src/components/UserBlock/index.js +1 -1
- package/lib/src/components/UserBlock/index.js.map +1 -1
- package/lib/src/components/index.d.ts +33 -2
- package/lib/src/components/index.js +1 -1
- package/lib/src/types.d.ts +40 -3
- package/lib/src/types.js +1 -1
- package/lib/src/types.js.map +1 -1
- package/lib/src/utils/Helper.d.ts +3 -0
- package/lib/src/utils/Helper.js +1 -1
- package/lib/src/utils/Helper.js.map +1 -1
- package/lib/src/utils/themeUtils.js +1 -1
- package/lib/src/utils/themeUtils.js.map +1 -1
- package/package.json +3 -6
- package/lib/src/components/AddressLookup/styles.d.ts +0 -12
- package/lib/src/components/AddressLookup/styles.js +0 -2
- package/lib/src/components/AddressLookup/styles.js.map +0 -1
- package/lib/src/components/Avatar/styles.d.ts +0 -4
- package/lib/src/components/Avatar/styles.js +0 -2
- package/lib/src/components/Avatar/styles.js.map +0 -1
- package/lib/src/components/Badge/styles.d.ts +0 -9
- package/lib/src/components/Badge/styles.js +0 -2
- package/lib/src/components/Badge/styles.js.map +0 -1
- package/lib/src/components/Box/styles.d.ts +0 -8
- package/lib/src/components/Box/styles.js +0 -2
- package/lib/src/components/Box/styles.js.map +0 -1
- package/lib/src/components/Button/styles.d.ts +0 -10
- package/lib/src/components/Button/styles.js +0 -2
- package/lib/src/components/Button/styles.js.map +0 -1
- package/lib/src/components/Carousel/styles.d.ts +0 -24
- package/lib/src/components/Carousel/styles.js +0 -2
- package/lib/src/components/Carousel/styles.js.map +0 -1
- package/lib/src/components/Checkbox/styles.d.ts +0 -9
- package/lib/src/components/Checkbox/styles.js +0 -2
- package/lib/src/components/Checkbox/styles.js.map +0 -1
- package/lib/src/components/Collapse/styles.d.ts +0 -24
- package/lib/src/components/Collapse/styles.js +0 -2
- package/lib/src/components/Collapse/styles.js.map +0 -1
- package/lib/src/components/DateField/styles.d.ts +0 -16
- package/lib/src/components/DateField/styles.js +0 -2
- package/lib/src/components/DateField/styles.js.map +0 -1
- package/lib/src/components/Divider.d.ts +0 -5
- package/lib/src/components/Divider.js +0 -2
- package/lib/src/components/Divider.js.map +0 -1
- package/lib/src/components/ErrorText/styles.d.ts +0 -12
- package/lib/src/components/ErrorText/styles.js +0 -2
- package/lib/src/components/ErrorText/styles.js.map +0 -1
- package/lib/src/components/Footer/styles.d.ts +0 -9
- package/lib/src/components/Footer/styles.js +0 -2
- package/lib/src/components/Footer/styles.js.map +0 -1
- package/lib/src/components/Header/styles.d.ts +0 -22
- package/lib/src/components/Header/styles.js +0 -2
- package/lib/src/components/Header/styles.js.map +0 -1
- package/lib/src/components/Heading/styles.d.ts +0 -16
- package/lib/src/components/Heading/styles.js +0 -2
- package/lib/src/components/Heading/styles.js.map +0 -1
- package/lib/src/components/IconFa/styles.d.ts +0 -5
- package/lib/src/components/IconFa/styles.js +0 -2
- package/lib/src/components/IconFa/styles.js.map +0 -1
- package/lib/src/components/InfoBox/styles.d.ts +0 -11
- package/lib/src/components/InfoBox/styles.js +0 -2
- package/lib/src/components/InfoBox/styles.js.map +0 -1
- package/lib/src/components/LabelWrapper/styles.d.ts +0 -6
- package/lib/src/components/LabelWrapper/styles.js +0 -2
- package/lib/src/components/LabelWrapper/styles.js.map +0 -1
- package/lib/src/components/LegendWrapper/styles.d.ts +0 -10
- package/lib/src/components/LegendWrapper/styles.js +0 -2
- package/lib/src/components/LegendWrapper/styles.js.map +0 -1
- package/lib/src/components/Link/styles.d.ts +0 -18
- package/lib/src/components/Link/styles.js +0 -2
- package/lib/src/components/Link/styles.js.map +0 -1
- package/lib/src/components/Loader/styles.module.css.js +0 -2
- package/lib/src/components/Loader/styles.module.css.js.map +0 -1
- package/lib/src/components/Modal/styles.d.ts +0 -27
- package/lib/src/components/Modal/styles.js +0 -2
- package/lib/src/components/Modal/styles.js.map +0 -1
- package/lib/src/components/Pagination/styles.d.ts +0 -8
- package/lib/src/components/Pagination/styles.js +0 -2
- package/lib/src/components/Pagination/styles.js.map +0 -1
- package/lib/src/components/PopOver/styles.d.ts +0 -10
- package/lib/src/components/PopOver/styles.js +0 -2
- package/lib/src/components/PopOver/styles.js.map +0 -1
- package/lib/src/components/ProgressBar/styles.d.ts +0 -23
- package/lib/src/components/ProgressBar/styles.js +0 -2
- package/lib/src/components/ProgressBar/styles.js.map +0 -1
- package/lib/src/components/Radio/styles.d.ts +0 -12
- package/lib/src/components/Radio/styles.js +0 -2
- package/lib/src/components/Radio/styles.js.map +0 -1
- package/lib/src/components/RadioConsent/styles.d.ts +0 -3
- package/lib/src/components/RadioConsent/styles.js +0 -2
- package/lib/src/components/RadioConsent/styles.js.map +0 -1
- package/lib/src/components/Select/styles.d.ts +0 -4
- package/lib/src/components/Select/styles.js +0 -2
- package/lib/src/components/Select/styles.js.map +0 -1
- package/lib/src/components/Spacing/index.d.ts +0 -68
- package/lib/src/components/Spacing/index.js +0 -2
- package/lib/src/components/Spacing/index.js.map +0 -1
- package/lib/src/components/Step/styles.d.ts +0 -10
- package/lib/src/components/Step/styles.js +0 -2
- package/lib/src/components/Step/styles.js.map +0 -1
- package/lib/src/components/Text/styles.d.ts +0 -14
- package/lib/src/components/Text/styles.js +0 -2
- package/lib/src/components/Text/styles.js.map +0 -1
- package/lib/src/components/TextAreaField/styles.d.ts +0 -7
- package/lib/src/components/TextAreaField/styles.js +0 -2
- package/lib/src/components/TextAreaField/styles.js.map +0 -1
- package/lib/src/components/TextField/styles.d.ts +0 -13
- package/lib/src/components/TextField/styles.js +0 -2
- package/lib/src/components/TextField/styles.js.map +0 -1
- package/lib/src/components/Totaliser/styles.d.ts +0 -14
- package/lib/src/components/Totaliser/styles.js +0 -2
- package/lib/src/components/Totaliser/styles.js.map +0 -1
- package/lib/src/components/UserBlock/styles.d.ts +0 -4
- package/lib/src/components/UserBlock/styles.js +0 -2
- package/lib/src/components/UserBlock/styles.js.map +0 -1
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { type SpaceType } from "../../types";
|
|
2
|
-
export type SpacingProps = {
|
|
3
|
-
margin?: SpaceType;
|
|
4
|
-
marginTop?: SpaceType;
|
|
5
|
-
marginRight?: SpaceType;
|
|
6
|
-
marginBottom?: SpaceType;
|
|
7
|
-
marginLeft?: SpaceType;
|
|
8
|
-
marginVertical?: SpaceType;
|
|
9
|
-
marginHorizontal?: SpaceType;
|
|
10
|
-
padding?: SpaceType;
|
|
11
|
-
paddingTop?: SpaceType;
|
|
12
|
-
paddingRight?: SpaceType;
|
|
13
|
-
paddingBottom?: SpaceType;
|
|
14
|
-
paddingLeft?: SpaceType;
|
|
15
|
-
paddingVertical?: SpaceType;
|
|
16
|
-
paddingHorizontal?: SpaceType;
|
|
17
|
-
};
|
|
18
|
-
interface SpacingPropsInterface {
|
|
19
|
-
margin?: SpaceType;
|
|
20
|
-
marginTop?: SpaceType;
|
|
21
|
-
marginRight?: SpaceType;
|
|
22
|
-
marginBottom?: SpaceType;
|
|
23
|
-
marginLeft?: SpaceType;
|
|
24
|
-
marginVertical?: SpaceType;
|
|
25
|
-
marginHorizontal?: SpaceType;
|
|
26
|
-
padding?: SpaceType;
|
|
27
|
-
paddingTop?: SpaceType;
|
|
28
|
-
paddingRight?: SpaceType;
|
|
29
|
-
paddingBottom?: SpaceType;
|
|
30
|
-
paddingLeft?: SpaceType;
|
|
31
|
-
paddingVertical?: SpaceType;
|
|
32
|
-
paddingHorizontal?: SpaceType;
|
|
33
|
-
}
|
|
34
|
-
export type SpacingPropsInternal = {
|
|
35
|
-
$margin?: SpaceType;
|
|
36
|
-
$marginTop?: SpaceType;
|
|
37
|
-
$marginRight?: SpaceType;
|
|
38
|
-
$marginBottom?: SpaceType;
|
|
39
|
-
$marginLeft?: SpaceType;
|
|
40
|
-
$marginVertical?: SpaceType;
|
|
41
|
-
$marginHorizontal?: SpaceType;
|
|
42
|
-
$padding?: SpaceType;
|
|
43
|
-
$paddingTop?: SpaceType;
|
|
44
|
-
$paddingRight?: SpaceType;
|
|
45
|
-
$paddingBottom?: SpaceType;
|
|
46
|
-
$paddingLeft?: SpaceType;
|
|
47
|
-
$paddingVertical?: SpaceType;
|
|
48
|
-
$paddingHorizontal?: SpaceType;
|
|
49
|
-
};
|
|
50
|
-
interface SpacingPropsInternalInterface {
|
|
51
|
-
$margin?: SpaceType;
|
|
52
|
-
$marginTop?: SpaceType;
|
|
53
|
-
$marginRight?: SpaceType;
|
|
54
|
-
$marginBottom?: SpaceType;
|
|
55
|
-
$marginLeft?: SpaceType;
|
|
56
|
-
$marginVertical?: SpaceType;
|
|
57
|
-
$marginHorizontal?: SpaceType;
|
|
58
|
-
$padding?: SpaceType;
|
|
59
|
-
$paddingTop?: SpaceType;
|
|
60
|
-
$paddingRight?: SpaceType;
|
|
61
|
-
$paddingBottom?: SpaceType;
|
|
62
|
-
$paddingLeft?: SpaceType;
|
|
63
|
-
$paddingVertical?: SpaceType;
|
|
64
|
-
$paddingHorizontal?: SpaceType;
|
|
65
|
-
}
|
|
66
|
-
export declare function spacingPropsToSpacingPropsInternal(props: SpacingPropsInterface): SpacingPropsInternalInterface;
|
|
67
|
-
export declare function spacing(props: SpacingPropsInternal): string;
|
|
68
|
-
export default spacing;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__assign as n}from"../../../node_modules/tslib/tslib.es6.js";function a(a){return n(n({},a),{margin:void 0,marginTop:void 0,marginRight:void 0,marginBottom:void 0,marginLeft:void 0,marginVertical:void 0,marginHorizontal:void 0,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,paddingVertical:void 0,paddingHorizontal:void 0,$margin:a.margin,$marginTop:a.marginTop,$marginRight:a.marginRight,$marginBottom:a.marginBottom,$marginLeft:a.marginLeft,$marginVertical:a.marginVertical,$marginHorizontal:a.marginHorizontal,$padding:a.padding,$paddingTop:a.paddingTop,$paddingRight:a.paddingRight,$paddingBottom:a.paddingBottom,$paddingLeft:a.paddingLeft,$paddingVertical:a.paddingVertical,$paddingHorizontal:a.paddingHorizontal})}function t(n){var a=n.$margin,t=n.$marginHorizontal,i=n.$marginVertical,o=n.$marginTop,c=n.$marginRight,g=n.$marginBottom,r=n.$marginLeft,d=n.$padding,p=n.$paddingHorizontal,m=n.$paddingVertical,l=n.$paddingTop,v=n.$paddingRight,$=n.$paddingBottom,e=n.$paddingLeft,s=a?"var(--spacing-".concat(a,")"):null,u=i?"var(--spacing-".concat(i,")"):null,f=t?"var(--spacing-".concat(t,")"):null,h=o?"var(--spacing-".concat(o,")"):null,z=c?"var(--spacing-".concat(c,")"):null,B=g?"var(--spacing-".concat(g,")"):null,H=r?"var(--spacing-".concat(r,")"):null,L=s?"margin: ".concat(s," !important;"):"",R=h?"margin-top: ".concat(h," !important;"):u?"margin-top: ".concat(u," !important;"):"",T=z?"margin-right: ".concat(z," !important;"):f?"margin-right: ".concat(f," !important;"):"",V=B?"margin-bottom: ".concat(B," !important;"):u?"margin-bottom: ".concat(u," !important;"):"",b=H?"margin-left: ".concat(H," !important;"):f?"margin-left: ".concat(f," !important;"):"",j=d?"var(--spacing-".concat(d,")"):null,x=m?"var(--spacing-".concat(m,")"):null,_=p?"var(--spacing-".concat(p,")"):null,k=l?"var(--spacing-".concat(l,")"):null,q=v?"var(--spacing-".concat(v,")"):null,w=$?"var(--spacing-".concat($,")"):null,y=e?"var(--spacing-".concat(e,")"):null,A=j?"padding: ".concat(j," !important;"):"",C=k?"padding-top: ".concat(k," !important;"):x?"padding-top: ".concat(x," !important;"):"",D=q?"padding-right: ".concat(q," !important;"):_?"padding-right: ".concat(_," !important;"):"",E=w?"padding-bottom: ".concat(w," !important;"):x?"padding-bottom: ".concat(x," !important;"):"",F=y?"padding-left: ".concat(y," !important;"):_?"padding-left: ".concat(_," !important;"):"";return"\n ".concat(L,"\n ").concat(R,"\n ").concat(T,"\n ").concat(V,"\n ").concat(b,"\n ").concat(A,"\n ").concat(C,"\n ").concat(D,"\n ").concat(E,"\n ").concat(F,"\n ")}export{t as default,t as spacing,a as spacingPropsToSpacingPropsInternal};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Spacing/index.tsx"],"sourcesContent":["import { type SpaceType } from \"../../types\";\n\nexport type SpacingProps = {\n margin?: SpaceType;\n marginTop?: SpaceType;\n marginRight?: SpaceType;\n marginBottom?: SpaceType;\n marginLeft?: SpaceType;\n marginVertical?: SpaceType;\n marginHorizontal?: SpaceType;\n padding?: SpaceType;\n paddingTop?: SpaceType;\n paddingRight?: SpaceType;\n paddingBottom?: SpaceType;\n paddingLeft?: SpaceType;\n paddingVertical?: SpaceType;\n paddingHorizontal?: SpaceType;\n};\n\ninterface SpacingPropsInterface {\n margin?: SpaceType;\n marginTop?: SpaceType;\n marginRight?: SpaceType;\n marginBottom?: SpaceType;\n marginLeft?: SpaceType;\n marginVertical?: SpaceType;\n marginHorizontal?: SpaceType;\n padding?: SpaceType;\n paddingTop?: SpaceType;\n paddingRight?: SpaceType;\n paddingBottom?: SpaceType;\n paddingLeft?: SpaceType;\n paddingVertical?: SpaceType;\n paddingHorizontal?: SpaceType;\n}\n\nexport type SpacingPropsInternal = {\n $margin?: SpaceType;\n $marginTop?: SpaceType;\n $marginRight?: SpaceType;\n $marginBottom?: SpaceType;\n $marginLeft?: SpaceType;\n $marginVertical?: SpaceType;\n $marginHorizontal?: SpaceType;\n $padding?: SpaceType;\n $paddingTop?: SpaceType;\n $paddingRight?: SpaceType;\n $paddingBottom?: SpaceType;\n $paddingLeft?: SpaceType;\n $paddingVertical?: SpaceType;\n $paddingHorizontal?: SpaceType;\n};\n\ninterface SpacingPropsInternalInterface {\n $margin?: SpaceType;\n $marginTop?: SpaceType;\n $marginRight?: SpaceType;\n $marginBottom?: SpaceType;\n $marginLeft?: SpaceType;\n $marginVertical?: SpaceType;\n $marginHorizontal?: SpaceType;\n $padding?: SpaceType;\n $paddingTop?: SpaceType;\n $paddingRight?: SpaceType;\n $paddingBottom?: SpaceType;\n $paddingLeft?: SpaceType;\n $paddingVertical?: SpaceType;\n $paddingHorizontal?: SpaceType;\n}\n\nexport function spacingPropsToSpacingPropsInternal(\n props: SpacingPropsInterface,\n): SpacingPropsInternalInterface {\n const internalProps = {\n ...props,\n margin: undefined,\n marginTop: undefined,\n marginRight: undefined,\n marginBottom: undefined,\n marginLeft: undefined,\n marginVertical: undefined,\n marginHorizontal: undefined,\n padding: undefined,\n paddingTop: undefined,\n paddingRight: undefined,\n paddingBottom: undefined,\n paddingLeft: undefined,\n paddingVertical: undefined,\n paddingHorizontal: undefined,\n $margin: props.margin,\n $marginTop: props.marginTop,\n $marginRight: props.marginRight,\n $marginBottom: props.marginBottom,\n $marginLeft: props.marginLeft,\n $marginVertical: props.marginVertical,\n $marginHorizontal: props.marginHorizontal,\n $padding: props.padding,\n $paddingTop: props.paddingTop,\n $paddingRight: props.paddingRight,\n $paddingBottom: props.paddingBottom,\n $paddingLeft: props.paddingLeft,\n $paddingVertical: props.paddingVertical,\n $paddingHorizontal: props.paddingHorizontal,\n };\n return internalProps;\n}\n\nexport function spacing(props: SpacingPropsInternal) {\n const {\n $margin,\n $marginHorizontal,\n $marginVertical,\n $marginTop,\n $marginRight,\n $marginBottom,\n $marginLeft,\n $padding,\n $paddingHorizontal,\n $paddingVertical,\n $paddingTop,\n $paddingRight,\n $paddingBottom,\n $paddingLeft,\n } = props;\n\n const ma = $margin ? `var(--spacing-${$margin})` : null;\n const mv = $marginVertical ? `var(--spacing-${$marginVertical})` : null;\n const mh = $marginHorizontal ? `var(--spacing-${$marginHorizontal})` : null;\n const mt = $marginTop ? `var(--spacing-${$marginTop})` : null;\n const mr = $marginRight ? `var(--spacing-${$marginRight})` : null;\n const mb = $marginBottom ? `var(--spacing-${$marginBottom})` : null;\n const ml = $marginLeft ? `var(--spacing-${$marginLeft})` : null;\n\n const maString = ma ? `margin: ${ma} !important;` : \"\";\n const mtString = mt\n ? `margin-top: ${mt} !important;`\n : mv\n ? `margin-top: ${mv} !important;`\n : \"\";\n const mrString = mr\n ? `margin-right: ${mr} !important;`\n : mh\n ? `margin-right: ${mh} !important;`\n : \"\";\n const mbString = mb\n ? `margin-bottom: ${mb} !important;`\n : mv\n ? `margin-bottom: ${mv} !important;`\n : \"\";\n const mlString = ml\n ? `margin-left: ${ml} !important;`\n : mh\n ? `margin-left: ${mh} !important;`\n : \"\";\n\n const pa = $padding ? `var(--spacing-${$padding})` : null;\n const pv = $paddingVertical ? `var(--spacing-${$paddingVertical})` : null;\n const ph = $paddingHorizontal ? `var(--spacing-${$paddingHorizontal})` : null;\n const pt = $paddingTop ? `var(--spacing-${$paddingTop})` : null;\n const pr = $paddingRight ? `var(--spacing-${$paddingRight})` : null;\n const pb = $paddingBottom ? `var(--spacing-${$paddingBottom})` : null;\n const pl = $paddingLeft ? `var(--spacing-${$paddingLeft})` : null;\n\n const paString = pa ? `padding: ${pa} !important;` : \"\";\n const ptString = pt\n ? `padding-top: ${pt} !important;`\n : pv\n ? `padding-top: ${pv} !important;`\n : \"\";\n const prString = pr\n ? `padding-right: ${pr} !important;`\n : ph\n ? `padding-right: ${ph} !important;`\n : \"\";\n const pbString = pb\n ? `padding-bottom: ${pb} !important;`\n : pv\n ? `padding-bottom: ${pv} !important;`\n : \"\";\n const plString = pl\n ? `padding-left: ${pl} !important;`\n : ph\n ? `padding-left: ${ph} !important;`\n : \"\";\n\n return `\n ${maString}\n ${mtString}\n ${mrString}\n ${mbString}\n ${mlString}\n ${paString}\n ${ptString}\n ${prString}\n ${pbString}\n ${plString}\n `;\n}\n\nexport default spacing;\n"],"names":["spacingPropsToSpacingPropsInternal","props","__assign","margin","undefined","marginTop","marginRight","marginBottom","marginLeft","marginVertical","marginHorizontal","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingVertical","paddingHorizontal","$margin","$marginTop","$marginRight","$marginBottom","$marginLeft","$marginVertical","$marginHorizontal","$padding","$paddingTop","$paddingRight","$paddingBottom","$paddingLeft","$paddingVertical","$paddingHorizontal","spacing","ma","concat","mv","mh","mt","mr","mb","ml","maString","mtString","mrString","mbString","mlString","pa","pv","ph","pt","pr","pb","pl","paString","ptString","prString","pbString","plString"],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export declare const StepWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
-
export declare const StepList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
|
|
3
|
-
$total: number;
|
|
4
|
-
}>> & string;
|
|
5
|
-
export declare const StepBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
6
|
-
export declare const StepTick: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
7
|
-
export declare const StepItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
|
|
8
|
-
$active: boolean;
|
|
9
|
-
$done: boolean;
|
|
10
|
-
}>> & string;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import r,{css as e}from"styled-components";var t,o,i,a,l,d,p,c,s=r.div(t||(t=n(["\n box-sizing: border-box;\n *,\n *:after,\n *:before {\n box-sizing: border-box;\n }\n text-align: center;\n text-transform: capitalize;\n"],["\n box-sizing: border-box;\n *,\n *:after,\n *:before {\n box-sizing: border-box;\n }\n text-align: center;\n text-transform: capitalize;\n"]))),b=r.ul(i||(i=n(["\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n ","\n"],["\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n ","\n"])),function(r){var t=r.$total;return t&&e(o||(o=n(["\n li {\n width: ","%;\n }\n li:last-child span:after {\n display: none;\n }\n "],["\n li {\n width: ","%;\n }\n li:last-child span:after {\n display: none;\n }\n "])),100/t)}),f=r.span(a||(a=n(['\n border-radius: 50%;\n background-clip: padding-box;\n width: 24px;\n height: 24px;\n background-color: var(--clr-step-background, #fff);\n display: block;\n margin: 0 auto 0.5em auto;\n border: 2px solid var(--clr-step-border, #e6e6e6);\n text-indent: -999px;\n\n &:after {\n display: block;\n position: absolute;\n width: 100%;\n height: 2px;\n content: "";\n background-color: transparent;\n border-bottom: 2px solid var(--clr-step-border, #e6e6e6);\n left: 50%;\n top: 11px;\n margin-left: 12px;\n }\n'],['\n border-radius: 50%;\n background-clip: padding-box;\n width: 24px;\n height: 24px;\n background-color: var(--clr-step-background, #fff);\n display: block;\n margin: 0 auto 0.5em auto;\n border: 2px solid var(--clr-step-border, #e6e6e6);\n text-indent: -999px;\n\n &:after {\n display: block;\n position: absolute;\n width: 100%;\n height: 2px;\n content: "";\n background-color: transparent;\n border-bottom: 2px solid var(--clr-step-border, #e6e6e6);\n left: 50%;\n top: 11px;\n margin-left: 12px;\n }\n']))),x=r.span(l||(l=n(["\n display: block;\n transform: rotate(45deg);\n transform-origin: center center;\n height: 14px;\n width: 8px;\n border-bottom: 2px solid var(--clr-text-light, #fff);\n border-right: 2px solid var(--clr-text-light, #fff);\n margin-top: 4px;\n margin-left: 8px;\n"],["\n display: block;\n transform: rotate(45deg);\n transform-origin: center center;\n height: 14px;\n width: 8px;\n border-bottom: 2px solid var(--clr-text-light, #fff);\n border-right: 2px solid var(--clr-text-light, #fff);\n margin-top: 4px;\n margin-left: 8px;\n"]))),g=r.li(c||(c=n(['\n display: flex;\n flex-direction: column;\n position: relative;\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n\n ',"\n ","\n"],['\n display: flex;\n flex-direction: column;\n position: relative;\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n\n ',"\n ","\n"])),function(r){return r.$active&&e(d||(d=n(["\n "," {\n border-color: var(--clr-tertiary, #009cee);\n background-color: var(--clr-tertiary, #009cee);\n }\n "],["\n "," {\n border-color: var(--clr-tertiary, #009cee);\n background-color: var(--clr-tertiary, #009cee);\n }\n "])),f)},function(r){return r.$done&&e(p||(p=n(["\n "," {\n border: none;\n background-color: var(--clr-tertiary, #009cee);\n &:after {\n border-bottom: 2px solid var(--clr-tertiary, #009cee);\n }\n }\n "],["\n "," {\n border: none;\n background-color: var(--clr-tertiary, #009cee);\n &:after {\n border-bottom: 2px solid var(--clr-tertiary, #009cee);\n }\n }\n "])),f)});export{f as StepBar,g as StepItem,b as StepList,x as StepTick,s as StepWrapper};
|
|
2
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../src/components/Step/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nexport const StepWrapper = styled.div`\n box-sizing: border-box;\n *,\n *:after,\n *:before {\n box-sizing: border-box;\n }\n text-align: center;\n text-transform: capitalize;\n`;\n\nexport const StepList = styled.ul<{\n $total: number;\n}>`\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n ${({ $total }) =>\n $total &&\n css`\n li {\n width: ${100 / $total}%;\n }\n li:last-child span:after {\n display: none;\n }\n `}\n`;\n\nexport const StepBar = styled.span`\n border-radius: 50%;\n background-clip: padding-box;\n width: 24px;\n height: 24px;\n background-color: var(--clr-step-background, #fff);\n display: block;\n margin: 0 auto 0.5em auto;\n border: 2px solid var(--clr-step-border, #e6e6e6);\n text-indent: -999px;\n\n &:after {\n display: block;\n position: absolute;\n width: 100%;\n height: 2px;\n content: \"\";\n background-color: transparent;\n border-bottom: 2px solid var(--clr-step-border, #e6e6e6);\n left: 50%;\n top: 11px;\n margin-left: 12px;\n }\n`;\n\nexport const StepTick = styled.span`\n display: block;\n transform: rotate(45deg);\n transform-origin: center center;\n height: 14px;\n width: 8px;\n border-bottom: 2px solid var(--clr-text-light, #fff);\n border-right: 2px solid var(--clr-text-light, #fff);\n margin-top: 4px;\n margin-left: 8px;\n`;\n\nexport const StepItem = styled.li<{\n $active: boolean;\n $done: boolean;\n}>`\n display: flex;\n flex-direction: column;\n position: relative;\n font-family: var(--typ-font-family-base, \"Poppins\", Arial, sans-serif);\n\n ${({ $active }) =>\n $active &&\n css`\n ${StepBar} {\n border-color: var(--clr-tertiary, #009cee);\n background-color: var(--clr-tertiary, #009cee);\n }\n `}\n ${({ $done }) =>\n $done &&\n css`\n ${StepBar} {\n border: none;\n background-color: var(--clr-tertiary, #009cee);\n &:after {\n border-bottom: 2px solid var(--clr-tertiary, #009cee);\n }\n }\n `}\n`;\n"],"names":["StepWrapper","styled","div","templateObject_1","__makeTemplateObject","StepList","ul","templateObject_3","_a","$total","css","templateObject_2","StepBar","span","templateObject_4","StepTick","templateObject_5","StepItem","li","templateObject_8","$active","templateObject_6","$done","templateObject_7"],"mappings":"2HAEO,oBAAMA,EAAcC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,yJAAA,CAAA,4JAWxBC,EAAWJ,EAAOK,GAAEC,IAAAA,EAAAH,EAAA,CAAA,gIAAA,MAAA,CAE/B,gIAiBG,QATD,SAACI,GAAE,IAAAC,EAAMD,EAAAC,OACT,OAAAA,GACAC,EAAGC,IAAAA,EAAAP,EAAA,CAAA,gCAAA,wFAAA,CAAA,gCAEsB,0FAAZ,IAAMK,EAHnB,GAWSG,EAAUX,EAAOY,KAAIC,IAAAA,EAAAV,EAAA,CAAA,wiBAAA,CAAA,2iBAyBrBW,EAAWd,EAAOY,KAAIG,IAAAA,EAAAZ,EAAA,CAAA,oRAAA,CAAA,uRAYtBa,EAAWhB,EAAOiB,GAAEC,IAAAA,EAAAf,EAAA,CAAA,wJAAA,OAAA,MAAA,CAG/B,wJAaG,OAWA,QAlBD,SAACI,GACD,OADUA,EAAAY,SAEVV,EAAGW,IAAAA,EAAAjB,EAAA,CAAA,WAAA,mIAAA,CAAA,WACQ,qIAAPQ,EAFJ,EAOA,SAACJ,GACD,OADQA,EAAAc,OAERZ,EAAGa,IAAAA,EAAAnB,EAAA,CAAA,WAAA,qMAAA,CAAA,WACQ,uMAAPQ,EAFJ"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type ElementType } from "react";
|
|
2
|
-
import { type SpacingPropsInternal } from "../Spacing";
|
|
3
|
-
import { type WordBreakType, type FontSizeType, type OverflowWrapType } from "../../types";
|
|
4
|
-
export type TextStyledProps = SpacingPropsInternal & {
|
|
5
|
-
$textColor?: string;
|
|
6
|
-
$textAlign?: "left" | "right" | "center" | "justify";
|
|
7
|
-
$textSize?: FontSizeType;
|
|
8
|
-
$textWeight?: number | string;
|
|
9
|
-
as?: ElementType;
|
|
10
|
-
$wordBreak?: WordBreakType;
|
|
11
|
-
$overflowWrap?: OverflowWrapType;
|
|
12
|
-
$textFontFamily?: string;
|
|
13
|
-
};
|
|
14
|
-
export declare const TextStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TextStyledProps>> & string;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";import{spacing as r}from"../Spacing/index.js";var o,e=t.p(o||(o=n(["\n font-family: ",";\n word-break: ",";\n overflow-wrap: ",";\n color: ",";\n text-align: ",";\n font-size: ",";\n line-height: var(--typ-line-height, 1.5em);\n font-weight: ",";\n padding: 0;\n margin: 0;\n margin-bottom: ",";\n\n &:last-child {\n margin-bottom: 0;\n }\n\n ","\n"],["\n font-family: ",";\n word-break: ",";\n overflow-wrap: ",";\n color: ",";\n text-align: ",";\n font-size: ",";\n line-height: var(--typ-line-height, 1.5em);\n font-weight: ",";\n padding: 0;\n margin: 0;\n margin-bottom: ",";\n\n &:last-child {\n margin-bottom: 0;\n }\n\n ","\n"])),function(n){return n.$textFontFamily||"var(--typ-font-family-base, 'Poppins', Arial, sans-serif)"},function(n){return n.$wordBreak||"normal"},function(n){return n.$overflowWrap||"break-word"},function(n){return n.$textColor},function(n){return n.$textAlign||"left"},function(n){var t=n.$textSize;return t?"var(--font-size-".concat(t,", 1rem)"):"var(--font-size-m, 1rem)"},function(n){return n.$textWeight||"var(--typ-font-weight-base, 300)"},function(n){var t=n.as;return void 0===t||"p"===t?"var(--spacing-xs, 1rem)":0},function(n){return r(n)});export{e as TextStyled};
|
|
2
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../src/components/Text/styles.ts"],"sourcesContent":["import { type ElementType } from \"react\";\nimport styled from \"styled-components\";\n\nimport { spacing, type SpacingPropsInternal } from \"../Spacing\";\nimport {\n type WordBreakType,\n type FontSizeType,\n type OverflowWrapType,\n} from \"../../types\";\n\nexport type TextStyledProps = SpacingPropsInternal & {\n $textColor?: string;\n $textAlign?: \"left\" | \"right\" | \"center\" | \"justify\";\n $textSize?: FontSizeType;\n $textWeight?: number | string;\n as?: ElementType;\n $wordBreak?: WordBreakType;\n $overflowWrap?: OverflowWrapType;\n $textFontFamily?: string;\n};\n\nexport const TextStyled = styled.p<TextStyledProps>`\n font-family: ${({ $textFontFamily }) =>\n $textFontFamily ||\n \"var(--typ-font-family-base, 'Poppins', Arial, sans-serif)\"};\n word-break: ${({ $wordBreak }) => $wordBreak || \"normal\"};\n overflow-wrap: ${({ $overflowWrap }) => $overflowWrap || \"break-word\"};\n color: ${({ $textColor }) => $textColor};\n text-align: ${({ $textAlign }) => $textAlign || \"left\"};\n font-size: ${({ $textSize }) =>\n $textSize\n ? `var(--font-size-${$textSize}, 1rem)`\n : `var(--font-size-m, 1rem)`};\n line-height: var(--typ-line-height, 1.5em);\n font-weight: ${({ $textWeight }) =>\n $textWeight || \"var(--typ-font-weight-base, 300)\"};\n padding: 0;\n margin: 0;\n margin-bottom: ${({ as }) =>\n typeof as === \"undefined\" || as === \"p\" ? `var(--spacing-xs, 1rem)` : 0};\n\n &:last-child {\n margin-bottom: 0;\n }\n\n ${(props) => spacing(props)}\n`;\n"],"names":["TextStyled","styled","p","templateObject_1","__makeTemplateObject","_a","$textFontFamily","$wordBreak","$overflowWrap","$textColor","$textAlign","$textSize","concat","$textWeight","as","props","spacing"],"mappings":"+JAqBO,MAAMA,EAAaC,EAAOC,EAACC,IAAAA,EAAAC,EAAA,CAAA,oBAAA,oBAAA,uBAAA,eAAA,oBAAA,mBAAA,oEAAA,oDAAA,0DAAA,MAAA,CAAiB,oBAGY,oBACL,uBACa,eAC9B,oBACe,mBAItB,oEAGmB,oDAIsB,0DAM9C,QAvBZ,SAACC,GACd,OAD+BA,EAAAC,iBAE/B,2DADA,EAEY,SAACD,GAAmB,OAAPA,EAAAE,YAAqB,QAAd,EACjB,SAACF,GAAsB,OAAPA,EAAAG,eAAwB,YAAjB,EAC/B,SAACH,GAAmB,OAAPA,EAAAI,UAAO,EACf,SAACJ,GAAmB,OAAPA,EAAAK,YAAqB,MAAd,EACrB,SAACL,GAAE,IAAAM,EAASN,EAAAM,UACvB,OAAAA,EACI,mBAAAC,OAAmBD,EAAS,WAC5B,0BAFJ,EAIa,SAACN,GACd,OAD2BA,EAAAQ,aACZ,kCAAf,EAGe,SAACR,GAAE,IAAAS,EAAET,EAAAS,GACpB,YAAc,IAAPA,GAA6B,MAAPA,EAAa,0BAA4B,CAAtE,EAMA,SAACC,GAAU,OAAAC,EAAQD,EAAR"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
type StyledTextareaProps = {
|
|
2
|
-
$hasError: boolean;
|
|
3
|
-
$lineCount: number;
|
|
4
|
-
$resize: "both" | "vertical" | "horizontal" | "none";
|
|
5
|
-
};
|
|
6
|
-
export declare const StyledTextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, StyledTextareaProps>> & string;
|
|
7
|
-
export {};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__makeTemplateObject as r}from"../../../node_modules/tslib/tslib.es6.js";import n from"styled-components";var e,o=n.textarea(e||(e=r(["\n resize: ",";\n background-color: var(--clr-background-light, #ffffff);\n background-image: none;\n border: ",';\n color: var(--clr-text-dark, #000000);\n display: block;\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n font-size: var(--font-size-m, 1rem);\n padding: 6px 8px;\n width: 100%;\n height: ',";\n\n transition: border-color 150ms linear;\n &:hover {\n border-color: var(--clr-secondary, #e60079);\n }\n &:disabled {\n border-color: var(--clr-disabled, #e6e6e6);\n color: var(--clr-disabled, #e6e6e6);\n }\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n"],["\n resize: ",";\n background-color: var(--clr-background-light, #ffffff);\n background-image: none;\n border: ",';\n color: var(--clr-text-dark, #000000);\n display: block;\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n font-size: var(--font-size-m, 1rem);\n padding: 6px 8px;\n width: 100%;\n height: ',";\n\n transition: border-color 150ms linear;\n &:hover {\n border-color: var(--clr-secondary, #e60079);\n }\n &:disabled {\n border-color: var(--clr-disabled, #e6e6e6);\n color: var(--clr-disabled, #e6e6e6);\n }\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n"])),function(r){return r.$resize},function(r){var n=r.$hasError;return"solid var(--size-border-width, 1px)\n ".concat(n?"var(--clr-text-error, #ff0000)":"var(--clr-text-input-border, #2e2d2c)")},function(r){var n=r.$lineCount;return"calc(var(--typ-line-height, 1.5em) * ".concat(n,")")});export{o as StyledTextArea};
|
|
2
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../src/components/TextAreaField/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\ntype StyledTextareaProps = {\n $hasError: boolean;\n $lineCount: number;\n $resize: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n};\n\nexport const StyledTextArea = styled.textarea<StyledTextareaProps>`\n resize: ${({ $resize }) => $resize};\n background-color: var(--clr-background-light, #ffffff);\n background-image: none;\n border: ${({ $hasError }) => `solid var(--size-border-width, 1px)\n ${$hasError ? \"var(--clr-text-error, #ff0000)\" : \"var(--clr-text-input-border, #2e2d2c)\"}`};\n color: var(--clr-text-dark, #000000);\n display: block;\n font-family: var(--typ-font-family-base, \"Poppins\", Arial, sans-serif);\n font-size: var(--font-size-m, 1rem);\n padding: 6px 8px;\n width: 100%;\n height: ${({ $lineCount }) =>\n `calc(var(--typ-line-height, 1.5em) * ${$lineCount})`};\n\n transition: border-color 150ms linear;\n &:hover {\n border-color: var(--clr-secondary, #e60079);\n }\n &:disabled {\n border-color: var(--clr-disabled, #e6e6e6);\n color: var(--clr-disabled, #e6e6e6);\n }\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n`;\n"],"names":["StyledTextArea","styled","textarea","templateObject_1","__makeTemplateObject","_a","$resize","$hasError","concat","$lineCount"],"mappings":"iHAQO,MAAMA,EAAiBC,EAAOC,SAAQC,IAAAA,EAAAC,EAAA,CAAA,eAAA,sGAAA,oOAAA,kWAAA,CAAqB,eAC9B,sGAI0D,oOAQrC,oWAZ7C,SAACC,GAAgB,OAAPA,EAAAC,OAAO,EAGjB,SAACD,GAAE,IAAAE,EAASF,EAAAE,UAAO,MAAA,4CAAAC,OACzBD,EAAY,iCAAmC,wCADtB,EAQnB,SAACF,GAAE,IAAAI,EAAUJ,EAAAI,WACrB,MAAA,wCAAAD,OAAwCC,EAAU,IAAlD"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
type StyledInputProps = {
|
|
2
|
-
$hasError: boolean;
|
|
3
|
-
$isValid: boolean;
|
|
4
|
-
$isValidVisible?: boolean;
|
|
5
|
-
$isInvalidVisible?: boolean;
|
|
6
|
-
};
|
|
7
|
-
export declare const Extra: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
8
|
-
export declare const ExtraLeft: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>, never>> & string;
|
|
9
|
-
export declare const ExtraRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>, never>> & string;
|
|
10
|
-
export declare const ExtraWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
11
|
-
export declare const StyledInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledInputProps>> & string;
|
|
12
|
-
export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledInputProps>> & string;
|
|
13
|
-
export {};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import i,{css as e}from"styled-components";var r,A,a,o,t,b,l,g,d,s,c=i.span(r||(r=n(['\n box-sizing: border-box;\n display: block;\n background-color: var(--clr-text-input-extra-info, #e6e6e6);\n color: var(--clr-text-dark, #000);\n font-size: var(--font-size-m, 1em);\n line-height: var(--typ-line-height, 1.5em);\n font-weight: var(--typ-font-weight-base, 300);\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n padding: calc((var(--_min-height, 48px) - 1em) / 2) var(--spacing-xs, 1rem);\n margin: 0;\n line-height: 1rem;\n width: auto;\n'],['\n box-sizing: border-box;\n display: block;\n background-color: var(--clr-text-input-extra-info, #e6e6e6);\n color: var(--clr-text-dark, #000);\n font-size: var(--font-size-m, 1em);\n line-height: var(--typ-line-height, 1.5em);\n font-weight: var(--typ-font-weight-base, 300);\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n padding: calc((var(--_min-height, 48px) - 1em) / 2) var(--spacing-xs, 1rem);\n margin: 0;\n line-height: 1rem;\n width: auto;\n']))),m=i(c)(A||(A=n(["\n box-sizing: border-box;\n width: auto;\n vertical-align: middle;\n height: var(--_min-height, 48px);\n\n button {\n min-height: calc(\n var(--_min-height, 48px) - (2 * var(--size-border-width, 1px))\n ) !important;\n }\n"],["\n box-sizing: border-box;\n width: auto;\n vertical-align: middle;\n height: var(--_min-height, 48px);\n\n button {\n min-height: calc(\n var(--_min-height, 48px) - (2 * var(--size-border-width, 1px))\n ) !important;\n }\n"]))),h=i(c)(a||(a=n(["\n box-sizing: border-box;\n width: auto;\n border: solid var(--size-border-width, 1px)\n var(--clr-text-input-border, #2e2d2c);\n transition: border-color 150ms linear;\n border-left: 0;\n background-color: transparent;\n padding: 0;\n height: var(--_min-height, 48px);\n vertical-align: middle;\n\n button {\n min-height: calc(\n var(--_min-height, 48px) - (2 * var(--size-border-width, 1px))\n ) !important;\n }\n"],["\n box-sizing: border-box;\n width: auto;\n border: solid var(--size-border-width, 1px)\n var(--clr-text-input-border, #2e2d2c);\n transition: border-color 150ms linear;\n border-left: 0;\n background-color: transparent;\n padding: 0;\n height: var(--_min-height, 48px);\n vertical-align: middle;\n\n button {\n min-height: calc(\n var(--_min-height, 48px) - (2 * var(--size-border-width, 1px))\n ) !important;\n }\n"]))),p=i.span(o||(o=n(["\n box-sizing: border-box;\n display: flex;\n align-items: center;\n"],["\n box-sizing: border-box;\n display: flex;\n align-items: center;\n"]))),u=i.span(l||(l=n(["\n --_min-height: 48px;\n box-sizing: border-box;\n position: relative;\n display: block;\n flex: 1 1;\n &:after {\n display: ",';\n position: absolute;\n width: 2em;\n z-index: 1;\n bottom: 0;\n right: 0;\n content: "";\n top: 0;\n background-repeat: no-repeat;\n background-position: calc(100% - var(--spacing-xxs, 0.5rem)) 50%;\n ',"\n ","\n }\n"],["\n --_min-height: 48px;\n box-sizing: border-box;\n position: relative;\n display: block;\n flex: 1 1;\n &:after {\n display: ",';\n position: absolute;\n width: 2em;\n z-index: 1;\n bottom: 0;\n right: 0;\n content: "";\n top: 0;\n background-repeat: no-repeat;\n background-position: calc(100% - var(--spacing-xxs, 0.5rem)) 50%;\n ',"\n ","\n }\n"])),function(n){var i=n.$isValidVisible;return n.$isInvalidVisible||i?"block":"none"},function(i){var r=i.$isValid,A=i.$isInvalidVisible;return!r&&A&&e(t||(t=n(['\n background-image: url("data:image/png;base64,','");\n '],['\n background-image: url("data:image/png;base64,','");\n '])),"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")},function(i){var r=i.$isValid,A=i.$isValidVisible;return r&&A&&e(b||(b=n(['\n background-image: url("data:image/png;base64,','");\n '],['\n background-image: url("data:image/png;base64,','");\n '])),"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")}),x=i.input(s||(s=n(["\n box-sizing: border-box;\n background-color: var(--clr-background-light, #ffffff);\n background-image: none;\n border: ",";\n border-radius: 0;\n color: var(--clr-text-dark, #000);\n display: block;\n font-size: var(--font-size-m, 1rem);\n line-height: var(--typ-line-height, 1.5em);\n min-width: 3em;\n padding: calc(\n (\n var(--_min-height, 48px) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-xs, 1rem);\n\n /* Make sure text doesn't go behind the valid indicatior icon */\n ","\n\n width: 100%;\n transition: border-color 150ms linear;\n\n &:hover {\n border-color: var(--clr-secondary, #e60079);\n }\n\n &:disabled {\n border-color: var(--clr-disabled, #e6e6e6);\n color: var(--clr-disabled, #e6e6e6);\n }\n\n ","\n &:-webkit-autofill,\n &:-webkit-autofill:focus {\n box-shadow: 0 0 0 3em white inset !important;\n }\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n"],["\n box-sizing: border-box;\n background-color: var(--clr-background-light, #ffffff);\n background-image: none;\n border: ",";\n border-radius: 0;\n color: var(--clr-text-dark, #000);\n display: block;\n font-size: var(--font-size-m, 1rem);\n line-height: var(--typ-line-height, 1.5em);\n min-width: 3em;\n padding: calc(\n (\n var(--_min-height, 48px) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-xs, 1rem);\n\n /* Make sure text doesn't go behind the valid indicatior icon */\n ","\n\n width: 100%;\n transition: border-color 150ms linear;\n\n &:hover {\n border-color: var(--clr-secondary, #e60079);\n }\n\n &:disabled {\n border-color: var(--clr-disabled, #e6e6e6);\n color: var(--clr-disabled, #e6e6e6);\n }\n\n ","\n &:-webkit-autofill,\n &:-webkit-autofill:focus {\n box-shadow: 0 0 0 3em white inset !important;\n }\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n"])),function(n){var i=n.$hasError;return"solid var(--size-border-width, 1px) ".concat(i?"var(--clr-text-error, #ff0000)":"var(--clr-text-input-border, #2e2d2c)")},function(i){var r=i.$isValidVisible,A=i.$isInvalidVisible;return(r||A)&&e(g||(g=n(["\n padding-right: 3rem;\n "],["\n padding-right: 3rem;\n "])))},function(i){return i.$hasError&&e(d||(d=n(["\n ~ "," {\n border-color: var(--clr-text-error, #ff0000);\n }\n "],["\n ~ "," {\n border-color: var(--clr-text-error, #ff0000);\n }\n "])),h)});export{c as Extra,m as ExtraLeft,h as ExtraRight,p as ExtraWrapper,x as StyledInput,u as StyledInputWrapper};
|
|
2
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../src/components/TextField/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nconst crossBase64 =\n \"iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAK0mlDQ1BJQ0MgUHJvZmlsZQAASImVlwdUU9kWhs+96Y0WQDqhN0E6AaSEHkB6F5WQBBIIMSYEEbsyqOBYUBFBZQCHquDoCMhYEAsWRLFhnyCDgjoOFmyozAUeYWbeeu+tt9c693x3Z5999r65Z63/AkDxY4lEAlgJgCxhtjgq0IeWkJhEww0CCGgDAlADtiy2RMSIiAgFiE3Pf7f3d5BoxG5aT+T699//q6lwuBI2AFAywqkcCTsL4Q5kDLFF4mwAUHWI32hptmiCuxFWFSMFIiyb4PQpfjfBqZOMxk/GxET5IqwDAJ7MYonTASCbI35aDjsdyUMOQthWyOELEc5F2JPNY3EQbkN4dlbW4gn+DWFzJF4EAIWMMD31LznT/5Y/VZ6fxUqX81Rfk4b340tEAtay//PR/G/LEkin9zBFBpknDopCZuTfhO5mLg6RszA1LHya+ZzJ+EnmSYNip5kt8U2aZg7LL0S+VhAWOs1p/ACmPE82M2aauRL/6GkWL46S75Um9mVMM0s8s680M1bu53GZ8vx5vJj4ac7hx4VNsyQzOmQmxlfuF0uj5PVzhYE+M/sGyHvPkvylXz5TvjabFxMk7501Uz9XyJjJKUmQ18bh+vnPxMTK40XZPvK9RIIIeTxXECj3S3Ki5WuzkZdzZm2E/BlmsIIjphlEgFDgAByBK3KNB5HZ3NzsiSZ8F4uWifnpvGwaAzlpXBpTyLaZTbO3tbcDYOLcTr0Kb+9OnkdIHT/jS0POl2MDclZcZ3yCDQCcuQ6AwsYZn9FbAAgTfgFbKs6Z8qEnLhhABIpAFWgCPWAEzIE1sAfOwB14A38QDMJBDEgECwEb8EAWEIOlYAVYCwpAEdgGdoEyUAGqQR04BI6AVnACnAEXwBVwHdwGD4AMDIIXYAS8B2MQBOEgCkSFNCF9yASyguwhOuQJ+UOhUBSUCKVA6ZAQkkIroPVQEVQMlUGVUD30E3QcOgNdgnqhe1A/NAy9gT7DKJgMq8K6sCk8B6bDDDgEjoEXwOnwEjgPzoe3wKVwFXwQboHPwFfg27AMfgGPogCKhFJHGaCsUXSULyoclYRKQ4lRq1CFqBJUFaoJ1Y7qQt1EyVAvUZ/QWDQVTUNbo93RQehYNBu9BL0KvRldhq5Dt6DPoW+i+9Ej6G8YCkYHY4VxwzAxCZh0zFJMAaYEU4M5hjmPuY0ZxLzHYrHqWDOsCzYIm4jNwC7HbsbuwzZjO7C92AHsKA6H08RZ4Txw4TgWLhtXgNuDO4g7jbuBG8R9xJPw+nh7fAA+CS/Er8OX4Bvwp/A38M/wYwQlggnBjRBO4BCWEbYSDhDaCdcIg4QxojLRjOhBjCFmENcSS4lNxPPEh8S3JBLJkORKiiTxSWtIpaTDpIukftInsgrZkuxLTiZLyVvIteQO8j3yWwqFYkrxpiRRsilbKPWUs5THlI8KVAUbBaYCR2G1QrlCi8INhVeKBEUTRYbiQsU8xRLFo4rXFF8qEZRMlXyVWEqrlMqVjiv1KY0qU5XtlMOVs5Q3KzcoX1IeUsGpmKr4q3BU8lWqVc6qDFBRVCOqL5VNXU89QD1PHVTFqpqpMlUzVItUD6n2qI6oqag5qsWp5aqVq51Uk6mj1E3VmeoC9a3qR9TvqH+epTuLMYs7a9Osplk3Zn3Q0Nbw1uBqFGo0a9zW+KxJ0/TXzNTcrtmq+UgLrWWpFam1VGu/1nmtl9qq2u7abO1C7SPa93VgHUudKJ3lOtU63Tqjunq6gboi3T26Z3Vf6qnreetl6O3UO6U3rE/V99Tn6+/UP63/nKZGY9AEtFLaOdqIgY5BkIHUoNKgx2DM0Mww1nCdYbPhIyOiEd0ozWinUafRiLG+8TzjFcaNxvdNCCZ0E57JbpMukw+mZqbxphtMW02HzDTMmGZ5Zo1mD80p5l7mS8yrzG9ZYC3oFpkW+yyuW8KWTpY8y3LLa1awlbMV32qfVe9szGzX2cLZVbP7rMnWDOsc60brfht1m1CbdTatNq/mGM9JmrN9Ttecb7ZOtgLbA7YP7FTsgu3W2bXbvbG3tGfbl9vfcqA4BDisdmhzeO1o5ch13O9414nqNM9pg1On01dnF2exc5PzsIuxS4rLXpc+uio9gr6ZftEV4+rjutr1hOsnN2e3bLcjbn+4W7tnuje4D801m8ude2DugIehB8uj0kPmSfNM8fzBU+Zl4MXyqvJ64m3kzfGu8X7GsGBkMA4yXvnY+oh9jvl88HXzXenb4YfyC/Qr9OvxV/GP9S/zfxxgGJAe0BgwEugUuDywIwgTFBK0PaiPqctkM+uZI8EuwSuDz4WQQ6JDykKehFqGikPb58HzguftmPcwzCRMGNYaDsKZ4TvCH0WYRSyJ+CUSGxkRWR75NMouakVUVzQ1elF0Q/T7GJ+YrTEPYs1jpbGdcYpxyXH1cR/i/eKL42UJcxJWJlxJ1ErkJ7Yl4ZLikmqSRuf7z981fzDZKbkg+c4CswW5Cy4t1FooWHhykeIi1qKjKZiU+JSGlC+scFYVazSVmbo3dYTty97NfsHx5uzkDHM9uMXcZ2keacVpQ+ke6TvSh3levBLeS74vv4z/OiMooyLjQ2Z4Zm3muCBe0JyFz0rJOi5UEWYKzy3WW5y7uFdkJSoQyZa4Ldm1ZEQcIq6RQJIFkrZsVUQgdUvNpd9J+3M8c8pzPi6NW3o0VzlXmNu9zHLZpmXP8gLyflyOXs5e3rnCYMXaFf0rGSsrV0GrUld1rjZanb96cE3gmrq1xLWZa6+us11XvO7d+vj17fm6+WvyB74L/K6xQKFAXNC3wX1DxUb0Rv7Gnk0Om/Zs+lbIKbxcZFtUUvRlM3vz5e/tvi/9fnxL2paerc5b92/DbhNuu7Pda3tdsXJxXvHAjnk7WnbSdhbufLdr0a5LJY4lFbuJu6W7ZaWhpW17jPds2/OljFd2u9ynvHmvzt5Nez/s4+y7sd97f1OFbkVRxecf+D/crQysbKkyrSqpxlbnVD89EHeg60f6j/U1WjVFNV9rhbWyuqi6c/Uu9fUNOg1bG+FGaePwweSD1w/5HWprsm6qbFZvLjoMDksPP/8p5ac7R0KOdB6lH2362eTnvceoxwpboJZlLSOtvFZZW2Jb7/Hg453t7u3HfrH5pfaEwYnyk2ont54inso/NX467/Roh6jj5Zn0MwOdizofnE04e+tc5Lme8yHnL14IuHC2i9F1+qLHxROX3C4dv0y/3HrF+UpLt1P3satOV4/1OPe0XHO51nbd9Xp779zeUze8bpy56Xfzwi3mrSu3w2733om9c7cvuU92l3N36J7g3uv7OffHHqx5iHlY+EjpUcljncdVv1r82ixzlp3s9+vvfhL95MEAe+DFb5LfvgzmP6U8LXmm/6x+yH7oxHDA8PXn858PvhC9GHtZ8Lvy73tfmb/6+Q/vP7pHEkYGX4tfj7/Z/Fbzbe07x3edoxGjj99nvR/7UPhR82PdJ/qnrs/xn5+NLf2C+1L61eJr+7eQbw/Hs8bHRSwxa1IKoJABp6UB8KYW0cWJAFAR/UCcP6WrJw2a+haYJPCfeEp7T5ozANVrAJiQXBOSqsIbABPknojMEciI8Qawg4N8/MskaQ72U7lIrYg0KRkff4voRpwFAF/7xsfHWsfHv9Ygxd4HoOP9lJ6flMhXAcihTtB9t27wT5vS+n/p8Z8zmKjAEfxz/hPZzxa5BBEfaQAAAGJlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA5KGAAcAAAASAAAAUKACAAQAAAABAAAAGKADAAQAAAABAAAAGQAAAABBU0NJSQAAAFNjcmVlbnNob3QQNRc8AAACO2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MzI8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpVc2VyQ29tbWVudD5TY3JlZW5zaG90PC9leGlmOlVzZXJDb21tZW50PgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MzU8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KNUAWJwAAAt1JREFUSA21lk9IFFEcx79vdtdZdycqTERBKhBUKLIOSXjpEITiFvbvULeS7N+tP+jNWx3qltSKXewWpYVSEQhdOkoKgf9WEASLLNT8s64zu6/3e/HGmd2ZbVH8wcx7vz/v85v35r35DeNCkE9SKWRGRpCZmAD/9VtGsn0l0KqrodXVAbqebzSCfl4+Po7U0y6kBj+AL614hrHdBvTmRuh3boPV1HjH5MxgZQWph4+QfNYD5J/bJpABxTdboXe0A4axaRc95kzA5+aweuESrLGEK6hQJVhbhejrV2AVFfYQOwGfn8dqUwxWYsZ2bqUTrDqA6PsBsNJSOVxTkOT1G9uGE4sekFhKZAKr9yU2Pn9RNtmyUABFDcddNi/FK45YxCTRYFpIPn6SM9bo7kLkbR/C55pzfMpAcONFXMbpTaeUWbaSKdhaemgI6dkfLicp5sCguDOE4889kyh4INYMPjMD8+uoi0FMYgc6Sko6rdFvLicp1tgkMD2JYCwmLjEL0Zc24XPBEwksn2lB5vt8DkOLhhFoD+mdmZ//Tmh2hFeSdGJaLot88jxwyUqbYIuVBzlfXstmu3R6D+F4XNg4MsPD0Orrwf8HF9FsVwRsYW8ZL+TEhi+eRbibkog0s7NYPt3kuSwyQN3ECdeYEVGqb0trHhLvQgkrL0fRiXql+rbE1gL7K30DyJH9QlP3H5DVd3c5YcTWgseOOm2ufjacdkuypxfrbW0FJSG2FmpsdEGV4gVXW3G9b7CgJJLNN0z+5/ARvrCnzHVZ/f30oeWZqSm+VHvI5VOxyavXODctcZl87fIVVwwxia0hFETxvbvqwe2WTjIVHb9DRIFqJrRls0+yZAq2/bleaznv+cHjZtpO6teh5XTGFZ1sQKT/jQy3E+x4PaACEX3XB6pKWxVZ0QRDFRvi2AWHFCp1xqePKL7VSlu9cKGaLMbQWGe5lExnTXYSd+6vwpmF+tv8L/oLio+JWZ6NQZEAAAAASUVORK5CYII=\";\n\nconst checkBase64 =\n \"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\";\n\ntype StyledInputProps = {\n $hasError: boolean;\n $isValid: boolean;\n $isValidVisible?: boolean;\n $isInvalidVisible?: boolean;\n};\n\nexport const Extra = styled.span`\n box-sizing: border-box;\n display: block;\n background-color: var(--clr-text-input-extra-info, #e6e6e6);\n color: var(--clr-text-dark, #000);\n font-size: var(--font-size-m, 1em);\n line-height: var(--typ-line-height, 1.5em);\n font-weight: var(--typ-font-weight-base, 300);\n font-family: var(--typ-font-family-base, \"Poppins\", Arial, sans-serif);\n padding: calc((var(--_min-height, 48px) - 1em) / 2) var(--spacing-xs, 1rem);\n margin: 0;\n line-height: 1rem;\n width: auto;\n`;\n\nexport const ExtraLeft = styled(Extra)`\n box-sizing: border-box;\n width: auto;\n vertical-align: middle;\n height: var(--_min-height, 48px);\n\n button {\n min-height: calc(\n var(--_min-height, 48px) - (2 * var(--size-border-width, 1px))\n ) !important;\n }\n`;\n\nexport const ExtraRight = styled(Extra)`\n box-sizing: border-box;\n width: auto;\n border: solid var(--size-border-width, 1px)\n var(--clr-text-input-border, #2e2d2c);\n transition: border-color 150ms linear;\n border-left: 0;\n background-color: transparent;\n padding: 0;\n height: var(--_min-height, 48px);\n vertical-align: middle;\n\n button {\n min-height: calc(\n var(--_min-height, 48px) - (2 * var(--size-border-width, 1px))\n ) !important;\n }\n`;\n\nexport const ExtraWrapper = styled.span`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n`;\n\nexport const StyledInputWrapper = styled.span<StyledInputProps>`\n --_min-height: 48px;\n box-sizing: border-box;\n position: relative;\n display: block;\n flex: 1 1;\n &:after {\n display: ${({ $isValidVisible, $isInvalidVisible }) =>\n !!$isInvalidVisible || !!$isValidVisible ? \"block\" : \"none\"};\n position: absolute;\n width: 2em;\n z-index: 1;\n bottom: 0;\n right: 0;\n content: \"\";\n top: 0;\n background-repeat: no-repeat;\n background-position: calc(100% - var(--spacing-xxs, 0.5rem)) 50%;\n ${({ $isValid, $isInvalidVisible }) =>\n !$isValid &&\n $isInvalidVisible &&\n css`\n background-image: url(\"data:image/png;base64,${crossBase64}\");\n `}\n ${({ $isValid, $isValidVisible }) =>\n $isValid &&\n $isValidVisible &&\n css`\n background-image: url(\"data:image/png;base64,${checkBase64}\");\n `}\n }\n`;\n\nexport const StyledInput = styled.input<StyledInputProps>`\n box-sizing: border-box;\n background-color: var(--clr-background-light, #ffffff);\n background-image: none;\n border: ${({ $hasError }) =>\n `solid var(--size-border-width, 1px) ${\n $hasError\n ? \"var(--clr-text-error, #ff0000)\"\n : \"var(--clr-text-input-border, #2e2d2c)\"\n }`};\n border-radius: 0;\n color: var(--clr-text-dark, #000);\n display: block;\n font-size: var(--font-size-m, 1rem);\n line-height: var(--typ-line-height, 1.5em);\n min-width: 3em;\n padding: calc(\n (\n var(--_min-height, 48px) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-xs, 1rem);\n\n /* Make sure text doesn't go behind the valid indicatior icon */\n ${({ $isValidVisible, $isInvalidVisible }) =>\n ($isValidVisible || $isInvalidVisible) &&\n css`\n padding-right: 3rem;\n `}\n\n width: 100%;\n transition: border-color 150ms linear;\n\n &:hover {\n border-color: var(--clr-secondary, #e60079);\n }\n\n &:disabled {\n border-color: var(--clr-disabled, #e6e6e6);\n color: var(--clr-disabled, #e6e6e6);\n }\n\n ${({ $hasError }) =>\n $hasError &&\n css`\n ~ ${ExtraRight} {\n border-color: var(--clr-text-error, #ff0000);\n }\n `}\n &:-webkit-autofill,\n &:-webkit-autofill:focus {\n box-shadow: 0 0 0 3em white inset !important;\n }\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n`;\n"],"names":["Extra","styled","span","templateObject_1","__makeTemplateObject","ExtraLeft","templateObject_2","ExtraRight","templateObject_3","ExtraWrapper","templateObject_4","StyledInputWrapper","templateObject_7","_a","$isValidVisible","$isInvalidVisible","$isValid","css","templateObject_5","templateObject_6","StyledInput","input","templateObject_10","$hasError","templateObject_8","templateObject_9"],"mappings":"2HAEA,wBAaaA,EAAQC,EAAOC,KAAIC,IAAAA,EAAAC,EAAA,CAAA,ifAAA,CAAA,ofAenBC,EAAYJ,EAAOD,EAAPC,CAAaK,IAAAA,EAAAF,EAAA,CAAA,oPAAA,CAAA,uPAazBG,EAAaN,EAAOD,EAAPC,CAAaO,IAAAA,EAAAJ,EAAA,CAAA,6bAAA,CAAA,gcAmB1BK,EAAeR,EAAOC,KAAIQ,IAAAA,EAAAN,EAAA,CAAA,2EAAA,CAAA,8EAM1BO,EAAqBV,EAAOC,KAAIU,IAAAA,EAAAR,EAAA,CAAA,0IAAA,6OAAA,SAAA,WAAA,CAAkB,0IAQE,6OAe1D,SAMA,aAtBQ,SAACS,OAAEC,EAAeD,EAAAC,gBAC3B,OAD8CD,EAAAE,mBACrBD,EAAkB,QAAU,MAArD,EAUA,SAACD,OAAEG,EAAQH,EAAAG,SAAED,EAAiBF,EAAAE,kBAC9B,OAACC,GACDD,GACAE,EAAGC,IAAAA,EAAAd,EAAA,CAAA,0DAAA,eAAA,CAAA,0DACyD,iBAvFhE,2jLAoFI,EAKA,SAACS,OAAEG,EAAQH,EAAAG,SAAEF,EAAeD,EAAAC,gBAC5B,OAAAE,GACAF,GACAG,EAAGE,IAAAA,EAAAf,EAAA,CAAA,0DAAA,eAAA,CAAA,0DACyD,iBA1FhE,+7KAuFI,GAQOgB,EAAcnB,EAAOoB,MAAKC,IAAAA,EAAAlB,EAAA,CAAA,gIAAA,qdAAA,6PAAA,gPAAA,CAAkB,gIASnD,qdAqBD,6PAoBA,kPA9CO,SAACS,GAAE,IAAAU,EAASV,EAAAU,UACpB,MAAA,8CACEA,EACI,iCACA,wCAHN,EAqBA,SAACV,OAAEC,EAAeD,EAAAC,gBAAEC,EAAiBF,EAAAE,kBACrC,OAACD,GAAmBC,IACpBE,EAAGO,IAAAA,EAAApB,EAAA,CAAA,sCAAA,CAAA,wCADH,EAiBA,SAACS,GACD,OADYA,EAAAU,WAEZN,EAAGQ,IAAAA,EAAArB,EAAA,CAAA,aAAA,4EAAA,CAAA,aACa,8EAAVG,EAFN"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import ProgressBar from "../ProgressBar";
|
|
2
|
-
export declare const BubbleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
-
export declare const ProgressBarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
-
$isCompact?: boolean;
|
|
5
|
-
}>> & string;
|
|
6
|
-
export declare const Total: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
7
|
-
export declare const BubbleText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
8
|
-
export declare const GiftAid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
9
|
-
export declare const Summary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
10
|
-
export declare const TotaliserWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
-
$isCompact: boolean;
|
|
12
|
-
}>> & string;
|
|
13
|
-
export declare const CompactWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
-
export declare const StyledProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../ProgressBar").ProgressBarProps, never>> & string & Omit<typeof ProgressBar, keyof import("react").Component<any, {}, any>>;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t,{css as r}from"styled-components";import{ProgressBar as a}from"../ProgressBar/index.js";var e,i,o,s,l,f,p,m,g,d,b,v=t.div(e||(e=n(["\n text-align: center;\n background-color: var(--clr-totaliser-bubble, #f2f2f2);\n border-radius: 3.2rem;\n padding: 5px;\n position: relative;\n p {\n margin: 0;\n }\n"],["\n text-align: center;\n background-color: var(--clr-totaliser-bubble, #f2f2f2);\n border-radius: 3.2rem;\n padding: 5px;\n position: relative;\n p {\n margin: 0;\n }\n"]))),y=t.div(o||(o=n(["\n padding: 0 46px 12px;\n margin-top: var(--spacing-s, 1.5rem);\n position: relative;\n\n ",";\n"],["\n padding: 0 46px 12px;\n margin-top: var(--spacing-s, 1.5rem);\n position: relative;\n\n ",";\n"])),function(t){return!0!=!!t.$isCompact&&r(i||(i=n(['\n div > div > div:not(:first-child) {\n &:after {\n content: "\\25bc";\n color: var(--clr-totaliser-bubble, #f2f2f2);\n position: absolute;\n top: -36px;\n right: -15px;\n font-size: 32px;\n }\n }\n '],['\n div > div > div:not(:first-child) {\n &:after {\n content: "\\\\25bc";\n color: var(--clr-totaliser-bubble, #f2f2f2);\n position: absolute;\n top: -36px;\n right: -15px;\n font-size: 32px;\n }\n }\n '])))}),c=t.p(s||(s=n(['\n color: var(--clr-totaliser-bubble-total, #00007e);\n font-size: 2.625rem;\n line-height: 3rem;\n font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n text-transform: var(--typ-header-text-transform, none);\n font-weight: var(--typ-font-weight-labels, 500);\n'],['\n color: var(--clr-totaliser-bubble-total, #00007e);\n font-size: 2.625rem;\n line-height: 3rem;\n font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n text-transform: var(--typ-header-text-transform, none);\n font-weight: var(--typ-font-weight-labels, 500);\n']))),x=t.p(l||(l=n(['\n color: var(--clr-totaliser-bubble-text, #000);\n font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n text-transform: var(--typ-header-text-transform, none);\n font-weight: var(--typ-font-weight-labels, 500);\n'],['\n color: var(--clr-totaliser-bubble-text, #000);\n font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n text-transform: var(--typ-header-text-transform, none);\n font-weight: var(--typ-font-weight-labels, 500);\n']))),h=t.p(f||(f=n(['\n color: var(--clr-totaliser-bubble-total, #00007e);\n font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n text-transform: var(--typ-header-text-transform, none);\n font-weight: var(--typ-font-weight-labels, 500);\n'],['\n color: var(--clr-totaliser-bubble-total, #00007e);\n font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n text-transform: var(--typ-header-text-transform, none);\n font-weight: var(--typ-font-weight-labels, 500);\n']))),u=t.span(p||(p=n(['\n display: block;\n text-align: right;\n margin-top: 12px;\n margin-bottom: 0;\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n'],['\n display: block;\n text-align: right;\n margin-top: 12px;\n margin-bottom: 0;\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n']))),w=t.div(g||(g=n(['\n font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n margin: 0;\n ',"\n"],['\n font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n margin: 0;\n ',"\n"])),function(t){return t.$isCompact&&r(m||(m=n(["\n "," {\n border: none;\n padding: 0;\n }\n "],["\n "," {\n border: none;\n padding: 0;\n }\n "])),y)}),P=t.div(d||(d=n(["\n justify-content: flex-end;\n display: flex;\n"],["\n justify-content: flex-end;\n display: flex;\n"]))),A=t(a)(b||(b=n([""],[""])));export{x as BubbleText,v as BubbleWrapper,P as CompactWrapper,h as GiftAid,y as ProgressBarWrapper,A as StyledProgressBar,u as Summary,c as Total,w as TotaliserWrapper};
|
|
2
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../src/components/Totaliser/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport ProgressBar from \"../ProgressBar\";\n\nexport const BubbleWrapper = styled.div`\n text-align: center;\n background-color: var(--clr-totaliser-bubble, #f2f2f2);\n border-radius: 3.2rem;\n padding: 5px;\n position: relative;\n p {\n margin: 0;\n }\n`;\n\nexport const ProgressBarWrapper = styled.div<{\n $isCompact?: boolean;\n}>`\n padding: 0 46px 12px;\n margin-top: var(--spacing-s, 1.5rem);\n position: relative;\n\n ${({ $isCompact }) =>\n !!$isCompact !== true &&\n css`\n div > div > div:not(:first-child) {\n &:after {\n content: \"\\\\25bc\";\n color: var(--clr-totaliser-bubble, #f2f2f2);\n position: absolute;\n top: -36px;\n right: -15px;\n font-size: 32px;\n }\n }\n `};\n`;\n\nexport const Total = styled.p`\n color: var(--clr-totaliser-bubble-total, #00007e);\n font-size: 2.625rem;\n line-height: 3rem;\n font-family: var(--typ-font-family-headings, \"Progress\", Arial, sans-serif);\n text-transform: var(--typ-header-text-transform, none);\n font-weight: var(--typ-font-weight-labels, 500);\n`;\n\nexport const BubbleText = styled.p`\n color: var(--clr-totaliser-bubble-text, #000);\n font-family: var(--typ-font-family-headings, \"Progress\", Arial, sans-serif);\n text-transform: var(--typ-header-text-transform, none);\n font-weight: var(--typ-font-weight-labels, 500);\n`;\n\nexport const GiftAid = styled.p`\n color: var(--clr-totaliser-bubble-total, #00007e);\n font-family: var(--typ-font-family-headings, \"Progress\", Arial, sans-serif);\n text-transform: var(--typ-header-text-transform, none);\n font-weight: var(--typ-font-weight-labels, 500);\n`;\n\n/* span not a div so that we don't end up with two speech bubble arrows from ProgressBarWrapper */\nexport const Summary = styled.span`\n display: block;\n text-align: right;\n margin-top: 12px;\n margin-bottom: 0;\n font-family: var(--typ-font-family-base, \"Poppins\", Arial, sans-serif);\n`;\n\nexport const TotaliserWrapper = styled.div<{\n $isCompact: boolean;\n}>`\n font-family: var(--typ-font-family-headings, \"Progress\", Arial, sans-serif);\n margin: 0;\n ${(props) =>\n props.$isCompact &&\n css`\n ${ProgressBarWrapper} {\n border: none;\n padding: 0;\n }\n `}\n`;\n\nexport const CompactWrapper = styled.div`\n justify-content: flex-end;\n display: flex;\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)``;\n"],"names":["BubbleWrapper","styled","div","templateObject_1","__makeTemplateObject","ProgressBarWrapper","templateObject_3","_a","$isCompact","css","templateObject_2","Total","p","templateObject_4","BubbleText","templateObject_5","GiftAid","templateObject_6","Summary","span","templateObject_7","TotaliserWrapper","templateObject_9","props","templateObject_8","CompactWrapper","templateObject_10","StyledProgressBar","ProgressBar","templateObject_11"],"mappings":"iLAIO,0BAAMA,EAAgBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,sLAAA,CAAA,yLAW1BC,EAAqBJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,kGAAA,OAAA,CAE1C,kGAkBG,SAbD,SAACG,GACD,OAAiB,KADJA,EAAAC,YAEbC,EAAGC,IAAAA,EAAAN,EAAA,CAAA,6RAAA,CAAA,iSADH,GAeSO,EAAQV,EAAOW,EAACC,IAAAA,EAAAT,EAAA,CAAA,ySAAA,CAAA,4SAShBU,EAAab,EAAOW,EAACG,IAAAA,EAAAX,EAAA,CAAA,uPAAA,CAAA,0PAOrBY,EAAUf,EAAOW,EAACK,IAAAA,EAAAb,EAAA,CAAA,2PAAA,CAAA,8PAQlBc,EAAUjB,EAAOkB,KAAIC,IAAAA,EAAAhB,EAAA,CAAA,oKAAA,CAAA,uKAQrBiB,EAAmBpB,EAAOC,IAAGoB,IAAAA,EAAAlB,EAAA,CAAA,qGAAA,MAAA,CAExC,qGAUG,QAPD,SAACmB,GACD,OAAAA,EAAMf,YACNC,EAAGe,IAAAA,EAAApB,EAAA,CAAA,WAAA,iEAAA,CAAA,WACmB,mEAAlBC,EAFJ,GASSoB,EAAiBxB,EAAOC,IAAGwB,IAAAA,EAAAtB,EAAA,CAAA,sDAAA,CAAA,yDAK3BuB,EAAoB1B,EAAO2B,EAAP3B,CAAmB4B,IAAAA,EAAAzB,EAAA,CAAA,IAAA,CAAA"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export declare const StyledUserBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
-
export declare const Details: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
-
export declare const Name: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
-
export declare const Extra: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var r,t,a,i,o=e.div(r||(r=n(["\n display: flex;\n align-items: center;\n justify-content: start;\n flex: 1;\n"],["\n display: flex;\n align-items: center;\n justify-content: start;\n flex: 1;\n"]))),s=e.div(t||(t=n(["\n flex: 1;\n margin-left: var(--spacing-xs, 1rem);\n text-align: left;\n min-width: 0;\n"],["\n flex: 1;\n margin-left: var(--spacing-xs, 1rem);\n text-align: left;\n min-width: 0;\n"]))),l=e.div(a||(a=n(['\n font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n font-size: var(--font-size-l, 1.25rem);\n white-space: normal;\n word-break: break-word;\n'],['\n font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n font-size: var(--font-size-l, 1.25rem);\n white-space: normal;\n word-break: break-word;\n']))),f=e.div(i||(i=n(["\n color: var(--clr-user-block-extra-text, #575757);\n margin-top: 4px;\n white-space: normal;\n word-break: break-word;\n"],["\n color: var(--clr-user-block-extra-text, #575757);\n margin-top: 4px;\n white-space: normal;\n word-break: break-word;\n"])));export{s as Details,f as Extra,l as Name,o as StyledUserBlock};
|
|
2
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../src/components/UserBlock/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledUserBlock = styled.div`\n display: flex;\n align-items: center;\n justify-content: start;\n flex: 1;\n`;\n\nexport const Details = styled.div`\n flex: 1;\n margin-left: var(--spacing-xs, 1rem);\n text-align: left;\n min-width: 0;\n`;\n\nexport const Name = styled.div`\n font-family: var(--typ-font-family-headings, \"Progress\", Arial, sans-serif);\n font-size: var(--font-size-l, 1.25rem);\n white-space: normal;\n word-break: break-word;\n`;\n\nexport const Extra = styled.div`\n color: var(--clr-user-block-extra-text, #575757);\n margin-top: 4px;\n white-space: normal;\n word-break: break-word;\n`;\n"],"names":["StyledUserBlock","styled","div","templateObject_1","__makeTemplateObject","Details","templateObject_2","Name","templateObject_3","Extra","templateObject_4"],"mappings":"iHAEO,YAAMA,EAAkBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,uFAAA,CAAA,0FAO5BC,EAAUJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,iGAAA,CAAA,oGAOpBG,EAAON,EAAOC,IAAGM,IAAAA,EAAAJ,EAAA,CAAA,oLAAA,CAAA,uLAOjBK,EAAQR,EAAOC,IAAGQ,IAAAA,EAAAN,EAAA,CAAA,kIAAA,CAAA"}
|