trepur_components 1.0.60 → 1.0.61

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 (53) hide show
  1. package/dist/src/lib/components/AlertBar/AlertBar.d.ts +5 -5
  2. package/dist/src/lib/components/AlertBar/AlertBar.js +29 -33
  3. package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -1
  4. package/dist/src/lib/components/AlertBar/style.module.css +11 -2
  5. package/dist/src/lib/components/AlertBar/style.module.css.map +1 -1
  6. package/dist/src/lib/components/ComponentWrapper/style.module.css +3 -23
  7. package/dist/src/lib/components/ComponentWrapper/style.module.css.map +1 -1
  8. package/dist/src/lib/components/Form/Form.d.ts +4 -4
  9. package/dist/src/lib/components/Form/Form.js +9 -9
  10. package/dist/src/lib/components/Form/Form.js.map +1 -1
  11. package/dist/src/lib/components/Icon/Icon.d.ts +3 -3
  12. package/dist/src/lib/components/Icon/Icon.js +27 -15
  13. package/dist/src/lib/components/Icon/Icon.js.map +1 -1
  14. package/dist/src/lib/components/ImageInfo/ImageInfo.js +1 -1
  15. package/dist/src/lib/components/ImageInfo/ImageInfo.js.map +1 -1
  16. package/dist/src/lib/components/InformationIcon/InformationIcon.d.ts +3 -3
  17. package/dist/src/lib/components/InformationIcon/InformationIcon.js +18 -15
  18. package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -1
  19. package/dist/src/lib/components/InformationIcon/style.module.css +45 -88
  20. package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -1
  21. package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.d.ts +3 -3
  22. package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js +17 -18
  23. package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js.map +1 -1
  24. package/dist/src/lib/components/InformationIconBlock/style.module.css +1 -9
  25. package/dist/src/lib/components/InformationIconBlock/style.module.css.map +1 -1
  26. package/dist/src/lib/components/Input/Input.d.ts +2 -3
  27. package/dist/src/lib/components/Input/Input.js +11 -16
  28. package/dist/src/lib/components/Input/Input.js.map +1 -1
  29. package/dist/src/lib/components/Input/style.module.css +0 -4
  30. package/dist/src/lib/components/Input/style.module.css.map +1 -1
  31. package/dist/src/lib/components/Nav/Nav.js +4 -1
  32. package/dist/src/lib/components/Nav/Nav.js.map +1 -1
  33. package/dist/src/lib/components/Nav/style.module.css +1 -1
  34. package/dist/src/lib/components/Nav/style.module.css.map +1 -1
  35. package/dist/src/lib/components/SocialBlock/SocialBlock.d.ts +3 -8
  36. package/dist/src/lib/components/SocialBlock/SocialBlock.js +14 -53
  37. package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -1
  38. package/dist/src/lib/components/SocialBlock/style.module.css +36 -41
  39. package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -1
  40. package/dist/src/lib/components/SocialButton/SocialButton.d.ts +3 -3
  41. package/dist/src/lib/components/SocialButton/SocialButton.js +12 -13
  42. package/dist/src/lib/components/SocialButton/SocialButton.js.map +1 -1
  43. package/dist/src/lib/components/SocialButton/style.module.css +5 -10
  44. package/dist/src/lib/components/SocialButton/style.module.css.map +1 -1
  45. package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +3 -3
  46. package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +32 -52
  47. package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
  48. package/dist/src/lib/components/TextArea/TextArea.d.ts +15 -12
  49. package/dist/src/lib/components/TextArea/TextArea.js +21 -16
  50. package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
  51. package/dist/src/lib/components/TextArea/style.module.css +89 -20
  52. package/dist/src/lib/components/TextArea/style.module.css.map +1 -1
  53. package/package.json +1 -1
@@ -1,24 +1,18 @@
1
1
  .classList {
2
2
 
3
- display: flex;
4
-
5
3
  border-radius: 1rem;
6
4
 
7
- --tw-scale-x: 1;
8
-
9
- --tw-scale-y: 1;
10
-
11
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
12
-
13
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
5
+ text-align: center
6
+ }
14
7
 
15
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
8
+ @media (min-width: 640px) {
16
9
 
17
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
10
+ .classList {
18
11
 
19
- transition-duration: 300ms;
12
+ display: flex;
20
13
 
21
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
14
+ text-align: left
15
+ }
22
16
  }
23
17
 
24
18
  .large {
@@ -33,74 +27,12 @@
33
27
  padding-bottom: 1rem
34
28
  }
35
29
 
