trepur_components 1.0.8 → 1.0.9

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 (41) hide show
  1. package/dist/src/lib/components/AlertBar/AlertBar.js +6 -10
  2. package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -1
  3. package/dist/src/lib/components/Card/Card.js +3 -3
  4. package/dist/src/lib/components/Card/Card.js.map +1 -1
  5. package/dist/src/lib/components/Carousel/Carousel.d.ts +4 -6
  6. package/dist/src/lib/components/Carousel/Carousel.js +2 -2
  7. package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
  8. package/dist/src/lib/components/Container/Container.js +1 -1
  9. package/dist/src/lib/components/Container/Container.js.map +1 -1
  10. package/dist/src/lib/components/Container/style.module.css +8 -1
  11. package/dist/src/lib/components/Container/style.module.css.map +1 -1
  12. package/dist/src/lib/components/Footer/Footer.js +6 -4
  13. package/dist/src/lib/components/Footer/Footer.js.map +1 -1
  14. package/dist/src/lib/components/Footer/style.module.css +16 -0
  15. package/dist/src/lib/components/Footer/style.module.css.map +1 -1
  16. package/dist/src/lib/components/Input/Input.d.ts +3 -1
  17. package/dist/src/lib/components/Input/Input.js +3 -4
  18. package/dist/src/lib/components/Input/Input.js.map +1 -1
  19. package/dist/src/lib/components/Input/style.module.css +58 -6
  20. package/dist/src/lib/components/Input/style.module.css.map +1 -1
  21. package/dist/src/lib/components/Nav/Nav.d.ts +3 -1
  22. package/dist/src/lib/components/Nav/Nav.js +22 -27
  23. package/dist/src/lib/components/Nav/Nav.js.map +1 -1
  24. package/dist/src/lib/components/Nav/style.module.css +99 -81
  25. package/dist/src/lib/components/Nav/style.module.css.map +1 -1
  26. package/dist/src/lib/components/NavItem/NavItem.js +1 -2
  27. package/dist/src/lib/components/NavItem/NavItem.js.map +1 -1
  28. package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +2 -0
  29. package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +12 -10
  30. package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
  31. package/dist/src/lib/components/TextAndTitle/style.module.css +67 -7
  32. package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -1
  33. package/dist/src/lib/components/TextArea/TextArea.d.ts +3 -1
  34. package/dist/src/lib/components/TextArea/TextArea.js +3 -4
  35. package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
  36. package/dist/src/lib/components/TextArea/style.module.css +54 -6
  37. package/dist/src/lib/components/TextArea/style.module.css.map +1 -1
  38. package/dist/tailwind.config.d.ts +4 -8
  39. package/dist/tailwind.config.js +4 -8
  40. package/dist/tailwind.config.js.map +1 -1
  41. package/package.json +1 -1
@@ -1,165 +1,189 @@
1
1
  .nav {
2
2
 
3
- height: 4rem
4
- }
5
-
6
- .fixedTopNav {
7
-
8
3
  position: fixed;
9
4
 
10
5
  top: 0px;
11
6
 
12
7
  z-index: 50;
13
8
 
14
- margin-top: 0px;
9
+ height: 5rem;
15
10
 
16
- width: 100%
17
- }
11
+ width: 100%;
18
12
 
19
- .collapseBtnWrapper {
13
+ overflow: hidden
14
+ }
20
15
 
21
- position: absolute;
16
+ .primary {
22
17
 
23
- top: 0px;
18
+ --tw-bg-opacity: 1;
24
19
 
25
- bottom: 0px;
20
+ background-color: rgb(0 54 160 / var(--tw-bg-opacity));
26
21
 
27
- left: 2rem;
22
+ --tw-text-opacity: 1;
28
23
 
29
- top: 1.25rem
24
+ color: rgb(255 255 255 / var(--tw-text-opacity))
30
25
  }
31
26
 
