@cruk/cruk-react-components 6.2.3 → 7.1.0
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 +185 -7
- package/lib/index.css +4248 -0
- package/lib/index.css.map +1 -0
- 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/AllThemesWrapper.d.ts +3 -3
- package/lib/src/components/Avatar/index.d.ts +10 -8
- 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 +12 -16
- 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 +7 -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.d.ts +8 -6
- 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.d.ts +19 -18
- 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 -16
- 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/TestModalWithContent.d.ts +3 -1
- package/lib/src/components/Modal/TestModalWithState.d.ts +3 -1
- package/lib/src/components/Modal/index.d.ts +14 -17
- 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.d.ts +5 -6
- 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.d.ts +3 -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 +34 -10
- package/lib/src/components/index.js +1 -1
- package/lib/src/types.d.ts +45 -172
- package/lib/src/types.js +2 -0
- package/lib/src/types.js.map +1 -0
- 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.d.ts +4 -3
- package/lib/src/utils/themeUtils.js +1 -1
- package/lib/src/utils/themeUtils.js.map +1 -1
- package/package.json +11 -9
- package/lib/src/components/AddressLookup/styles.d.ts +0 -17
- 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 -6
- 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 -10
- 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 -9
- 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 -13
- 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 -30
- 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 -17
- 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 -26
- 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 -25
- 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 -16
- package/lib/src/components/ErrorText/styles.js +0 -2
- package/lib/src/components/ErrorText/styles.js.map +0 -1
- package/lib/src/components/Flex.d.ts +0 -8
- package/lib/src/components/Flex.js +0 -2
- package/lib/src/components/Flex.js.map +0 -1
- package/lib/src/components/Fontface.d.ts +0 -4
- package/lib/src/components/Fontface.js +0 -2
- package/lib/src/components/Fontface.js.map +0 -1
- package/lib/src/components/Footer/styles.d.ts +0 -16
- package/lib/src/components/Footer/styles.js +0 -2
- package/lib/src/components/Footer/styles.js.map +0 -1
- package/lib/src/components/GlobalStyle.d.ts +0 -2
- package/lib/src/components/GlobalStyle.js +0 -2
- package/lib/src/components/GlobalStyle.js.map +0 -1
- package/lib/src/components/GlobalStyleNoFontFace.d.ts +0 -2
- package/lib/src/components/GlobalStyleNoFontFace.js +0 -2
- package/lib/src/components/GlobalStyleNoFontFace.js.map +0 -1
- package/lib/src/components/Header/styles.d.ts +0 -33
- 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 -17
- 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 -7
- 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 -13
- 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 -16
- 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 -15
- 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 -20
- 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.d.ts +0 -7
- package/lib/src/components/Loader/styles.js +0 -2
- package/lib/src/components/Loader/styles.js.map +0 -1
- package/lib/src/components/Modal/styles.d.ts +0 -32
- 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 -12
- 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 -11
- 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 -32
- 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 -21
- 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 -10
- 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 -9
- 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 -16
- 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 -15
- 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 -10
- 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 -18
- package/lib/src/components/TextField/styles.js +0 -2
- package/lib/src/components/TextField/styles.js.map +0 -1
- package/lib/src/components/ThemeCheatSheet.d.ts +0 -7
- package/lib/src/components/Totaliser/styles.d.ts +0 -27
- 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 -9
- package/lib/src/components/UserBlock/styles.js +0 -2
- package/lib/src/components/UserBlock/styles.js.map +0 -1
- package/lib/src/themes/bowelbabe.d.ts +0 -14
- package/lib/src/themes/bowelbabe.js +0 -2
- package/lib/src/themes/bowelbabe.js.map +0 -1
- package/lib/src/themes/cruk.d.ts +0 -14
- package/lib/src/themes/cruk.js +0 -2
- package/lib/src/themes/cruk.js.map +0 -1
- package/lib/src/themes/rfl.d.ts +0 -14
- package/lib/src/themes/rfl.js +0 -2
- package/lib/src/themes/rfl.js.map +0 -1
- package/lib/src/themes/su2c.d.ts +0 -14
- package/lib/src/themes/su2c.js +0 -2
- package/lib/src/themes/su2c.js.map +0 -1
- package/lib/vite.config.d.ts +0 -2
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { type SpaceType, type ThemeType } 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, theme: ThemeType): 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 i(n,a){var i=n.$margin,t=n.$marginHorizontal,o=n.$marginVertical,g=n.$marginTop,d=n.$marginRight,p=n.$marginBottom,r=n.$marginLeft,c=n.$padding,m=n.$paddingHorizontal,l=n.$paddingVertical,$=n.$paddingTop,e=n.$paddingRight,s=n.$paddingBottom,u=n.$paddingLeft,f=i?a.spacing[i]:null,v=o?a.spacing[o]:null,h=t?a.spacing[t]:null,z=g?a.spacing[g]:null,B=d?a.spacing[d]:null,H=p?a.spacing[p]:null,L=r?a.spacing[r]:null,R=f?"margin: ".concat(f," !important;"):"",T=z?"margin-top: ".concat(z," !important;"):v?"margin-top: ".concat(v," !important;"):"",V=B?"margin-right: ".concat(B," !important;"):h?"margin-right: ".concat(h," !important;"):"",b=H?"margin-bottom: ".concat(H," !important;"):v?"margin-bottom: ".concat(v," !important;"):"",j=L?"margin-left: ".concat(L," !important;"):h?"margin-left: ".concat(h," !important;"):"",x=c?a.spacing[c]:null,_=l?a.spacing[l]:null,k=m?a.spacing[m]:null,q=$?a.spacing[$]:null,w=e?a.spacing[e]:null,y=s?a.spacing[s]:null,A=u?a.spacing[u]:null,C=x?"padding: ".concat(x," !important;"):"",D=q?"padding-top: ".concat(q," !important;"):_?"padding-top: ".concat(_," !important;"):"",E=w?"padding-right: ".concat(w," !important;"):k?"padding-right: ".concat(k," !important;"):"",F=y?"padding-bottom: ".concat(y," !important;"):_?"padding-bottom: ".concat(_," !important;"):"",G=A?"padding-left: ".concat(A," !important;"):k?"padding-left: ".concat(k," !important;"):"";return"\n ".concat(R,"\n ").concat(T,"\n ").concat(V,"\n ").concat(b,"\n ").concat(j,"\n ").concat(C,"\n ").concat(D,"\n ").concat(E,"\n ").concat(F,"\n ").concat(G,"\n ")}export{i as default,i 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, type ThemeType } 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, theme: ThemeType) {\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 ? theme.spacing[$margin] : null;\n const mv = $marginVertical ? theme.spacing[$marginVertical] : null;\n const mh = $marginHorizontal ? theme.spacing[$marginHorizontal] : null;\n const mt = $marginTop ? theme.spacing[$marginTop] : null;\n const mr = $marginRight ? theme.spacing[$marginRight] : null;\n const mb = $marginBottom ? theme.spacing[$marginBottom] : null;\n const ml = $marginLeft ? theme.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 ? theme.spacing[$padding] : null;\n const pv = $paddingVertical ? theme.spacing[$paddingVertical] : null;\n const ph = $paddingHorizontal ? theme.spacing[$paddingHorizontal] : null;\n const pt = $paddingTop ? theme.spacing[$paddingTop] : null;\n const pr = $paddingRight ? theme.spacing[$paddingRight] : null;\n const pb = $paddingBottom ? theme.spacing[$paddingBottom] : null;\n const pl = $paddingLeft ? theme.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","theme","ma","mv","mh","mt","mr","mb","ml","maString","concat","mtString","mrString","mbString","mlString","pa","pv","ph","pt","pr","pb","pl","paString","ptString","prString","pbString","plString"],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { type ThemeType } from "../../types";
|
|
2
|
-
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;
|
|
3
|
-
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>, {
|
|
4
|
-
$total: number;
|
|
5
|
-
}>> & string;
|
|
6
|
-
export declare const StepBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
7
|
-
theme: ThemeType;
|
|
8
|
-
}>> & string;
|
|
9
|
-
export declare const StepTick: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
10
|
-
theme: ThemeType;
|
|
11
|
-
}>> & string;
|
|
12
|
-
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>, {
|
|
13
|
-
$active: boolean;
|
|
14
|
-
$done: boolean;
|
|
15
|
-
theme: ThemeType;
|
|
16
|
-
}>> & string;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as t}from"styled-components";var r,e,i,a,l,d,s,c,p=o.div(r||(r=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=o.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(o){var r=o.$total;return r&&t(e||(e=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/r)}),x=o.span(a||(a=n(["\n border-radius: 50%;\n background-clip: padding-box;\n width: 24px;\n height: 24px;\n background-color: ",";\n display: block;\n margin: 0 auto 0.5em auto;\n border: 2px solid ",';\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 ',";\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: ",";\n display: block;\n margin: 0 auto 0.5em auto;\n border: 2px solid ",';\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 ',";\n left: 50%;\n top: 11px;\n margin-left: 12px;\n }\n"])),function(n){return n.theme.colors.stepBackground},function(n){return n.theme.colors.stepBorder},function(n){return n.theme.colors.stepBorder}),f=o.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: ",";\n border-right: ",";\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: ",";\n border-right: ",";\n margin-top: 4px;\n margin-left: 8px;\n"])),function(n){var o=n.theme.colors.textLight;return"2px solid ".concat(o)},function(n){var o=n.theme.colors.textLight;return"2px solid ".concat(o)}),g=o.li(c||(c=n(["\n display: flex;\n flex-direction: column;\n position: relative;\n font-family: ",";\n\n ","\n ","\n"],["\n display: flex;\n flex-direction: column;\n position: relative;\n font-family: ",";\n\n ","\n ","\n"])),function(n){return n.theme.typography.fontFamilyBase},function(o){var r=o.theme;return o.$active&&t(d||(d=n(["\n "," {\n border-color: ",";\n background-color: ",";\n }\n "],["\n "," {\n border-color: ",";\n background-color: ",";\n }\n "])),x,r.colors.tertiary,r.colors.tertiary)},function(o){var r=o.$done,e=o.theme;return r&&t(s||(s=n(["\n "," {\n border: none;\n background-color: ",";\n &:after {\n border-bottom: 2px solid ",";\n }\n }\n "],["\n "," {\n border: none;\n background-color: ",";\n &:after {\n border-bottom: 2px solid ",";\n }\n }\n "])),x,e.colors.tertiary,e.colors.tertiary)});export{x as StepBar,g as StepItem,b as StepList,f as StepTick,p 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\";\nimport { type ThemeType } from \"../../types\";\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 theme: ThemeType;\n}>`\n border-radius: 50%;\n background-clip: padding-box;\n width: 24px;\n height: 24px;\n background-color: ${({ theme }) => theme.colors.stepBackground};\n display: block;\n margin: 0 auto 0.5em auto;\n border: 2px solid ${({ theme }) => theme.colors.stepBorder};\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 ${({ theme }) => theme.colors.stepBorder};\n left: 50%;\n top: 11px;\n margin-left: 12px;\n }\n`;\n\nexport const StepTick = styled.span<{\n theme: ThemeType;\n}>`\n display: block;\n transform: rotate(45deg);\n transform-origin: center center;\n height: 14px;\n width: 8px;\n border-bottom: ${({\n theme: {\n colors: { textLight },\n },\n }) => `2px solid ${textLight}`};\n border-right: ${({\n theme: {\n colors: { textLight },\n },\n }) => `2px solid ${textLight}`};\n margin-top: 4px;\n margin-left: 8px;\n`;\n\nexport const StepItem = styled.li<{\n $active: boolean;\n $done: boolean;\n theme: ThemeType;\n}>`\n display: flex;\n flex-direction: column;\n position: relative;\n font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n\n ${({ theme, $active }) =>\n $active &&\n css`\n ${StepBar} {\n border-color: ${theme.colors.tertiary};\n background-color: ${theme.colors.tertiary};\n }\n `}\n ${({ $done, theme }) =>\n $done &&\n css`\n ${StepBar} {\n border: none;\n background-color: ${theme.colors.tertiary};\n &:after {\n border-bottom: 2px solid ${theme.colors.tertiary};\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","theme","colors","stepBackground","stepBorder","StepTick","templateObject_5","textLight","concat","StepItem","li","templateObject_8","typography","fontFamilyBase","$active","templateObject_6","tertiary","$done","templateObject_7"],"mappings":"2HAGO,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,kHAAA,2EAAA,kNAAA,oEAAA,CAEhC,kHAK8D,2EAGJ,kNAUS,sEAb/C,SAACI,GAAc,OAAPA,EAAAO,MAAaC,OAAOC,cAAb,EAGf,SAACT,GAAc,OAAPA,EAAAO,MAAaC,OAAOE,UAAb,EAUN,SAACV,GAAc,OAAPA,EAAAO,MAAaC,OAAOE,UAAb,GAOjCC,EAAWlB,EAAOY,KAAIO,IAAAA,EAAAhB,EAAA,CAAA,0IAAA,sBAAA,gDAAA,CAEjC,0IAU8B,sBAKA,kDATb,SAACI,GAEJ,IAAAa,EAASb,EAAAO,MAAAC,OAAAK,UAEjB,MAAA,aAAAC,OAAaD,EAAb,EACU,SAACb,GAEH,IAAAa,EAASb,EAAAO,MAAAC,OAAAK,UAEjB,MAAA,aAAAC,OAAaD,EAAb,GAKKE,EAAWtB,EAAOuB,GAAEC,IAAAA,EAAArB,EAAA,CAAA,wFAAA,UAAA,OAAA,MAAA,CAI/B,wFAI6D,UAS1D,OAWA,QApBY,SAACI,GAAc,OAAPA,EAAAO,MAAaW,WAAWC,cAAjB,EAE5B,SAACnB,OAAEO,EAAKP,EAAAO,MACR,OADiBP,EAAAoB,SAEjBlB,EAAGmB,IAAAA,EAAAzB,EAAA,CAAA,WAAA,6BAAA,gCAAA,oBAAA,CAAA,WACQ,6BAC8B,gCACI,sBAFzCQ,EACgBG,EAAMC,OAAOc,SACTf,EAAMC,OAAOc,SAJrC,EAOA,SAACtB,OAAEuB,EAAKvB,EAAAuB,MAAEhB,EAAKP,EAAAO,MACf,OAAAgB,GACArB,EAAGsB,IAAAA,EAAA5B,EAAA,CAAA,WAAA,wDAAA,4DAAA,+BAAA,CAAA,WACQ,wDAEkC,4DAES,iCAJlDQ,EAEoBG,EAAMC,OAAOc,SAEJf,EAAMC,OAAOc,SAN9C"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { type ElementType } from "react";
|
|
2
|
-
import { type SpacingPropsInternal } from "../Spacing";
|
|
3
|
-
import { type WordBreakType, type FontSizeType, type ThemeType, 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
|
-
theme: ThemeType;
|
|
14
|
-
};
|
|
15
|
-
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 o}from"../Spacing/index.js";var e,r=t.p(e||(e=n(["\n font-family: ",";\n word-break: ",";\n overflow-wrap: ",";\n color: ",";\n text-align: ",";\n font-size: ",";\n line-height: ",";\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: ",";\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){var t=n.$textFontFamily,o=n.theme;return t||o.typography.fontFamilyBase},function(n){return n.$wordBreak||"normal"},function(n){return n.$overflowWrap||"break-word"},function(n){var t=n.theme.colors,o=n.$textColor;return o&&void 0!==t[o]?t[o]:o||t.textDark},function(n){return n.$textAlign||"left"},function(n){var t=n.theme,o=t.fontSizes,e=t.fontSizes.m,r=n.$textSize;return r?o[r]:e},function(n){return n.theme.typography.lineHeight},function(n){var t=n.$textWeight,o=n.theme;return t||o.typography.fontWeightBase},function(n){var t=n.as,o=n.theme.spacing.xs;return void 0===t||"p"===t?"".concat(o):0},function(n){return o(n,n.theme)});export{r 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 ThemeType,\n type ColorKeyType,\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 theme: ThemeType;\n};\n\nexport const TextStyled = styled.p<TextStyledProps>`\n font-family: ${({ $textFontFamily, theme }) =>\n $textFontFamily || theme.typography.fontFamilyBase};\n word-break: ${({ $wordBreak }) => $wordBreak || \"normal\"};\n overflow-wrap: ${({ $overflowWrap }) => $overflowWrap || \"break-word\"};\n color: ${({ theme: { colors }, $textColor }) =>\n $textColor && typeof colors[$textColor as ColorKeyType] !== \"undefined\"\n ? colors[$textColor as ColorKeyType]\n : $textColor || colors.textDark};\n text-align: ${({ $textAlign }) => $textAlign || \"left\"};\n font-size: ${({\n theme: {\n fontSizes,\n fontSizes: { m },\n },\n $textSize,\n }) => ($textSize ? fontSizes[$textSize] : m)};\n line-height: ${({ theme }) => theme.typography.lineHeight};\n font-weight: ${({ $textWeight, theme }) =>\n $textWeight || theme.typography.fontWeightBase};\n padding: 0;\n margin: 0;\n margin-bottom: ${({\n as,\n theme: {\n spacing: { xs },\n },\n }) => (typeof as === \"undefined\" || as === \"p\" ? `${xs}` : 0)};\n\n &:last-child {\n margin-bottom: 0;\n }\n\n ${(props) => spacing(props, props.theme as ThemeType)}\n`;\n"],"names":["TextStyled","styled","p","templateObject_1","__makeTemplateObject","_a","$textFontFamily","theme","typography","fontFamilyBase","$wordBreak","$overflowWrap","colors","$textColor","textDark","$textAlign","_b","fontSizes","m","$textSize","lineHeight","$textWeight","fontWeightBase","as","xs","spacing","props"],"mappings":"+JAwBO,MAAMA,EAAaC,EAAOC,EAACC,IAAAA,EAAAC,EAAA,CAAA,oBAAA,oBAAA,uBAAA,eAAA,oBAAA,mBAAA,qBAAA,qBAAA,oDAAA,0DAAA,MAAA,CAAiB,oBAEG,oBACI,uBACa,eAIlC,oBACmB,mBAOV,qBACa,qBAET,oDAQa,0DAMR,QAhCtC,SAACC,OAAEC,EAAeD,EAAAC,gBAAEC,EAAKF,EAAAE,MACtC,OAAAD,GAAmBC,EAAMC,WAAWC,cAApC,EACY,SAACJ,GAAmB,OAAPA,EAAAK,YAAqB,QAAd,EACjB,SAACL,GAAsB,OAAPA,EAAAM,eAAwB,YAAjB,EAC/B,SAACN,OAAWO,EAAMP,EAAAE,MAAAK,OAAIC,EAAUR,EAAAQ,WACvC,OAAAA,QAA4D,IAAvCD,EAAOC,GACxBD,EAAOC,GACPA,GAAcD,EAAOE,QAFzB,EAGY,SAACT,GAAmB,OAAPA,EAAAU,YAAqB,MAAd,EACrB,SAACV,OACZW,EAAAX,EAAAE,MACEU,EAASD,EAAAC,UACIC,EAACF,EAAAC,UAAAC,EAEhBC,EAASd,EAAAc,UACL,OAACA,EAAYF,EAAUE,GAAaD,CAApC,EACS,SAACb,GAAc,OAAPA,EAAAE,MAAaC,WAAWY,UAAjB,EACf,SAACf,OAAEgB,EAAWhB,EAAAgB,YAAEd,EAAKF,EAAAE,MAClC,OAAAc,GAAed,EAAMC,WAAWc,cAAhC,EAGe,SAACjB,OAChBkB,EAAElB,EAAAkB,GAEWC,EAAEnB,EAAAE,MAAAkB,QAAAD,GAEX,YAAe,IAAPD,GAA6B,MAAPA,EAAa,UAAGC,GAAO,CAArD,EAMJ,SAACE,GAAU,OAAAD,EAAQC,EAAOA,EAAMnB,MAArB"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type ThemeType } from "../../types";
|
|
2
|
-
type StyledTextareaProps = {
|
|
3
|
-
$hasError: boolean;
|
|
4
|
-
$lineCount: number;
|
|
5
|
-
$resize: "both" | "vertical" | "horizontal" | "none";
|
|
6
|
-
theme: ThemeType;
|
|
7
|
-
};
|
|
8
|
-
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;
|
|
9
|
-
export default StyledTextArea;
|
|
10
|
-
export { StyledTextArea };
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as r}from"styled-components";var e,t,i=o.textarea(t||(t=n(["\n resize: ",";\n background-color: ",";\n background-image: none;\n border: ",";\n color: ",";\n display: block;\n font-family: ",";\n font-size: ",";\n padding: 6px 8px;\n width: 100%;\n height: ",";\n\n transition: border-color 150ms linear;\n &:hover {\n border-color: ",";\n }\n &:disabled {\n border-color: ",";\n color: ",";\n }\n\n ",";\n\n // increase font size for desktop\n @media (min-width: ",") {\n font-size: ",";\n }\n"],["\n resize: ",";\n background-color: ",";\n background-image: none;\n border: ",";\n color: ",";\n display: block;\n font-family: ",";\n font-size: ",";\n padding: 6px 8px;\n width: 100%;\n height: ",";\n\n transition: border-color 150ms linear;\n &:hover {\n border-color: ",";\n }\n &:disabled {\n border-color: ",";\n color: ",";\n }\n\n ",";\n\n // increase font size for desktop\n @media (min-width: ",") {\n font-size: ",";\n }\n"])),function(n){return n.$resize},function(n){return n.theme.colors.backgroundLight},function(n){var o=n.theme,r=n.$hasError;return"solid ".concat(o.utilities.inputBorderWidth,"\n ").concat(r?o.colors.textError:o.colors.textInputBorder)},function(n){return n.theme.colors.textDark},function(n){return n.theme.typography.fontFamilyBase},function(n){return n.theme.fontSizes.m},function(n){var o=n.$lineCount,r=n.theme;return"calc(".concat(r.typography.lineHeight," * ").concat(o,")")},function(n){return n.theme.colors.secondary},function(n){return n.theme.colors.disabled},function(n){return n.theme.colors.disabled},function(o){var t=o.theme;return t.utilities.useDefaultFocusRect?null:r(e||(e=n(["\n &:focus {\n outline: 0;\n border-color: ",";\n }\n "],["\n &:focus {\n outline: 0;\n border-color: ",";\n }\n "])),t.colors.tertiary)},function(n){return n.theme.breakpoint.desktopLarge},function(n){return n.theme.fontSizes.ml});export{i as StyledTextArea,i as default};
|
|
2
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../src/components/TextAreaField/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { type ThemeType } from \"../../types\";\n\ntype StyledTextareaProps = {\n $hasError: boolean;\n $lineCount: number;\n $resize: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n theme: ThemeType;\n};\n\nconst StyledTextArea = styled.textarea<StyledTextareaProps>`\n resize: ${({ $resize }) => $resize};\n background-color: ${({ theme }) => theme.colors.backgroundLight};\n background-image: none;\n border: ${({ theme, $hasError }) => `solid ${theme.utilities.inputBorderWidth}\n ${$hasError ? theme.colors.textError : theme.colors.textInputBorder}`};\n color: ${({ theme }) => theme.colors.textDark};\n display: block;\n font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n font-size: ${({ theme }) => theme.fontSizes.m};\n padding: 6px 8px;\n width: 100%;\n height: ${({ $lineCount, theme }) =>\n `calc(${theme.typography.lineHeight} * ${$lineCount})`};\n\n transition: border-color 150ms linear;\n &:hover {\n border-color: ${({ theme }) => theme.colors.secondary};\n }\n &:disabled {\n border-color: ${({ theme }) => theme.colors.disabled};\n color: ${({ theme }) => theme.colors.disabled};\n }\n\n ${({ theme }) =>\n !theme.utilities.useDefaultFocusRect\n ? css`\n &:focus {\n outline: 0;\n border-color: ${theme.colors.tertiary};\n }\n `\n : null};\n\n // increase font size for desktop\n @media (min-width: ${({ theme }) => theme.breakpoint.desktopLarge}) {\n font-size: ${({ theme }) => theme.fontSizes.ml};\n }\n`;\n\nexport default StyledTextArea;\nexport { StyledTextArea };\n"],"names":["StyledTextArea","styled","textarea","templateObject_2","__makeTemplateObject","_a","$resize","theme","colors","backgroundLight","$hasError","concat","utilities","inputBorderWidth","textError","textInputBorder","textDark","typography","fontFamilyBase","fontSizes","m","$lineCount","lineHeight","secondary","disabled","useDefaultFocusRect","css","templateObject_1","tertiary","breakpoint","desktopLarge","ml"],"mappings":"2HAUA,QAAMA,EAAiBC,EAAOC,SAAQC,IAAAA,EAAAC,EAAA,CAAA,eAAA,0BAAA,2CAAA,eAAA,wCAAA,mBAAA,qDAAA,iFAAA,6CAAA,iBAAA,eAAA,kEAAA,uBAAA,YAAA,CAAqB,eACvB,0BAC6B,2CAGQ,eAC1B,wCAEgB,mBAChB,qDAIW,iFAID,6CAGD,iBACP,eAWrC,kEAGuD,uBACjB,cAnCtC,SAACC,GAAgB,OAAPA,EAAAC,OAAO,EACP,SAACD,GAAc,OAAPA,EAAAE,MAAaC,OAAOC,eAAb,EAEzB,SAACJ,OAAEE,EAAKF,EAAAE,MAAEG,EAASL,EAAAK,UAAO,MAAA,SAAAC,OAASJ,EAAMK,UAAUC,iBAAgB,UAAAF,OACzED,EAAYH,EAAMC,OAAOM,UAAYP,EAAMC,OAAOO,gBADlB,EAE3B,SAACV,GAAc,OAAPA,EAAAE,MAAaC,OAAOQ,QAAb,EAET,SAACX,GAAc,OAAPA,EAAAE,MAAaU,WAAWC,cAAjB,EACjB,SAACb,GAAc,OAAPA,EAAAE,MAAaY,UAAUC,CAAhB,EAGlB,SAACf,OAAEgB,EAAUhB,EAAAgB,WAAEd,EAAKF,EAAAE,MAC5B,MAAA,QAAAI,OAAQJ,EAAMU,WAAWK,WAAU,OAAAX,OAAMU,EAAU,IAAnD,EAIgB,SAAChB,GAAc,OAAPA,EAAAE,MAAaC,OAAOe,SAAb,EAGf,SAAClB,GAAc,OAAPA,EAAAE,MAAaC,OAAOgB,QAAb,EACtB,SAACnB,GAAc,OAAPA,EAAAE,MAAaC,OAAOgB,QAAb,EAGxB,SAACnB,GAAE,IAAAE,EAAKF,EAAAE,MACR,OAACA,EAAMK,UAAUa,oBAOb,KANAC,EAAGC,IAAAA,EAAAvB,EAAA,CAAA,6EAAA,4BAAA,CAAA,6EAGsC,8BAArBG,EAAMC,OAAOoB,SAJrC,EAUmB,SAACvB,GAAc,OAAPA,EAAAE,MAAasB,WAAWC,YAAjB,EACrB,SAACzB,GAAc,OAAPA,EAAAE,MAAaY,UAAUY,EAAhB"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { type ThemeType } from "../../types";
|
|
2
|
-
type ExtraProps = {
|
|
3
|
-
theme: ThemeType;
|
|
4
|
-
};
|
|
5
|
-
type StyledInputProps = {
|
|
6
|
-
$hasError: boolean;
|
|
7
|
-
$isValid: boolean;
|
|
8
|
-
theme: ThemeType;
|
|
9
|
-
$isValidVisible?: boolean;
|
|
10
|
-
$isInvalidVisible?: boolean;
|
|
11
|
-
};
|
|
12
|
-
export declare const Extra: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ExtraProps>> & string;
|
|
13
|
-
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>, "theme"> & ExtraProps, never>> & string;
|
|
14
|
-
export declare const ExtraRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme"> & ExtraProps, ExtraProps>> & string;
|
|
15
|
-
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;
|
|
16
|
-
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;
|
|
17
|
-
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;
|
|
18
|
-
export {};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as t}from"styled-components";var e,A,i,r,a,l,b,g,c,u,d,s="48px",m=o.span(e||(e=n(["\n box-sizing: border-box;\n display: block;\n background-color: ",";\n color: ",";\n font-size: ",";\n line-height: ",";\n font-weight: ",";\n padding: ",";\n margin: 0;\n line-height: 1rem;\n width: auto;\n"],["\n box-sizing: border-box;\n display: block;\n background-color: ",";\n color: ",";\n font-size: ",";\n line-height: ",";\n font-weight: ",";\n padding: ",";\n margin: 0;\n line-height: 1rem;\n width: auto;\n"])),function(n){return n.theme.colors.textInputExtraInfo},function(n){return n.theme.colors.textDark},function(n){return n.theme.fontSizes.m},function(n){return n.theme.typography.lineHeight},function(n){return n.theme.typography.fontWeightLight},function(n){var o=n.theme;return"calc((".concat(s," - 1em ) / 2) ").concat(o.spacing.xs)}),h=o(m)(A||(A=n(["\n box-sizing: border-box;\n width: auto;\n vertical-align: middle;\n height: ",";\n\n button {\n min-height: "," !important;\n }\n"],["\n box-sizing: border-box;\n width: auto;\n vertical-align: middle;\n height: ",";\n\n button {\n min-height: "," !important;\n }\n"])),s,function(n){var o=n.theme;return"calc(".concat(s," - (2 * ").concat(o.utilities.inputBorderWidth,"))")}),p=o(m)(i||(i=n(["\n box-sizing: border-box;\n width: auto;\n border: ",";\n transition: border-color 150ms linear;\n border-left: 0;\n background-color: transparent;\n padding: 0;\n height: ",";\n vertical-align: middle;\n\n button {\n min-height: "," !important;\n }\n"],["\n box-sizing: border-box;\n width: auto;\n border: ",";\n transition: border-color 150ms linear;\n border-left: 0;\n background-color: transparent;\n padding: 0;\n height: ",";\n vertical-align: middle;\n\n button {\n min-height: "," !important;\n }\n"])),function(n){var o=n.theme;return"solid ".concat(o.utilities.inputBorderWidth," ").concat(o.colors.textInputBorder)},s,function(n){var o=n.theme;return"calc(".concat(s," - (2 * ").concat(o.utilities.inputBorderWidth,"))")}),Z=o.span(r||(r=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"]))),W=o.span(b||(b=n(["\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: ',";\n ","\n ","\n }\n"],["\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: ',";\n ","\n ","\n }\n"])),function(n){var o=n.$isValidVisible;return n.$isInvalidVisible||o?"block":"none"},function(n){var o=n.theme;return"calc( 100% - ".concat(o.spacing.xxs,") 50% ")},function(o){var e=o.$isValid,A=o.$isInvalidVisible;return!e&&A&&t(a||(a=n(['\n background-image: url("data:image/png;base64,','");\n '],['\n background-image: url("data:image/png;base64,','");\n '])),"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")},function(o){var e=o.$isValid,A=o.$isValidVisible;return e&&A&&t(l||(l=n(['\n background-image: url("data:image/png;base64,','");\n '],['\n background-image: url("data:image/png;base64,','");\n '])),"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")}),C=o.input(d||(d=n(["\n box-sizing: border-box;\n background-color: ",";\n background-image: none;\n border: ",";\n border-radius: 0;\n color: ",";\n display: block;\n font-size: ",";\n line-height: ",";\n min-width: 3em;\n padding: ",";\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 &:hover {\n border-color: ",";\n }\n &:disabled {\n border-color: ",";\n color: ",";\n }\n\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: ",") {\n font-size: ",";\n }\n"],["\n box-sizing: border-box;\n background-color: ",";\n background-image: none;\n border: ",";\n border-radius: 0;\n color: ",";\n display: block;\n font-size: ",";\n line-height: ",";\n min-width: 3em;\n padding: ",";\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 &:hover {\n border-color: ",";\n }\n &:disabled {\n border-color: ",";\n color: ",";\n }\n\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: ",") {\n font-size: ",";\n }\n"])),function(n){return n.theme.colors.backgroundLight},function(n){var o=n.$hasError,t=n.theme;return"solid ".concat(t.utilities.inputBorderWidth," ").concat(o?t.colors.textError:t.colors.textInputBorder)},function(n){return n.theme.colors.textDark},function(n){return n.theme.fontSizes.m},function(n){return n.theme.typography.lineHeight},function(n){var o=n.theme;return"calc((".concat(s," - (").concat(o.utilities.inputBorderWidth," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.xs)},function(o){var e=o.$isValidVisible,A=o.$isInvalidVisible;return(e||A)&&t(g||(g=n(["\n padding-right: 3rem;\n "],["\n padding-right: 3rem;\n "])))},function(n){return n.theme.colors.secondary},function(n){return n.theme.colors.disabled},function(n){return n.theme.colors.disabled},function(o){var e=o.theme;return e.utilities.useDefaultFocusRect?null:t(c||(c=n(["\n &:focus {\n outline: 0;\n border-color: ",";\n ~ "," {\n border-color: ",";\n }\n }\n "],["\n &:focus {\n outline: 0;\n border-color: ",";\n ~ "," {\n border-color: ",";\n }\n }\n "])),e.colors.tertiary,p,e.colors.tertiary)},function(o){var e=o.$hasError,A=o.theme;return e&&t(u||(u=n(["\n ~ "," {\n border-color: ",";\n }\n "],["\n ~ "," {\n border-color: ",";\n }\n "])),p,A.colors.textError)},function(n){return n.theme.breakpoint.desktopLarge},function(n){return n.theme.fontSizes.ml});export{m as Extra,h as ExtraLeft,p as ExtraRight,Z as ExtraWrapper,C as StyledInput,W 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\nimport { type ThemeType } from \"../../types\";\n\nconst MIN_HEIGHT = \"48px\";\n\nconst crossBase64 =\n \"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\";\n\nconst checkBase64 =\n \"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\";\n\ntype ExtraProps = {\n theme: ThemeType;\n};\n\ntype StyledInputProps = {\n $hasError: boolean;\n $isValid: boolean;\n theme: ThemeType;\n $isValidVisible?: boolean;\n $isInvalidVisible?: boolean;\n};\n\nexport const Extra = styled.span<ExtraProps>`\n box-sizing: border-box;\n display: block;\n background-color: ${({ theme }) => theme.colors.textInputExtraInfo};\n color: ${({ theme }) => theme.colors.textDark};\n font-size: ${({ theme }) => theme.fontSizes.m};\n line-height: ${({ theme }) => theme.typography.lineHeight};\n font-weight: ${({ theme }) => theme.typography.fontWeightLight};\n padding: ${({ theme }) =>\n `calc((${MIN_HEIGHT} - 1em ) / 2) ${theme.spacing.xs}`};\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: ${MIN_HEIGHT};\n\n button {\n min-height: ${({ theme }) =>\n `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n }\n`;\n\nexport const ExtraRight = styled(Extra)<ExtraProps>`\n box-sizing: border-box;\n width: auto;\n border: ${({ theme }) =>\n `solid ${theme.utilities.inputBorderWidth} ${theme.colors.textInputBorder}`};\n transition: border-color 150ms linear;\n border-left: 0;\n background-color: transparent;\n padding: 0;\n height: ${MIN_HEIGHT};\n vertical-align: middle;\n\n button {\n min-height: ${({ theme }) =>\n `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !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 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: ${({ theme }) =>\n `calc( 100% - ${theme.spacing.xxs}) 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: ${({ theme }) => theme.colors.backgroundLight};\n background-image: none;\n border: ${({ $hasError, theme }) =>\n `solid ${theme.utilities.inputBorderWidth} ${\n $hasError ? theme.colors.textError : theme.colors.textInputBorder\n }`};\n border-radius: 0;\n color: ${({ theme }) => theme.colors.textDark};\n display: block;\n font-size: ${({ theme }) => theme.fontSizes.m};\n line-height: ${({ theme }) => theme.typography.lineHeight};\n min-width: 3em;\n padding: ${({ theme }) =>\n `calc((${MIN_HEIGHT} - (${theme.utilities.inputBorderWidth} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.spacing.xs}`};\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 &:hover {\n border-color: ${({ theme }) => theme.colors.secondary};\n }\n &:disabled {\n border-color: ${({ theme }) => theme.colors.disabled};\n color: ${({ theme }) => theme.colors.disabled};\n }\n\n ${({ theme }) =>\n !theme.utilities.useDefaultFocusRect\n ? css`\n &:focus {\n outline: 0;\n border-color: ${theme.colors.tertiary};\n ~ ${ExtraRight} {\n border-color: ${theme.colors.tertiary};\n }\n }\n `\n : null};\n\n ${({ $hasError, theme }) =>\n $hasError &&\n css`\n ~ ${ExtraRight} {\n border-color: ${theme.colors.textError};\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: ${({ theme }) => theme.breakpoint.desktopLarge}) {\n font-size: ${({ theme }) => theme.fontSizes.ml};\n }\n`;\n"],"names":["MIN_HEIGHT","Extra","styled","span","templateObject_1","__makeTemplateObject","_a","theme","colors","textInputExtraInfo","textDark","fontSizes","m","typography","lineHeight","fontWeightLight","concat","spacing","xs","ExtraLeft","templateObject_2","utilities","inputBorderWidth","ExtraRight","templateObject_3","textInputBorder","ExtraWrapper","templateObject_4","StyledInputWrapper","templateObject_7","$isValidVisible","$isInvalidVisible","xxs","$isValid","css","templateObject_5","templateObject_6","StyledInput","input","templateObject_11","backgroundLight","$hasError","textError","templateObject_8","secondary","disabled","useDefaultFocusRect","templateObject_9","tertiary","templateObject_10","breakpoint","desktopLarge","ml"],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { type ThemeType } from "../types";
|
|
3
|
-
export declare function ThemeCheatSheet({ theme }: {
|
|
4
|
-
theme?: ThemeType;
|
|
5
|
-
}): React.JSX.Element;
|
|
6
|
-
declare const _default: React.ForwardRefExoticComponent<import("styled-components").ExecutionProps & React.RefAttributes<typeof ThemeCheatSheet>> & import("styled-components/dist/utils/hoist").NonReactStatics<typeof ThemeCheatSheet>;
|
|
7
|
-
export default _default;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { type ThemeType } from "../../types";
|
|
2
|
-
import ProgressBar from "../ProgressBar";
|
|
3
|
-
export declare const BubbleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
-
theme: ThemeType;
|
|
5
|
-
}>> & string;
|
|
6
|
-
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>, {
|
|
7
|
-
$isCompact?: boolean;
|
|
8
|
-
theme: ThemeType;
|
|
9
|
-
}>> & string;
|
|
10
|
-
export declare const Total: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
|
|
11
|
-
theme: ThemeType;
|
|
12
|
-
}>> & string;
|
|
13
|
-
export declare const BubbleText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
|
|
14
|
-
theme: ThemeType;
|
|
15
|
-
}>> & string;
|
|
16
|
-
export declare const GiftAid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
|
|
17
|
-
theme: ThemeType;
|
|
18
|
-
}>> & string;
|
|
19
|
-
export declare const Summary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
20
|
-
theme: ThemeType;
|
|
21
|
-
}>> & string;
|
|
22
|
-
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>, {
|
|
23
|
-
$isCompact: boolean;
|
|
24
|
-
theme: ThemeType;
|
|
25
|
-
}>> & string;
|
|
26
|
-
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;
|
|
27
|
-
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 o}from"styled-components";import{ProgressBar as e}from"../ProgressBar/index.js";var r,i,a,f,l,p,m,s,g,c,h,u=t.div(r||(r=n(["\n text-align: center;\n background-color: ",";\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: ",";\n border-radius: 3.2rem;\n padding: 5px;\n position: relative;\n p {\n margin: 0;\n }\n"])),function(n){return n.theme.colors.totaliserBubbleColor}),d=t.div(a||(a=n(["\n padding: 0 46px 12px;\n margin-top: ",";\n position: relative;\n\n ",";\n"],["\n padding: 0 46px 12px;\n margin-top: ",";\n position: relative;\n\n ",";\n"])),function(n){return n.theme.spacing.s},function(t){var e=t.$isCompact,r=t.theme;return!0!=!!e&&o(i||(i=n(['\n div > div > div:not(:first-child) {\n &:after {\n content: "\\25bc";\n color: ',";\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: ',";\n position: absolute;\n top: -36px;\n right: -15px;\n font-size: 32px;\n }\n }\n "])),r.colors.totaliserBubbleColor)}),y=t.p(f||(f=n(["\n color: ",";\n font-size: 2.625rem;\n line-height: 3rem;\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"],["\n color: ",";\n font-size: 2.625rem;\n line-height: 3rem;\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"])),function(n){return n.theme.colors.totaliserBubbleTotalColor},function(n){return n.theme.typography.fontFamilyHeadings},function(n){return n.theme.typography.headerTextTransform},function(n){return n.theme.typography.fontWeightLabels}),x=t.p(l||(l=n(["\n color: ",";\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"],["\n color: ",";\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"])),function(n){return n.theme.colors.totaliserBubbleTextColor},function(n){return n.theme.typography.fontFamilyHeadings},function(n){return n.theme.typography.headerTextTransform},function(n){return n.theme.typography.fontWeightLabels}),b=t.p(p||(p=n(["\n color: ",";\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"],["\n color: ",";\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"])),function(n){return n.theme.colors.totaliserBubbleTotalColor},function(n){return n.theme.typography.fontFamilyHeadings},function(n){return n.theme.typography.headerTextTransform},function(n){return n.theme.typography.fontWeightLabels}),v=t.span(m||(m=n(["\n display: block;\n text-align: right;\n margin-top: 12px;\n margin-bottom: 0;\n font-family: ",";\n"],["\n display: block;\n text-align: right;\n margin-top: 12px;\n margin-bottom: 0;\n font-family: ",";\n"])),function(n){return n.theme.typography.fontFamilyBase}),T=t.div(g||(g=n(["\n font-family: ",";\n margin: 0;\n ","\n"],["\n font-family: ",";\n margin: 0;\n ","\n"])),function(n){return n.theme.typography.fontFamilyHeadings},function(t){return t.$isCompact&&o(s||(s=n(["\n "," {\n border: none;\n padding: 0;\n }\n "],["\n "," {\n border: none;\n padding: 0;\n }\n "])),d)}),B=t.div(c||(c=n(["\n justify-content: flex-end;\n display: flex;\n"],["\n justify-content: flex-end;\n display: flex;\n"]))),C=t(e)(h||(h=n([""],[""])));export{x as BubbleText,u as BubbleWrapper,B as CompactWrapper,b as GiftAid,d as ProgressBarWrapper,C as StyledProgressBar,v as Summary,y as Total,T 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 { type ThemeType } from \"../../types\";\n\nimport ProgressBar from \"../ProgressBar\";\n\nexport const BubbleWrapper = styled.div<{\n theme: ThemeType;\n}>`\n text-align: center;\n background-color: ${({ theme }) => theme.colors.totaliserBubbleColor};\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 theme: ThemeType;\n}>`\n padding: 0 46px 12px;\n margin-top: ${({ theme }) => theme.spacing.s};\n position: relative;\n\n ${({ $isCompact, theme }) =>\n !!$isCompact !== true &&\n css`\n div > div > div:not(:first-child) {\n &:after {\n content: \"\\\\25bc\";\n color: ${theme.colors.totaliserBubbleColor};\n position: absolute;\n top: -36px;\n right: -15px;\n font-size: 32px;\n }\n }\n `};\n`;\n\nexport const Total = styled.p<{\n theme: ThemeType;\n}>`\n color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n font-size: 2.625rem;\n line-height: 3rem;\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n text-transform: ${({ theme }) => theme.typography.headerTextTransform};\n font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\nexport const BubbleText = styled.p<{ theme: ThemeType }>`\n color: ${({ theme }) => theme.colors.totaliserBubbleTextColor};\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n text-transform: ${({\n theme: {\n typography: { headerTextTransform },\n },\n }) => headerTextTransform};\n font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\nexport const GiftAid = styled.p<{ theme: ThemeType }>`\n color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n text-transform: ${({\n theme: {\n typography: { headerTextTransform },\n },\n }) => headerTextTransform};\n font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\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<{ theme: ThemeType }>`\n display: block;\n text-align: right;\n margin-top: 12px;\n margin-bottom: 0;\n font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n`;\n\nexport const TotaliserWrapper = styled.div<{\n $isCompact: boolean;\n theme: ThemeType;\n}>`\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\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","_a","theme","colors","totaliserBubbleColor","ProgressBarWrapper","templateObject_3","spacing","s","$isCompact","css","templateObject_2","Total","p","templateObject_4","totaliserBubbleTotalColor","typography","fontFamilyHeadings","headerTextTransform","fontWeightLabels","BubbleText","templateObject_5","totaliserBubbleTextColor","GiftAid","templateObject_6","Summary","span","templateObject_7","fontFamilyBase","TotaliserWrapper","templateObject_9","props","templateObject_8","CompactWrapper","templateObject_10","StyledProgressBar","ProgressBar","templateObject_11"],"mappings":"iLAMO,0BAAMA,EAAgBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,gDAAA,qGAAA,CAErC,gDAEoE,uGAAhD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,oBAAb,GASxBC,EAAqBR,EAAOC,IAAGQ,IAAAA,EAAAN,EAAA,CAAA,4CAAA,iCAAA,OAAA,CAG1C,4CAE4C,iCAgBzC,SAhBW,SAACC,GAAc,OAAPA,EAAAC,MAAaK,QAAQC,CAAd,EAG3B,SAACP,OAAEQ,EAAUR,EAAAQ,WAAEP,EAAKD,EAAAC,MACpB,OAAiB,KAAfO,GACFC,EAAGC,IAAAA,EAAAX,EAAA,CAAA,kHAAA,0IAAA,CAAA,oHAI6C,4IAAjCE,EAAMC,OAAOC,qBAL5B,GAeSQ,EAAQf,EAAOgB,EAACC,IAAAA,EAAAd,EAAA,CAAA,cAAA,mEAAA,wBAAA,qBAAA,OAAA,CAE3B,cAC8D,mEAGG,wBACI,qBACN,SALtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOY,yBAAb,EAGT,SAACd,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAAc,OAAPA,EAAAC,MAAac,WAAWE,mBAAjB,EAClB,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAGnBC,EAAavB,EAAOgB,EAACQ,IAAAA,EAAArB,EAAA,CAAA,cAAA,qBAAA,wBAAA,qBAAA,OAAA,CAAsB,cACO,qBACI,wBAKxC,qBACsC,SAPtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOmB,wBAAb,EACT,SAACrB,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAIb,OAF+BA,EAAAC,MAAAc,WAAAE,mBAE/B,EACS,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAGnBI,EAAU1B,EAAOgB,EAACW,IAAAA,EAAAxB,EAAA,CAAA,cAAA,qBAAA,wBAAA,qBAAA,OAAA,CAAsB,cACW,qBACG,wBAKxC,qBACsC,SAPtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOY,yBAAb,EACT,SAACd,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAIb,OAF+BA,EAAAC,MAAAc,WAAAE,mBAE/B,EACS,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAInBM,EAAU5B,EAAO6B,KAAIC,IAAAA,EAAA3B,EAAA,CAAA,uGAAA,OAAA,CAAsB,uGAKO,SAA9C,SAACC,GAAc,OAAPA,EAAAC,MAAac,WAAWY,cAAjB,GAGnBC,EAAmBhC,EAAOC,IAAGgC,IAAAA,EAAA9B,EAAA,CAAA,oBAAA,sBAAA,MAAA,CAGxC,oBACiE,sBAS9D,QATY,SAACC,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EAE5B,SAACc,GACD,OAAAA,EAAMtB,YACNC,EAAGsB,IAAAA,EAAAhC,EAAA,CAAA,WAAA,iEAAA,CAAA,WACmB,mEAAlBK,EAFJ,GASS4B,EAAiBpC,EAAOC,IAAGoC,IAAAA,EAAAlC,EAAA,CAAA,sDAAA,CAAA,yDAK3BmC,EAAoBtC,EAAOuC,EAAPvC,CAAmBwC,IAAAA,EAAArC,EAAA,CAAA,IAAA,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type ThemeType } from "../../types";
|
|
2
|
-
type Props = {
|
|
3
|
-
theme: ThemeType;
|
|
4
|
-
};
|
|
5
|
-
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;
|
|
6
|
-
export declare const Details: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>> & string;
|
|
7
|
-
export declare const Name: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>> & string;
|
|
8
|
-
export declare const Extra: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>> & string;
|
|
9
|
-
export {};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var t,r,o,i,a=e.div(t||(t=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"]))),l=e.div(r||(r=n(["\n flex: 1;\n margin-left: ",";\n text-align: left;\n min-width: 0;\n"],["\n flex: 1;\n margin-left: ",";\n text-align: left;\n min-width: 0;\n"])),function(n){return n.theme.spacing.xs}),s=e.div(o||(o=n(["\n font-family: ",";\n font-size: ",";\n white-space: normal;\n word-break: break-word;\n"],["\n font-family: ",";\n font-size: ",";\n white-space: normal;\n word-break: break-word;\n"])),function(n){return n.theme.typography.fontFamilyHeadings},function(n){return n.theme.fontSizes.l}),f=e.div(i||(i=n(["\n color: ",";\n margin-top: 4px;\n white-space: normal;\n word-break: break-word;\n"],["\n color: ",";\n margin-top: 4px;\n white-space: normal;\n word-break: break-word;\n"])),function(n){return n.theme.colors.userBlockExtraText});export{l as Details,f as Extra,s as Name,a 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\";\nimport { type ThemeType } from \"../../types\";\n\ntype Props = {\n theme: ThemeType;\n};\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<Props>`\n flex: 1;\n margin-left: ${({ theme }) => theme.spacing.xs};\n text-align: left;\n min-width: 0;\n`;\n\nexport const Name = styled.div<Props>`\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n font-size: ${({ theme }) => theme.fontSizes.l};\n white-space: normal;\n word-break: break-word;\n`;\n\nexport const Extra = styled.div<Props>`\n color: ${({ theme }) => theme.colors.userBlockExtraText};\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","_a","theme","spacing","xs","Name","templateObject_3","typography","fontFamilyHeadings","fontSizes","l","Extra","templateObject_4","colors","userBlockExtraText"],"mappings":"iHAOO,YAAMA,EAAkBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,uFAAA,CAAA,0FAO5BC,EAAUJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,gCAAA,6CAAA,CAAO,gCAEQ,+CAA/B,SAACG,GAAc,OAAPA,EAAAC,MAAaC,QAAQC,EAAd,GAKnBC,EAAOV,EAAOC,IAAGU,IAAAA,EAAAR,EAAA,CAAA,oBAAA,mBAAA,0DAAA,CAAO,oBAC8B,mBACpB,4DAD9B,SAACG,GAAc,OAAPA,EAAAC,MAAaK,WAAWC,kBAAjB,EACjB,SAACP,GAAc,OAAPA,EAAAC,MAAaO,UAAUC,CAAhB,GAKjBC,EAAQhB,EAAOC,IAAGgB,IAAAA,EAAAd,EAAA,CAAA,cAAA,8EAAA,CAAO,cACmB,gFAA9C,SAACG,GAAc,OAAPA,EAAAC,MAAaW,OAAOC,kBAAb"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type UtilitiesType, type SiteConfigType, type AvatarType, type ButtonType, type BreakPointType, type TokenColorsType, type ColorsType, type SpacingType, type FontSizesType, type TypographyType, type ThemeType, type ShadowsType } from "../types";
|
|
2
|
-
export declare const UTILITIES: UtilitiesType;
|
|
3
|
-
export declare const SITE_CONFIG: SiteConfigType;
|
|
4
|
-
export declare const AVATAR: AvatarType;
|
|
5
|
-
export declare const BUTTON: ButtonType;
|
|
6
|
-
export declare const BREAKPOINT: BreakPointType;
|
|
7
|
-
export declare const TOKEN_COLORS: TokenColorsType;
|
|
8
|
-
export declare const COLORS: ColorsType;
|
|
9
|
-
export declare const SPACING: SpacingType;
|
|
10
|
-
export declare const SHADOWS: ShadowsType;
|
|
11
|
-
export declare const FONT_SIZES: FontSizesType;
|
|
12
|
-
export declare const TYPOGRAPHY: TypographyType;
|
|
13
|
-
export declare const bowelbabeTheme: ThemeType;
|
|
14
|
-
export default bowelbabeTheme;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as r}from"./cruk.js";var a=e({},r.utilities),o=e(e({},r.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/bowelbabe-logo-160.png",footerCopyText:"The Bowelbabe Fund for Cancer Research UK, raises money to fund clinical trials, research and cancer information and awareness, as well as other initiatives to combat cancer and support those affected by cancer. The Bowelbabe Fund is a restricted fund within Cancer Research UK. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247) and is registered with the Fundraising Regulator."}),t=e(e({},r.avatar),{path:"".concat(o.assetPath,"images/avatar/bowelbabe/")}),n=e(e({},r.button),{horizontalPadding:"1rem",borderRadius:"2em"}),b=e({},r.breakpoint),i=e(e({},r.tokenColors),{bbPurple:"#501e70",bbLightGreen:"#92ddcb",bbGreen:"#26bb98",bbPastelGreen:"#d4f1ea",bbPink:"#d81272",bbPastelPink:"#EB88B8",bbBlue:"#009ed1",bbTeal:"#005e85",bbYellow:"#e4b50b",bbPastelYellow:"#F1DA85"}),s=e(e({},r.colors),{primary:i.bbPurple,secondary:i.bbGreen,tertiary:i.bbTeal,textOnPrimary:i.white,textOnSecondary:i.bbPurple,textOnTertiary:i.white,warning:i.bbYellow,success:i.bbGreen,info:i.bbBlue,avatarBorder:i.bbPurple,progressBar:i.bbLightGreen,progressBarSecondary:i.bbGreen,circularProgress:i.bbLightGreen,circularProgressSecondary:i.bbGreen,linkColor:i.bbPurple,linkColorHover:i.bbPink,linkColorSecondary:i.bbPurple,linkColorSecondaryHover:i.bbPink,backgroundLightColor:i.bbPastelGreen,collapseHeaderColor:i.bbPink,check:i.bbPurple,headerTaglineText:i.bbPurple,loaderColor1:i.bbPurple,loaderColor2:i.bbLightGreen,loaderColor3:i.bbPink,paginationText:i.bbPurple,paginationBackground:i.bbPurple,totaliserBubbleColor:i.bbPurple,totaliserBubbleTextColor:i.bbLightGreen,totaliserBubbleTotalColor:i.white,buttonPrimaryBackground:i.bbPastelYellow,buttonPrimaryText:i.bbPurple,buttonPrimaryBorder:i.bbPastelYellow,buttonPrimaryBackgroundHover:i.bbPastelPink,buttonPrimaryTextHover:i.bbPurple,buttonPrimaryBorderHover:i.bbPastelPink,buttonPrimaryDisabledBackground:i.grey_200,buttonPrimaryDisabledText:i.grey_800,buttonPrimaryDisabledBorder:i.grey_200,buttonSecondaryBackground:i.white,buttonSecondaryText:i.bbPurple,buttonSecondaryBorder:i.bbPastelYellow,buttonSecondaryBackgroundHover:i.bbPastelPink,buttonSecondaryTextHover:i.bbPurple,buttonSecondaryBorderHover:i.bbPastelYellow,buttonSecondaryDisabledBackground:i.grey_200,buttonSecondaryDisabledText:i.grey_800,buttonSecondaryDisabledBorder:i.grey_200,buttonTertiaryText:i.bbPurple,buttonTertiaryTextHover:i.bbPink,buttonTertiaryDisabledText:i.grey_200}),l=e({},r.spacing),u=e({},r.shadows),d=e({},r.fontSizes),c=e(e({},r.typography),{customFonts:[{family:"juana",urlWoff:"".concat(o.assetPath,"fonts/juana-semibold-webfont.woff"),urlWoff2:"".concat(o.assetPath,"fonts/juana-semibold-webfont.woff2"),fontWeight:600}],fontFamilyHeadings:"juana,Arial,sans-serif",fontFamilyLinks:"juana,Arial,sans-serif",fontFamilyButtons:"juana,Arial,sans-serif",fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyLabel:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontWeightBase:400,fontWeightLinks:600,fontWeightHeadings:600,fontWeightButtons:600,fontWeightLabels:600,LinkPrimaryTextDecoration:"none",LinkLetterSpacing:"0px"}),g={name:"bowelbabe",avatar:e({},t),breakpoint:e({},b),button:e({},n),tokenColors:e({},i),colors:e({},s),spacing:e({},l),fontSizes:e({},d),siteConfig:e({},o),typography:e({},c),shadows:e({},u),utilities:e({},a)};export{t as AVATAR,b as BREAKPOINT,n as BUTTON,s as COLORS,d as FONT_SIZES,u as SHADOWS,o as SITE_CONFIG,l as SPACING,i as TOKEN_COLORS,c as TYPOGRAPHY,a as UTILITIES,g as bowelbabeTheme,g as default};
|
|
2
|
-
//# sourceMappingURL=bowelbabe.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"bowelbabe.js","sources":["../../../src/themes/bowelbabe.ts"],"sourcesContent":["import {\n type UtilitiesType,\n type SiteConfigType,\n type AvatarType,\n type ButtonType,\n type BreakPointType,\n type TokenColorsType,\n type ColorsType,\n type SpacingType,\n type FontSizesType,\n type TypographyType,\n type ThemeType,\n type ShadowsType,\n} from \"../types\";\n\nimport { crukTheme as defaultTheme } from \"./cruk\";\n\nexport const UTILITIES: UtilitiesType = {\n ...defaultTheme.utilities,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n ...defaultTheme.siteConfig,\n logoSrc:\n \"https://rcl.assets.cancerresearchuk.org/images/logos/bowelbabe-logo-160.png\",\n footerCopyText:\n \"The Bowelbabe Fund for Cancer Research UK, raises money to fund clinical trials, research and cancer information and awareness, as well as other initiatives to combat cancer and support those affected by cancer. The Bowelbabe Fund is a restricted fund within Cancer Research UK. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247) and is registered with the Fundraising Regulator.\",\n};\n\nexport const AVATAR: AvatarType = {\n ...defaultTheme.avatar,\n path: `${SITE_CONFIG.assetPath}images/avatar/bowelbabe/`,\n};\n\nexport const BUTTON: ButtonType = {\n ...defaultTheme.button,\n horizontalPadding: \"1rem\",\n borderRadius: \"2em\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n ...defaultTheme.tokenColors,\n bbPurple: \"#501e70\",\n bbLightGreen: \"#92ddcb\",\n bbGreen: \"#26bb98\",\n bbPastelGreen: \"#d4f1ea\",\n bbPink: \"#d81272\",\n bbPastelPink: \"#EB88B8\",\n bbBlue: \"#009ed1\",\n bbTeal: \"#005e85\",\n bbYellow: \"#e4b50b\",\n bbPastelYellow: \"#F1DA85\",\n};\n\nexport const COLORS: ColorsType = {\n ...defaultTheme.colors,\n primary: TOKEN_COLORS.bbPurple,\n secondary: TOKEN_COLORS.bbGreen,\n tertiary: TOKEN_COLORS.bbTeal,\n\n textOnPrimary: TOKEN_COLORS.white,\n textOnSecondary: TOKEN_COLORS.bbPurple,\n textOnTertiary: TOKEN_COLORS.white,\n\n warning: TOKEN_COLORS.bbYellow,\n success: TOKEN_COLORS.bbGreen,\n info: TOKEN_COLORS.bbBlue,\n\n avatarBorder: TOKEN_COLORS.bbPurple,\n progressBar: TOKEN_COLORS.bbLightGreen,\n progressBarSecondary: TOKEN_COLORS.bbGreen,\n circularProgress: TOKEN_COLORS.bbLightGreen,\n circularProgressSecondary: TOKEN_COLORS.bbGreen,\n linkColor: TOKEN_COLORS.bbPurple,\n linkColorHover: TOKEN_COLORS.bbPink,\n linkColorSecondary: TOKEN_COLORS.bbPurple,\n linkColorSecondaryHover: TOKEN_COLORS.bbPink,\n\n backgroundLightColor: TOKEN_COLORS.bbPastelGreen,\n\n collapseHeaderColor: TOKEN_COLORS.bbPink,\n check: TOKEN_COLORS.bbPurple,\n\n headerTaglineText: TOKEN_COLORS.bbPurple,\n\n loaderColor1: TOKEN_COLORS.bbPurple,\n loaderColor2: TOKEN_COLORS.bbLightGreen,\n loaderColor3: TOKEN_COLORS.bbPink,\n\n paginationText: TOKEN_COLORS.bbPurple,\n paginationBackground: TOKEN_COLORS.bbPurple,\n\n totaliserBubbleColor: TOKEN_COLORS.bbPurple,\n totaliserBubbleTextColor: TOKEN_COLORS.bbLightGreen,\n totaliserBubbleTotalColor: TOKEN_COLORS.white,\n\n buttonPrimaryBackground: TOKEN_COLORS.bbPastelYellow,\n buttonPrimaryText: TOKEN_COLORS.bbPurple,\n buttonPrimaryBorder: TOKEN_COLORS.bbPastelYellow,\n buttonPrimaryBackgroundHover: TOKEN_COLORS.bbPastelPink,\n buttonPrimaryTextHover: TOKEN_COLORS.bbPurple,\n buttonPrimaryBorderHover: TOKEN_COLORS.bbPastelPink,\n buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n buttonPrimaryDisabledText: TOKEN_COLORS.grey_800,\n buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonSecondaryBackground: TOKEN_COLORS.white,\n buttonSecondaryText: TOKEN_COLORS.bbPurple,\n buttonSecondaryBorder: TOKEN_COLORS.bbPastelYellow,\n buttonSecondaryBackgroundHover: TOKEN_COLORS.bbPastelPink,\n buttonSecondaryTextHover: TOKEN_COLORS.bbPurple,\n buttonSecondaryBorderHover: TOKEN_COLORS.bbPastelYellow,\n buttonSecondaryDisabledBackground: TOKEN_COLORS.grey_200,\n buttonSecondaryDisabledText: TOKEN_COLORS.grey_800,\n buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonTertiaryText: TOKEN_COLORS.bbPurple,\n buttonTertiaryTextHover: TOKEN_COLORS.bbPink,\n buttonTertiaryDisabledText: TOKEN_COLORS.grey_200,\n};\n\nexport const SPACING: SpacingType = {\n ...defaultTheme.spacing,\n};\n\nexport const SHADOWS: ShadowsType = {\n ...defaultTheme.shadows,\n};\n\nexport const FONT_SIZES: FontSizesType = {\n ...defaultTheme.fontSizes,\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n ...defaultTheme.typography,\n customFonts: [\n {\n family: \"juana\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/juana-semibold-webfont.woff`,\n urlWoff2: `${SITE_CONFIG.assetPath}fonts/juana-semibold-webfont.woff2`,\n fontWeight: 600,\n },\n ],\n fontFamilyHeadings: \"juana,Arial,sans-serif\",\n fontFamilyLinks: \"juana,Arial,sans-serif\",\n fontFamilyButtons: \"juana,Arial,sans-serif\",\n fontFamilyBase:\n \"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n fontFamilyLabel:\n \"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n // headerLineHeight: \"1.5em\",\n fontWeightBase: 400,\n fontWeightLinks: 600,\n fontWeightHeadings: 600,\n fontWeightButtons: 600,\n fontWeightLabels: 600,\n LinkPrimaryTextDecoration: \"none\",\n LinkLetterSpacing: \"0px\",\n};\n\nexport const bowelbabeTheme: ThemeType = {\n name: \"bowelbabe\",\n avatar: { ...AVATAR },\n breakpoint: { ...BREAKPOINT },\n button: { ...BUTTON },\n tokenColors: { ...TOKEN_COLORS },\n colors: { ...COLORS },\n spacing: { ...SPACING },\n fontSizes: { ...FONT_SIZES },\n siteConfig: { ...SITE_CONFIG },\n typography: { ...TYPOGRAPHY },\n shadows: { ...SHADOWS },\n utilities: { ...UTILITIES },\n};\n\nexport default bowelbabeTheme;\n"],"names":["UTILITIES","__assign","defaultTheme","utilities","SITE_CONFIG","siteConfig","logoSrc","footerCopyText","AVATAR","avatar","path","assetPath","BUTTON","button","horizontalPadding","borderRadius","BREAKPOINT","breakpoint","TOKEN_COLORS","tokenColors","bbPurple","bbLightGreen","bbGreen","bbPastelGreen","bbPink","bbPastelPink","bbBlue","bbTeal","bbYellow","bbPastelYellow","COLORS","colors","primary","secondary","tertiary","textOnPrimary","white","textOnSecondary","textOnTertiary","warning","success","info","avatarBorder","progressBar","progressBarSecondary","circularProgress","circularProgressSecondary","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","backgroundLightColor","collapseHeaderColor","check","headerTaglineText","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationBackground","totaliserBubbleColor","totaliserBubbleTextColor","totaliserBubbleTotalColor","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","grey_200","buttonPrimaryDisabledText","grey_800","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","SPACING","spacing","SHADOWS","shadows","FONT_SIZES","fontSizes","TYPOGRAPHY","typography","customFonts","family","urlWoff","concat","urlWoff2","fontWeight","fontFamilyHeadings","fontFamilyLinks","fontFamilyButtons","fontFamilyBase","fontFamilyLabel","fontWeightBase","fontWeightLinks","fontWeightHeadings","fontWeightButtons","fontWeightLabels","LinkPrimaryTextDecoration","LinkLetterSpacing","bowelbabeTheme","name"],"mappings":"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"}
|
package/lib/src/themes/cruk.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type UtilitiesType, type SiteConfigType, type AvatarType, type ButtonType, type BreakPointType, type TokenColorsType, type ColorsType, type SpacingType, type FontSizesType, type ShadowsType, type TypographyType, type ThemeType } from "../types";
|
|
2
|
-
export declare const UTILITIES: UtilitiesType;
|
|
3
|
-
export declare const SITE_CONFIG: SiteConfigType;
|
|
4
|
-
export declare const AVATAR: AvatarType;
|
|
5
|
-
export declare const BUTTON: ButtonType;
|
|
6
|
-
export declare const BREAKPOINT: BreakPointType;
|
|
7
|
-
export declare const TOKEN_COLORS: TokenColorsType;
|
|
8
|
-
export declare const COLORS: ColorsType;
|
|
9
|
-
export declare const SPACING: SpacingType;
|
|
10
|
-
export declare const FONT_SIZES: FontSizesType;
|
|
11
|
-
export declare const TYPOGRAPHY: TypographyType;
|
|
12
|
-
export declare const SHADOWS: ShadowsType;
|
|
13
|
-
export declare const crukTheme: ThemeType;
|
|
14
|
-
export default crukTheme;
|
package/lib/src/themes/cruk.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";var r={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},t={assetPath:"https://rcl.assets.cancerresearchuk.org/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).",footerLogoAlt:"Registered with Fundraising Regulator",footerLogoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png"},a={s:"32px",m:"48px",l:"64px",xl:"128px",path:"".concat(t.assetPath,"images/avatar/cruk2/")},o={borderRadius:"0px",borderRadiusLarge:"0px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none",horizontalPadding:"2em"},n={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},i={navy_100:"#E5E5FF",navy_600:"#00007E",navy_700:"#000066",navy_800:"#00004D",magenta_100:"#FFE6F3",magenta_600:"#FF0087",magenta_700:"#E60079",magenta_800:"#CC006C",cyan_600:"#009CEE",cyan_700:"#006DA7",grey_100:"#F2F2F2",grey_200:"#E6E6E6",grey_300:"#c6c6c6",grey_600:"#666666",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},s={primary:i.navy_600,secondary:i.magenta_700,tertiary:i.cyan_600,textOnPrimary:i.white,textOnSecondary:i.white,textOnTertiary:i.white,textHeaderDefault:i.black,disabled:i.grey_200,danger:i.red,warning:i.yellow,success:i.green,info:i.cyan_600,textError:i.red,textDark:i.black,textLight:i.white,textMid:i.grey_600,linkColor:i.magenta_700,linkColorHover:i.magenta_800,linkColorSecondary:i.magenta_700,linkColorSecondaryHover:i.magenta_800,avatarBorder:i.navy_600,progressBar:i.navy_600,progressBarSecondary:i.magenta_700,progressBarBackground:i.grey_200,circularProgress:i.cyan_600,circularProgressSecondary:i.magenta_700,circularProgressBackground:i.grey_200,buttonPrimaryBackground:i.magenta_700,buttonPrimaryText:i.white,buttonPrimaryBorder:i.magenta_700,buttonPrimaryBackgroundHover:i.magenta_800,buttonPrimaryTextHover:i.white,buttonPrimaryBorderHover:i.magenta_800,buttonPrimaryDisabledBackground:i.grey_200,buttonPrimaryDisabledText:i.grey_600,buttonPrimaryDisabledBorder:i.grey_200,buttonSecondaryBackground:i.white,buttonSecondaryText:i.magenta_700,buttonSecondaryBorder:i.magenta_700,buttonSecondaryBackgroundHover:i.magenta_100,buttonSecondaryTextHover:i.magenta_800,buttonSecondaryBorderHover:i.magenta_100,buttonSecondaryDisabledBackground:i.grey_200,buttonSecondaryDisabledText:i.grey_600,buttonSecondaryDisabledBorder:i.grey_200,buttonTertiaryText:i.magenta_700,buttonTertiaryTextHover:i.magenta_800,buttonTertiaryDisabledText:i.grey_600,collapseHeaderColor:i.navy_600,selectionBorder:i.grey_600,textInputBorder:i.grey_900,inputBorder:i.grey_900,check:i.magenta_700,headerBackground:i.white,backgroundLight:i.white,backgroundLightColor:i.navy_100,backgroundMid:i.grey_200,backgroundMidLight:i.grey_100,loaderColor1:i.navy_600,loaderColor2:i.magenta_600,loaderColor3:i.cyan_600,paginationText:i.navy_600,paginationActive:i.grey_200,paginationBackground:i.navy_600,footerBackground:i.backgroundLight,headerBorder:i.grey_200,headerTaglineText:i.black,stepBorder:i.grey_200,stepBackground:i.white,popoverBackground:i.white,textInputExtraInfo:i.grey_200,totaliserBubbleColor:i.grey_200,totaliserBubbleTextColor:i.black,totaliserBubbleTotalColor:i.navy_600,selectBackground:i.black,modalBackdrop:i.black,userBlockExtraText:i.grey_800},g={none:"0",auto:"auto",xxxs:"0.25rem",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},l={xs:"0.75rem",s:"0.875rem",m:"1rem",ml:"1.125rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},c={customFonts:[{family:"Progress",urlWoff2:"".concat(t.assetPath,"fonts/Progress-Regular.woff2"),fontWeight:400},{family:"Progress",urlWoff2:"".concat(t.assetPath,"fonts/Progress-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Light.woff"),fontWeight:300},{family:"Poppins",urlWoff2:"".concat(t.assetPath,"fonts/Poppins-Regular.woff2"),fontWeight:400},{family:"Poppins",urlWoff2:"".concat(t.assetPath,"fonts/Poppins-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Medium.woff"),fontWeight:500}],fontFamilyBase:"Poppins,sans-serif",fontFamilyButtons:"Poppins,sans-serif",fontFamilyLinks:"Poppins,sans-serif",fontFamilyHeadings:"Progress,Arial,Helvetica,sans-serif",fontFamilyLabel:"Poppins,sans-serif",fontSizeBase:"16px",fontWeightBase:300,fontWeightHeadings:400,fontWeightLinks:700,fontWeightButtons:400,fontWeightLabels:500,fontWeightHeavy:700,fontWeightMedium:500,fontWeightNormal:400,fontWeightLight:300,fontWeightVLight:100,linkTextDecoration:"underline",LinkLetterSpacing:"0px",LinkPrimaryTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},d={s:"0px 0px 2px 1px ".concat(i.grey_300),m:"0px 0px 4px 1px ".concat(i.grey_300),l:"0px 0px 7px 1px ".concat(i.grey_300)},y={name:"cruk",avatar:e({},a),breakpoint:e({},n),button:e({},o),tokenColors:e({},i),colors:e({},s),spacing:e({},g),fontSizes:e({},l),siteConfig:e({},t),typography:e({},c),shadows:e({},d),utilities:e({},r)};export{a as AVATAR,n as BREAKPOINT,o as BUTTON,s as COLORS,l as FONT_SIZES,d as SHADOWS,t as SITE_CONFIG,g as SPACING,i as TOKEN_COLORS,c as TYPOGRAPHY,r as UTILITIES,y as crukTheme,y as default};
|
|
2
|
-
//# sourceMappingURL=cruk.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cruk.js","sources":["../../../src/themes/cruk.ts"],"sourcesContent":["import {\n type UtilitiesType,\n type SiteConfigType,\n type AvatarType,\n type ButtonType,\n type BreakPointType,\n type TokenColorsType,\n type ColorsType,\n type SpacingType,\n type FontSizesType,\n type ShadowsType,\n type TypographyType,\n type ThemeType,\n} from \"../types\";\n\nexport const UTILITIES: UtilitiesType = {\n contentMaxWidth: \"1020px\",\n useDefaultFocusRect: true,\n useDefaultFromControls: false,\n useBackgroundStyleLinks: false,\n inputBorderWidth: \"1px\",\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n assetPath: \"https://rcl.assets.cancerresearchuk.org/\",\n logoUrl: \"/\",\n logoAlt: \"Cancer Research UK Giving Page\",\n logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg\",\n footerCopyText:\n \"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).\",\n footerLogoAlt: \"Registered with Fundraising Regulator\",\n footerLogoSrc:\n \"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png\",\n};\n\nexport const AVATAR: AvatarType = {\n s: \"32px\",\n m: \"48px\",\n l: \"64px\",\n xl: \"128px\",\n path: `${SITE_CONFIG.assetPath}images/avatar/cruk2/`,\n};\n\nexport const BUTTON: ButtonType = {\n borderRadius: \"0px\",\n borderRadiusLarge: \"0px\",\n buttonBorderThickness: \"2px\",\n textDecoration: \"none\",\n textTransform: \"none\",\n horizontalPadding: \"2em\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n mobile: \"576px\",\n tablet: \"768px\",\n desktop: \"992px\",\n desktopLarge: \"1200px\",\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n navy_100: \"#E5E5FF\",\n navy_600: \"#00007E\",\n navy_700: \"#000066\",\n navy_800: \"#00004D\",\n\n magenta_100: \"#FFE6F3\",\n magenta_600: \"#FF0087\",\n magenta_700: \"#E60079\",\n magenta_800: \"#CC006C\",\n\n cyan_600: \"#009CEE\",\n cyan_700: \"#006DA7\",\n\n grey_100: \"#F2F2F2\",\n grey_200: \"#E6E6E6\",\n grey_300: \"#c6c6c6\", // used for shadows\n\n grey_600: \"#666666\",\n grey_800: \"#575757\",\n grey_900: \"#2e2d2c\",\n\n white: \"#fff\",\n black: \"#000\",\n\n red: \"#D51311\",\n yellow: \"#fdc02f\",\n green: \"#3d854d\",\n};\n\nexport const COLORS: ColorsType = {\n primary: TOKEN_COLORS.navy_600,\n secondary: TOKEN_COLORS.magenta_700,\n tertiary: TOKEN_COLORS.cyan_600,\n\n textOnPrimary: TOKEN_COLORS.white,\n textOnSecondary: TOKEN_COLORS.white,\n textOnTertiary: TOKEN_COLORS.white,\n textHeaderDefault: TOKEN_COLORS.black,\n\n disabled: TOKEN_COLORS.grey_200,\n danger: TOKEN_COLORS.red,\n warning: TOKEN_COLORS.yellow,\n success: TOKEN_COLORS.green,\n info: TOKEN_COLORS.cyan_600,\n textError: TOKEN_COLORS.red,\n\n textDark: TOKEN_COLORS.black,\n textLight: TOKEN_COLORS.white,\n textMid: TOKEN_COLORS.grey_600,\n linkColor: TOKEN_COLORS.magenta_700,\n linkColorHover: TOKEN_COLORS.magenta_800,\n linkColorSecondary: TOKEN_COLORS.magenta_700,\n linkColorSecondaryHover: TOKEN_COLORS.magenta_800,\n\n avatarBorder: TOKEN_COLORS.navy_600,\n progressBar: TOKEN_COLORS.navy_600,\n progressBarSecondary: TOKEN_COLORS.magenta_700,\n progressBarBackground: TOKEN_COLORS.grey_200,\n circularProgress: TOKEN_COLORS.cyan_600,\n circularProgressSecondary: TOKEN_COLORS.magenta_700,\n circularProgressBackground: TOKEN_COLORS.grey_200,\n\n buttonPrimaryBackground: TOKEN_COLORS.magenta_700,\n buttonPrimaryText: TOKEN_COLORS.white,\n buttonPrimaryBorder: TOKEN_COLORS.magenta_700,\n buttonPrimaryBackgroundHover: TOKEN_COLORS.magenta_800,\n buttonPrimaryTextHover: TOKEN_COLORS.white,\n buttonPrimaryBorderHover: TOKEN_COLORS.magenta_800,\n buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n buttonPrimaryDisabledText: TOKEN_COLORS.grey_600,\n buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonSecondaryBackground: TOKEN_COLORS.white,\n buttonSecondaryText: TOKEN_COLORS.magenta_700,\n buttonSecondaryBorder: TOKEN_COLORS.magenta_700,\n buttonSecondaryBackgroundHover: TOKEN_COLORS.magenta_100,\n buttonSecondaryTextHover: TOKEN_COLORS.magenta_800,\n buttonSecondaryBorderHover: TOKEN_COLORS.magenta_100,\n buttonSecondaryDisabledBackground: TOKEN_COLORS.grey_200,\n buttonSecondaryDisabledText: TOKEN_COLORS.grey_600,\n buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonTertiaryText: TOKEN_COLORS.magenta_700,\n buttonTertiaryTextHover: TOKEN_COLORS.magenta_800,\n buttonTertiaryDisabledText: TOKEN_COLORS.grey_600,\n\n collapseHeaderColor: TOKEN_COLORS.navy_600,\n\n selectionBorder: TOKEN_COLORS.grey_600,\n\n textInputBorder: TOKEN_COLORS.grey_900,\n inputBorder: TOKEN_COLORS.grey_900,\n check: TOKEN_COLORS.magenta_700,\n\n headerBackground: TOKEN_COLORS.white,\n backgroundLight: TOKEN_COLORS.white,\n backgroundLightColor: TOKEN_COLORS.navy_100,\n backgroundMid: TOKEN_COLORS.grey_200,\n backgroundMidLight: TOKEN_COLORS.grey_100,\n\n loaderColor1: TOKEN_COLORS.navy_600,\n loaderColor2: TOKEN_COLORS.magenta_600,\n loaderColor3: TOKEN_COLORS.cyan_600,\n\n paginationText: TOKEN_COLORS.navy_600,\n paginationActive: TOKEN_COLORS.grey_200,\n paginationBackground: TOKEN_COLORS.navy_600,\n\n footerBackground: TOKEN_COLORS.backgroundLight,\n\n headerBorder: TOKEN_COLORS.grey_200,\n headerTaglineText: TOKEN_COLORS.black,\n\n stepBorder: TOKEN_COLORS.grey_200,\n stepBackground: TOKEN_COLORS.white,\n\n popoverBackground: TOKEN_COLORS.white,\n\n textInputExtraInfo: TOKEN_COLORS.grey_200,\n\n totaliserBubbleColor: TOKEN_COLORS.grey_200,\n totaliserBubbleTextColor: TOKEN_COLORS.black,\n totaliserBubbleTotalColor: TOKEN_COLORS.navy_600,\n\n selectBackground: TOKEN_COLORS.black,\n\n modalBackdrop: TOKEN_COLORS.black,\n\n userBlockExtraText: TOKEN_COLORS.grey_800,\n};\n\n// TODO: possibly convert to REMS, once a base font size has been agreed.\nexport const SPACING: SpacingType = {\n none: \"0\",\n auto: \"auto\",\n xxxs: \"0.25rem\", // 4px\n xxs: \"0.5rem\", // 8px\n xs: \"1rem\", // 16px\n s: \"1.5rem\", // 24px\n m: \"2rem\", // 32px\n l: \"2.5rem\", // 40px\n xl: \"3rem\", // 48px\n xxl: \"3.5rem\", // 56px\n};\n\nexport const FONT_SIZES: FontSizesType = {\n xs: \"0.75rem\", // 12px\n s: \"0.875rem\", // 14px\n m: \"1rem\", // 16px\n ml: \"1.125rem\", // 18px\n l: \"1.25rem\", // 20px\n xl: \"1.5625rem\", // 25px\n xxl: \"2rem\", // 32px\n xxxl: \"2.5rem\", // 40px\n xxxxl: \"3.125rem\", // 45px\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n customFonts: [\n {\n family: \"Progress\",\n urlWoff2: `${SITE_CONFIG.assetPath}fonts/Progress-Regular.woff2`,\n fontWeight: 400,\n },\n {\n family: \"Progress\",\n urlWoff2: `${SITE_CONFIG.assetPath}fonts/Progress-SemiBold.woff2`,\n fontWeight: 600,\n },\n {\n family: \"Poppins\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Light.woff`,\n fontWeight: 300,\n },\n {\n family: \"Poppins\",\n urlWoff2: `${SITE_CONFIG.assetPath}fonts/Poppins-Regular.woff2`,\n fontWeight: 400,\n },\n {\n family: \"Poppins\",\n urlWoff2: `${SITE_CONFIG.assetPath}fonts/Poppins-SemiBold.woff2`,\n fontWeight: 600,\n },\n {\n family: \"Poppins\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Medium.woff`,\n fontWeight: 500,\n },\n ],\n fontFamilyBase: \"Poppins,sans-serif\",\n fontFamilyButtons: \"Poppins,sans-serif\",\n fontFamilyLinks: \"Poppins,sans-serif\",\n fontFamilyHeadings: \"Progress,Arial,Helvetica,sans-serif\",\n fontFamilyLabel: \"Poppins,sans-serif\",\n fontSizeBase: \"16px\",\n fontWeightBase: 300,\n fontWeightHeadings: 400,\n fontWeightLinks: 700,\n fontWeightButtons: 400,\n fontWeightLabels: 500,\n fontWeightHeavy: 700,\n fontWeightMedium: 500,\n fontWeightNormal: 400,\n fontWeightLight: 300,\n fontWeightVLight: 100,\n linkTextDecoration: \"underline\",\n LinkLetterSpacing: \"0px\",\n LinkPrimaryTextDecoration: \"underline\",\n lineHeight: \"1.5em\",\n headerLineHeight: \"1.25em\",\n headerTextTransform: \"none\",\n};\n\nexport const SHADOWS: ShadowsType = {\n s: `0px 0px 2px 1px ${TOKEN_COLORS.grey_300}`,\n m: `0px 0px 4px 1px ${TOKEN_COLORS.grey_300}`,\n l: `0px 0px 7px 1px ${TOKEN_COLORS.grey_300}`,\n};\n\nexport const crukTheme: ThemeType = {\n name: \"cruk\",\n avatar: { ...AVATAR },\n breakpoint: { ...BREAKPOINT },\n button: { ...BUTTON },\n tokenColors: { ...TOKEN_COLORS },\n colors: { ...COLORS },\n spacing: { ...SPACING },\n fontSizes: { ...FONT_SIZES },\n siteConfig: { ...SITE_CONFIG },\n typography: { ...TYPOGRAPHY },\n shadows: { ...SHADOWS },\n utilities: { ...UTILITIES },\n};\n\nexport default crukTheme;\n"],"names":["UTILITIES","contentMaxWidth","useDefaultFocusRect","useDefaultFromControls","useBackgroundStyleLinks","inputBorderWidth","SITE_CONFIG","assetPath","logoUrl","logoAlt","logoSrc","footerCopyText","footerLogoAlt","footerLogoSrc","AVATAR","s","m","l","xl","path","concat","BUTTON","borderRadius","borderRadiusLarge","buttonBorderThickness","textDecoration","textTransform","horizontalPadding","BREAKPOINT","mobile","tablet","desktop","desktopLarge","TOKEN_COLORS","navy_100","navy_600","navy_700","navy_800","magenta_100","magenta_600","magenta_700","magenta_800","cyan_600","cyan_700","grey_100","grey_200","grey_300","grey_600","grey_800","grey_900","white","black","red","yellow","green","COLORS","primary","secondary","tertiary","textOnPrimary","textOnSecondary","textOnTertiary","textHeaderDefault","disabled","danger","warning","success","info","textError","textDark","textLight","textMid","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","avatarBorder","progressBar","progressBarSecondary","progressBarBackground","circularProgress","circularProgressSecondary","circularProgressBackground","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","buttonPrimaryDisabledText","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","collapseHeaderColor","selectionBorder","textInputBorder","inputBorder","check","headerBackground","backgroundLight","backgroundLightColor","backgroundMid","backgroundMidLight","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationActive","paginationBackground","footerBackground","headerBorder","headerTaglineText","stepBorder","stepBackground","popoverBackground","textInputExtraInfo","totaliserBubbleColor","totaliserBubbleTextColor","totaliserBubbleTotalColor","selectBackground","modalBackdrop","userBlockExtraText","SPACING","none","auto","xxxs","xxs","xs","xxl","FONT_SIZES","ml","xxxl","xxxxl","TYPOGRAPHY","customFonts","family","urlWoff2","fontWeight","urlWoff","fontFamilyBase","fontFamilyButtons","fontFamilyLinks","fontFamilyHeadings","fontFamilyLabel","fontSizeBase","fontWeightBase","fontWeightHeadings","fontWeightLinks","fontWeightButtons","fontWeightLabels","fontWeightHeavy","fontWeightMedium","fontWeightNormal","fontWeightLight","fontWeightVLight","linkTextDecoration","LinkLetterSpacing","LinkPrimaryTextDecoration","lineHeight","headerLineHeight","headerTextTransform","SHADOWS","crukTheme","name","avatar","__assign","breakpoint","button","tokenColors","colors","spacing","fontSizes","siteConfig","typography","shadows","utilities"],"mappings":"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"}
|
package/lib/src/themes/rfl.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type UtilitiesType, type SiteConfigType, type AvatarType, type ButtonType, type BreakPointType, type TokenColorsType, type ColorsType, type SpacingType, type FontSizesType, type TypographyType, type ThemeType, type ShadowsType } from "../types";
|
|
2
|
-
export declare const UTILITIES: UtilitiesType;
|
|
3
|
-
export declare const SITE_CONFIG: SiteConfigType;
|
|
4
|
-
export declare const AVATAR: AvatarType;
|
|
5
|
-
export declare const BUTTON: ButtonType;
|
|
6
|
-
export declare const BREAKPOINT: BreakPointType;
|
|
7
|
-
export declare const TOKEN_COLORS: TokenColorsType;
|
|
8
|
-
export declare const COLORS: ColorsType;
|
|
9
|
-
export declare const SPACING: SpacingType;
|
|
10
|
-
export declare const SHADOWS: ShadowsType;
|
|
11
|
-
export declare const FONT_SIZES: FontSizesType;
|
|
12
|
-
export declare const TYPOGRAPHY: TypographyType;
|
|
13
|
-
export declare const rflTheme: ThemeType;
|
|
14
|
-
export default rflTheme;
|