trepur_components 1.0.15 → 1.0.17

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.
Files changed (28) hide show
  1. package/dist/src/lib/components/Button/style.module.css +4 -2
  2. package/dist/src/lib/components/Button/style.module.css.map +1 -1
  3. package/dist/src/lib/components/Card/Card.d.ts +0 -6
  4. package/dist/src/lib/components/Card/Card.js +21 -56
  5. package/dist/src/lib/components/Card/Card.js.map +1 -1
  6. package/dist/src/lib/components/Card/style.module.css +46 -134
  7. package/dist/src/lib/components/Card/style.module.css.map +1 -1
  8. package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.d.ts +2 -1
  9. package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js +5 -2
  10. package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js.map +1 -1
  11. package/dist/src/lib/components/ComponentWrapper/style.module.css +2 -2
  12. package/dist/src/lib/components/ComponentWrapper/style.module.css.map +1 -1
  13. package/dist/src/lib/components/ImageInfo/ImageInfo.d.ts +1 -2
  14. package/dist/src/lib/components/ImageInfo/ImageInfo.js +23 -14
  15. package/dist/src/lib/components/ImageInfo/ImageInfo.js.map +1 -1
  16. package/dist/src/lib/components/ImageInfo/style.module.css +18 -29
  17. package/dist/src/lib/components/ImageInfo/style.module.css.map +1 -1
  18. package/dist/src/lib/components/Input/style.module.css +1 -1
  19. package/dist/src/lib/components/Proficiencies/Proficiencies.js +1 -1
  20. package/dist/src/lib/components/Proficiencies/Proficiencies.js.map +1 -1
  21. package/dist/src/lib/components/Proficiencies/style.module.css +18 -1
  22. package/dist/src/lib/components/Proficiencies/style.module.css.map +1 -1
  23. package/dist/src/lib/components/Profile/style.module.css +1 -1
  24. package/dist/src/lib/components/Testimonial/style.module.css +1 -1
  25. package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +7 -6
  26. package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
  27. package/dist/tailwind.config.js +1 -1
  28. package/package.json +1 -1
@@ -4,6 +4,8 @@
4
4
 
5
5
  border-width: 2px;
6
6
 
7
+ font-size: 20px;
8
+
7
9
  transition-duration: 500ms
8
10
  }
9
11
 
@@ -45,9 +47,9 @@
45
47
 
46
48
  .padding {
47
49
 
48
- padding-top: 0.5rem;
50
+ padding-top: 0.75rem;
49
51
 
50
- padding-bottom: 0.5rem
52
+ padding-bottom: 0.75rem
51
53
  }
52
54
 