32
- .collapseBtnWrapper:hover>button {
27
+ .secondary {
28
+
29
+ --tw-bg-opacity: 1;
30
+
31
+ background-color: rgb(255 168 0 / var(--tw-bg-opacity));
33
32
 
34
33
  --tw-text-opacity: 1;
35
34
 
36
- color: rgb(0 54 160 / var(--tw-text-opacity))
35
+ color: rgb(255 255 255 / var(--tw-text-opacity))
37
36
  }
38
37
 
39
- .navItemsClassList {
38
+ .white {
40
39
 
41
- margin-top: auto;
40
+ --tw-bg-opacity: 1;
42
41
 
43
- margin-bottom: auto;
42
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
44
43
 
45
- display: flex;
44
+ --tw-text-opacity: 1;
46
45
 
47
- justify-content: center;
46
+ color: rgb(0 0 0 / var(--tw-text-opacity))
47
+ }
48
48
 
49
- padding-left: 1rem;
49
+ .black {
50
50
 
51
- padding-right: 1rem
51
+ --tw-bg-opacity: 1;
52
+
53
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
54
+
55
+ --tw-text-opacity: 1;
56
+
57
+ color: rgb(255 255 255 / var(--tw-text-opacity))
52
58
  }
53
59
 
54
- @media (min-width: 1024px) {
60
+ .desktopContainer {
55
61
 
56
- .navItemsClassList {
62
+ display: flex;
57
63
 
58
- padding-left: 2rem;
64
+ align-items: center;
59
65
 
60
- padding-right: 2rem
61
- }
66
+ justify-content: space-between
62
67
  }
63
68
 
64
- .navItemPadding {
69
+ .collapseBtnWrapper {
65
70
 
66
- padding-left: 2rem
67
- }
71
+ position: absolute;
68
72
 
69
- .logoImageClassList {
73
+ top: 0px;
70
74
 
71
- height: 4rem;
75
+ bottom: 0px;
72
76
 
73
- width: auto
77
+ left: 2rem;
78
+
79
+ top: 1.25rem
74
80
  }
75
81
 
76
- .desktopLogo {
82
+ .collapseBtnWrapper:hover>button {
77
83
 
78
- margin-left: auto;
84
+ --tw-text-opacity: 1;
79
85
 
80
- margin-right: auto
86
+ color: rgb(0 54 160 / var(--tw-text-opacity))
81
87
  }
82
88
 
83
- .logoClassList {
84
-
85
- margin-top: auto;
89
+ .navItems {
86
90
 
87
- margin-bottom: auto;
91
+ display: none;
88
92
 
89
- display: flex;
93
+ width: 24rem;
90
94
 
91
95
  justify-content: center;
92
96
 
93
- padding-left: 4rem
97
+ padding-top: 1.5rem;
98
+
99
+ padding-bottom: 1.5rem
94
100
  }
95
101
 
96
- @media (min-width: 1024px) {
102
+ @media (min-width: 768px) {
97
103
 
98
- .logoClassList {
104
+ .navItems {
105
+
106
+ display: flex;
99
107
 
100
- padding-left: 6rem
108
+ padding-right: 4rem
101
109
  }
102
110
  }
103
111
 
104
- .desktopClassList {
105
-
106
- display: flex;
112
+ @media (min-width: 1024px) {
107
113
 
108
- display: none;
114
+ .navItems {
109
115
 
110
- width: 100%;
116
+ padding-right: 0px
117
+ }
118
+ }
111
119
 
112
- align-items: center;
120
+ .navItemPadding {
113
121
 
114
- justify-content: space-between;
122
+ margin-left: auto;
115
123
 
116
- --tw-bg-opacity: 1;
124
+ margin-right: auto;
117
125
 
118
- background-color: rgb(0 54 160 / var(--tw-bg-opacity));
126
+ width: 6rem;
119
127
 
120
128
  text-align: center
121
129
  }
122
130
 
123
- @media (min-width: 640px) {
131
+ .logoClassList {
124
132
 
125
- .desktopClassList {
133
+ display: none;
126
134
 
127
- align-items: stretch
128
- }
135
+ width: 24rem
129
136
  }
130
137
 
131
138
  @media (min-width: 768px) {
132
139
 
133
- .desktopClassList {
140
+ .logoClassList {
134
141
 
135
- display: flex
142
+ display: flex;
143
+
144
+ padding-left: 4rem
136
145
  }
137
146
  }
138
147
 
139
- .text {
148
+ @media (min-width: 1280px) {
140
149
 
141
- display: none
150
+ .logoClassList {
151
+
152
+ padding-left: 2rem
153
+ }
142
154
  }
143
155
 
144
- @media (min-width: 1024px) {
156
+ .textClassList {
157
+
158
+ display: none;
145
159
 
146
- .text {
160
+ width: 24rem;
147
161
 
148
- display: inline-block
162
+ flex-direction: row-reverse
163
+ }
164
+
165
+ @media (min-width: 768px) {
166
+
167
+ .textClassList {
168
+
169
+ padding-right: 4rem
149
170
  }
150
171
  }
151
172
 
152
- .textClassList {
173
+ @media (min-width: 1024px) {
153
174
 
154
- margin-top: auto;
175
+ .textClassList {
155
176
 
156
- margin-bottom: auto;
177
+ display: flex
178
+ }
179
+ }
157
180
 
158
- display: flex;
181
+ @media (min-width: 1280px) {
159
182
 
160
- justify-content: center;
183
+ .textClassList {
161
184
 
162
- padding-right: 6rem
185
+ padding-right: 2rem
186
+ }
163
187
  }
164
188
 
165
189
  .mobileLogo {
@@ -169,20 +193,16 @@
169
193
  margin-right: auto
170
194
  }
171
195
 
172
- .mobileClassList {
196
+ .mobileContainer {
173
197
 
174
198
  display: flex;
175
199
 
176
- align-items: center;
177
-
178
- padding-top: 0.5rem;
179
-
180
- padding-bottom: 0.5rem
200
+ align-items: center
181
201
  }
182
202
 
183
203
  @media (min-width: 768px) {
184
204
 
185
- .mobileClassList {
205
+ .mobileContainer {
186
206
 
187
207
  display: none
188
208
  }
@@ -239,8 +259,6 @@
239
259
 
240
260
  z-index: 50;
241
261
 
242
- margin-top: 5rem;
243
-
244
262
  height: 100%;
245
263
 
246
264
  overflow: hidden;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAW;;AAIX;;IAAA,eAAmC;;IAAnC,QAAmC;;IAAnC,WAAmC;;IAAnC,eAAmC;;IAAnC;AAAmC;;AAInC;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,oBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,gBAA+C;;IAA/C,mBAA+C;;IAA/C,aAA+C;;IAA/C,uBAA+C;;IAA/C,kBAA+C;;IAA/C;AAA+C;;AAA/C;;IAAA;;QAAA,kBAA+C;;QAA/C;IAA+C;AAAA;;AAI/C;;IAAA;AAAW;;AAIX;;IAAA,YAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,gBAAiD;;IAAjD,mBAAiD;;IAAjD,aAAiD;;IAAjD,uBAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA;IAAiD;AAAA;;AAIjD;;IAAA,aAAsH;;IAAtH,aAAsH;;IAAtH,WAAsH;;IAAtH,mBAAsH;;IAAtH,8BAAsH;;IAAtH,kBAAsH;;IAAtH,sDAAsH;;IAAtH;AAAsH;;AAAtH;;IAAA;;QAAA;IAAsH;AAAA;;AAAtH;;IAAA;;QAAA;IAAsH;AAAA;;AAItH;;IAAA;AAA6B;;AAA7B;;IAAA;;QAAA;IAA6B;AAAA;;AAI7B;;IAAA,gBAAwC;;IAAxC,mBAAwC;;IAAxC,aAAwC;;IAAxC,uBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,aAAuC;;IAAvC,mBAAuC;;IAAvC,mBAAuC;;IAAvC;AAAuC;;AAAvC;;IAAA;;QAAA;IAAuC;AAAA;;AAIvC;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,WAA2C;;IAA3C,gBAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA,eAAqE;;IAArE,WAAqE;;IAArE,gBAAqE;;IAArE,YAAqE;;IAArE,gBAAqE;;IAArE;AAAqE;;AAArE;;IAAA;;QAAA;IAAqE;AAAA;;AAIrE;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA;AAAsB;;AAAtB;;IAAA;;QAAA;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".nav {\n @apply h-16;\n}\n\n.fixedTopNav {\n @apply fixed w-full z-50 top-0 mt-0;\n}\n\n.collapseBtnWrapper {\n @apply absolute inset-y-0 left-8 top-5;\n}\n\n.collapseBtnWrapper:hover>button {\n @apply text-primary;\n}\n\n.navItemsClassList {\n @apply flex justify-center my-auto px-4 lg:px-8;\n}\n\n.navItemPadding {\n @apply pl-8;\n}\n\n.logoImageClassList {\n @apply h-16 w-auto;\n}\n\n.desktopLogo {\n @apply mx-auto;\n}\n\n.logoClassList {\n @apply flex justify-center my-auto pl-16 lg:pl-24;\n}\n\n.desktopClassList {\n @apply w-full justify-between hidden md:flex items-center justify-between sm:items-stretch text-center flex bg-primary;\n}\n\n.text {\n @apply hidden lg:inline-block;\n}\n\n.textClassList {\n @apply flex justify-center my-auto pr-24;\n}\n\n.mobileLogo {\n @apply mx-auto;\n}\n\n.mobileClassList {\n @apply flex items-center md:hidden py-2;\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 pt-20;\n}\n\n.mobileDropDownMenuNavItems {\n @apply pl-8 pt-2;\n}\n\n.deropDownCollapsed {\n @apply h-0;\n}\n\n.sideNavClassList {\n @apply z-50 md:hidden mt-20 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.sideBarCollapsed {\n @apply w-0;\n}\n\n.sideBarExpanded {\n @apply w-full sm:w-1/3;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAmD;;IAAnD,QAAmD;;IAAnD,WAAmD;;IAAnD,YAAmD;;IAAnD,WAAmD;;IAAnD;AAAmD;;AAInD;;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;;AAI1B;;IAAA,aAAwC;;IAAxC,mBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,oBAAmB;;IAAnB;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,aAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA,aAA2C;;QAA3C;IAA2C;AAAA;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,aAA4D;;IAA5D,YAA4D;;IAA5D;AAA4D;;AAA5D;;IAAA;;QAAA;IAA4D;AAAA;;AAA5D;;IAAA;;QAAA;IAA4D;AAAA;;AAA5D;;IAAA;;QAAA;IAA4D;AAAA;;AAI5D;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,aAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,WAA2C;;IAA3C,gBAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;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;AAAU;;AAIV;;IAAA;AAAsB;;AAAtB;;IAAA;;QAAA;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".nav {\n @apply h-20 fixed w-full z-50 top-0 overflow-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.desktopContainer {\n @apply flex items-center justify-between;\n}\n\n.collapseBtnWrapper {\n @apply absolute inset-y-0 left-8 top-5;\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 md:pl-16 xl:pl-8 w-96;\n}\n\n.textClassList {\n @apply hidden lg:flex md:pr-16 xl:pr-8 w-96 flex-row-reverse;\n}\n\n.mobileLogo {\n @apply mx-auto;\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 pt-20;\n}\n\n.mobileDropDownMenuNavItems {\n @apply pl-8 pt-2;\n}\n\n.deropDownCollapsed {\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.sideBarCollapsed {\n @apply w-0;\n}\n\n.sideBarExpanded {\n @apply w-full sm:w-1/3;\n}"]}
@@ -12,10 +12,9 @@ const NavItem = ({ id, className, title, href = '/', onClick, bordered = false,
12
12
  [style.primary]: variant === 'primary',
13
13
  [style.secondary]: variant === 'secondary'
14
14
  }, [style.anchorClassList]);
15
- const spanClassList = classNames({}, style.spanClassList);
16
15
  return (React.createElement("div", { id: id, className: classList },
17
16
  React.createElement("a", { href: href, onClick: onClick, className: anchorClassList },
18
- React.createElement("span", { className: spanClassList }, title))));
17
+ React.createElement("span", { className: style.spanClassList }, title))));
19
18
  };
20
19
  export default NavItem;
21
20
  //# sourceMappingURL=NavItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAetC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEtD,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,gBAAgB;QACnC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,QAAQ;QACxB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ;QAC3B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;KAC3C,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;IAE3B,MAAM,aAAa,GAAG,UAAU,CAAC,EAChC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAEvB,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,2BACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe;YAE1B,8BAAM,SAAS,EAAE,aAAa,IAC3B,KAAK,CACD,CACL,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
1
+ {"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAetC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEtD,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,gBAAgB;QACnC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,QAAQ;QACxB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ;QAC3B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;KAC3C,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,2BACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe;YAE1B,8BAAM,SAAS,EAAE,KAAK,CAAC,aAAa,IACjC,KAAK,CACD,CACL,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Props as buttonProps } from '../Button/Button';
3
+ import { Colours } from '../../utils/controls';
3
4
  export interface Props {
4
5
  id: string;
5
6
  className?: string;
@@ -21,6 +22,7 @@ export interface Props {
21
22
  cancelButtonProps?: buttonProps;
22
23
  isHorizontal?: boolean;
23
24
  children?: any;
25
+ bgColour?: Colours;
24
26
  }
25
27
  declare const TextAndTitle: React.FC<Props>;
26
28
  export default TextAndTitle;
@@ -4,7 +4,7 @@ import Button from '../Button/Button';
4
4
  import classNames from 'classnames';
5
5
  import TextArea from '../TextArea/TextArea';
6
6
  import style from './style.module.css';
7
- const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextClasses, editInputClasses, textClasses, textLineOne, textLineTwo, textLineThree, title, titleBold, textCenter, titleCenter, withLiveUpdates = false, onSave, saveButtonProps, cancelButtonProps, isHorizontal = true, children }) => {
7
+ const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextClasses, editInputClasses, textClasses, textLineOne, textLineTwo, textLineThree, title, titleBold, textCenter, titleCenter, withLiveUpdates = false, onSave, saveButtonProps, cancelButtonProps, isHorizontal = true, children, bgColour = 'primary' }) => {
8
8
  const getLineHeight = (id) => {
9
9
  const element = document.getElementById(id);
10
10
  const divHeight = (element === null || element === void 0 ? void 0 : element.offsetHeight) !== undefined ? element.offsetHeight : 0;
@@ -29,7 +29,7 @@ const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextC
29
29
  const [isInEditingMode, setIsInEditingMode] = useState(false);
30
30
  const [componentData, setComponentData] = useState(defaultComponentData);
31
31
  const borderClasses = style.bordered;
32
- const classList = classNames(className, style.classList);
32
+ const classList = classNames(style[bgColour], className);
33
33
  const titleClassList = classNames({
34
34
  [style.fontBold]: titleBold,
35
35
  [style.textCenter]: titleCenter,
@@ -62,7 +62,8 @@ const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextC
62
62
  };
63
63
  const wrapperClassList = classNames({
64
64
  [style.horizontalWrapperClassList]: isHorizontal,
65
- [style.liveUpdatesWrapperClassList]: withLiveUpdates && !isInEditingMode
65
+ [style.liveUpdatesWrapperClassList]: withLiveUpdates && !isInEditingMode,
66
+ [style[bgColour]]: withLiveUpdates && !isInEditingMode
66
67
  }, style.wrapperClassList);
67
68
  const titleWrapperClassList = classNames({
68
69
  [style.horizontalTitleWrapperClassList]: isHorizontal
@@ -73,23 +74,24 @@ const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextC
73
74
  const inputClassList = classNames(editInputClasses, textClassList);
74
75
  const node = document.getElementById('textLineOne');
75
76
  return (React.createElement("div", { id: id, className: classList }, withLiveUpdates && isInEditingMode
76
- ? (React.createElement(React.Fragment, null,
77
+ ? (React.createElement("div", null,
77
78
  React.createElement("div", { className: wrapperClassList },
78
79
  React.createElement("div", { className: titleWrapperClassList }, (componentData === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
79
- ? (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', theme: 'dark' }))
80
+ ? (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 }))
80
81
  : (React.createElement("div", null, children))),
81
82
  React.createElement("div", { className: textWrapperClassList },
82
83
  React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
83
84
  [style.textCenter]: isHorizontal
84
- }, editInputClasses), rows: getLineHeight('textLineOne') + 1, onChange: (e) => handleChange(e), theme: 'dark' }, node === null || node === void 0 ? void 0 : node.innerHTML),
85
+ }, editInputClasses), rows: getLineHeight('textLineOne') + 1, onChange: (e) => handleChange(e), bgColour: bgColour }, node === null || node === void 0 ? void 0 : node.innerHTML),
85
86
  React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
86
87
  [style.textCenter]: isHorizontal
87
- }, editInputClasses), rows: getLineHeight('textLineTwo'), onChange: (e) => handleChange(e), theme: 'dark' }, componentData.textLineTwo),
88
+ }, editInputClasses), rows: getLineHeight('textLineTwo'), onChange: (e) => handleChange(e), bgColour: bgColour }, componentData.textLineTwo),
88
89
  React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
89
90
  [style.textCenter]: isHorizontal
90
- }, editInputClasses), rows: getLineHeight('textLineThree'), onChange: (e) => handleChange(e), theme: 'dark' }, componentData.textLineThree))),
91
- React.createElement(Button, { className: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.className, onClick: handleButtonSave }, saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.children),
92
- React.createElement(Button, { className: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, onClick: handleButtonCancel }, cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.children)))
91
+ }, editInputClasses), rows: getLineHeight('textLineThree'), onChange: (e) => handleChange(e), bgColour: bgColour }, componentData.textLineThree))),
92
+ React.createElement("div", { className: style.buttonWrapper },
93
+ React.createElement(Button, { className: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.className, onClick: handleButtonSave }, saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.children),
94
+ React.createElement(Button, { className: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, onClick: handleButtonCancel }, cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.children))))
93
95
  : (React.createElement("div", { className: wrapperClassList, onClick: toggleEditState },
94
96
  React.createElement("div", { className: titleWrapperClassList }, (componentData === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
95
97
  ? (React.createElement("h1", { className: titleClassList }, componentData.title))
@@ -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":"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"}
@@ -1,4 +1,4 @@
1
- .classList {
1
+ .primary {
2
2
 
3
3
  --tw-bg-opacity: 1;
4
4
 
@@ -9,6 +9,63 @@
9
9
  color: rgb(255 255 255 / var(--tw-text-opacity))
10
10
  }
11
11
 
12
+ .primary:hover {
13
+
14
+ --tw-border-opacity: 1;
15
+
16
+ border-color: rgb(255 255 255 / var(--tw-border-opacity))
17
+ }
18
+
19
+ .secondary {
20
+
21
+ --tw-bg-opacity: 1;
22
+
23
+ background-color: rgb(255 168 0 / var(--tw-bg-opacity));
24
+
25
+ --tw-text-opacity: 1;
26
+
27
+ color: rgb(255 255 255 / var(--tw-text-opacity))
28
+ }
29
+
30
+ .secondary:hover {
31
+
32
+ --tw-border-opacity: 1;
33
+
34
+ border-color: rgb(255 255 255 / var(--tw-border-opacity))
35
+ }
36
+
37
+ .white {
38
+
39
+ --tw-bg-opacity: 1;
40
+
41
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity))
42
+ }
43
+
44
+ .white:hover {
45
+
46
+ --tw-border-opacity: 1;
47
+
48
+ border-color: rgb(0 0 0 / var(--tw-border-opacity))
49
+ }
50
+
51
+ .black {
52
+
53
+ --tw-bg-opacity: 1;
54
+
55
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
56
+
57
+ --tw-text-opacity: 1;
58
+
59
+ color: rgb(255 255 255 / var(--tw-text-opacity))
60
+ }
61
+
62
+ .black:hover {
63
+
64
+ --tw-border-opacity: 1;
65
+
66
+ border-color: rgb(255 255 255 / var(--tw-border-opacity))
67
+ }
68
+
12
69
  .bordered {
13
70
 
14
71
  border-width: 4px;
@@ -42,7 +99,7 @@
42
99
 
43
100
  .wrapperClassList {
44
101
 
45
- border-width: 2px;
102
+ border-width: 4px;
46
103
 
47
104
  border-color: transparent
48
105
  }
@@ -68,11 +125,7 @@
68
125
 
69
126
  border-width: 4px;
70
127
 
71
- border-style: dashed;
72
-
73
- --tw-border-opacity: 1;
74
-
75
- border-color: rgb(255 255 255 / var(--tw-border-opacity))
128
+ border-style: dashed
76
129
  }
77
130
 
78
131
  @media (min-width: 768px) {
@@ -103,4 +156,11 @@
103
156
  text-align: center
104
157
  }
105
158
  }
159
+
160
+ .buttonWrapper {
161
+
162
+ padding-bottom: 2rem;
163
+
164
+ text-align: center
165
+ }
106
166
  /*# sourceMappingURL=style.module.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/TextAndTitle/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,yBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,aAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAApD;;IAAA;;QAAA;IAAoD;AAAA;;AAIpD;;IAAA,iBAA0C;;IAA1C,oBAA0C;;IAA1C,sBAA0C;;IAA1C;AAA0C;;AAI1C;;IAAA;;QAAA,UAA8C;;QAA9C,iBAA8C;;QAA9C,oBAA8C;;QAA9C,kBAA8C;;QAA9C,mBAA8C;;QAA9C;IAA8C;;IAI9C;;QAAA,UAAsC;;QAAtC,kBAAsC;;QAAtC,mBAAsC;;QAAtC;IAAsC;AAJQ","file":"style.module.css","sourcesContent":[".classList {\n @apply bg-primary text-white;\n}\n\n.bordered {\n @apply border-4 border-transparent;\n}\n\n.fontBold {\n @apply font-bold;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.titleClassList {\n @apply text-md break-words;\n}\n\n.textClassList {\n @apply pt-2 mt-2;\n}\n\n.wrapperClassList {\n @apply border-2 border-transparent;\n}\n\n.horizontalWrapperClassList {\n @apply flex flex-wrap justify-center md:items-center;\n}\n\n.liveUpdatesWrapperClassList:hover {\n @apply border-white border-4 border-dashed;\n}\n\n.horizontalTextWrapperClassList {\n @apply md:w-1/2 md:text-center md:py-8 md:px-8;\n}\n\n.horizontalTitleWrapperClassList {\n @apply md:w-1/2 md:text-center md:px-8;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/TextAndTitle/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,kBAAe;;IAAf;AAAe;;AAIf;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,yBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,aAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAApD;;IAAA;;QAAA;IAAoD;AAAA;;AAIpD;;IAAA,iBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA;;QAAA,UAA8C;;QAA9C,iBAA8C;;QAA9C,oBAA8C;;QAA9C,kBAA8C;;QAA9C,mBAA8C;;QAA9C;IAA8C;;IAI9C;;QAAA,UAAsC;;QAAtC,kBAAsC;;QAAtC,mBAAsC;;QAAtC;IAAsC;AAJQ;;AAQ9C;;IAAA,oBAAuB;;IAAvB;AAAuB","file":"style.module.css","sourcesContent":[".primary {\n @apply bg-primary text-white;\n}\n\n.primary:hover {\n @apply border-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.secondary:hover {\n @apply border-white;\n}\n\n.white {\n @apply bg-white;\n}\n\n.white:hover {\n @apply border-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.black:hover {\n @apply border-white;\n}\n\n.bordered {\n @apply border-4 border-transparent;\n}\n\n.fontBold {\n @apply font-bold;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.titleClassList {\n @apply text-md break-words;\n}\n\n.textClassList {\n @apply pt-2 mt-2;\n}\n\n.wrapperClassList {\n @apply border-4 border-transparent;\n}\n\n.horizontalWrapperClassList {\n @apply flex flex-wrap justify-center md:items-center;\n}\n\n.liveUpdatesWrapperClassList:hover {\n @apply border-4 border-dashed;\n}\n\n.horizontalTextWrapperClassList {\n @apply md:w-1/2 md:text-center md:py-8 md:px-8;\n}\n\n.horizontalTitleWrapperClassList {\n @apply md:w-1/2 md:text-center md:px-8;\n}\n\n.buttonWrapper {\n @apply text-center pb-8;\n}"]}
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { Colours } from '../../utils/controls';
2
3
  export interface Props {
3
4
  id?: string;
4
5
  className?: string;
@@ -21,7 +22,8 @@ export interface Props {
21
22
  onChange?: (e: any) => void;
22
23
  withPadding?: boolean;
23
24
  children?: any;
25
+ bgColour?: Colours;
24
26
  theme?: 'dark' | 'light';
25
27
  }
26
- declare const TextArea: ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, theme }: Props) => JSX.Element;
28
+ declare const TextArea: ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, bgColour, theme }: Props) => JSX.Element;
27
29
  export default TextArea;
@@ -1,16 +1,15 @@
1
1
  import React from 'react';
2
2
  import classNames from 'classnames';
3
3
  import style from './style.module.css';
4
- const TextArea = ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, theme = 'light' }) => {
5
- const colours = theme === 'dark' ? style.dark : style.light;
6
- const classList = classNames(className, colours, style.classList);
4
+ const TextArea = ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, bgColour = 'primary', theme = 'light' }) => {
5
+ const classList = classNames(className, style[bgColour], style.classList);
7
6
  const newId = id !== undefined ? `-${id}` : '-';
8
7
  const labelClassList = classNames({
9
8
  [style.bold]: bold
10
9
  }, labelClasses, style.labelClassList);
11
10
  const textAreaClassList = classNames({
12
11
  [style.padding]: withPadding
13
- }, textAreaClasses, colours, style.textAreaClassList);
12
+ }, textAreaClasses, style[bgColour], style.textAreaClassList);
14
13
  return (React.createElement("div", { id: id, className: classList },
15
14
  label !== undefined &&
16
15
  React.createElement("label", { className: labelClassList, htmlFor: `text-area${newId}` }, label),
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA2BtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,GAAG,OAAO,EACT,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;IAC3D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACjE,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;IAE/C,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI;KACnB,EAAE,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEtC,MAAM,iBAAiB,GAAG,UAAU,CAAC;QACnC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,WAAW;KAC7B,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAA;IAErD,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,YAAY,KAAK,EAAE,IAE3B,KAAK,CACA;QACV,kCACE,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,QAAQ,GACtB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA6BtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,SAAS,EACpB,KAAK,GAAG,OAAO,EACT,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACzE,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;IAE/C,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI;KACnB,EAAE,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEtC,MAAM,iBAAiB,GAAG,UAAU,CAAC;QACnC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,WAAW;KAC7B,EAAE,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAA;IAE7D,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,YAAY,KAAK,EAAE,IAE3B,KAAK,CACA;QACV,kCACE,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,QAAQ,GACtB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}