36
- .hoverable.classList:hover .icon {
37
-
38
- --tw-scale-x: 1.1;
39
-
40
- --tw-scale-y: 1.1;
41
-
42
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
43
-
44
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
45
-
46
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
47
-
48
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
49
-
50
- transition-duration: 300ms;
51
-
52
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
53
- }
54
-
55
- .hoverable.classList:hover .title {
56
-
57
- --tw-scale-x: 1.1;
58
-
59
- --tw-scale-y: 1.1;
60
-
61
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
62
-
63
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
64
-
65
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
66
-
67
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
68
-
69
- transition-duration: 300ms;
70
-
71
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
72
- }
73
-
74
- .hoverable.classList:hover .subtitle {
75
-
76
- --tw-scale-x: 1.1;
77
-
78
- --tw-scale-y: 1.1;
79
-
80
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
81
-
82
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
83
-
84
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
85
-
86
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
87
-
88
- transition-duration: 300ms;
89
-
90
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
91
- }
92
-
93
- .icon {
94
-
95
- margin-top: auto;
96
-
97
- margin-bottom: auto;
98
-
99
- display: flex;
30
+ @media (min-width: 640px) {
100
31
 
101
- height: 100%;
32
+ .icon {
102
33
 
103
- align-items: center
34
+ height: 100%
35
+ }
104
36
  }
105
37
 
106
38
  .large .icon {
@@ -135,7 +67,23 @@
135
67
 
136
68
  .text {
137
69
 
138
- padding-right: 1rem
70
+ margin-top: 2rem;
71
+
72
+ display: flex;
73
+
74
+ flex-direction: column-reverse
75
+ }
76
+
77
+ @media (min-width: 640px) {
78
+
79
+ .text {
80
+
81
+ margin-top: 0px;
82
+
83
+ display: block;
84
+
85
+ padding-right: 1rem
86
+ }
139
87
  }
140
88
 
141
89
  @media (min-width: 768px) {
@@ -148,23 +96,32 @@
148
96
 
149
97
  .title {
150
98
 
151
- font-weight: 600
99
+ font-weight: 300
152
100
  }
153
101
 
154
- .subtitle {
102
+ @media (min-width: 640px) {
155
103
 
156
- font-size: 12px
104
+ .title {
105
+
106
+ font-weight: 600
107
+ }
157
108
  }
158
109
 
159
- .centerText {
110
+ .subtitle {
160
111
 
161
- display: flex;
112
+ font-size: 48px;
162
113
 
163
- height: 100%;
114
+ font-weight: 500
115
+ }
116
+
117
+ @media (min-width: 640px) {
164
118
 
165
- align-items: center;
119
+ .subtitle {
166
120
 
167
- font-weight: 400
121
+ font-size: 12px;
122
+
123
+ font-weight: 400
124
+ }
168
125
  }
169
126
 
170
127
  .primary {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAuB;;IAAvB,mBAAuB;;IACvB,eAAoD;;IAApD,eAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AADuB;;AAKvB;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,gBAAuC;;IAAvC,mBAAuC;;IAAvC,aAAuC;;IAAvC,YAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA,kBAAmB;;IAAnB;AAAmB;;AAAnB;;IAAA;;QAAA,kBAAmB;;QAAnB;IAAmB;AAAA;;AAInB;;IAAA;AAAmB;;AAAnB;;IAAA;;QAAA;IAAmB;AAAA;;AAInB;;IAAA;AAAmB;;AAAnB;;IAAA;;QAAA;IAAmB;AAAA;;AAInB;;IAAA;AAAoB;;AAIpB;;IAAA;AAAc;;AAId;;IAAA,aAA4C;;IAA5C,YAA4C;;IAA5C,mBAA4C;;IAA5C;AAA4C;;AAI5C;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,4CAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,uCAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,mCAAyB;;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n @apply flex rounded-2xl;\n @apply transition ease-in-out scale-100 duration-300;\n}\n\n.large {\n @apply py-8;\n}\n\n.small {\n @apply pb-4;\n}\n\n.hoverable.classList:hover .icon {\n @apply transition ease-in-out scale-110 duration-300;\n}\n\n.hoverable.classList:hover .title {\n @apply transition ease-in-out scale-110 duration-300;\n}\n\n.hoverable.classList:hover .subtitle {\n @apply transition ease-in-out scale-110 duration-300;\n}\n\n.icon {\n @apply flex h-full items-center my-auto;\n}\n\n.large .icon {\n @apply px-4 md:px-8;\n}\n\n.small .icon {\n @apply pr-2 md:pr-4;\n}\n\n.text {\n @apply pr-4 md:pr-8;\n}\n\n.title {\n @apply font-semiBold;\n}\n\n.subtitle {\n @apply text-xs;\n}\n\n.centerText {\n @apply flex h-full items-center font-regular;\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.grey {\n @apply bg-lightest-grey text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.success {\n @apply bg-success text-white;\n}\n\n.error {\n @apply bg-error text-white;\n}\n\n.facebook {\n @apply bg-facebook text-white;\n}\n\n.gold {\n @apply bg-gold text-white;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,mBAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA;;QAAA,aAAmD;;QAAnD;IAAmD;AAAA;;AAInD;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;;QAAA;IAAgB;AAAA;;AAIhB;;IAAA,kBAAmB;;IAAnB;AAAmB;;AAAnB;;IAAA;;QAAA,kBAAmB;;QAAnB;IAAmB;AAAA;;AAInB;;IAAA;AAAmB;;AAAnB;;IAAA;;QAAA;IAAmB;AAAA;;AAInB;;IAAA,gBAAkE;;IAAlE,aAAkE;;IAAlE;AAAkE;;AAAlE;;IAAA;;QAAA,eAAkE;;QAAlE,cAAkE;;QAAlE;IAAkE;AAAA;;AAAlE;;IAAA;;QAAA;IAAkE;AAAA;;AAIlE;;IAAA;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,eAAsD;;IAAtD;AAAsD;;AAAtD;;IAAA;;QAAA,eAAsD;;QAAtD;IAAsD;AAAA;;AAItD;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,4CAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,uCAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,mCAAyB;;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n @apply sm:flex rounded-2xl text-center sm:text-left;\n}\n\n.large {\n @apply py-8;\n}\n\n.small {\n @apply pb-4;\n}\n\n.icon {\n @apply sm:h-full;\n}\n\n.large .icon {\n @apply px-4 md:px-8;\n}\n\n.small .icon {\n @apply pr-2 md:pr-4;\n}\n\n.text {\n @apply flex flex-col-reverse sm:block sm:pr-4 md:pr-8 mt-8 sm:mt-0;\n}\n\n.title {\n @apply font-light sm:font-semiBold;\n}\n\n.subtitle {\n @apply text-xxl sm:text-xs font-medium sm:font-regular;\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.grey {\n @apply bg-lightest-grey text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.success {\n @apply bg-success text-white;\n}\n\n.error {\n @apply bg-error text-white;\n}\n\n.facebook {\n @apply bg-facebook text-white;\n}\n\n.gold {\n @apply bg-gold text-white;\n}"]}
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { Colours, ThemeTypes } from '../../utils/controls';
3
- import { Props as iconProps } from '../Icon/Icon';
2
+ import { Colours, ThemeTypes } from "../../utils/controls";
3
+ import { Props as iconProps } from "../Icon/Icon";
4
4
  export interface Props {
5
5
  id?: string;
6
6
  className?: string;
@@ -10,5 +10,5 @@ export interface Props {
10
10
  icons?: iconProps[];
11
11
  theme?: ThemeTypes;
12
12
  }
13
- declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons, theme }: Props) => JSX.Element;
13
+ declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons, theme, }: Props) => JSX.Element;
14
14
  export default InformationIconBlock;
@@ -1,23 +1,22 @@
1
- import React from 'react';
2
- import style from './style.module.css';
3
- import Container from '../Container/Container';
4
- import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
5
- import { InformationIcon } from '../../../../src/lib';
6
- import classNames from 'classnames';
7
- const InformationIconBlock = ({ id, className, title, description, bgColour, icons, theme = 'theme-rupertbennett' }) => {
1
+ import React from "react";
2
+ import style from "./style.module.css";
3
+ import Container from "../Container/Container";
4
+ import ComponentWrapper from "../ComponentWrapper/ComponentWrapper";
5
+ import { InformationIcon } from "../../../../src/lib";
6
+ import classNames from "classnames";
7
+ const InformationIconBlock = ({ id, className, title, description, bgColour, icons, theme = "theme-rupertbennett", }) => {
8
8
  const classList = classNames(className);
9
9
  return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
10
- React.createElement(Container, { withPadding: false },
11
- React.createElement("div", { className: style.iconWrapper }, icons === null || icons === void 0 ? void 0 : icons.map((icon, i) => {
12
- return (React.createElement(InformationIcon, { key: i, iconProps: {
13
- size: 2,
14
- type: icon.type,
15
- colour: 'primary',
16
- bgColour: 'white',
17
- hoverColour: 'primary',
18
- hoverBgColour: 'white'
19
- }, id: icon.name.replace(/\s+/g, ''), title: icon.name, subtitle: icon.value, withAnimation: true }));
20
- })))));
10
+ React.createElement(Container, { className: style.iconWrapper, withPadding: false }, icons === null || icons === void 0 ? void 0 : icons.map((icon, i) => {
11
+ return (React.createElement(InformationIcon, { key: i, iconProps: {
12
+ size: 2,
13
+ type: icon.type,
14
+ colour: "primary",
15
+ bgColour: "white",
16
+ hoverColour: "primary",
17
+ hoverBgColour: "white",
18
+ }, id: icon.name.replace(/\s+/g, ""), title: icon.name, subtitle: icon.value, withAnimation: true }));
19
+ }))));
21
20
  };
22
21
  export default InformationIconBlock;
23
22
  //# sourceMappingURL=InformationIconBlock.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,UAAU,MAAM,YAAY,CAAA;AAYnC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IACvC,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IAAC,WAAW,EAAE,KAAK;YAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;gBACnC,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,CAAC,EACN,SAAS,EAAE;wBACT,IAAI,EAAE,CAAC;wBACP,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,MAAM,EAAE,SAAS;wBACjB,QAAQ,EAAE,OAAO;wBACjB,WAAW,EAAE,SAAS;wBACtB,aAAa,EAAE,OAAO;qBACvB,EACD,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,CAAC,KAAK,EACpB,aAAa,SACb,CACH,CAAA;YACH,CAAC,CAAC,CACE,CACI,CACK,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
1
+ {"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,SAAS,MAAM,iCAAiC,CAAC;AACxD,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAE7E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,qBAAqB,GACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACxC,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,IACxD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;YACnC,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,CAAC,EACN,SAAS,EAAE;oBACT,IAAI,EAAE,CAAC;oBACP,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,MAAM,EAAE,SAAS;oBACjB,QAAQ,EAAE,OAAO;oBACjB,WAAW,EAAE,SAAS;oBACtB,aAAa,EAAE,OAAO;iBACvB,EACD,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,CAAC,KAAK,EACpB,aAAa,SACb,CACH,CAAC;QACJ,CAAC,CAAC,CACQ,CACK,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
@@ -2,19 +2,11 @@
2
2
 
3
3
  display: grid;
4
4
 
5
- grid-template-columns: repeat(1, minmax(0, 1fr));
5
+ grid-template-columns: repeat(2, minmax(0, 1fr));
6
6
 
7
7
  gap: 1rem
8
8
  }
9
9
 
10
- @media (min-width: 640px) {
11
-
12
- .iconWrapper {
13
-
14
- grid-template-columns: repeat(2, minmax(0, 1fr))
15
- }
16
- }
17
-
18
10
  @media (min-width: 1280px) {
19
11
 
20
12
  .iconWrapper {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/InformationIconBlock/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAA2D;;IAA3D,gDAA2D;;IAA3D;AAA2D;;AAA3D;;IAAA;;QAAA;IAA2D;AAAA;;AAA3D;;IAAA;;QAAA;IAA2D;AAAA;;AAI3D;;IAAA;AAAY","file":"style.module.css","sourcesContent":[".iconWrapper {\n @apply grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4;\n}\n\n.iconClasses {\n @apply pb-12;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/InformationIconBlock/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAA4C;;IAA5C,gDAA4C;;IAA5C;AAA4C;;AAA5C;;IAAA;;QAAA;IAA4C;AAAA;;AAI5C;;IAAA;AAAY","file":"style.module.css","sourcesContent":[".iconWrapper {\n @apply grid grid-cols-2 xl:grid-cols-4 gap-4;\n}\n\n.iconClasses {\n @apply pb-12;\n}"]}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { Colours, ThemeTypes } from '../../utils/controls';
2
+ import { Colours, ThemeTypes } from "../../utils/controls";
3
3
  export interface Props {
4
4
  id?: string;
5
5
  className?: string;
@@ -26,7 +26,6 @@ export interface Props {
26
26
  value?: string;
27
27
  bgColour?: Colours;
28
28
  theme?: ThemeTypes;
29
- fullWidth?: boolean;
30
29
  }
31
- declare const Input: ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, fullWidth, theme }: Props) => JSX.Element;
30
+ declare const Input: ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, theme, }: Props) => JSX.Element;
32
31
  export default Input;
@@ -1,19 +1,15 @@
1
- import React, { useRef } from 'react';
2
- import classNames from 'classnames';
3
- import style from './style.module.css';
4
- const Input = ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required = false, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value, fullWidth = false, theme = 'theme-rupertbennett' }) => {
5
- const newId = id !== undefined ? `-${id}` : '';
6
- const fullWidthClasses = classNames({
7
- [style.fullWidth]: fullWidth,
8
- [style.notFullWidth]: !fullWidth
9
- });
1
+ import React, { useRef } from "react";
2
+ import classNames from "classnames";
3
+ import style from "./style.module.css";
4
+ const Input = ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required = false, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value, theme = "theme-rupertbennett", }) => {
5
+ const newId = id !== undefined ? `-${id}` : "";
10
6
  const valueClassList = classNames({
11
- [style.errorState]: (errors != null) || errorState
7
+ [style.errorState]: errors != null || errorState,
12
8
  }, style.value);
13
9
  const labelClassList = classNames({
14
- [style.labelError]: (errors != null) || errorState
10
+ [style.labelError]: errors != null || errorState,
15
11
  }, style.label);
16
- const headerClassList = classNames(fullWidthClasses, style.classList, className, theme);
12
+ const headerClassList = classNames(style.classList, className, theme);
17
13
  const btnRef = useRef(null);
18
14
  const handleClick = () => {
19
15
  var _a;
@@ -25,10 +21,9 @@ const Input = ({ id, className, autoComplete, disabled, formId, height, maxLengt
25
21
  React.createElement("p", { className: labelClassList }, label),
26
22
  required && React.createElement("p", { className: style.required }, "\u00A0*")),
27
23
  React.createElement("input", { ref: btnRef, id: `input${newId}`, className: valueClassList, autoComplete: autoComplete, disabled: disabled, form: formId, height: height, maxLength: maxLength, minLength: minLength, pattern: pattern, required: required, readOnly: readOnly, type: type, name: name, value: value, placeholder: placeholder, onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e), onBlur: onBlur, onFocus: onFocus, onClick: onClick })),
28
- withValidation === true &&
29
- React.createElement("div", { id: `errors${newId}`, className: classNames(style.errors, theme) }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
30
- return (React.createElement("p", { key: `error-msg-${i + 0}`, className: style.errorText }, error));
31
- }))));
24
+ withValidation === true && (React.createElement("div", { id: `errors${newId}`, className: classNames(style.errors, theme) }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
25
+ return (React.createElement("p", { key: `error-msg-${i + 0}`, className: style.errorText }, error));
26
+ })))));
32
27
  };