53
55
  .primary {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/Button/style.module.css"],"names":[],"mappings":"AACI;;IAAA,+LAAsC;;IAAtC,iBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,kBAAsC;;IAAtC,SAAsC;;IAAtC,QAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,qBAAW;;IAAX;AAAW;;AAIX;;IAAA,kBAAW;;IAAX;AAAW;;AAIX;;IAAA,mBAAW;;IAAX;AAAW;;AAIX;;IAAA,sBAAyC;;IAAzC,yDAAyC;;IAAzC,kBAAyC;;IAAzC,sDAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,sDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA;AAAiB;;AAIjB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB","file":"style.module.css","sourcesContent":[".classList {\n @apply border-2 duration-500 transform;\n}\n\n.loading {\n @apply absolute left-2/4 top-1/4 -ml-2;\n}\n\n.social {\n @apply px-1 py-1;\n}\n\n.icon {\n @apply px-3;\n}\n\n.default {\n @apply px-8;\n}\n\n.padding {\n @apply py-2;\n}\n\n.primary {\n @apply bg-primary text-white border-white;\n}\n\n.primaryNotDisabled:hover {\n @apply bg-white text-primary border-primary;\n}\n\n.secondary {\n @apply bg-white text-primary border-primary;\n}\n\n.secondaryNotDisabled:hover {\n @apply bg-primary text-white border-primary;\n}\n\n.disabled {\n @apply opacity-50;\n}\n\n.rounded {\n @apply rounded-lg;\n}\n\n.notRounded {\n @apply rounded-none;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/Button/style.module.css"],"names":[],"mappings":"AACI;;IAAA,+LAA8C;;IAA9C,iBAA8C;;IAA9C,eAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,kBAAsC;;IAAtC,SAAsC;;IAAtC,QAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,qBAAW;;IAAX;AAAW;;AAIX;;IAAA,kBAAW;;IAAX;AAAW;;AAIX;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA,sBAAyC;;IAAzC,yDAAyC;;IAAzC,kBAAyC;;IAAzC,sDAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,sDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA;AAAiB;;AAIjB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB","file":"style.module.css","sourcesContent":[".classList {\n @apply border-2 duration-500 transform text-sm;\n}\n\n.loading {\n @apply absolute left-2/4 top-1/4 -ml-2;\n}\n\n.social {\n @apply px-1 py-1;\n}\n\n.icon {\n @apply px-3;\n}\n\n.default {\n @apply px-8;\n}\n\n.padding {\n @apply py-3;\n}\n\n.primary {\n @apply bg-primary text-white border-white;\n}\n\n.primaryNotDisabled:hover {\n @apply bg-white text-primary border-primary;\n}\n\n.secondary {\n @apply bg-white text-primary border-primary;\n}\n\n.secondaryNotDisabled:hover {\n @apply bg-primary text-white border-primary;\n}\n\n.disabled {\n @apply opacity-50;\n}\n\n.rounded {\n @apply rounded-lg;\n}\n\n.notRounded {\n @apply rounded-none;\n}"]}
@@ -10,17 +10,11 @@ export interface Props {
10
10
  description?: string;
11
11
  extraText?: string;
12
12
  hasCta?: boolean;
13
- imageBelowTitle?: boolean;
14
- titleLeft?: boolean;
15
- titleRight?: boolean;
16
- titleBold?: boolean;
17
13
  imageClass?: string;
18
14
  subTitleClass?: string;
19
15
  extraTextClass?: string;
20
16
  descriptionClass?: string;
21
17
  altText?: string;
22
- rounded?: boolean;
23
- bordered?: boolean;
24
18
  videoProps?: videoProps;
25
19
  onHover?: boolean;
26
20
  iconButtonProps?: buttonProps;
@@ -1,66 +1,31 @@
1
- import React, { useState } from 'react';
1
+ import React from 'react';
2
2
  import classNames from 'classnames';
3
3
  import Button from '../Button/Button';
4
4
  import Video from '../Video/Video';
5
5
  import style from './style.module.css';
6
- const Card = ({ id, className, title, image, subTitle, description, extraText, hasCta, imageBelowTitle = true, titleLeft = false, titleRight = false, titleBold = false, imageClass, subTitleClass, extraTextClass, descriptionClass, altText, rounded, bordered, videoProps, onHover = false, iconButtonProps, cardButtonProps, button2Props }) => {
7
- const [showHoverButtons, setShowHoverButtons] = useState(false);
8
- const orderClass = classNames({ [style.orderOne]: imageBelowTitle });
9
- const border = classNames({ [style.bordered]: bordered });
10
- const cardTitleFont = classNames({ [style.boldTitle]: titleBold });
11
- const cardTitlePosition = classNames({
12
- [style.textLeft]: titleLeft,
13
- [style.textRight]: titleRight,
14
- [style.textCenter]: !titleLeft && !titleRight
15
- });
16
- const roundedImage = classNames({ [style.imageRounded]: rounded });
17
- const roundedCard = classNames({ [style.cardRounded]: rounded });
18
- const contentWrapperClass = style.contentWrapper;
19
- const titleWrapperClass = classNames(orderClass, style.titleWrapper);
20
- const cardTitleClasses = classNames({
21
- [cardTitlePosition]: true
22
- }, cardTitleFont, style.title);
6
+ const Card = ({ id, className, title, image, subTitle, description, imageClass, subTitleClass, descriptionClass, altText, videoProps, cardButtonProps, }) => {
7
+ const cardTitleClasses = classNames(style.title);
23
8
  const cardSubTitleClassList = classNames(subTitleClass, style.subtitle);
24
9
  const cardDescriptionClassList = classNames(descriptionClass, style.description);
25
- const classList = classNames(className, border, roundedCard, style.classList);
10
+ const classList = classNames(className, style.classList);
26
11
  const imageClassList = classNames(imageClass, style.imageClassList);
27
- const cardExtraTextClassList = classNames({
28
- [style.noCta]: hasCta === false
29
- }, extraTextClass, style.extraText);
30
- const imageWrapperClassList = classNames({
31
- [style.orderTwo]: imageBelowTitle,
32
- [roundedImage]: !imageBelowTitle,
33
- [style.orderOne]: !imageBelowTitle
34
- }, style.imageWrapper);
35
- const toggleHover = (isHovering) => {
36
- onHover && setShowHoverButtons(!!isHovering);
37
- };
38
- return (React.createElement("div", { id: id, className: classList, onMouseEnter: () => toggleHover(true), onMouseLeave: () => toggleHover(false) },
39
- React.createElement("div", { className: classNames(style.cardContent, 'card-content') },
40
- (videoProps === null || videoProps === void 0 ? void 0 : videoProps.mp4File) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.webmFile) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.ogvFile) !== undefined
41
- ? (React.createElement("div", { className: imageWrapperClassList },
42
- React.createElement(Video, Object.assign({}, videoProps))))
43
- : (image !== undefined &&
44
- React.createElement("div", { className: imageWrapperClassList },
45
- React.createElement("img", { className: imageClassList, src: image, alt: altText }))),
46
- !showHoverButtons
47
- ? (React.createElement(React.Fragment, null,
48
- React.createElement("div", { className: imageBelowTitle ? style.orderOne : style.orderThree }, title !== undefined &&
49
- React.createElement("div", { className: titleWrapperClass },
50
- React.createElement("h3", { className: cardTitleClasses }, title))),
51
- React.createElement("div", { className: contentWrapperClass },
52
- subTitle !== undefined &&
53
- React.createElement("h4", { className: cardSubTitleClassList }, subTitle),
54
- description !== undefined &&
55
- React.createElement("p", { className: cardDescriptionClassList }, description),
56
- extraText !== undefined &&
57
- React.createElement("p", { className: cardExtraTextClassList }, extraText))))
58
- : (React.createElement("div", { className: style.buttonWrapper },
59
- React.createElement(Button, Object.assign({}, iconButtonProps), iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children),
60
- React.createElement(Button, Object.assign({}, button2Props), button2Props === null || button2Props === void 0 ? void 0 : button2Props.children)))),
61
- cardButtonProps !== undefined &&
62
- React.createElement("div", { className: style.buttonClassList },
63
- React.createElement(Button, Object.assign({}, cardButtonProps), cardButtonProps.children))));
12
+ return (React.createElement("div", { id: id, className: classList },
13
+ React.createElement("div", null, (videoProps === null || videoProps === void 0 ? void 0 : videoProps.mp4File) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.webmFile) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.ogvFile) !== undefined
14
+ ? (React.createElement(Video, Object.assign({}, videoProps)))
15
+ : (image !== undefined &&
16
+ React.createElement("img", { className: imageClassList, src: image, alt: altText }))),
17
+ React.createElement("div", null,
18
+ React.createElement("div", { className: style.movingContent },
19
+ title !== undefined &&
20
+ React.createElement("h3", { className: cardTitleClasses }, title),
21
+ subTitle !== undefined &&
22
+ React.createElement("h4", { className: cardSubTitleClassList }, subTitle)),
23
+ React.createElement("div", { className: style.staticContent },
24
+ description !== undefined &&
25
+ React.createElement("p", { className: cardDescriptionClassList }, description),
26
+ cardButtonProps !== undefined && cardButtonProps !== null &&
27
+ React.createElement("div", { className: style.buttonClassList },
28
+ React.createElement(Button, Object.assign({}, cardButtonProps), cardButtonProps === null || cardButtonProps === void 0 ? void 0 : cardButtonProps.children))))));
64
29
  };
65
30
  export default Card;
66
31
  //# sourceMappingURL=Card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAuBtC,MAAM,IAAI,GAAoB,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,eAAe,GACT,EAAe,EAAE;IACvB,MAAM,gBAAgB,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAChD,MAAM,qBAAqB,GAAG,UAAU,CAAC,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;IACvE,MAAM,wBAAwB,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,WAAW,CAAC,CAAA;IAChF,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACxD,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEnE,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,iCACG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAK,SAAS,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,MAAK,SAAS,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAK,SAAS;YAC3G,CAAC,CAAC,CACA,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACxB;YACH,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS;gBACpB,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAI,CAC7D,CAEC;QACN;YACE,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBAChC,KAAK,KAAK,SAAS;oBAClB,4BAAI,SAAS,EAAE,gBAAgB,IAC5B,KAAK,CACH;gBACN,QAAQ,KAAK,SAAS;oBACrB,4BAAI,SAAS,EAAE,qBAAqB,IACjC,QAAQ,CACN,CACH;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBAChC,WAAW,KAAK,SAAS;oBACxB,2BAAG,SAAS,EAAE,wBAAwB,IACnC,WAAW,CACV;gBACL,eAAe,KAAK,SAAS,IAAI,eAAe,KAAK,IAAI;oBACxD,6BAAK,SAAS,EAAE,KAAK,CAAC,eAAe;wBACnC,oBAAC,MAAM,oBAAK,eAAe,GACxB,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,CACnB,CACL,CACJ,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
