trepur_components 1.0.58 → 1.0.60

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.
@@ -40,12 +40,11 @@ const Collapsible = ({ id, className, preText, title, subtitle, imageProps, chil
40
40
  };
41
41
  return (React.createElement("div", { id: id, className: classList },
42
42
  React.createElement("div", { onClick: (e) => expandItem(e), className: style.heading },
43
- React.createElement("div", { className: style.imageAndText },
44
- imageProps !== undefined && (React.createElement(Image, Object.assign({}, imageProps, { width: 3, height: 3, className: style.image }))),
45
- React.createElement("div", { className: style.textWrapper },
46
- preText !== undefined && (React.createElement("h4", { className: style.preText }, preText)),
47
- title !== undefined && React.createElement("h4", { className: style.title }, title),
48
- subtitle !== undefined && (React.createElement("h5", { className: style.subtitle }, subtitle)))),
43
+ imageProps !== undefined && (React.createElement(Image, Object.assign({}, imageProps, { width: 3, height: 3, className: style.image }))),
44
+ React.createElement("div", { className: style.textWrapper },
45
+ preText !== undefined && (React.createElement("h4", { className: style.preText }, preText)),
46
+ title !== undefined && React.createElement("h4", { className: style.title }, title),
47
+ subtitle !== undefined && (React.createElement("h5", { className: style.subtitle }, subtitle))),
49
48
  children !== undefined && (React.createElement("div", { className: style.iconWrapper },
50
49
  React.createElement(Icon, { className: style.icon, type: expanded ? "chevron-up" : "chevron-down" })))),
51
50
  children !== undefined && (React.createElement("div", { className: contentWrapperClassList, style: { transition: "max-height 0.2s ease-out" } },
@@ -1 +1 @@
1
- {"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"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"}
@@ -20,8 +20,6 @@
20
20
 
21
21
  height: 6rem;
22
22
 
23
- justify-content: space-between;
24
-
25
23
  padding-left: 1rem;
26
24
 
27
25
  padding-right: 1rem
@@ -35,15 +33,6 @@
35
33
  }
36
34
  }
37
35
 
38
- .imageAndText {
39
-
40
- margin-right: 1rem;
41
-
42
- display: flex;
43
-
44
- overflow: hidden
45
- }
46
-
47
36
  .image {
48
37
 
49
38
  margin-top: auto;
@@ -63,11 +52,21 @@
63
52
 
64
53
  margin-left: 1rem;
65
54
 
66
- flex: none
55
+ margin-right: 1rem;
56
+
57
+ display: grid;
58
+
59
+ width: 100%
67
60
  }
68
61
 
69
62
  .preText {
70
63
 
64
+ overflow: hidden;
65
+
66
+ text-overflow: ellipsis;
67
+
68
+ white-space: nowrap;
69
+
71
70
  font-size: 8px;
72
71
 
73
72
  color: var(--color-light-grey)
@@ -83,6 +82,12 @@
83
82
 
84
83
  .title {
85
84
 
85
+ overflow: hidden;
86
+
87
+ text-overflow: ellipsis;
88
+
89
+ white-space: nowrap;
90
+
86
91
  font-size: 16px
87
92
  }
88
93
 
@@ -96,6 +101,12 @@
96
101
 
97
102
  .subtitle {
98
103
 
104
+ overflow: hidden;
105
+
106
+ text-overflow: ellipsis;
107
+
108
+ white-space: nowrap;
109
+
99
110
  font-size: 12px
100
111
  }
101
112
 
@@ -145,8 +156,6 @@
145
156
 
146
157
  margin-bottom: auto;
147
158
 
148
- display: flex;
149
-
150
159
  flex: none
151
160
  }
152
161
  /*# sourceMappingURL=style.module.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/Collapsible/style.module.css"],"names":[],"mappings":"AACI;;IAAA,WAA4E;;IAA5E,wBAA4E;;IAA5E,wCAA4E;;IAA5E;AAA4E;;AAA5E;;IAAA;AAA4E;;AAI5E;;IAAA,aAAkD;;IAAlD,YAAkD;;IAAlD,8BAAkD;;IAAlD,kBAAkD;;IAAlD;AAAkD;;AAAlD;;IAAA;;QAAA;IAAkD;AAAA;;AAIlD;;IAAA,kBAAgC;;IAAhC,aAAgC;;IAAhC;AAAgC;;AAIhC;;IAAA,gBAAoC;;IAApC,mBAAoC;;IAApC,UAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,gBAA6B;;IAA7B,mBAA6B;;IAA7B,iBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,cAA0C;;IAA1C;AAA0C;;AAA1C;;IAAA;;QAAA;IAA0C;AAAA;;AAI1C;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA,WAAkC;;IAAlC,gBAAkC;;IAAlC,kBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,kBAA0B;;IAA1B,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA;AAAc;;AAId;;IAAA,iBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,gBAA6B;;IAA7B,mBAA6B;;IAA7B,aAA6B;;IAA7B;AAA6B","file":"style.module.css","sourcesContent":[".classList {\n @apply duration-300 border-lightest-grey border-b hover:cursor-pointer w-full\n}\n\n.heading {\n @apply flex justify-between pl-4 pr-4 sm:pr-8 h-24;\n}\n\n.imageAndText {\n @apply flex overflow-hidden mr-4;\n}\n\n.image {\n @apply rounded-2xl my-auto flex-none;\n}\n\n.textWrapper {\n @apply flex-none my-auto ml-4;\n}\n\n.preText {\n @apply text-xxs md:text-xs text-light-grey;\n}\n\n.title {\n @apply text-sm md:text-md;\n}\n\n.subtitle {\n @apply text-xs md:text-sm;\n}\n\n.contentWrapperClassList {\n @apply w-auto overflow-hidden px-4;\n}\n\n.expanded {\n @apply max-h-max mt-2 mb-4;\n}\n\n.collapsed {\n @apply max-h-0;\n}\n\n.children {\n @apply pt-4 pb-2;\n}\n\n.iconWrapper {\n @apply flex flex-none my-auto;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/Collapsible/style.module.css"],"names":[],"mappings":"AACI;;IAAA,WAA4E;;IAA5E,wBAA4E;;IAA5E,wCAA4E;;IAA5E;AAA4E;;AAA5E;;IAAA;AAA4E;;AAI5E;;IAAA,aAA6B;;IAA7B,YAA6B;;IAA7B,kBAA6B;;IAA7B;AAA6B;;AAA7B;;IAAA;;QAAA;IAA6B;AAAA;;AAI7B;;IAAA,gBAAoC;;IAApC,mBAAoC;;IAApC,UAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,gBAA+B;;IAA/B,mBAA+B;;IAA/B,iBAA+B;;IAA/B,kBAA+B;;IAA/B,aAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,gBAAmD;;IAAnD,uBAAmD;;IAAnD,mBAAmD;;IAAnD,cAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA;;QAAA;IAAmD;AAAA;;AAInD;;IAAA,gBAAkC;;IAAlC,uBAAkC;;IAAlC,mBAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,gBAAkC;;IAAlC,uBAAkC;;IAAlC,mBAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,WAAkC;;IAAlC,gBAAkC;;IAAlC,kBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,kBAA0B;;IAA1B,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA;AAAc;;AAId;;IAAA,iBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,gBAAwB;;IAAxB,mBAAwB;;IAAxB;AAAwB","file":"style.module.css","sourcesContent":[".classList {\n @apply duration-300 border-lightest-grey border-b hover:cursor-pointer w-full\n}\n\n.heading {\n @apply flex px-4 sm:pr-8 h-24;\n}\n\n.image {\n @apply rounded-2xl my-auto flex-none;\n}\n\n.textWrapper {\n @apply my-auto w-full mx-4 grid;\n}\n\n.preText {\n @apply text-xxs md:text-xs text-light-grey truncate;\n}\n\n.title {\n @apply text-sm md:text-md truncate;\n}\n\n.subtitle {\n @apply text-xs md:text-sm truncate;\n}\n\n.contentWrapperClassList {\n @apply w-auto overflow-hidden px-4;\n}\n\n.expanded {\n @apply max-h-max mt-2 mb-4;\n}\n\n.collapsed {\n @apply max-h-0;\n}\n\n.children {\n @apply pt-4 pb-2;\n}\n\n.iconWrapper {\n @apply flex-none my-auto;\n}"]}
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { Colours, ThemeTypes } from '../../utils/controls';
1
+ import React from "react";
2
+ import { Colours, ThemeTypes } from "../../utils/controls";
3
3
  export interface Props {
4
4
  id: string;
5
5
  className?: string;
@@ -1,10 +1,10 @@
1
- import React from 'react';
2
- import classNames from 'classnames';
3
- import style from './style.module.css';
4
- import MatchMedia from '../../utils/matchMedia';
5
- import screens from '../../utils/screens';
6
- import Container from '../Container/Container';
7
- const ImageInfo = ({ id, className, bgColour, textColour = 'white', contentTitle, text, image, swapDesktop = false, swapMobile = false, theme = 'theme-rupertbennett' }) => {
1
+ import React from "react";
2
+ import classNames from "classnames";
3
+ import style from "./style.module.css";
4
+ import MatchMedia from "../../utils/matchMedia";
5
+ import screens from "../../utils/screens";
6
+ import Container from "../Container/Container";
7
+ const ImageInfo = ({ id, className, bgColour, textColour = "white", contentTitle, text, image, swapDesktop = false, swapMobile = false, theme = "theme-rupertbennett", }) => {
8
8
  const classList = className;
9
9
  const mediumScreen = screens.md;
10
10
  const lgScreenSize = `(min-width: ${mediumScreen})`;
@@ -14,13 +14,13 @@ const ImageInfo = ({ id, className, bgColour, textColour = 'white', contentTitle
14
14
  const wrapperClassList = classNames({
15
15
  [style.wrapper]: !swapDesktop,
16
16
  [style.reverseWrapper]: swapDesktop,
17
- [style.reverseMobileWrapper]: !isLg && swapMobile
17
+ [style.reverseMobileWrapper]: !isLg && swapMobile,
18
18
  }, style.wrapperClasses, theme);
19
19
  const imageWrapperClasses = classNames({
20
- [style.smallImageWrapper]: isSm
20
+ [style.smallImageWrapper]: isSm,
21
21
  }, style.imageWrapper);
22
22
  const imageClasses = classNames({
23
- [style.smallImageHeight]: isSm
23
+ [style.smallImageHeight]: isSm,
24
24
  }, style.image);
25
25
  return (React.createElement("div", { id: id, style: { backgroundColor: bgColour, color: textColour }, className: classList },
26
26
  React.createElement(Container, { withPadding: !isSm },
@@ -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,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAevD,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,EAClB,KAAK,GAAG,qBAAqB,EACvB,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,CACjC;QACE,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,EACD,KAAK,CAAC,cAAc,EACpB,KAAK,CACN,CAAA;IAED,MAAM,mBAAmB,GAAG,UAAU,CACpC;QACE,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI;KAChC,EACD,KAAK,CAAC,YAAY,CACnB,CAAA;IAED,MAAM,YAAY,GAAG,UAAU,CAC7B;QACE,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,IAAI;KAC/B,EACD,KAAK,CAAC,KAAK,CACZ,CAAA;IAED,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,IAAC,WAAW,EAAE,CAAC,IAAI;YAC3B,6BAAK,SAAS,EAAE,gBAAgB;gBAC9B,6BAAK,SAAS,EAAE,mBAAmB;oBACjC,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,YAAY,GACnB,CACE;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
+ {"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAEvC,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,SAAS,MAAM,iCAAiC,CAAC;AAexD,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,EAClB,KAAK,GAAG,qBAAqB,GACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,SAAS,CAAC;IAC5B,MAAM,YAAY,GAAW,OAAO,CAAC,EAAE,CAAC;IACxC,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAC;IAC5D,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAC;IAC5D,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/C,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAC;IAE/C,MAAM,gBAAgB,GAAG,UAAU,CACjC;QACE,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,EACD,KAAK,CAAC,cAAc,EACpB,KAAK,CACN,CAAC;IAEF,MAAM,mBAAmB,GAAG,UAAU,CACpC;QACE,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI;KAChC,EACD,KAAK,CAAC,YAAY,CACnB,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAC7B;QACE,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,IAAI;KAC/B,EACD,KAAK,CAAC,KAAK,CACZ,CAAC;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,IAAC,WAAW,EAAE,CAAC,IAAI;YAC3B,6BAAK,SAAS,EAAE,gBAAgB;gBAC9B,6BAAK,SAAS,EAAE,mBAAmB;oBACjC,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,YAAY,GACnB,CACE;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,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -2,6 +2,8 @@
2
2
 
3
3
  display: flex;
4
4
 
5
+ border-radius: 1rem;
6
+
5
7
  --tw-scale-x: 1;
6
8
 
7
9
  --tw-scale-y: 1;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAW;;IACX,eAAoD;;IAApD,eAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AADW;;AAKX;;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;\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,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,5 +1,5 @@
1
- import React from 'react';
2
- import { ThemeTypes } from '../../utils/controls';
1
+ import React from "react";
2
+ import { ThemeTypes } from "../../utils/controls";
3
3
  export interface Props {
4
4
  id?: string;
5
5
  className?: string;
@@ -10,9 +10,9 @@ export interface Props {
10
10
  rounded?: boolean;
11
11
  underlineOnHover?: boolean;
12
12
  isActive?: boolean;
13
- variant?: 'primary' | 'secondary';
13
+ variant?: "primary" | "secondary";
14
14
  theme?: ThemeTypes;
15
15
  tabindex?: number;
16
16
  }
17
- declare const NavItem: ({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant, theme, tabindex }: Props) => JSX.Element;
17
+ declare const NavItem: ({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant, theme, tabindex, }: Props) => JSX.Element;
18
18
  export default NavItem;
@@ -1,7 +1,7 @@
1
- import React from 'react';
2
- import classNames from 'classnames';
3
- import style from './style.module.css';
4
- const NavItem = ({ id, className, title, href = '/', onClick, bordered = false, rounded = true, underlineOnHover = true, isActive = false, variant = 'primary', theme = 'theme-rupertbennett', tabindex }) => {
1
+ import React from "react";
2
+ import classNames from "classnames";
3
+ import style from "./style.module.css";
4
+ const NavItem = ({ id, className, title, href = "/", onClick, bordered = false, rounded = true, underlineOnHover = true, isActive = false, variant = "primary", theme = "theme-rupertbennett", tabindex, }) => {
5
5
  const classList = classNames(className, style.navItem, theme);
6
6
  const anchorClassList = classNames({
7
7
  [style.underline]: underlineOnHover,
@@ -9,8 +9,8 @@ const NavItem = ({ id, className, title, href = '/', onClick, bordered = false,
9
9
  [style.inactive]: !isActive,
10
10
  [style.bordered]: bordered,
11
11
  [style.rounded]: rounded,
12
- [style.primary]: variant === 'primary',
13
- [style.secondary]: variant === 'secondary'
12
+ [style.primary]: variant === "primary",
13
+ [style.secondary]: variant === "secondary",
14
14
  }, [style.anchorClassList]);
15
15
  return (React.createElement("div", { id: id, className: classList },
16
16
  React.createElement("a", Object.assign({ href: href, onClick: onClick, className: anchorClassList }, (tabindex !== undefined && { tabIndex: tabindex })),
@@ -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;AAkBtC,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,EACnB,KAAK,GAAG,qBAAqB,EAC7B,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7D,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,yCACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe,IACtB,CAAC,QAAQ,KAAK,SAAS,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;YAEtD,8BAAM,SAAS,EAAE,KAAK,CAAC,aAAa,IACjC,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,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAkBvC,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,EACnB,KAAK,GAAG,qBAAqB,EAC7B,QAAQ,GACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAE9D,MAAM,eAAe,GAAG,UAAU,CAChC;QACE,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,EACD,CAAC,KAAK,CAAC,eAAe,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,yCACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe,IACtB,CAAC,QAAQ,KAAK,SAAS,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;YAEtD,8BAAM,SAAS,EAAE,KAAK,CAAC,aAAa,IAAG,KAAK,CAAQ,CAClD,CACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -66,6 +66,17 @@
66
66
  width: 0px
67
67
  }
68
68
 
69
+ .anchorClassList {
70
+
71
+ border-radius: 0.75rem;
72
+
73
+ border-width: 2px;
74
+
75
+ border-color: var(--color-transparent);
76
+
77
+ padding: 0.5rem
78
+ }
79
+
69
80
  .anchorClassList:focus > span:before {
70
81
 
71
82
  width: 100%
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/NavItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAyB;;IAAzB,oBAAyB;;IAAzB,qBAAyB;;IAAzB,mBAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA;AAAiB;;AAIjB;;IAAA,WAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,kBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAAmD;;IAAnD,gBAAmD;;IAAnD,SAAmD;;IAAnD,eAAmD;;IAAnD,wBAAmD;;IAAnD,wDAAmD;;IAAnD;AAAmD;;AAInD;;IAAA;AAAa;;AAIb;;IAAA,0BAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,0BAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA;AAAa;;AAIb;;IAAA,sBAA2C;;IAA3C,iBAA2C;;IAA3C,gCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,mBAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,sCAA8B;;IAA9B;AAA8B","file":"style.module.css","sourcesContent":[".bordered {\n @apply border-2 px-2 py-2;\n}\n\n.rounded {\n @apply rounded-md;\n}\n\n.navItem {\n @apply w-auto list-none;\n}\n\n.underline > span {\n @apply relative ease-linear;\n}\n\n.underline > span:before {\n @apply absolute -bottom-1 left-0 h-1 transition-all;\n}\n\n.underline:hover > span:before {\n @apply w-full;\n}\n\n.active > span {\n @apply before:w-full;\n}\n\n.inactive > span {\n @apply before:w-0;\n}\n\n.anchorClassList:focus > span:before {\n @apply w-full;\n}\n\n.anchorClassList:focus {\n @apply border-2 border-white rounded-xl p-2;\n}\n\n.spanClassList {\n @apply text-center whitespace-nowrap;\n}\n\n.secondary {\n @apply text-white bg-primary;\n}\n\n.secondary > span:before {\n @apply text-white bg-white;\n}\n\n.primary {\n @apply text-primary bg-white;\n}\n\n.primary > span:before{\n @apply text-primary bg-primary;\n}\n\n"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/NavItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAyB;;IAAzB,oBAAyB;;IAAzB,qBAAyB;;IAAzB,mBAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA;AAAiB;;AAIjB;;IAAA,WAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,kBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAAmD;;IAAnD,gBAAmD;;IAAnD,SAAmD;;IAAnD,eAAmD;;IAAnD,wBAAmD;;IAAnD,wDAAmD;;IAAnD;AAAmD;;AAInD;;IAAA;AAAa;;AAIb;;IAAA,0BAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,0BAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA,sBAAgD;;IAAhD,iBAAgD;;IAAhD,sCAAgD;;IAAhD;AAAgD;;AAIhD;;IAAA;AAAa;;AAIb;;IAAA,sBAA2C;;IAA3C,iBAA2C;;IAA3C,gCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,mBAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,sCAA8B;;IAA9B;AAA8B","file":"style.module.css","sourcesContent":[".bordered {\n @apply border-2 px-2 py-2;\n}\n\n.rounded {\n @apply rounded-md;\n}\n\n.navItem {\n @apply w-auto list-none;\n}\n\n.underline > span {\n @apply relative ease-linear;\n}\n\n.underline > span:before {\n @apply absolute -bottom-1 left-0 h-1 transition-all;\n}\n\n.underline:hover > span:before {\n @apply w-full;\n}\n\n.active > span {\n @apply before:w-full;\n}\n\n.inactive > span {\n @apply before:w-0;\n}\n\n.anchorClassList {\n @apply border-2 border-transparent rounded-xl p-2\n}\n\n.anchorClassList:focus > span:before {\n @apply w-full;\n}\n\n.anchorClassList:focus {\n @apply border-2 border-white rounded-xl p-2;\n}\n\n.spanClassList {\n @apply text-center whitespace-nowrap;\n}\n\n.secondary {\n @apply text-white bg-primary;\n}\n\n.secondary > span:before {\n @apply text-white bg-white;\n}\n\n.primary {\n @apply text-primary bg-white;\n}\n\n.primary > span:before{\n @apply text-primary bg-primary;\n}\n\n"]}
@@ -7,7 +7,7 @@ const TimelineV2 = ({ id, className, title, description, bgColour, items, theme
7
7
  const classList = classNames(className, style.classList);
8
8
  return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
9
9
  return (React.createElement("div", { className: style.item, key: `timeline_${i}` },
10
- React.createElement("div", { className: style.lineColumn },
10
+ React.createElement("div", { className: style.lineWrapper },
11
11
  React.createElement("p", { className: style.circle }),
12
12
  React.createElement("div", { className: i !== items.length - 1 ? style.line : style.blank })),
13
13
  React.createElement("div", { className: style.collapsible },
@@ -1 +1 @@
1
- {"version":3,"file":"TimelineV2.js","sourceRoot":"","sources":["../../../../../src/lib/components/TimelineV2/TimelineV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAE7E,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAqB9D,MAAM,UAAU,GAAG,CAAC,EAClB,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,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEzD,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,IAEX,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE;YAC9C,6BAAK,SAAS,EAAE,KAAK,CAAC,UAAU;gBAC9B,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,GAAI;gBAC9B,6BACE,SAAS,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GACvD,CACH;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,oBAAC,WAAW,IACV,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE1B,IAAI,CAAC,QAAQ,CACF,CACV,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACe,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"TimelineV2.js","sourceRoot":"","sources":["../../../../../src/lib/components/TimelineV2/TimelineV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAE7E,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAqB9D,MAAM,UAAU,GAAG,CAAC,EAClB,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,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEzD,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,IAEX,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE;YAC9C,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,GAAI;gBAC9B,6BACE,SAAS,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GACvD,CACH;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,oBAAC,WAAW,IACV,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE1B,IAAI,CAAC,QAAQ,CACF,CACV,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACe,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -5,8 +5,18 @@
5
5
  }
6
6
 
7
7
  .item {
8
- display: flex;
9
- width: 100%
8
+ display: flex
9
+ }
10
+
11
+ .lineWrapper {
12
+ display: none
13
+ }
14
+
15
+ @media (min-width: 640px) {
16
+
17
+ .lineWrapper {
18
+ display: block
19
+ }
10
20
  }
11
21
 
12
22
  .circle {
@@ -35,8 +45,15 @@
35
45
  .collapsible {
36
46
  margin-top: 0.5rem;
37
47
  margin-bottom: 0.5rem;
38
- margin-left: 2rem;
48
+ width: 100%;
39
49
  border-radius: 1rem;
40
50
  background-color: var(--color-white)
41
51
  }
52
+
53
+ @media (min-width: 640px) {
54
+
55
+ .collapsible {
56
+ margin-left: 2rem
57
+ }
58
+ }
42
59
  /*# sourceMappingURL=style.module.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/TimelineV2/style.module.css"],"names":[],"mappings":"AACE;EAAA,WAA4B;EAA5B,qBAA4B;EAA5B;AAA4B;;AAI5B;EAAA,aAAkB;EAAlB;AAAkB;;AAIlB;EAAA,WAA2D;EAA3D,YAA2D;EAA3D,gBAA2D;EAA3D,YAA2D;EAA3D,WAA2D;EAA3D,qBAA2D;EAA3D;AAA2D;;AAI3D;EAAA,YAAsC;EAAtC,YAAsC;EAAtC,cAAsC;EAAtC;AAAsC;;AAItC;EAAA,uBAAoC;EAApC,sCAAoC;EACpC;AADoC;;AAKpC;EAAA,kBAAqC;EAArC,qBAAqC;EAArC,iBAAqC;EAArC,mBAAqC;EAArC;AAAqC","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full list-none pb-4;\n}\n\n.item {\n @apply flex w-full;\n}\n\n.circle {\n @apply m-auto w-4 h-4 mt-12 rounded-full bg-light-grey z-10;\n}\n\n.line {\n @apply w-1 h-full bg-light-grey m-auto;\n}\n\n.blank {\n @apply border-r-2 border-transparent;\n content: \"\";\n}\n\n.collapsible {\n @apply bg-white rounded-2xl my-2 ml-8;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/TimelineV2/style.module.css"],"names":[],"mappings":"AACE;EAAA,WAA4B;EAA5B,qBAA4B;EAA5B;AAA4B;;AAI5B;EAAA;AAAW;;AAIX;EAAA;AAAsB;;AAAtB;;EAAA;IAAA;EAAsB;AAAA;;AAItB;EAAA,WAA2D;EAA3D,YAA2D;EAA3D,gBAA2D;EAA3D,YAA2D;EAA3D,WAA2D;EAA3D,qBAA2D;EAA3D;AAA2D;;AAI3D;EAAA,YAAsC;EAAtC,YAAsC;EAAtC,cAAsC;EAAtC;AAAsC;;AAItC;EAAA,uBAAoC;EAApC,sCAAoC;EACpC;AADoC;;AAKpC;EAAA,kBAA+C;EAA/C,qBAA+C;EAA/C,WAA+C;EAA/C,mBAA+C;EAA/C;AAA+C;;AAA/C;;EAAA;IAAA;EAA+C;AAAA","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full list-none pb-4;\n}\n\n.item {\n @apply flex;\n}\n\n.lineWrapper {\n @apply hidden sm:block;\n}\n\n.circle {\n @apply m-auto w-4 h-4 mt-12 rounded-full bg-light-grey z-10;\n}\n\n.line {\n @apply w-1 h-full bg-light-grey m-auto;\n}\n\n.blank {\n @apply border-r-2 border-transparent;\n content: \"\";\n}\n\n.collapsible {\n @apply bg-white rounded-2xl my-2 sm:ml-8 w-full;\n}"]}
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.58",
5
+ "version": "1.0.60",
6
6
  "private": false,
7
7
  "keywords": [
8
8
  "react",