33
28
  export default Input;
34
29
  //# sourceMappingURL=Input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"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"}
@@ -51,10 +51,6 @@
51
51
  font-weight: 400
52
52
  }
53
53
 
54
- .label {
55
-
56
- }
57
-
58
54
  .required {
59
55
 
60
56
  font-weight: 600;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,gBAA2B;;IAA3B,WAA2B;;IAA3B,oCAA2B;;IAC3B;AAD2B;;AAI/B;;;;;;IAMI;;AAGA;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAA+B;;IAA/B,oBAA+B;;IAA/B,oBAA+B;;IAA/B,qBAA+B;;IAA/B,sBAA+B;;IAC/B,mBAAgD;;IAAhD,oCAAgD;;IAAhD,eAAgD;;IAAhD;AAD+B;;AAInC;;AAEA;;AAGI;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAoD;;IAApD,uBAAoD;;IAApD,oCAAoD;;IAApD,mBAAoD;;IAApD,sBAAoD;;IAApD,kBAAoD;;IAApD,uBAAoD;;IACpD,eAAqB;;IACrB,iBAA0B;;IAA1B,gCAA0B;;IAC1B;AAHoD;;AAMxD;;;;;;GAMG;;AAGC;;IAAA,eAAsC;;IAAtC,gBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAiB;;AAIjB;;IAAA,mBAAwC;;IAAxC,sBAAwC;;IAAxC,gCAAwC;;IAAxC;AAAwC","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full bg-white mt-4;\n @apply cursor-pointer;\n}\n\n/* .classList:active p {\n @apply hidden;\n} \n\n.classList:active .value {\n @apply pt-3 pb-4;\n} */\n\n.fullWidth {\n @apply w-full;\n}\n\n.notFullWidth {\n @apply sm:w-72;\n}\n\n.labelWrapper {\n @apply px-1 ml-3 absolute -mt-3;\n @apply bg-white text-sm font-regular rounded-2xl;\n}\n\n.label {\n\n}\n\n.required {\n @apply text-error font-semiBold;\n}\n\n.value {\n @apply py-2 pl-4 rounded-md text-ink bg-white w-full;\n @apply cursor-pointer;\n @apply border border-black;\n @apply text-md;\n}\n\n/* .value:focus {\n @apply pt-3 pb-4;\n}\n\n.value:focus ~ label {\n @apply text-xl;\n} */\n\n.errors {\n @apply text-error text-sm font-regular;\n}\n\n.errorState {\n @apply border-2 border-error;\n}\n\n.labelError {\n @apply text-error;\n}\n\n.errorText {\n @apply border-l-4 border-error pl-3 mt-1;\n}\n"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,gBAA2B;;IAA3B,WAA2B;;IAA3B,oCAA2B;;IAC3B;AAD2B;;AAI/B;;;;;;IAMI;;AAGA;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAA+B;;IAA/B,oBAA+B;;IAA/B,oBAA+B;;IAA/B,qBAA+B;;IAA/B,sBAA+B;;IAC/B,mBAAgD;;IAAhD,oCAAgD;;IAAhD,eAAgD;;IAAhD;AAD+B;;AAK/B;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAoD;;IAApD,uBAAoD;;IAApD,oCAAoD;;IAApD,mBAAoD;;IAApD,sBAAoD;;IAApD,kBAAoD;;IAApD,uBAAoD;;IACpD,eAAqB;;IACrB,iBAA0B;;IAA1B,gCAA0B;;IAC1B;AAHoD;;AAMxD;;;;;;GAMG;;AAGC;;IAAA,eAAsC;;IAAtC,gBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAiB;;AAIjB;;IAAA,mBAAwC;;IAAxC,sBAAwC;;IAAxC,gCAAwC;;IAAxC;AAAwC","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full bg-white mt-4;\n @apply cursor-pointer;\n}\n\n/* .classList:active p {\n @apply hidden;\n} \n\n.classList:active .value {\n @apply pt-3 pb-4;\n} */\n\n.fullWidth {\n @apply w-full;\n}\n\n.notFullWidth {\n @apply sm:w-72;\n}\n\n.labelWrapper {\n @apply px-1 ml-3 absolute -mt-3;\n @apply bg-white text-sm font-regular rounded-2xl;\n}\n\n.required {\n @apply text-error font-semiBold;\n}\n\n.value {\n @apply py-2 pl-4 rounded-md text-ink bg-white w-full;\n @apply cursor-pointer;\n @apply border border-black;\n @apply text-md;\n}\n\n/* .value:focus {\n @apply pt-3 pb-4;\n}\n\n.value:focus ~ label {\n @apply text-xl;\n} */\n\n.errors {\n @apply text-error text-sm font-regular;\n}\n\n.errorState {\n @apply border-2 border-error;\n}\n\n.labelError {\n @apply text-error;\n}\n\n.errorText {\n @apply border-l-4 border-error pl-3 mt-1;\n}\n"]}