@@ -1,168 +1,80 @@
1
1
  .classList {
2
-
3
2
  display: flex;
4
-
5
- flex-direction: column
6
- }
7
-
8
- .bordered {
9
-
3
+ flex-direction: column;
10
4
  border-width: 1px;
11
-
12
5
  border-color: rgb(44 55 59 / var(--tw-border-opacity));
13
-
14
- --tw-border-opacity: 1
15
- }
16
-
17
- .boldTitle {
18
-
19
- font-weight: 700
20
- }
21
-
22
- .textLeft {
23
-
24
- text-align: left
6
+ --tw-border-opacity: 1;
7
+ border-radius: 0.5rem;
8
+ max-width: 450px
25
9
  }
26
10
 
27
- .textRight {
28
-
29
- text-align: right
30
- }
31
-
32
- .textCenter {
33
-
34
- text-align: center
35
- }
36
-
37
- .cardRounded {
38
-
39
- border-radius: 0.5rem
40
- }
41
-
42
- .imageRounded {
43
-
44
- border-top-left-radius: 0.5rem;
45
-
46
- border-top-right-radius: 0.5rem
11
+ .classList:hover .movingContent {
12
+ margin-top: -2rem;
13
+ transition-property: all;
14
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
15
+ transition-duration: 300ms
47
16
  }
48
17
 
49
- .imageWrapper {
50
-
51
- height: 16rem;
52
-
53
- overflow: hidden;
54
-
55
- object-fit: cover
18
+ .classList:hover .staticContent {
19
+ margin-top: 2rem;
20
+ transition-property: all;
21
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22
+ transition-duration: 300ms
56
23
  }
57
24
 
58
25
  .imageClassList {
59
-
60
26
  height: 100%;
61
-
62
27
  width: 100%;
63
-
64
- object-fit: cover
28
+ height: 16rem;
29
+ overflow: hidden;
30
+ object-fit: cover;
31
+ border-top-left-radius: 0.5rem;
32
+ border-top-right-radius: 0.5rem
65
33
  }
66
34
 
67
- .titleWrapper {
35
+ .movingContent {
36
+ --tw-bg-opacity: 1;
37
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
38
+ margin-top: 0px;
39
+ padding-left: 1rem;
40
+ padding-right: 1rem;
41
+ padding-top: 1rem;
42
+ border-bottom-right-radius: 0.5rem;
43
+ border-bottom-left-radius: 0.5rem;
44
+ transition-property: all;
45
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
46
+ transition-duration: 300ms
47
+ }
68
48
 
69
- padding-top: 0.75rem
49
+ .staticContent {
50
+ margin-top: 0px;
51
+ padding-left: 1rem;
52
+ padding-right: 1rem;
53
+ padding-top: 1rem;
54
+ transition-property: all;
55
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
56
+ transition-duration: 300ms
70
57
  }
71
58
 
72
59
  .title {
73
-
74
- font-size: 24px;
75
-
60
+ font-size: 32px;
76
61
  font-weight: 500
77
62
  }
78
63
 
79
- .contentWrapper {
80
-
81
- order: 3;
82
-
83
- padding-left: 0.75rem;
84
-
85
- padding-right: 0.75rem
86
- }
87
-
88
- .cardContent {
89
-
90
- display: flex;
91
-
92
- flex: 1 1 0%;
93
-
94
- flex-direction: column
95
- }
96
-
97
- .description {
98
-
99
- font-size: 16px;
100
-
101
- font-weight: 200
102
- }
103
-
104
64
  .subtitle {
105
-
106
- font-size: 24px;
107
-
65
+ font-size: 20px;
108
66
  font-weight: 300
109
67
  }
110
68
 
111
- .extraText {
112
-
113
- height: 100%;
114
-
115
- width: 100%;
116
-
117
- object-fit: cover;
118
-
69
+ .description {
70
+ padding-bottom: 2rem;
119
71
  font-size: 16px;
120
-
121
72
  font-weight: 200
122
73
  }
123
74
 
124
- .noCta {
125
-
126
- padding-bottom: 1rem
127
- }
128
-
129
- .buttonWrapper {
130
-
131
- order: 9999;
132
-
133
- display: flex;
134
-
135
- height: 6rem;
136
-
137
- padding: 0.5rem
138
- }
139
-
140
75
  .buttonClassList {
141
-
142
76
  width: 100%;
143
-
144
- padding: 0.75rem
145
- }
146
-
147
- .orderOne {
148
-
149
- order: 1
150
- }
151
-
152
- .orderTwo {
153
-
154
- order: 2
155
- }
156
-
157
- .orderThree {
158
-
159
- order: 3
160
- }
161
-
162
- .orderFirst {
163
-
164
- order: -9999
77
+ padding-bottom: 1rem;
78
+ text-align: center
165
79
  }
166
-
167
-
168
80
  /*# sourceMappingURL=style.module.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,iBAA4C;;IAA5C,sDAA4C;;IAA5C;AAA4C;;AAI5C;;IAAA;AAAgB;;AAIhB;;IAAA;AAAgB;;AAIhB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAiB;;AAIjB;;IAAA,8BAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAAwC;;IAAxC,gBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC;;AAIjC;;IAAA;AAAW;;AAIX;;IAAA,eAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,QAAmB;;IAAnB,qBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAA2B;;IAA3B,YAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,eAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,eAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA,YAAyD;;IAAzD,WAAyD;;IAAzD,iBAAyD;;IAAzD,eAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA;AAAW;;AAIX;;IAAA,WAA+B;;IAA/B,aAA+B;;IAA/B,YAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA;AAAc;;AAId;;IAAA;AAAc;;AAId;;IAAA;AAAc;;AAId;;IAAA;AAAkB","file":"style.module.css","sourcesContent":[".classList {\n @apply flex flex-col;\n}\n\n.bordered {\n @apply border border-grey border-opacity-100;\n}\n\n.boldTitle {\n @apply font-bold;\n}\n\n.textLeft {\n @apply text-left;\n}\n\n.textRight {\n @apply text-right;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.cardRounded {\n @apply rounded-lg;\n}\n\n.imageRounded {\n @apply rounded-t-lg;\n}\n\n.imageWrapper {\n @apply h-64 overflow-hidden object-cover;\n}\n\n.imageClassList {\n @apply w-full object-cover h-full;\n}\n\n.titleWrapper {\n @apply pt-3;\n}\n\n.title {\n @apply font-medium text-sm;\n}\n\n.contentWrapper {\n @apply px-3 order-3;\n}\n\n.cardContent {\n @apply flex flex-1 flex-col;\n}\n\n.description {\n @apply font-extraLight text-xs;\n}\n\n.subtitle {\n @apply font-light text-sm;\n}\n\n.extraText {\n @apply w-full object-cover h-full font-extraLight text-xs;\n}\n\n.noCta {\n @apply pb-4;\n}\n\n.buttonWrapper {\n @apply flex p-2 order-last h-24;\n}\n\n.buttonClassList {\n @apply w-full p-3;\n}\n\n.orderOne {\n @apply order-1;\n}\n\n.orderTwo {\n @apply order-2;\n}\n\n.orderThree {\n @apply order-3;\n}\n\n.orderFirst {\n @apply order-first;\n}\n\n"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;IAAA,aAAoB;IAApB,sBAAoB;IACpB,iBAA4C;IAA5C,sDAA4C;IAA5C,sBAA4C;IAC5C,qBAAiB;IACjB;AAHoB;;AAOpB;IAAA,iBAAY;IACZ,wBAAkC;IAAlC,wDAAkC;IAAlC;AADY;;AAKZ;IAAA,gBAAW;IACX,wBAAkC;IAAlC,wDAAkC;IAAlC;AADW;;AAKX;IAAA,YAAiC;IAAjC,WAAiC;IACjC,aAAwC;IAAxC,gBAAwC;IAAxC,iBAAwC;IACxC,8BAAmB;IAAnB;AAFiC;;AAMjC;IAAA,kBAAe;IAAf,yDAAe;IACf,eAAqB;IAArB,kBAAqB;IAArB,mBAAqB;IAArB,iBAAqB;IACrB,kCAAmB;IAAnB,iCAAmB;IACnB,wBAAkC;IAAlC,wDAAkC;IAAlC;AAHe;;AAOf;IAAA,eAAqB;IAArB,kBAAqB;IAArB,mBAAqB;IAArB,iBAAqB;IACrB,wBAAkC;IAAlC,wDAAkC;IAAlC;AADqB;;AAKrB;IAAA,eAA0B;IAA1B;AAA0B;;AAI1B;IAAA,eAAyB;IAAzB;AAAyB;;AAIzB;IAAA,oBAAmC;IAAnC,eAAmC;IAAnC;AAAmC;;AAInC;IAAA,WAA8B;IAA9B,oBAA8B;IAA9B;AAA8B","file":"style.module.css","sourcesContent":[".classList {\n @apply flex flex-col;\n @apply border border-grey border-opacity-100;\n @apply rounded-lg;\n max-width: 450px;\n}\n\n.classList:hover .movingContent {\n @apply -mt-8;\n @apply transition-all duration-300;\n}\n\n.classList:hover .staticContent {\n @apply mt-8;\n @apply transition-all duration-300;\n}\n\n.imageClassList {\n @apply w-full object-cover h-full;\n @apply h-64 overflow-hidden object-cover;\n @apply rounded-t-lg;\n}\n\n.movingContent {\n @apply bg-white;\n @apply px-4 pt-4 mt-0;\n @apply rounded-b-lg;\n @apply transition-all duration-300;\n}\n\n.staticContent {\n @apply px-4 pt-4 mt-0;\n @apply transition-all duration-300;\n}\n\n.title {\n @apply font-medium text-md;\n}\n\n.subtitle {\n @apply font-light text-sm;\n}\n\n.description {\n @apply font-extraLight text-xs pb-8;\n}\n\n.buttonClassList {\n @apply w-full text-center pb-4;\n}"]}
@@ -8,6 +8,7 @@ export interface Props {
8
8
  bgColour?: Colours;
9
9
  children?: any;
10
10
  styles?: CSSProperties;
11
+ withContainerPadding?: boolean;
11
12
  }
12
- declare const ComponentWrapper: ({ id, className, title, description, bgColour, children, styles }: Props) => JSX.Element;
13
+ declare const ComponentWrapper: ({ id, className, title, description, bgColour, children, styles, withContainerPadding }: Props) => JSX.Element;
13
14
  export default ComponentWrapper;
@@ -2,10 +2,13 @@ import React from 'react';
2
2
  import classNames from 'classnames';
3
3
  import style from './style.module.css';
4
4
  import Container from '../Container/Container';
5
- const ComponentWrapper = ({ id, className, title, description, bgColour = 'primary', children, styles }) => {
5
+ const ComponentWrapper = ({ id, className, title, description, bgColour = 'primary', children, styles, withContainerPadding = true }) => {
6
6
  const classList = classNames(className, style.classList, style[bgColour]);
7
+ const containerClasses = classNames({
8
+ [style.containerPadding]: withContainerPadding
9
+ });
7
10
  return (React.createElement("div", { id: id, className: classList, style: styles },
8
- React.createElement(Container, { withPadding: true, className: style.container },
11
+ React.createElement(Container, { withPadding: true, className: containerClasses },
9
12
  React.createElement("div", { className: style.heading },
10
13
  title !== undefined && React.createElement("p", { className: style.title }, title),
11
14
  description !== undefined && React.createElement("p", { className: style.description }, description)),
@@ -1 +1 @@
1
- {"version":3,"file":"ComponentWrapper.js","sourceRoot":"","sources":["../../../../../src/lib/components/ComponentWrapper/ComponentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAavD,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,MAAM,EACA,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEzE,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM;QAEb,oBAAC,SAAS,IAAC,WAAW,QAAC,SAAS,EAAE,KAAK,CAAC,SAAS;YAC/C,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC1B,KAAK,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;gBAC7D,WAAW,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC5E;YACL,QAAQ,CACC,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
1
+ {"version":3,"file":"ComponentWrapper.js","sourceRoot":"","sources":["../../../../../src/lib/components/ComponentWrapper/ComponentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAcvD,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,MAAM,EACN,oBAAoB,GAAG,IAAI,EACrB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;IACzE,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,oBAAoB;KAC/C,CAAC,CAAA;IAEF,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM;QAEb,oBAAC,SAAS,IAAC,WAAW,QAAC,SAAS,EAAE,gBAAgB;YAChD,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC1B,KAAK,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;gBAC7D,WAAW,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC5E;YACL,QAAQ,CACC,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
@@ -7,7 +7,7 @@
7
7
  width: 100%
8
8
  }
9
9
 
10
- .container {
10
+ .containerPadding {
11
11
 
12
12
  padding-top: 2rem;
13
13
 
@@ -32,7 +32,7 @@
32
32
 
33
33
  padding-bottom: 2rem;
34
34
 
35
- font-size: 24px;
35
+ font-size: 20px;
36
36
 
37
37
  font-weight: 500
38
38
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/ComponentWrapper/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIvB;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,sBAA+B;;IAA/B,eAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,oBAA+B;;IAA/B,eAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B","file":"style.module.css","sourcesContent":[".classList {\n @apply mx-auto w-full;\n}\n\n.container {\n @apply py-8;\n}\n\n.heading {\n @apply pt-0;\n}\n\n.title {\n @apply pb-2 font-medium text-md;\n}\n\n.description {\n @apply pb-8 font-medium text-sm;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.white {\n @apply bg-white text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/ComponentWrapper/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIvB;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,sBAA+B;;IAA/B,eAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,oBAA+B;;IAA/B,eAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B","file":"style.module.css","sourcesContent":[".classList {\n @apply mx-auto w-full;\n}\n\n.containerPadding {\n @apply py-8;\n}\n\n.heading {\n @apply pt-0;\n}\n\n.title {\n @apply pb-2 font-medium text-md;\n}\n\n.description {\n @apply pb-8 font-medium text-sm;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.white {\n @apply bg-white text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}"]}
@@ -3,9 +3,8 @@ import { Colours } from '../../utils/controls';
3
3
  export interface Props {
4
4
  id: string;
5
5
  className?: string;
6
- title?: string;
7
- description?: string;
8
6
  bgColour?: Colours;
7
+ textColour?: string;
9
8
  contentTitle?: string;
10
9
  text?: string;
11
10
  image: string;
@@ -1,28 +1,37 @@
1
1
  import React from 'react';
2
2
  import classNames from 'classnames';
3
3
  import style from './style.module.css';
4
- import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
5
4
  import MatchMedia from '../../utils/matchMedia';
6
5
  import screens from '../../utils/screens';
7
- const ImageInfo = ({ id, className, title, description, bgColour, contentTitle, text, image, swapDesktop = false, swapMobile = false }) => {
6
+ import Container from '../Container/Container';
7
+ const ImageInfo = ({ id, className, bgColour, textColour = 'white', contentTitle, text, image, swapDesktop = false, swapMobile = false }) => {
8
8
  const classList = className;
9
- const s = screens.md;
10
- const screenSize = screens.md !== undefined ? `(min-width: ${s})` : '';
11
- const isLg = MatchMedia(screenSize);
9
+ const mediumScreen = screens.md;
10
+ const lgScreenSize = `(min-width: ${mediumScreen})`;
11
+ const smScreenSize = `(max-width: ${mediumScreen})`;
12
+ const isLg = MatchMedia(lgScreenSize);
13
+ const isSm = MatchMedia(smScreenSize);
12
14
  const wrapperClassList = classNames({
13
15
  [style.wrapper]: !swapDesktop,
14
16
  [style.reverseWrapper]: swapDesktop,
15
17
  [style.reverseMobileWrapper]: !isLg && swapMobile
16
18
  }, style.wrapperClasses);
17
- return (React.createElement(ComponentWrapper, { styles: { backgroundColor: bgColour }, id: id, className: classList, title: title, description: description },
18
- React.createElement("div", { className: wrapperClassList },
19
- React.createElement("div", { className: style.imageWrapper },
20
- React.createElement("img", { src: image, className: style.image })),
21
- React.createElement("div", { className: style.contentWrapper },
22
- React.createElement("div", { className: style.content },
23
- React.createElement("div", null,
24
- React.createElement("p", { className: style.title }, contentTitle),
25
- React.createElement("p", { className: style.text }, text)))))));
19
+ const imageWrapperClasses = classNames({
20
+ [style.smallImageWrapper]: isSm
21
+ }, style.imageWrapper);
22
+ const imageClasses = classNames({
23
+ [style.smallImageHeight]: isSm
24
+ }, style.image);
25
+ return (React.createElement("div", { id: id, style: { backgroundColor: bgColour, color: textColour }, className: classList },
26
+ React.createElement(Container, null,
27
+ React.createElement("div", { className: wrapperClassList },
28
+ React.createElement("div", { className: imageWrapperClasses },
29
+ React.createElement("img", { src: image, className: imageClasses })),
30
+ React.createElement("div", { className: style.contentWrapper },
31
+ React.createElement("div", { className: style.content },
32
+ React.createElement("div", null,
33
+ React.createElement("p", { className: style.title }, contentTitle),
34
+ React.createElement("p", { className: style.text }, text))))))));
26
35
  };
27
36
  export default ImageInfo;
28
37
  //# sourceMappingURL=ImageInfo.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AAepC,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EACZ,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,CAAC,GAAW,OAAO,CAAC,EAAE,CAAA;IAC5B,MAAM,UAAU,GAAW,OAAO,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9E,MAAM,IAAI,GAAY,UAAU,CAAC,UAAU,CAAC,CAAA;IAE5C,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW;QAC7B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,WAAW;QACnC,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAAI,IAAI,UAAU;KAClD,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAExB,OAAO,CACL,oBAAC,gBAAgB,IACf,MAAM,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,EACrC,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW;QAExB,6BAAK,SAAS,EAAE,gBAAgB;YAC9B,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAChC,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,GAAI,CACvC;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;gBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;oBAC3B;wBACE,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,YAAY,CAAK;wBAC7C,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK,CAChC,CACF,CACF,CACF,CACW,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAcvD,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,OAAO,EACpB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EACZ,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,YAAY,GAAW,OAAO,CAAC,EAAE,CAAA;IACvC,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAC9C,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW;QAC7B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,WAAW;QACnC,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAAI,IAAI,UAAU;KAClD,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAExB,MAAM,mBAAmB,GAAG,UAAU,CAAC;QACrC,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI;KAChC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAA;IAEtB,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,IAAI;KAC/B,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IAEf,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,EACvD,SAAS,EAAE,SAAS;QAEpB,oBAAC,SAAS;YACR,6BAAK,SAAS,EAAE,gBAAgB;gBAC9B,6BAAK,SAAS,EAAE,mBAAmB;oBACjC,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,GAAI,CACxC;gBACN,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;oBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;wBAC3B;4BACE,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,YAAY,CAAK;4BAC7C,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK,CAChC,CACF,CACF,CACF,CACI,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
@@ -1,77 +1,66 @@
1
1
  @media (min-width: 768px) {
2
2
 
3
3
  .wrapperClasses {
4
-
5
- display: flex
4
+ display: flex;
6
5
  }
7
6
 
8
7
  .wrapper {
9
-
10
- flex-direction: row
8
+ flex-direction: row;
11
9
  }
12
10
 
13
11
  .reverseWrapper {
14
-
15
- flex-direction: row-reverse
12
+ flex-direction: row-reverse;
16
13
  }
17
14
  }
18
15
 
19
16
  .reverseMobileWrapper {
20
-
21
17
  display: flex;
22
-
23
- flex-direction: column-reverse
18
+ flex-direction: column-reverse;
24
19
  }
25
20
 
26
21
  @media (min-width: 768px) {
27
22
 
28
23
  .imageWrapper {
29
-
30
- width: 50%
24
+ width: 50%;
31
25
  }
32
26
  }
33
27
 
34
- .image {
28
+ .smallImageWrapper {
29
+ height: 100vw;
30
+ }
35
31
 
36
- height: 100%;
32
+ .smallImageHeight {
33
+ height: 100vw;
34
+ }
37
35
 
36
+ .image {
37
+ height: 100%;
38
38
  width: 100%;
39
-
40
- object-fit: fill
39
+ object-fit: fill;
41
40
  }
42
41
 
43
42
  @media (min-width: 768px) {
44
43
 
45
44
  .contentWrapper {
46
-
47
- width: 50%
45
+ width: 50%;
48
46
  }
49
47
  }
50
48
 
51
49
  .content {
52
-
53
50
  display: flex;
54
-
55
51
  height: 100%;
56
-
57
52
  align-items: center;
58
-
59
53
  padding: 2rem;
60
-
61
- text-align: center
54
+ text-align: center;
62
55
  }
63
56
 
64
57
  .title {
65
-
66
58
  font-size: 48px;
67
-
68
- font-weight: 300
59
+ font-weight: 300;
69
60
  }
70
61
 
71
62
  .text {
72
-
73
63
  font-size: 16px;
74
-
75
- font-weight: 300
64
+ font-weight: 300;
76
65
  }
77
66
  /*# sourceMappingURL=style.module.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/ImageInfo/style.module.css"],"names":[],"mappings":"AACI;;IAAA;;QAAA;IAAc;;IAId;;QAAA;IAAkB;;IAIlB;;QAAA;IAA0B;AARZ;;AAYd;;IAAA,aAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;;QAAA;IAAe;AAAA;;AAIf;;IAAA,YAAgC;;IAAhC,WAAgC;;IAAhC;AAAgC;;AAIhC;;IAAA;;QAAA;IAAe;AAAA;;AAIf;;IAAA,aAA+C;;IAA/C,YAA+C;;IAA/C,mBAA+C;;IAA/C,aAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA,eAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA,eAAyB;;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".wrapperClasses {\n @apply md:flex;\n}\n\n.wrapper {\n @apply md:flex-row;\n}\n\n.reverseWrapper {\n @apply md:flex-row-reverse;\n}\n\n.reverseMobileWrapper {\n @apply flex flex-col-reverse;\n}\n\n.imageWrapper {\n @apply md:w-1/2;\n}\n\n.image {\n @apply w-full h-full object-fill;\n}\n\n.contentWrapper {\n @apply md:w-1/2;\n}\n\n.content {\n @apply h-full flex items-center text-center p-8;\n}\n\n.title {\n @apply text-lg font-light;\n}\n\n.text {\n @apply text-xs font-light;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/ImageInfo/style.module.css"],"names":[],"mappings":"AACI;;IAAA;QAAA;IAAc;;IAId;QAAA;IAAkB;;IAIlB;QAAA;IAA0B;AARZ;;AAYd;IAAA,aAA4B;IAA5B;AAA4B;;AAI5B;;IAAA;QAAA;IAAe;AAAA;;AAGnB;IACI,aAAa;AACjB;;AAEA;IACI,aAAa;AACjB;;AAGI;IAAA,YAAgC;IAAhC,WAAgC;IAAhC;AAAgC;;AAIhC;;IAAA;QAAA;IAAe;AAAA;;AAIf;IAAA,aAA+C;IAA/C,YAA+C;IAA/C,mBAA+C;IAA/C,aAA+C;IAA/C;AAA+C;;AAI/C;IAAA,eAAyB;IAAzB;AAAyB;;AAIzB;IAAA,eAAyB;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".wrapperClasses {\n @apply md:flex;\n}\n\n.wrapper {\n @apply md:flex-row;\n}\n\n.reverseWrapper {\n @apply md:flex-row-reverse;\n}\n\n.reverseMobileWrapper {\n @apply flex flex-col-reverse;\n}\n\n.imageWrapper {\n @apply md:w-1/2;\n}\n\n.smallImageWrapper {\n height: 100vw;\n}\n\n.smallImageHeight {\n height: 100vw;\n}\n\n.image {\n @apply w-full h-full object-fill;\n}\n\n.contentWrapper {\n @apply md:w-1/2;\n}\n\n.content {\n @apply h-full flex items-center text-center p-8;\n}\n\n.title {\n @apply text-lg font-light;\n}\n\n.text {\n @apply text-xs font-light;\n}"]}
@@ -7,7 +7,7 @@
7
7
 
8
8
  .errorText {
9
9
 
10
- font-size: 24px;
10
+ font-size: 20px;
11
11
 
12
12
  --tw-text-opacity: 1;
13
13
 
@@ -9,7 +9,7 @@ const Proficiencies = ({ id, className, title, description, proficiencies, bgCol
9
9
  return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour },
10
10
  React.createElement("div", { className: style.columnWrapper }, proficiencies.map((proficiency, i) => {
11
11
  return (React.createElement(Column, { key: `stat_${i}`, className: style.column, lg: 2, md: 2, sm: 4 },
12
- React.createElement(Image, { src: proficiency.src, overlayText: proficiency.overlayText, width: 4, height: 4 })));
12
+ React.createElement(Image, { className: style.image, src: proficiency.src, overlayText: proficiency.overlayText, width: 4, height: 4 })));
13
13
  }))));
14
14
  };
15
15
  export default Proficiencies;
@@ -1 +1 @@
1
- {"version":3,"file":"Proficiencies.js","sourceRoot":"","sources":["../../../../../src/lib/components/Proficiencies/Proficiencies.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAY9C,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;QAElB,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,aAAa,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE;YACpC,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC;gBAEL,oBAAC,KAAK,IACJ,GAAG,EAAE,WAAW,CAAC,GAAG,EACpB,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,GACT,CACK,CACV,CAAA;QACH,CAAC,CAAC,CACE,CACW,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"Proficiencies.js","sourceRoot":"","sources":["../../../../../src/lib/components/Proficiencies/Proficiencies.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAY9C,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;QAElB,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,aAAa,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE;YACpC,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC;gBAEL,oBAAC,KAAK,IACJ,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,GAAG,EAAE,WAAW,CAAC,GAAG,EACpB,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,GACT,CACK,CACV,CAAA;QACH,CAAC,CAAC,CACE,CACW,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -36,7 +36,7 @@
36
36
 
37
37
  padding-bottom: 2rem;
38
38
 
39
- font-size: 24px;
39
+ font-size: 20px;
40
40
 
41
41
  font-weight: 500;
42
42
 
@@ -56,4 +56,21 @@
56
56
 
57
57
  padding-bottom: 1rem
58
58
  }
59
+
60
+ .image {
61
+
62
+ margin-left: auto;
63
+
64
+ margin-right: auto
65
+ }
66
+
67
+ @media (min-width: 768px) {
68
+
69
+ .image {
70
+
71
+ margin-left: 0px;
72
+
73
+ margin-right: 0px
74
+ }
75
+ }
59
76
  /*# sourceMappingURL=style.module.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/Proficiencies/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIvB;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,sBAAyC;;IAAzC,eAAyC;;IAAzC,gBAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,oBAAyC;;IAAzC,eAAyC;;IAAzC,gBAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,aAAqB;;IAArB;AAAqB;;AAIrB;;IAAA;AAAW","file":"style.module.css","sourcesContent":[".classList {\n @apply mx-auto w-full;\n}\n\n.container {\n @apply py-8;\n}\n\n.heading {\n @apply pt-0;\n}\n\n.title {\n @apply pb-2 font-medium text-md text-grey;\n}\n\n.description {\n @apply pb-8 font-medium text-sm text-grey;\n}\n\n.columnWrapper {\n @apply flex flex-wrap;\n}\n\n.column {\n @apply pb-4;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/Proficiencies/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIvB;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,sBAAyC;;IAAzC,eAAyC;;IAAzC,gBAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,oBAAyC;;IAAzC,eAAyC;;IAAzC,gBAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,aAAqB;;IAArB;AAAqB;;AAIrB;;IAAA;AAAW;;AAIX;;IAAA,iBAAsB;;IAAtB;AAAsB;;AAAtB;;IAAA;;QAAA,gBAAsB;;QAAtB;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".classList {\n @apply mx-auto w-full;\n}\n\n.container {\n @apply py-8;\n}\n\n.heading {\n @apply pt-0;\n}\n\n.title {\n @apply pb-2 font-medium text-md text-grey;\n}\n\n.description {\n @apply pb-8 font-medium text-sm text-grey;\n}\n\n.columnWrapper {\n @apply flex flex-wrap;\n}\n\n.column {\n @apply pb-4;\n}\n\n.image {\n @apply mx-auto md:mx-0;\n}"]}
@@ -86,7 +86,7 @@
86
86
 
87
87
  padding-bottom: 0.5rem;
88
88
 
89
- font-size: 24px;
89
+ font-size: 20px;
90
90
 
91
91
  font-weight: 700
92
92
  }
@@ -32,7 +32,7 @@
32
32
 
33
33
  .position {
34
34
 
35
- font-size: 24px
35
+ font-size: 20px
36
36
  }
37
37
  }
38
38
  /*# sourceMappingURL=style.module.css.map */
@@ -35,11 +35,11 @@ const TextAndTitle = ({ id, className, title, description, bgColour, titleClasse
35
35
  const titleClassList = classNames({
36
36
  [style.fontBold]: titleBold,
37
37
  [style.textCenter]: titleCenter,
38
- [borderClasses]: withLiveUpdates && !isInEditingMode
38
+ [borderClasses]: withLiveUpdates && !isInEditingMode && isHorizontal
39
39
  }, titleClasses, style.titleClassList);
40
40
  const textClassList = classNames({
41
41
  [style.textCenter]: textCenter,
42
- [borderClasses]: withLiveUpdates && !isInEditingMode
42
+ [borderClasses]: withLiveUpdates && !isInEditingMode && isHorizontal
43
43
  }, textClasses, style.textClassList);
44
44
  const toggleEditState = () => {
45
45
  withLiveUpdates &&
@@ -64,8 +64,9 @@ const TextAndTitle = ({ id, className, title, description, bgColour, titleClasse
64
64
  };
65
65
  const wrapperClassList = classNames({
66
66
  [style.horizontalWrapperClassList]: isHorizontal,
67
- [style.liveUpdatesWrapperClassList]: withLiveUpdates && !isInEditingMode
68
- }, style.wrapperClassList);
67
+ [style.liveUpdatesWrapperClassList]: withLiveUpdates && !isInEditingMode,
68
+ [style.wrapperClassList]: isHorizontal
69
+ });
69
70
  const titleWrapperClassList = classNames({
70
71
  [style.horizontalTitleWrapperClassList]: isHorizontal
71
72
  });
@@ -75,7 +76,7 @@ const TextAndTitle = ({ id, className, title, description, bgColour, titleClasse
75
76
  const inputClassList = classNames(editInputClasses, textClassList);
76
77
  const node = document.getElementById('textLineOne');
77
78
  return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour }, withLiveUpdates && isInEditingMode
78
- ? (React.createElement(Container, { withPadding: true },
79
+ ? (React.createElement(Container, null,
79
80
  React.createElement("div", { className: wrapperClassList },
80
81
  React.createElement("div", { className: titleWrapperClassList }, (componentData === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
81
82
  ? (React.createElement(Input, { className: editTitleClasses, inputClasses: inputClassList, autoFocus: true, value: componentData === null || componentData === void 0 ? void 0 : componentData.title, onChange: (e) => handleChange(e), type: 'text', bgColour: bgColour }))
@@ -93,7 +94,7 @@ const TextAndTitle = ({ id, className, title, description, bgColour, titleClasse
93
94
  React.createElement("div", { className: style.buttonWrapper },
94
95
  React.createElement(Button, { className: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.className, onClick: handleButtonSave }, saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.children),
95
96
  React.createElement(Button, { className: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, onClick: handleButtonCancel }, cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.children))))
96
- : (React.createElement(Container, { withPadding: true },
97
+ : (React.createElement(Container, null,
97
98
  React.createElement("div", { className: wrapperClassList, onClick: toggleEditState },
98
99
  React.createElement("div", { className: titleWrapperClassList }, children !== undefined && children !== null
99
100
  ? (children)
@@ -1 +1 @@
1
- {"version":3,"file":"TextAndTitle.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TextAndTitle.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,QAAQ,MAAM,+BAA+B,CAAA;AACpD,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AA2B5E,MAAM,YAAY,GAAoB,CAAC,EACrC,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,SAAS,EACT,UAAU,EACV,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,MAAM,EACN,eAAe,EACf,iBAAiB,EACjB,YAAY,GAAG,IAAI,EACnB,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,aAAa,GAAG,CAAC,EAAU,EAAU,EAAE;QAC3C,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA;QAC3C,MAAM,SAAS,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,MAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAChF,MAAM,UAAU,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACzF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACnF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACtF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAClF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACrF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACpF,MAAM,MAAM,GAAG,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;QAEvD,IAAI,YAAY,EAAE;YAChB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA;SAC3C;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG;QAC3B,KAAK;QACL,WAAW;QACX,WAAW;QACX,aAAa;KACd,CAAA;IACD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA;IAExE,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAA;IACpC,MAAM,SAAS,GAAG,SAAS,CAAA;IAE3B,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,SAAS;QAC3B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,WAAW;QAC/B,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,CAAC,eAAe,IAAI,YAAY;KACrE,EAAE,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEtC,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,UAAU;QAC9B,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,CAAC,eAAe,IAAI,YAAY;KACrE,EAAE,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAEpC,MAAM,eAAe,GAAG,GAAS,EAAE;QACjC,eAAe;YACP,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAA;IAC9C,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAClC,MAAM,GAAG,GAAG,EAAE,CAAA;QACd,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,CAAA;QACtD,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE,CAAC,CAAA;QAClE,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE,CAAC,CAAA;QAClE,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,CAAC,aAAa,EAAE,CAAC,CAAA;QACtE,eAAe,EAAE,CAAA;QACjB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,GAAG,EAAE,EAAE,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAS,EAAE;QACpC,OAAO,eAAe,EAAE,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAA;QACpB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAE5C,gBAAgB,iCACX,aAAa,KAChB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IACpB,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,0BAA0B,CAAC,EAAE,YAAY;QAChD,CAAC,KAAK,CAAC,2BAA2B,CAAC,EAAE,eAAe,IAAI,CAAC,eAAe;QACxE,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,YAAY;KACvC,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,UAAU,CAAC;QACvC,CAAC,KAAK,CAAC,+BAA+B,CAAC,EAAE,YAAY;KACtD,CAAC,CAAA;IAEF,MAAM,oBAAoB,GAAG,UAAU,CAAC;QACtC,CAAC,KAAK,CAAC,8BAA8B,CAAC,EAAE,YAAY;KACrD,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA;IAElE,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAA;IAEnD,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAEjB,eAAe,IAAI,eAAe;QACjC,CAAC,CAAC,CACA,oBAAC,SAAS;YACR,6BAAK,SAAS,EAAE,gBAAgB;gBAC9B,6BAAK,SAAS,EAAE,qBAAqB,IAClC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,MAAK,SAAS;oBACjC,CAAC,CAAC,CACA,oBAAC,KAAK,IACJ,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EAAE,cAAc,EAC5B,SAAS,QACT,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAC3B,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,GAClB,CACD;oBACH,CAAC,CAAC,CACA,iCACG,QAAQ,CACL,CACL,CACD;gBACN,6BAAK,SAAS,EAAE,oBAAoB;oBAClC,oBAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,UAAU,CAAC;4BAC1B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,YAAY;yBACjC,EAAE,gBAAgB,CAAC,EACpB,IAAI,EAAE,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,EACtC,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,QAAQ,EAAE,QAAQ,IAEjB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,CACP;oBACX,oBAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,UAAU,CAAC;4BAC1B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,YAAY;yBACjC,EAAE,gBAAgB,CAAC,EACpB,IAAI,EAAE,aAAa,CAAC,aAAa,CAAC,EAClC,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,QAAQ,EAAE,QAAQ,IAEjB,aAAa,CAAC,WAAW,CACjB;oBACX,oBAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,UAAU,CAAC;4BAC1B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,YAAY;yBACjC,EAAE,gBAAgB,CAAC,EACpB,IAAI,EAAE,aAAa,CAAC,eAAe,CAAC,EACpC,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,QAAQ,EAAE,QAAQ,IAEjB,aAAa,CAAC,aAAa,CACnB,CACP,CACF;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,oBAAC,MAAM,IACL,SAAS,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,EACrC,OAAO,EAAE,gBAAgB,IAExB,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,CACnB;gBACT,oBAAC,MAAM,IACL,SAAS,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,EACvC,OAAO,EAAE,kBAAkB,IAE1B,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,CACrB,CACL,CACI,CACX;QACH,CAAC,CAAC,CACA,oBAAC,SAAS;YACR,6BACE,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,eAAe;gBAExB,6BAAK,SAAS,EAAE,qBAAqB,IAClC,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI;oBAC1C,CAAC,CAAC,CACE,QAAQ,CACT;oBACH,CAAC,CAAC,CACA,4BAAI,SAAS,EAAE,cAAc,IAC1B,aAAa,CAAC,KAAK,CACjB,CACJ,CACD;gBACN,6BAAK,SAAS,EAAE,oBAAoB;oBAClC,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAE,aAAa,IAC3C,aAAa,CAAC,WAAW,CACtB;oBACN,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAE,aAAa,IAC3C,aAAa,CAAC,WAAW,CACtB;oBACN,6BAAK,EAAE,EAAC,eAAe,EAAC,SAAS,EAAE,aAAa,IAC7C,aAAa,CAAC,aAAa,CACxB,CACF,CACF,CACI,CACX,CACY,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
@@ -30,7 +30,7 @@ module.exports = {
30
30
  fontSize: {
31
31
  'xxs': '8px',
32
32
  'xs': '16px',
33
- 'sm': '24px',
33
+ 'sm': '20px',
34
34
  'md': '32px',
35
35
  'lg': '48px',
36
36
  'xl': '64px',
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "trepur_components",
3
3
  "description": "component lib",
4
4
  "author": "trepur_ttenneb",
5
- "version": "1.0.15",
5
+ "version": "1.0.17",
6
6
  "private": false,
7
7
  "keywords": [
8
8
  "react",