@@ -7,6 +7,7 @@ import Image from "../Image/Image";
7
7
  import Container from "../Container/Container";
8
8
  import StickyNav from "./StickyNav";
9
9
  import MenuButton from "../MenuButton/MenuButton";
10
+ import HorizontalLine from "../HorizontalLine/HorizontalLine";
10
11
  const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDropdown = false, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = "dark", text, textLink = "/", theme = "theme-rupertbennett", withStickyNavShadow = false, withDesktopShadow = false, profileMenu, }) => {
11
12
  var _a, _b, _c, _d;
12
13
  const [showSideNav, setShowSideNav] = useState(false);
@@ -66,7 +67,9 @@ const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDro
66
67
  (profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && (React.createElement("div", { className: style.profileClassList },
67
68
  React.createElement(MenuButton, Object.assign({}, profileMenu, { menuItems: profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems }))))),
68
69
  withMobileSideBar && (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
69
- return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems), bordered: false, rounded: false, underlineOnHover: true, variant: variant === "dark" ? "secondary" : "primary", theme: theme })));
70
+ return (React.createElement("div", { className: "flex-col" },
71
+ React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems, "pb-4 pt-2 justify-center"), bordered: false, rounded: false, underlineOnHover: true, variant: variant === "dark" ? "secondary" : "primary", theme: theme })),
72
+ React.createElement(HorizontalLine, { colour: variant === "light" ? "primary" : "white", className: "mx-2", theme: theme })));
70
73
  }))),
71
74
  withMobileDropdown && (React.createElement("div", { className: dropdownNavClasses },
72
75
  React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
@@ -1 +1 @@
1
- {"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,OAAkC,MAAM,6BAA6B,CAAC;AAC7E,OAAO,aAAa,MAAM,yCAAyC,CAAC;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,SAAS,MAAM,iCAAiC,CAAC;AAExD,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,UAEN,MAAM,mCAAmC,CAAC;AAyB3C,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,kBAAkB,GAAG,KAAK,EAC1B,iBAAiB,EACjB,IAAI,EACJ,aAAa,EACb,UAAU,EACV,mBAAmB,EACnB,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,qBAAqB,EAC7B,mBAAmB,GAAG,KAAK,EAC3B,iBAAiB,GAAG,KAAK,EACzB,WAAW,GACL,EAAe,EAAE;;IACvB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,UAAU,CAC1B;IACE,oFAAoF;KACrF,EACD,SAAS,EACT,KAAK,CAAC,GAAG,EACT,KAAK,EACL,OAAO,CACR,CAAC;IAEF,MAAM,eAAe,GAAG,UAAU,CAChC;QACE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,aAAa;KACrC,EACD,KAAK,CAAC,SAAS,CAChB,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAS,EAAE;QAC1B,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAC/B;QACE,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC,WAAW;QACtC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,WAAW;KACrC,EACD,KAAK,CAAC,gBAAgB,EACtB,OAAO,CACR,CAAC;IAEF,MAAM,kBAAkB,GAAG,UAAU,CACnC;QACE,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,eAAe;QAC3C,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,eAAe;QACzC,CAAC,KAAK,iBAAiB,EAAE,CAAC,EAAE,eAAe;KAC5C,EACD,KAAK,CAAC,oBAAoB,CAC3B,CAAC;IAEF,MAAM,eAAe,GAAG,UAAU,CAChC,KAAK,CAAC,eAAe,EACrB,KAAK,CAAC,SAAS,EACf,aAAa,CACd,CAAC;IAEF,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,IAAI,iBAAiB,EAAE;YACrB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,iBAAiB,EAAE,CAAC,WAAW,CAAC,CAAC;YAChD,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC;SAC9B;QACD,IAAI,kBAAkB,EAAE;YACtB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,kBAAkB,EAAE,CAAC,eAAe,CAAC,CAAC;YACrD,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;SACtC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAW,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC7C,OAAO,CACL,gCAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAElC,oBAAC,SAAS,IAAC,WAAW,QAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK;YAC5D,CAAC,iBAAiB,IAAI,kBAAkB,CAAC,IAAI,CAC5C,6BAAK,SAAS,EAAE,KAAK,CAAC,kBAAkB;gBACtC,oBAAC,aAAa,IACZ,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,GACrD,CACE,CACP;YACD,2BACE,SAAS,EAAE,KAAK,CAAC,UAAU,EAC3B,IAAI,EAAE,QAAQ,gBACF,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc;gBAEtD,oBAAC,KAAK,IACJ,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,UAAU,EAC1D,KAAK,EAAE,GACL,MAAA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAI,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAC3D,aAAa,EACb,OAAO,EAAE,GACP,MAAA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAI,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAC3D,aAAa,EACb,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,GACR,CACA,CACM;QAGZ,oBAAC,SAAS,IAAC,WAAW,QAAC,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK;YAC9D,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,2BACE,SAAS,EAAE,KAAK,CAAC,WAAW,EAC5B,IAAI,EAAE,QAAQ,gBACF,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe;oBAEvD,oBAAC,KAAK,IACJ,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,EAC9C,KAAK,EAAE,GACL,MAAA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAI,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAC3D,cAAc,EACd,OAAO,EAAE,GACP,MAAA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAI,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAC3D,cAAc,EACd,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,GACR,CACA,CACA;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,QAAQ,IAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;gBAC5B,OAAO,CACL,oBAAC,OAAO,kBACN,GAAG,EAAE,oBAAoB,CAAC,EAAE,IACxB,OAAO,IACX,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,KAAK,EACd,gBAAgB,QAChB,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACrD,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;YACJ,CAAC,CAAC,CACE;YACL,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAA,KAAK,SAAS,IAAI,CACxC,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,IAAI,KAAK,SAAS,IAAI,CACrB,oBAAC,OAAO,IACN,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,gBAAgB,QAChB,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACrD,KAAK,EAAE,KAAK,GACZ,CACH,CACG,CACP;YACA,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,KAAI,CACzB,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB;gBACpC,oBAAC,UAAU,oBAAK,WAAW,IAAE,SAAS,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,IAAI,CAC9D,CACP,CACS;QAIX,iBAAiB,IAAI,CACpB,6BAAK,SAAS,EAAE,cAAc,IAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;YAC5B,OAAO,CACL,oBAAC,OAAO,kBACN,GAAG,EAAE,oBAAoB,CAAC,EAAE,IACxB,OAAO,IACX,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,yBAAyB,CAAC,EAC/D,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,KAAK,EACd,gBAAgB,QAChB,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACrD,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;QACJ,CAAC,CAAC,CACE,CACP;QACA,kBAAkB,IAAI,CACrB,6BAAK,SAAS,EAAE,kBAAkB;YAChC,6BAAK,SAAS,EAAE,KAAK,CAAC,kBAAkB,IACrC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;gBAC5B,OAAO,CACL,oBAAC,OAAO,kBACN,GAAG,EAAE,qBAAqB,CAAC,EAAE,IACzB,OAAO,IACX,SAAS,EAAE,KAAK,CAAC,0BAA0B,EAC3C,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,KAAK,EACd,gBAAgB,QAChB,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACrD,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;YACJ,CAAC,CAAC,CACE,CACF,CACP;QACD,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChC,UAAU,EAAE,mBAAmB,GAC/B,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}
1
+ {"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
@@ -324,7 +324,7 @@
324
324
 
325
325
  .mobileSideBarMenuNavItems {
326
326
 
327
- padding-left: 2rem;
327
+ padding-left: 0.5rem;
328
328
 
329
329
  padding-top: 1rem
330
330
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAAoB;;IAApB,WAAoB;;IACpB,aAAwC;;IAAxC,mBAAwC;;IAAxC;AADoB;;AAKpB;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAoF;;IAApF,QAAoF;;IAApF,WAAoF;;IAApF,WAAoF;;IAApF,gBAAoF;;IAApF,UAAoF;;IAApF,wBAAoF;;IAApF,wDAAoF;;IAApF;AAAoF;;AAIpF;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;IAAA,UAA+C;;IAA/C,wBAA+C;;IAA/C,wDAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;AAAmB;;AAInB;;IAAA,aAA+D;;IAA/D,YAA+D;;IAA/D,uBAA+D;;IAA/D,mBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA,aAA+D;;QAA/D;IAA+D;AAAA;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,iBAA+B;;IAA/B,kBAA+B;;IAA/B,WAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,aAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA;;QAAA;IAA0B;AAAA;;AAI1B;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,aAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,WAAqC;;IAArC;AAAqC;;AAArC;;IAAA;;QAAA;IAAqC;AAAA;;AAIrC;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA,eAA+D;;IAA/D,WAA+D;;IAA/D,YAA+D;;IAA/D,gBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAU;;AAIV;;IAAA,aAA+B;;IAA/B;AAA+B;;AAA/B;;IAAA;;QAAA;IAA+B;AAAA;;AAI/B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA4B;;IAA5B;AAA4B","file":"style.module.css","sourcesContent":[".desktopNav {\n @apply z-50 relative;\n @apply flex items-center justify-between;\n}\n\n.desktopNavDropShadow {\n @apply drop-shadow-lg;\n}\n\n.mobileNav {\n @apply z-50 relative;\n}\n\n.stickyNav {\n @apply fixed z-40 top-0 overflow-hidden w-full opacity-0 transition-all duration-500;\n}\n\n.stickyNavDropShadow {\n @apply drop-shadow-lg;\n}\n\n.showStickyNav {\n @apply opacity-100 transition-all duration-1000;\n}\n\n.invisible {\n @apply hidden;\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}\n\n.collapseBtnWrapper {\n @apply absolute inset-y-0 left-8 top-4;\n}\n\n.collapseBtnWrapper:hover>button {\n @apply text-primary;\n}\n\n.navItems {\n @apply hidden md:flex justify-center py-6 md:pr-16 lg:pr-0 w-96;\n}\n\n.navItemPadding {\n @apply w-24 mx-auto text-center;\n}\n\n.logoClassList {\n @apply hidden md:flex w-96;\n}\n\n.textClassList {\n @apply hidden lg:flex w-96 flex-row-reverse;\n}\n\n.profileClassList {\n @apply hidden md:flex w-96 flex-row-reverse;\n}\n\n.desktopLogo:focus {\n @apply border-2 border-white;\n}\n\n.mobileLogo {\n @apply mx-auto;\n}\n\n.mobileLogo:focus {\n @apply border-2 border-white;\n}\n\n.mobileContainer {\n @apply flex items-center md:hidden;\n}\n\n.mobileDropDownMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.dropDownNavClassList {\n @apply z-50 md:hidden overflow-hidden;\n}\n\n.mobileDropDownMenuNavItems {\n @apply pl-8 pt-2;\n}\n\n.dropDownCollapsed {\n @apply h-0;\n}\n\n.sideNavClassList {\n @apply z-50 md:hidden fixed overflow-hidden h-full duration-700;\n}\n\n.mobileSideBarMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.mobileSideBarMenuNavItems {\n @apply pl-8 pt-4;\n}\n\n.mobileSideBarMenuNavItems:focus {\n @apply border-2 border-white;\n}\n\n.sideBarCollapsed {\n @apply w-0;\n}\n\n.sideBarExpanded {\n @apply w-full sm:w-1/3 h-screen;\n}\n\n.dark {\n @apply bg-primary text-white;\n}\n\n.light {\n @apply bg-white text-primary;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAAoB;;IAApB,WAAoB;;IACpB,aAAwC;;IAAxC,mBAAwC;;IAAxC;AADoB;;AAKpB;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAoF;;IAApF,QAAoF;;IAApF,WAAoF;;IAApF,WAAoF;;IAApF,gBAAoF;;IAApF,UAAoF;;IAApF,wBAAoF;;IAApF,wDAAoF;;IAApF;AAAoF;;AAIpF;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;IAAA,UAA+C;;IAA/C,wBAA+C;;IAA/C,wDAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;AAAmB;;AAInB;;IAAA,aAA+D;;IAA/D,YAA+D;;IAA/D,uBAA+D;;IAA/D,mBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA,aAA+D;;QAA/D;IAA+D;AAAA;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,iBAA+B;;IAA/B,kBAA+B;;IAA/B,WAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,aAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA;;QAAA;IAA0B;AAAA;;AAI1B;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,aAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,WAAqC;;IAArC;AAAqC;;AAArC;;IAAA;;QAAA;IAAqC;AAAA;;AAIrC;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA,eAA+D;;IAA/D,WAA+D;;IAA/D,YAA+D;;IAA/D,gBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAU;;AAIV;;IAAA,aAA+B;;IAA/B;AAA+B;;AAA/B;;IAAA;;QAAA;IAA+B;AAAA;;AAI/B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA4B;;IAA5B;AAA4B","file":"style.module.css","sourcesContent":[".desktopNav {\n @apply z-50 relative;\n @apply flex items-center justify-between;\n}\n\n.desktopNavDropShadow {\n @apply drop-shadow-lg;\n}\n\n.mobileNav {\n @apply z-50 relative;\n}\n\n.stickyNav {\n @apply fixed z-40 top-0 overflow-hidden w-full opacity-0 transition-all duration-500;\n}\n\n.stickyNavDropShadow {\n @apply drop-shadow-lg;\n}\n\n.showStickyNav {\n @apply opacity-100 transition-all duration-1000;\n}\n\n.invisible {\n @apply hidden;\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}\n\n.collapseBtnWrapper {\n @apply absolute inset-y-0 left-8 top-4;\n}\n\n.collapseBtnWrapper:hover>button {\n @apply text-primary;\n}\n\n.navItems {\n @apply hidden md:flex justify-center py-6 md:pr-16 lg:pr-0 w-96;\n}\n\n.navItemPadding {\n @apply w-24 mx-auto text-center;\n}\n\n.logoClassList {\n @apply hidden md:flex w-96;\n}\n\n.textClassList {\n @apply hidden lg:flex w-96 flex-row-reverse;\n}\n\n.profileClassList {\n @apply hidden md:flex w-96 flex-row-reverse;\n}\n\n.desktopLogo:focus {\n @apply border-2 border-white;\n}\n\n.mobileLogo {\n @apply mx-auto;\n}\n\n.mobileLogo:focus {\n @apply border-2 border-white;\n}\n\n.mobileContainer {\n @apply flex items-center md:hidden;\n}\n\n.mobileDropDownMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.dropDownNavClassList {\n @apply z-50 md:hidden overflow-hidden;\n}\n\n.mobileDropDownMenuNavItems {\n @apply pl-8 pt-2;\n}\n\n.dropDownCollapsed {\n @apply h-0;\n}\n\n.sideNavClassList {\n @apply z-50 md:hidden fixed overflow-hidden h-full duration-700;\n}\n\n.mobileSideBarMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.mobileSideBarMenuNavItems {\n @apply pl-2 pt-4;\n}\n\n.mobileSideBarMenuNavItems:focus {\n @apply border-2 border-white;\n}\n\n.sideBarCollapsed {\n @apply w-0;\n}\n\n.sideBarExpanded {\n @apply w-full sm:w-1/3 h-screen;\n}\n\n.dark {\n @apply bg-primary text-white;\n}\n\n.light {\n @apply bg-white text-primary;\n}"]}
@@ -1,21 +1,16 @@
1
1
  /// <reference types="react" />
2
- import { Colours, ThemeTypes } from '../../utils/controls';
2
+ import { Colours, ThemeTypes } from "../../utils/controls";
3
3
  export interface Props {
4
4
  id?: string;
5
5
  className?: string;
6
6
  title?: string;
7
7
  description?: string;
8
8
  bgColour?: Colours;
9
- withLiveUpdates?: boolean;
10
- onSave?: (arr: any[], id: string | undefined) => void;
11
- editTitleClasses?: string;
12
- editTextClasses?: string;
13
- buttonWrapperClasses?: string;
14
9
  socialButtons?: Array<{
15
10
  type: string;
16
11
  }>;
17
- variant: 'light' | 'dark';
12
+ variant: "light" | "dark";
18
13
  theme?: ThemeTypes;
19
14
  }
20
- declare const SocialBlock: ({ id, className, title, description, bgColour, withLiveUpdates, onSave, editTitleClasses, editTextClasses, buttonWrapperClasses, socialButtons, variant, theme }: Props) => JSX.Element;
15
+ declare const SocialBlock: ({ id, className, title, description, bgColour, socialButtons, variant, theme, }: Props) => JSX.Element;
21
16
  export default SocialBlock;
@@ -1,56 +1,17 @@
1
- import React, { useState } from 'react';
2
- import Input from '../Input/Input';
3
- import Button from '../Button/Button';
4
- import classNames from 'classnames';
5
- import style from './style.module.css';
6
- import Container from '../Container/Container';
7
- import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
8
- import SocialButton from '../SocialButton/SocialButton';
9
- const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpdates, onSave, editTitleClasses, editTextClasses, buttonWrapperClasses, socialButtons, variant = 'light', theme = 'theme-rupertbennett' }) => {
10
- const colours = variant === 'dark' ? style.dark : style.light;
11
- const defaultComponentData = {
12
- title: {
13
- text: title
14
- },
15
- text: {
16
- text: description
17
- }
18
- };
19
- const [isInEditingMode, setIsInEditingMode] = useState(false);
20
- const [componentData, setComponentData] = useState(defaultComponentData);
21
- const classList = classNames(className, colours);
22
- const buttonWrapperClasslist = classNames(buttonWrapperClasses, style.buttonWrapperClassList);
23
- const toggleEditState = () => {
24
- withLiveUpdates === true && setIsInEditingMode(!isInEditingMode);
25
- };
26
- const handleButtonSave = () => {
27
- const arr = [];
28
- arr.push({ key: 'title', value: componentData.title.text });
29
- arr.push({ key: 'text', value: componentData.text.text });
30
- toggleEditState();
31
- onSave === null || onSave === void 0 ? void 0 : onSave(arr, id);
32
- };
33
- const handleButtonCancel = () => {
34
- toggleEditState();
35
- };
36
- const handleChange = (e) => {
37
- let id = e.target.id;
38
- id = id.split('-')[id.split('-').length - 1];
39
- setComponentData(Object.assign(Object.assign({}, componentData), { [id]: {
40
- text: e.target.value
41
- } }));
42
- };
43
- return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme }, withLiveUpdates === true && isInEditingMode
44
- ? (React.createElement("div", { className: colours },
45
- React.createElement(Input, { className: editTitleClasses, value: componentData.title.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
46
- React.createElement(Input, { className: editTextClasses, value: componentData.text.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
47
- React.createElement(Button, { className: style.saveButton, onClick: handleButtonSave }, "Save"),
48
- React.createElement(Button, { className: style.cancelButton, onClick: handleButtonCancel }, "Cancel")))
49
- : (React.createElement(Container, { withPadding: false },
50
- React.createElement("div", { className: buttonWrapperClasslist }, socialButtons === null || socialButtons === void 0 ? void 0 : socialButtons.map((button, i) => {
51
- return button.href !== undefined &&
52
- React.createElement(SocialButton, { key: `socual_button_${i}`, className: style.buttonClasses, type: button.type, href: button.href });
53
- }))))));
1
+ import React from "react";
2
+ import classNames from "classnames";
3
+ import style from "./style.module.css";
4
+ import ComponentWrapper from "../ComponentWrapper/ComponentWrapper";
5
+ import SocialButton from "../SocialButton/SocialButton";
6
+ const SocialBlock = ({ id, className, title, description, bgColour, socialButtons, variant = "light", theme = "theme-rupertbennett", }) => {
7
+ const colours = variant === "dark" ? style.dark : style.light;
8
+ const classList = classNames(style.classList, className, colours);
9
+ return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
10
+ React.createElement("div", { className: style.outside },
11
+ React.createElement("div", { className: style.wrapper },
12
+ React.createElement("div", { className: style.buttonWrapper }, socialButtons === null || socialButtons === void 0 ? void 0 : socialButtons.map((button, i) => {
13
+ return (button.href !== undefined && (React.createElement(SocialButton, { key: `socual_button_${i}`, className: style.buttonClasses, type: button.type, href: button.href })));
14
+ }))))));
54
15
  };
55
16
  export default SocialBlock;
56
17
  //# sourceMappingURL=SocialBlock.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAEvC,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAE7E,OAAO,YAAY,MAAM,uCAAuC,CAAC;AAajE,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,aAAa,EACb,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,qBAAqB,GACvB,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9D,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAElE,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;YAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,CAAC,MAAW,EAAE,CAAS,EAAE,EAAE;oBAC7C,OAAO,CACL,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,CAC3B,oBAAC,YAAY,IACX,GAAG,EAAE,iBAAiB,CAAC,EAAE,EACzB,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,IAAI,EAAE,MAAM,CAAC,IAAI,GACjB,CACH,CACF,CAAC;gBACJ,CAAC,CAAC,CACE,CACF,CACF,CACW,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}