trepur_components 1.0.0 → 1.0.2

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 (199) hide show
  1. package/dist/components/Accordion/Accordion.stories.tsx +1 -1
  2. package/dist/components/Accordion/index.tsx +2 -2
  3. package/dist/components/Carousel/index.tsx +1 -1
  4. package/dist/components/Collapsible/index.tsx +1 -1
  5. package/dist/components/FooterBar/{footerBar.stories.tsx → FooterBar.stories.tsx} +0 -0
  6. package/dist/components/HamburgerIcon/index.tsx +1 -1
  7. package/dist/components/ImageLinkList/ImageLinkList.stories.tsx +5 -3
  8. package/dist/components/ImageLinkList/index.tsx +1 -1
  9. package/dist/components/Nav/index.tsx +4 -4
  10. package/dist/src/lib/components/Accordion/Accordion.stories.js +19 -11
  11. package/dist/src/lib/components/Accordion/Accordion.stories.js.map +1 -1
  12. package/dist/src/lib/components/Accordion/index.d.ts +1 -2
  13. package/dist/src/lib/components/Accordion/index.js +1 -1
  14. package/dist/src/lib/components/Accordion/index.js.map +1 -1
  15. package/dist/src/lib/components/AlertBar/AlertBar.stories.js +1 -1
  16. package/dist/src/lib/components/AlertBar/AlertBar.stories.js.map +1 -1
  17. package/dist/src/lib/components/AlertBar/index.js +21 -19
  18. package/dist/src/lib/components/AlertBar/index.js.map +1 -1
  19. package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -1
  20. package/dist/src/lib/components/Breadcrumbs/index.js +8 -10
  21. package/dist/src/lib/components/Breadcrumbs/index.js.map +1 -1
  22. package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +1 -1
  23. package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js.map +1 -1
  24. package/dist/src/lib/components/BreadcrumbsBordered/index.d.ts +1 -1
  25. package/dist/src/lib/components/BreadcrumbsBordered/index.js +7 -7
  26. package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +1 -1
  27. package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js +2 -2
  28. package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js.map +1 -1
  29. package/dist/src/lib/components/BreadcrumbsItem/index.js +33 -35
  30. package/dist/src/lib/components/BreadcrumbsItem/index.js.map +1 -1
  31. package/dist/src/lib/components/Button/button.stories.js +64 -19
  32. package/dist/src/lib/components/Button/button.stories.js.map +1 -1
  33. package/dist/src/lib/components/Button/index.js +11 -11
  34. package/dist/src/lib/components/Button/index.js.map +1 -1
  35. package/dist/src/lib/components/Card/Card.stories.d.ts +4 -1
  36. package/dist/src/lib/components/Card/Card.stories.js +32 -32
  37. package/dist/src/lib/components/Card/Card.stories.js.map +1 -1
  38. package/dist/src/lib/components/Card/index.d.ts +3 -3
  39. package/dist/src/lib/components/Card/index.js +43 -40
  40. package/dist/src/lib/components/Card/index.js.map +1 -1
  41. package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js +3 -3
  42. package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js.map +1 -1
  43. package/dist/src/lib/components/CardWithTopImage/index.js +1 -1
  44. package/dist/src/lib/components/CardWithTopImage/index.js.map +1 -1
  45. package/dist/src/lib/components/Carousel/Carousel.stories.js +12 -12
  46. package/dist/src/lib/components/Carousel/Carousel.stories.js.map +1 -1
  47. package/dist/src/lib/components/Carousel/index.d.ts +6 -8
  48. package/dist/src/lib/components/Carousel/index.js +95 -54
  49. package/dist/src/lib/components/Carousel/index.js.map +1 -1
  50. package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js +1 -1
  51. package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js.map +1 -1
  52. package/dist/src/lib/components/ChevronCard/index.js +8 -8
  53. package/dist/src/lib/components/ChevronCard/index.js.map +1 -1
  54. package/dist/src/lib/components/Collapsible/Collapsible.stories.js +5 -3
  55. package/dist/src/lib/components/Collapsible/Collapsible.stories.js.map +1 -1
  56. package/dist/src/lib/components/Collapsible/index.d.ts +1 -1
  57. package/dist/src/lib/components/Collapsible/index.js +22 -22
  58. package/dist/src/lib/components/Collapsible/index.js.map +1 -1
  59. package/dist/src/lib/components/Column/Column.stories.js +42 -8
  60. package/dist/src/lib/components/Column/Column.stories.js.map +1 -1
  61. package/dist/src/lib/components/Column/index.js +2 -2
  62. package/dist/src/lib/components/Column/index.js.map +1 -1
  63. package/dist/src/lib/components/Container/Container.stories.js +1 -1
  64. package/dist/src/lib/components/Container/Container.stories.js.map +1 -1
  65. package/dist/src/lib/components/Container/index.js +1 -1
  66. package/dist/src/lib/components/Container/index.js.map +1 -1
  67. package/dist/src/lib/components/FooterBar/footerBar.stories.js +2 -2
  68. package/dist/src/lib/components/FooterBar/footerBar.stories.js.map +1 -1
  69. package/dist/src/lib/components/FooterBar/index.js +1 -1
  70. package/dist/src/lib/components/FooterBar/index.js.map +1 -1
  71. package/dist/src/lib/components/Form/Form.stories.js +1 -1
  72. package/dist/src/lib/components/Form/Form.stories.js.map +1 -1
  73. package/dist/src/lib/components/Form/index.js +4 -4
  74. package/dist/src/lib/components/Form/index.js.map +1 -1
  75. package/dist/src/lib/components/FyreCard/FyreCard.stories.js +3 -3
  76. package/dist/src/lib/components/FyreCard/FyreCard.stories.js.map +1 -1
  77. package/dist/src/lib/components/FyreCard/index.js +6 -7
  78. package/dist/src/lib/components/FyreCard/index.js.map +1 -1
  79. package/dist/src/lib/components/Greeting/Greeting.stories.js +1 -1
  80. package/dist/src/lib/components/Greeting/Greeting.stories.js.map +1 -1
  81. package/dist/src/lib/components/Greeting/index.js +4 -4
  82. package/dist/src/lib/components/Greeting/index.js.map +1 -1
  83. package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.d.ts +6 -0
  84. package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js +46 -0
  85. package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js.map +1 -0
  86. package/dist/src/lib/components/HamburgerIcon/index.d.ts +7 -0
  87. package/dist/src/lib/components/HamburgerIcon/index.js +26 -0
  88. package/dist/src/lib/components/HamburgerIcon/index.js.map +1 -0
  89. package/dist/src/lib/components/Icon/Icon.stories.d.ts +1 -1
  90. package/dist/src/lib/components/Icon/Icon.stories.js +4 -2
  91. package/dist/src/lib/components/Icon/Icon.stories.js.map +1 -1
  92. package/dist/src/lib/components/Icon/index.d.ts +4 -2
  93. package/dist/src/lib/components/Icon/index.js +17 -3
  94. package/dist/src/lib/components/Icon/index.js.map +1 -1
  95. package/dist/src/lib/components/Image/Image.stories.js +2 -2
  96. package/dist/src/lib/components/Image/Image.stories.js.map +1 -1
  97. package/dist/src/lib/components/Image/index.js +3 -3
  98. package/dist/src/lib/components/Image/index.js.map +1 -1
  99. package/dist/src/lib/components/ImageLink/ImageLink.stories.d.ts +4 -1
  100. package/dist/src/lib/components/ImageLink/ImageLink.stories.js +8 -7
  101. package/dist/src/lib/components/ImageLink/ImageLink.stories.js.map +1 -1
  102. package/dist/src/lib/components/ImageLink/index.js +6 -6
  103. package/dist/src/lib/components/ImageLink/index.js.map +1 -1
  104. package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.d.ts +2 -2
  105. package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js +5 -3
  106. package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js.map +1 -1
  107. package/dist/src/lib/components/ImageLinkList/index.d.ts +1 -1
  108. package/dist/src/lib/components/ImageLinkList/index.js +3 -3
  109. package/dist/src/lib/components/ImageLinkList/index.js.map +1 -1
  110. package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js +5 -3
  111. package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js.map +1 -1
  112. package/dist/src/lib/components/InformationIcon/index.d.ts +1 -1
  113. package/dist/src/lib/components/InformationIcon/index.js +12 -13
  114. package/dist/src/lib/components/InformationIcon/index.js.map +1 -1
  115. package/dist/src/lib/components/Input/Input.stories.js +10 -10
  116. package/dist/src/lib/components/Input/Input.stories.js.map +1 -1
  117. package/dist/src/lib/components/Input/index.d.ts +1 -1
  118. package/dist/src/lib/components/Input/index.js +14 -14
  119. package/dist/src/lib/components/Input/index.js.map +1 -1
  120. package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js +1 -1
  121. package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js.map +1 -1
  122. package/dist/src/lib/components/Jumbotron/index.js +1 -1
  123. package/dist/src/lib/components/Jumbotron/index.js.map +1 -1
  124. package/dist/src/lib/components/Nav/Nav.stories.d.ts +6 -0
  125. package/dist/src/lib/components/Nav/Nav.stories.js +12 -12
  126. package/dist/src/lib/components/Nav/Nav.stories.js.map +1 -1
  127. package/dist/src/lib/components/Nav/index.d.ts +2 -2
  128. package/dist/src/lib/components/Nav/index.js +25 -35
  129. package/dist/src/lib/components/Nav/index.js.map +1 -1
  130. package/dist/src/lib/components/NavItem/NavItem.stories.js +1 -1
  131. package/dist/src/lib/components/NavItem/NavItem.stories.js.map +1 -1
  132. package/dist/src/lib/components/NavItem/index.js +2 -2
  133. package/dist/src/lib/components/NavItem/index.js.map +1 -1
  134. package/dist/src/lib/components/NewsCard/NewsCard.stories.js +1 -1
  135. package/dist/src/lib/components/NewsCard/NewsCard.stories.js.map +1 -1
  136. package/dist/src/lib/components/NewsCard/index.js +3 -3
  137. package/dist/src/lib/components/NewsCard/index.js.map +1 -1
  138. package/dist/src/lib/components/Profile/Profile.stories.js +2 -2
  139. package/dist/src/lib/components/Profile/Profile.stories.js.map +1 -1
  140. package/dist/src/lib/components/Profile/index.js +9 -11
  141. package/dist/src/lib/components/Profile/index.js.map +1 -1
  142. package/dist/src/lib/components/Row/Row.stories.js +4 -4
  143. package/dist/src/lib/components/Row/Row.stories.js.map +1 -1
  144. package/dist/src/lib/components/Row/index.js.map +1 -1
  145. package/dist/src/lib/components/Search/Search.stories.js +1 -1
  146. package/dist/src/lib/components/Search/Search.stories.js.map +1 -1
  147. package/dist/src/lib/components/Search/index.js +10 -10
  148. package/dist/src/lib/components/Search/index.js.map +1 -1
  149. package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js +9 -9
  150. package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js.map +1 -1
  151. package/dist/src/lib/components/SocialBlock/index.d.ts +2 -2
  152. package/dist/src/lib/components/SocialBlock/index.js +20 -21
  153. package/dist/src/lib/components/SocialBlock/index.js.map +1 -1
  154. package/dist/src/lib/components/StarRating/StarRating.stories.js +1 -1
  155. package/dist/src/lib/components/StarRating/StarRating.stories.js.map +1 -1
  156. package/dist/src/lib/components/StarRating/index.js +3 -3
  157. package/dist/src/lib/components/StarRating/index.js.map +1 -1
  158. package/dist/src/lib/components/Testimonial/Testimonial.stories.js +1 -1
  159. package/dist/src/lib/components/Testimonial/Testimonial.stories.js.map +1 -1
  160. package/dist/src/lib/components/Testimonial/index.js.map +1 -1
  161. package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js +2 -2
  162. package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js.map +1 -1
  163. package/dist/src/lib/components/TextAndTitle/index.d.ts +2 -2
  164. package/dist/src/lib/components/TextAndTitle/index.js +55 -64
  165. package/dist/src/lib/components/TextAndTitle/index.js.map +1 -1
  166. package/dist/src/lib/components/TextArea/TextArea.stories.js +3 -3
  167. package/dist/src/lib/components/TextArea/TextArea.stories.js.map +1 -1
  168. package/dist/src/lib/components/TextArea/index.js +4 -3
  169. package/dist/src/lib/components/TextArea/index.js.map +1 -1
  170. package/dist/src/lib/components/Timeline/Timeline.stories.js +12 -13
  171. package/dist/src/lib/components/Timeline/Timeline.stories.js.map +1 -1
  172. package/dist/src/lib/components/Timeline/index.d.ts +1 -1
  173. package/dist/src/lib/components/Timeline/index.js +57 -35
  174. package/dist/src/lib/components/Timeline/index.js.map +1 -1
  175. package/dist/src/lib/components/Tubestops/Tubestops.stories.js +4 -4
  176. package/dist/src/lib/components/Tubestops/Tubestops.stories.js.map +1 -1
  177. package/dist/src/lib/components/Tubestops/index.js +5 -5
  178. package/dist/src/lib/components/Tubestops/index.js.map +1 -1
  179. package/dist/src/lib/components/UserIcon/UserIcon.stories.js.map +1 -1
  180. package/dist/src/lib/components/UserIcon/index.js +5 -6
  181. package/dist/src/lib/components/UserIcon/index.js.map +1 -1
  182. package/dist/src/lib/components/Video/Video.stories.js +1 -1
  183. package/dist/src/lib/components/Video/Video.stories.js.map +1 -1
  184. package/dist/src/lib/components/Video/index.js +2 -2
  185. package/dist/src/lib/components/Video/index.js.map +1 -1
  186. package/dist/src/lib/index.js.map +1 -1
  187. package/dist/src/lib/typography/Fonts.stories.d.ts +2 -2
  188. package/dist/src/lib/typography/Fonts.stories.js +2 -32
  189. package/dist/src/lib/typography/Fonts.stories.js.map +1 -1
  190. package/dist/src/lib/typography/index.d.ts +4 -2
  191. package/dist/src/lib/typography/index.js.map +1 -1
  192. package/dist/src/lib/utils/controls.js.map +1 -1
  193. package/dist/src/lib/utils/theme.d.ts +3 -2
  194. package/dist/src/lib/utils/theme.js +20 -0
  195. package/dist/src/lib/utils/theme.js.map +1 -1
  196. package/dist/tailwind.config.d.ts +1 -0
  197. package/dist/tailwind.config.js +1 -0
  198. package/dist/tailwind.config.js.map +1 -1
  199. package/package.json +2 -1
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import Image from '.';
3
- import { idAndClassName } from '@utils/controls';
4
- import logo from '../../assets/images/primary-logo.png';
3
+ import { idAndClassName } from '../../utils/controls';
4
+ import logo from '@assets/images/primary-logo.png';
5
5
  const componentMeta = {
6
6
  title: 'Trepur Components/Rupert Bennett/Atoms/Image',
7
7
  component: Image,
@@ -1 +1 @@
1
- {"version":3,"file":"Image.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/Image.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Image.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/Image.stories.tsx"],"names":[],"mappings":"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"}
@@ -32,7 +32,7 @@ const Image = ({ id, className, image, altText, title, rounded = false, roundedF
32
32
  'h-36': height === 9,
33
33
  'h-40': height === 10,
34
34
  'h-44': height === 11,
35
- 'h-full': (height === undefined) || (![1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].includes(height)),
35
+ 'h-full': (height === undefined) || (![1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].includes(height))
36
36
  });
37
37
  const imageClassList = classNames({
38
38
  'rounded-2xl': rounded,
@@ -43,12 +43,12 @@ const Image = ({ id, className, image, altText, title, rounded = false, roundedF
43
43
  const overlayTextWrapperClassList = classNames(widthClassList, heightClassList, opacity, 'flex absolute z-20 transition-opacity duration-700');
44
44
  const overlayTextClassList = 'm-auto text-center text-primary';
45
45
  return (React.createElement(React.Fragment, null,
46
- overlayText &&
46
+ overlayText !== undefined &&
47
47
  React.createElement(React.Fragment, null,
48
48
  React.createElement("div", { className: overlayClassList }),
49
49
  React.createElement("div", { className: overlayTextWrapperClassList, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false) },
50
50
  React.createElement("p", { className: overlayTextClassList }, overlayText))),
51
- React.createElement("img", Object.assign({ id: id, className: imageClassList, src: image }, (altText && { alt: altText }), (title && { title: title })))));
51
+ React.createElement("img", Object.assign({ id: id, className: imageClassList, src: image }, (altText !== undefined && { alt: altText }), (title !== undefined && { title })))));
52
52
  };
53
53
  export default Image;
54
54
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/index.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,9 @@
1
1
  /// <reference types="react" />
2
- import { ComponentStory } from '@storybook/react';
2
+ import ImageLink from './index';
3
+ import { ComponentStory, ComponentMeta } from '@storybook/react';
4
+ declare const componentMeta: ComponentMeta<typeof ImageLink>;
3
5
  export declare const _ImageLink: ComponentStory<({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }: import("./index").Props) => JSX.Element>;
4
6
  export declare const _ImageLinkWithTitle: ComponentStory<({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }: import("./index").Props) => JSX.Element>;
5
7
  export declare const _ImageLinkWithButton: ComponentStory<({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }: import("./index").Props) => JSX.Element>;
6
8
  export declare const _ImageLinkRounded: ComponentStory<({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }: import("./index").Props) => JSX.Element>;
9
+ export default componentMeta;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { idAndClassName } from '@utils/controls';
2
+ import { idAndClassName } from '../../utils/controls';
3
3
  import Column from '../Column';
4
4
  import ImageLink from './index';
5
5
  const componentMeta = {
@@ -10,19 +10,19 @@ const componentMeta = {
10
10
  description: '',
11
11
  control: 'text',
12
12
  table: {
13
- category: '',
14
- },
13
+ category: ''
14
+ }
15
15
  }, image: {
16
16
  description: '',
17
17
  control: 'text',
18
18
  table: {
19
- category: '',
20
- },
19
+ category: ''
20
+ }
21
21
  } }),
22
22
  args: {
23
23
  image: 'https://picsum.photos/400/400',
24
24
  link: '/'
25
- },
25
+ }
26
26
  };
27
27
  const Template = (args) => React.createElement(Column, { sm: 3, md: 3 },
28
28
  React.createElement(ImageLink, Object.assign({}, args)));
@@ -44,6 +44,7 @@ _ImageLinkRounded.args = {
44
44
  buttonProps: {
45
45
  children: 'Button 1'
46
46
  },
47
- rounded: true,
47
+ rounded: true
48
48
  };
49
+ export default componentMeta;
49
50
  //# sourceMappingURL=ImageLink.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ImageLink.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/ImageLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,SAAS,MAAM,SAAS,CAAA;AAG/B,MAAM,aAAa,GAAoC;IACnD,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACD,cAAc,KACjB,KAAK,EAAE;YACH,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ,EACD,KAAK,EAAE;YACH,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ,GACJ;IACD,IAAI,EAAE;QACF,KAAK,EAAE,+BAA+B;QACtC,IAAI,EAAE,GAAG;KACZ;CACJ,CAAA;AAED,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,MAAM,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;IAAE,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAS,CAAA;AAEnH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG,EAAE,CAAC;AAErB,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,mBAAmB,CAAC,IAAI,GAAG;IACvB,KAAK,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,oBAAoB,CAAC,IAAI,GAAG;IACxB,WAAW,EAAE;QACT,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACrB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE;QACT,QAAQ,EAAE,UAAU;KACvB;IACD,OAAO,EAAE,IAAI;CAChB,CAAC"}
1
+ {"version":3,"file":"ImageLink.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/ImageLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,SAAS,MAAM,SAAS,CAAA;AAG/B,MAAM,aAAa,GAAoC;IACrD,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,GACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,+BAA+B;QACtC,IAAI,EAAE,GAAG;KACV;CACF,CAAA;AAED,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,MAAM,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;IAAE,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAS,CAAA;AAEnH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3C,UAAU,CAAC,IAAI,GAAG,EAAE,CAAA;AAEpB,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACpD,mBAAmB,CAAC,IAAI,GAAG;IACzB,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrD,oBAAoB,CAAC,IAAI,GAAG;IAC1B,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;KACrB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,iBAAiB,CAAC,IAAI,GAAG;IACvB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;KACrB;IACD,OAAO,EAAE,IAAI;CACd,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -2,17 +2,17 @@ import React from 'react';
2
2
  import Button from '../Button';
3
3
  import classNames from 'classnames';
4
4
  const ImageLink = ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }) => {
5
- const classList = classNames({}, `${className} cursor-pointer lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden text-center`);
5
+ const classList = classNames(className, 'cursor-pointer lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden text-center');
6
6
  const roundedClass = classNames({
7
7
  'rounded-full': rounded
8
8
  });
9
- return (React.createElement("a", Object.assign({}, (id && { id: id }), { href: link }, (openInNewTab && { target: 'blank' })),
9
+ return (React.createElement("a", Object.assign({ id: id, href: link }, (openInNewTab !== false && { target: 'blank' })),
10
10
  React.createElement("div", { className: roundedClass + ' ' + classList + ' relative overflow-hidden' },
11
- React.createElement("img", { src: image, alt: altText, className: "object-cover w-full h-full" }),
12
- title &&
11
+ React.createElement("img", { src: image, alt: altText, className: 'object-cover w-full h-full' }),
12
+ title !== undefined &&
13
13
  React.createElement("h1", { className: 'absolute bg-black text-white py-2 mt-4 top-0 inset-x-0 text-center' }, title),
14
- (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) &&
15
- React.createElement(Button, { className: 'absolute mx-8 mb-4 bottom-0 inset-x-0 text-center', children: buttonProps.children }))));
14
+ (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) !== undefined &&
15
+ React.createElement(Button, { className: 'absolute mx-8 mb-4 bottom-0 inset-x-0 text-center' }, buttonProps.children))));
16
16
  };
17
17
  export default ImageLink;
18
18
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,WAAW,CAAA;AACxD,OAAO,UAAU,MAAM,YAAY,CAAA;AAanC,MAAM,SAAS,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,WAAW,EACR,EAAE,EAAE;IAEP,MAAM,SAAS,GAAG,UAAU,CAAC,EAC5B,EAAE,GAAG,SAAS,wGAAwG,CAAC,CAAA;IAExH,MAAM,YAAY,GAAG,UAAU,CAAC;QAC5B,cAAc,EAAE,OAAO;KAC1B,CAAC,CAAA;IAEF,OAAO,CACH,2CACQ,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IACtB,IAAI,EAAE,IAAI,IACN,CAAC,YAAY,IAAI,EAAC,MAAM,EAAE,OAAO,EAAC,CAAC;QAEvC,6BAAK,SAAS,EAAE,YAAY,GAAG,GAAG,GAAG,SAAS,GAAG,2BAA2B;YACxE,6BACI,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,4BAA4B,GACxC;YACD,KAAK;gBACF,4BACI,SAAS,EAAC,oEAAoE,IAE7E,KAAK,CACL;YAER,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ;gBAClB,oBAAC,MAAM,IACH,SAAS,EAAC,mDAAmD,EAC7D,QAAQ,EAAE,WAAW,CAAC,QAAQ,GAChC,CAEJ,CACN,CACP,CAAA;AACL,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,oBAAoB,CAAA;AACjE,OAAO,UAAU,MAAM,YAAY,CAAA;AAanC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,WAAW,EACL,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,uGAAuG,CAAC,CAAA;IAEhJ,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,cAAc,EAAE,OAAO;KACxB,CAAC,CAAA;IAEF,OAAO,CACL,yCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,IACN,CAAC,YAAY,KAAK,KAAK,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAEnD,6BAAK,SAAS,EAAE,YAAY,GAAG,GAAG,GAAG,SAAS,GAAG,2BAA2B;YAC1E,6BACE,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,4BAA4B,GACtC;YACD,KAAK,KAAK,SAAS;gBAClB,4BACE,SAAS,EAAC,oEAAoE,IAE7E,KAAK,CACH;YACN,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,MAAK,SAAS;gBAClC,oBAAC,MAAM,IACL,SAAS,EAAC,mDAAmD,IAE5D,WAAW,CAAC,QAAQ,CACd,CACP,CACJ,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- import ImageLinkList from './index';
2
+ import ImageLinkList, { Props as imageLinkListProps } from './index';
3
3
  import { ComponentStory, ComponentMeta } from '@storybook/react';
4
4
  declare const componentMeta: ComponentMeta<typeof ImageLinkList>;
5
- export declare const _ImageLinkList: ComponentStory<({ id, className, items }: import("./index").Props) => JSX.Element>;
5
+ export declare const _ImageLinkList: ComponentStory<({ id, className, items }: imageLinkListProps) => JSX.Element>;
6
6
  export default componentMeta;
@@ -1,12 +1,14 @@
1
1
  import React from 'react';
2
- import { idAndClassName } from '@utils/controls';
2
+ import { idAndClassName } from '../../utils/controls';
3
3
  import ImageLinkList from './index';
4
4
  const getLinks = () => {
5
5
  return new Array(16).fill(null).map(() => {
6
6
  return {
7
- image: "https://picsum.photos/400/400",
7
+ image: 'https://picsum.photos/400/400',
8
8
  title: 'Hi',
9
- ctaText: 'button'
9
+ buttonProps: {
10
+ children: React.createElement("p", null, "button")
11
+ }
10
12
  };
11
13
  });
12
14
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ImageLinkList.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLinkList/ImageLinkList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,aAAa,MAAM,SAAS,CAAA;AAGnC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAClB,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE;QACrC,OAAO;YACH,KAAK,EAAE,+BAA+B;YACtC,KAAK,EAAE,IAAI;YACX,OAAO,EAAE,QAAQ;SACpB,CAAA;IACL,CAAC,CAAC,CAAA;AACN,CAAC,CAAA;AAED,MAAM,aAAa,GAAwC;IACvD,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACD,cAAc,CACpB;IACD,IAAI,EAAE;QACF,KAAK,EAAE,QAAQ,EAAE;KACpB;CACJ,CAAA;AAED,MAAM,QAAQ,GAAyC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,aAAa,oBAAK,IAAI,EAAI,CAAA;AAE5F,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/C,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"ImageLinkList.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLinkList/ImageLinkList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,aAA8C,MAAM,SAAS,CAAA;AAGpE,MAAM,QAAQ,GAAG,GAAQ,EAAE;IACzB,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE;QACvC,OAAO;YACL,KAAK,EAAE,+BAA+B;YACtC,KAAK,EAAE,IAAI;YACX,WAAW,EAAE;gBACX,QAAQ,EAAE,wCAAa;aACxB;SACF,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,aAAa,GAAwC;IACzD,KAAK,EAAE,mDAAmD;IAC1D,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACH,cAAc,CAClB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ,EAAE;KAClB;CACF,CAAA;AAED,MAAM,QAAQ,GAAyC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,aAAa,oBAAK,IAAI,EAAI,CAAA;AAE5F,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/C,eAAe,aAAa,CAAA"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { Props as imageLinkProps } from "../ImageLink/index";
2
+ import { Props as imageLinkProps } from '../ImageLink/index';
3
3
  export interface Props {
4
4
  id?: string;
5
5
  className?: string;
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import ImageLink from "../ImageLink/index";
2
+ import ImageLink from '../ImageLink/index';
3
3
  import classNames from 'classnames';
4
4
  const ImageLinkList = ({ id, className, items }) => {
5
- const classList = classNames({}, `${className} grid md:grid-cols-4 sm:grid-cols-2`);
6
- return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList }), items && items.map((item, i) => {
5
+ const classList = classNames(className, 'grid md:grid-cols-4 sm:grid-cols-2');
6
+ return (React.createElement("div", { id: id, className: classList }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
7
7
  return (React.createElement(ImageLink, { key: `image_link_${i + 0}`, altText: 'image', image: item.image, title: item.title }));
8
8
  })));
9
9
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLinkList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAqC,MAAM,oBAAoB,CAAA;AACtE,OAAO,UAAU,MAAM,YAAY,CAAA;AAOnC,MAAM,aAAa,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACD,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,UAAU,CAAC,EAC5B,EAAE,GAAG,SAAS,qCAAqC,CAAC,CAAA;IAErD,OAAO,CACL,6CAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAE,SAAS,EAAE,SAAS,KAC9C,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QACtC,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,cAAc,CAAC,GAAC,CAAC,EAAE,EACxB,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACH,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AAEL,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLinkList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAsC,MAAM,oBAAoB,CAAA;AACvE,OAAO,UAAU,MAAM,YAAY,CAAA;AAOnC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,oCAAoC,CAAC,CAAA;IAE7E,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,EAC1B,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACH,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import InformationIcon from './index';
3
- import { idAndClassName } from '@utils/controls';
3
+ import { idAndClassName } from '../../utils/controls';
4
4
  const componentMeta = {
5
5
  title: 'Trepur Components/Rupert Bennett/Atoms/Information Icon',
6
6
  component: InformationIcon,
@@ -60,8 +60,10 @@ const componentMeta = {
60
60
  theme: 'dark',
61
61
  iconProps: {
62
62
  type: 'heart',
63
- size: 3,
64
- className: 'mr-4 mb-8'
63
+ size: 2,
64
+ className: 'mr-4 mb-8',
65
+ colour: 'white',
66
+ bgColour: 'primary'
65
67
  }
66
68
  }
67
69
  };
@@ -1 +1 @@
1
- {"version":3,"file":"InformationIcon.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAe,MAAM,SAAS,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,aAAa,GAA0C;IACzD,KAAK,EAAE,yDAAyD;IAChE,SAAS,EAAE,eAAe;IAC1B,QAAQ,kCACD,cAAc,KACjB,IAAI,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACJ,EACD,MAAM,EAAE;YACJ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,wCAAwC;YACrD,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC9B;SACJ,EACD,QAAQ,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC/B;YACD,YAAY,EAAE,OAAO;SACxB,EACD,OAAO,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,0CAA0C;YACvD,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC/B;YACD,YAAY,EAAE,OAAO;SACxB,EACD,aAAa,EAAE;YACX,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,gDAAgD;YAC7D,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC/B;YACD,YAAY,EAAE,OAAO;SACxB,EACD,SAAS,EAAE;YACP,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,2DAA2D;YACxE,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC9B;SACJ,EACD,KAAK,EAAE;YACH,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAC1B,WAAW,EAAE,oCAAoC;YACjD,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;YACzE,YAAY,EAAE,OAAO;YACrB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B,GACJ;IACD,IAAI,EAAE;QACF,IAAI,EAAE,oBAAoB;QAC1B,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,IAAI;QACnB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE;YACP,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,CAAC;YACP,SAAS,EAAE,WAAW;SACzB;KACJ;CACJ,CAAA;AAED,MAAM,QAAQ,GAA2C,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,eAAe,oBAAK,IAAI,EAAI,CAAA;AAEhG,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"InformationIcon.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAe,MAAM,SAAS,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,aAAa,GAA0C;IAC3D,KAAK,EAAE,yDAAyD;IAChE,SAAS,EAAE,eAAe;IAC1B,QAAQ,kCACH,cAAc,KACjB,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,MAAM,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,wCAAwC;YACrD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC7B;YACD,YAAY,EAAE,OAAO;SACtB,EACD,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,0CAA0C;YACvD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC7B;YACD,YAAY,EAAE,OAAO;SACtB,EACD,aAAa,EAAE;YACb,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,gDAAgD;YAC7D,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC7B;YACD,YAAY,EAAE,OAAO;SACtB,EACD,SAAS,EAAE;YACT,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,2DAA2D;YACxE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAC1B,WAAW,EAAE,oCAAoC;YACjD,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;YACzE,YAAY,EAAE,OAAO;YACrB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,GACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,oBAAoB;QAC1B,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,IAAI;QACnB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE;YACT,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,CAAC;YACP,SAAS,EAAE,WAAW;YACtB,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,SAAS;SACpB;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAA2C,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,eAAe,oBAAK,IAAI,EAAI,CAAA;AAEhG,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,eAAe,aAAa,CAAA"}
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { Props as iconProps } from '../Icon';
3
3
  export interface Props {
4
- id?: string;
4
+ id: string;
5
5
  className?: string;
6
6
  text?: string;
7
7
  number: number;
@@ -3,29 +3,28 @@ import Icon from '../Icon';
3
3
  import classNames from 'classnames';
4
4
  const InformationIcon = ({ id, className, text, number, bordered = false, rounded = false, withAnimation = false, iconProps, theme = 'light' }) => {
5
5
  const colours = theme === 'dark' ? 'placeholder-white bg-primary text-white' : 'placeholder-primary bg-white text-primary';
6
- let loaded = useRef(false);
6
+ const loaded = useRef(false);
7
7
  useEffect(() => {
8
- const element = document.getElementById(id + '_number');
9
- let observer = new IntersectionObserver((entries, observer) => {
8
+ const element = document.getElementById(`${id}_number`);
9
+ const observer = new IntersectionObserver((entries, observer) => {
10
10
  entries.forEach(entry => {
11
- if (entry.intersectionRatio >= 0.1 && loaded.current == false) {
11
+ if (entry.intersectionRatio >= 0.1 && !loaded.current) {
12
12
  loaded.current = true;
13
- counterAnimation(document.getElementById(id + '_number'), 0, number, 3000);
13
+ counterAnimation(document.getElementById(`${id}_number`), 0, number, 3000);
14
14
  }
15
15
  });
16
16
  }, { threshold: 1 });
17
- element && withAnimation && observer.observe(element);
17
+ (element != null) && withAnimation && observer.observe(element);
18
18
  }, []);
19
19
  const wrapperClasses = 'h-96 flex items-center text-center ease-out duration-300';
20
20
  const classList = classNames({
21
- 'border': bordered,
22
- 'rounded-2xl': rounded,
21
+ border: bordered,
22
+ 'rounded-2xl': rounded
23
23
  }, className, colours, 'flex flex-col justify-center w-full h-full items-center ease-out duration-300 text-md lg:text-md hover:text-lg');
24
24
  const counterAnimation = (obj, start, end, duration) => {
25
- let startTimestamp = undefined;
25
+ let startTimestamp;
26
26
  const step = (timestamp) => {
27
- if (!startTimestamp)
28
- startTimestamp = timestamp;
27
+ startTimestamp = timestamp;
29
28
  const progress = Math.min((timestamp - startTimestamp) / duration, 1);
30
29
  obj.innerHTML = Math.floor(progress * (end - start) + start);
31
30
  if (progress < 1) {
@@ -36,9 +35,9 @@ const InformationIcon = ({ id, className, text, number, bordered = false, rounde
36
35
  };
37
36
  return (React.createElement("div", { id: id, className: wrapperClasses },
38
37
  React.createElement("div", { className: classList },
39
- iconProps &&
38
+ (iconProps != null) &&
40
39
  React.createElement(Icon, Object.assign({}, iconProps)),
41
- number &&
40
+ number !== undefined &&
42
41
  React.createElement("p", null, number),
43
42
  React.createElement("p", null, text))));
44
43
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,IAA2B,MAAM,SAAS,CAAA;AACjD,OAAO,UAAU,MAAM,YAAY,CAAA;AAcnC,MAAM,eAAe,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,GAAG,OAAO,EACZ,EAAE,EAAE;IACP,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,2CAA2C,CAAA;IAC1H,IAAI,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,GAAG,SAAS,CAAC,CAAA;QACvD,IAAI,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;YAC1D,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,IAAG,KAAK,CAAC,iBAAiB,IAAI,GAAG,IAAI,MAAM,CAAC,OAAO,IAAI,KAAK,EAAC;oBAC3D,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA;oBACrB,gBAAgB,CACZ,QAAQ,CAAC,cAAc,CACnB,EAAE,GAAG,SAAS,CACjB,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAA;iBACxB;YACH,CAAC,CAAC,CAAA;QACN,CAAC,EAAE,EAAC,SAAS,EAAE,CAAC,EAAC,CAAC,CAAA;QAClB,OAAO,IAAI,aAAa,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,cAAc,GAAG,0DAA0D,CAAA;IAEjF,MAAM,SAAS,GAAG,UAAU,CAAC;QACrB,QAAQ,EAAE,QAAQ;QAClB,aAAa,EAAG,OAAO;KAC1B,EACD,SAAS,EACT,OAAO,EACP,gHAAgH,CAAC,CAAA;IAErH,MAAM,gBAAgB,GAAG,CAAC,GAAQ,EAAE,KAAa,EAAE,GAAW,EAAE,QAAgB,EAAE,EAAE;QAChF,IAAI,cAAc,GAAuB,SAAS,CAAA;QAClD,MAAM,IAAI,GAAG,CAAC,SAAiB,EAAE,EAAE;YAC/B,IAAI,CAAC,cAAc;gBAAE,cAAc,GAAG,SAAS,CAAA;YAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,cAAc,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YACrE,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,CAAA;YAC5D,IAAI,QAAQ,GAAG,CAAC,EAAE;gBACd,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;aACrC;QACL,CAAC,CAAC;QACF,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC,CAAA;IAED,OAAO,CACH,6BACI,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc;QAEzB,6BAAK,SAAS,EAAE,SAAS;YACpB,SAAS;gBACN,oBAAC,IAAI,oBAAK,SAAS,EAAI;YAE1B,MAAM;gBACH,+BAAI,MAAM,CAAK;YAEnB,+BAAI,IAAI,CAAK,CACX,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,IAA4B,MAAM,kBAAkB,CAAA;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAA;AAcnC,MAAM,eAAe,GAAG,CAAC,EACvB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,GAAG,OAAO,EACT,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,2CAA2C,CAAA;IAC1H,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;QACvD,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;YAC9D,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,IAAI,KAAK,CAAC,iBAAiB,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;oBACrD,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA;oBACrB,gBAAgB,CACd,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAA;iBAC5D;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CACnB;QAAA,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,aAAa,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,cAAc,GAAG,0DAA0D,CAAA;IAEjF,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,MAAM,EAAE,QAAQ;QAChB,aAAa,EAAE,OAAO;KACvB,EACD,SAAS,EACT,OAAO,EACP,gHAAgH,CAAC,CAAA;IAEjH,MAAM,gBAAgB,GAAG,CAAC,GAAQ,EAAE,KAAa,EAAE,GAAW,EAAE,QAAgB,EAAQ,EAAE;QACxF,IAAI,cAAsB,CAAA;QAC1B,MAAM,IAAI,GAAG,CAAC,SAAiB,EAAQ,EAAE;YACvC,cAAc,GAAG,SAAS,CAAA;YAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,cAAc,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YACrE,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,CAAA;YAC5D,IAAI,QAAQ,GAAG,CAAC,EAAE;gBAChB,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;aACnC;QACH,CAAC,CAAA;QACD,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc;QAEzB,6BAAK,SAAS,EAAE,SAAS;YACtB,CAAC,SAAS,IAAI,IAAI,CAAC;gBAClB,oBAAC,IAAI,oBAAK,SAAS,EAAI;YACxB,MAAM,KAAK,SAAS;gBACnB,+BAAI,MAAM,CAAK;YACjB,+BAAI,IAAI,CAAK,CACT,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
@@ -25,49 +25,49 @@ const componentMeta = {
25
25
  description: '',
26
26
  control: 'text',
27
27
  table: {
28
- category: '',
28
+ category: ''
29
29
  }
30
30
  },
31
31
  placeholder: {
32
32
  description: '',
33
33
  control: 'text',
34
34
  table: {
35
- category: '',
35
+ category: ''
36
36
  }
37
37
  },
38
38
  bold: {
39
39
  description: '',
40
40
  control: 'boolean',
41
41
  table: {
42
- category: '',
42
+ category: ''
43
43
  }
44
44
  },
45
45
  required: {
46
46
  description: '',
47
47
  control: 'boolean',
48
48
  table: {
49
- category: '',
49
+ category: ''
50
50
  }
51
51
  },
52
52
  hasValidation: {
53
53
  description: '',
54
54
  control: 'boolean',
55
55
  table: {
56
- category: '',
56
+ category: ''
57
57
  }
58
58
  },
59
59
  errors: {
60
60
  description: '',
61
61
  control: 'array',
62
62
  table: {
63
- category: '',
63
+ category: ''
64
64
  }
65
65
  },
66
66
  value: {
67
67
  description: 'The default value of the input',
68
68
  control: 'text',
69
69
  table: {
70
- category: '',
70
+ category: ''
71
71
  }
72
72
  },
73
73
  theme: {
@@ -83,9 +83,9 @@ const componentMeta = {
83
83
  label: 'This is a label',
84
84
  placeholder: 'This is a placeholder',
85
85
  errors: [
86
- "This is an error",
87
- "This is another error",
88
- "This is a third error"
86
+ 'This is an error',
87
+ 'This is another error',
88
+ 'This is a third error'
89
89
  ]
90
90
  }
91
91
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAG3B,MAAM,aAAa,GAAgC;IAC/C,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE;QACN,EAAE,EAAE;YACA,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ;QACD,SAAS,EAAE;YACP,WAAW,EAAE,mDAAmD;YAChE,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ;QACD,KAAK,EAAE;YACH,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,WAAW,EAAE;YACT,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,IAAI,EAAE;YACF,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,QAAQ,EAAE;YACN,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,aAAa,EAAE;YACX,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,MAAM,EAAE;YACJ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,KAAK,EAAE;YACH,WAAW,EAAE,gCAAgC;YAC7C,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ;QACD,KAAK,EAAE;YACH,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAC1B,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;YACvE,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;IACD,IAAI,EAAE;QACF,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,uBAAuB;QACpC,MAAM,EAAE;YACJ,kBAAkB;YAClB,uBAAuB;YACvB,uBAAuB;SAC1B;KACJ;CACJ,CAAA;AAED,MAAM,QAAQ,GAAiC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,KAAK,oBAAK,IAAI,EAAI,CAAA;AAE5E,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEvC,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAG3B,MAAM,aAAa,GAAgC;IACjD,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,mDAAmD;YAChE,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,WAAW,EAAE;YACX,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,aAAa,EAAE;YACb,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,gCAAgC;YAC7C,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAC1B,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;YACvE,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,uBAAuB;QACpC,MAAM,EAAE;YACN,kBAAkB;YAClB,uBAAuB;YACvB,uBAAuB;SACxB;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAiC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,KAAK,oBAAK,IAAI,EAAI,CAAA;AAE5E,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEvC,eAAe,aAAa,CAAA"}
@@ -23,7 +23,7 @@ export interface Props {
23
23
  onChange?: (e: any) => void;
24
24
  onBlur?: () => void;
25
25
  onFocus?: () => void;
26
- errors?: Array<string>;
26
+ errors?: string[];
27
27
  value?: string;
28
28
  theme?: 'dark' | 'light';
29
29
  }
@@ -2,24 +2,24 @@ import React from 'react';
2
2
  import classNames from 'classnames';
3
3
  const Input = ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, hasValidation, errors, value, theme }) => {
4
4
  const colours = theme === 'dark' ? 'placeholder-white bg-primary text-white' : 'placeholder-primary bg-white text-primary';
5
- const classList = classNames({}, `${className} ${colours} flex flex-col`);
5
+ const classList = classNames(className, colours, 'flex flex-col');
6
6
  const labelClassList = classNames({
7
- 'font-bold': bold,
8
- }, `${labelClasses} w-auto pb-2`);
9
- const inputClassList = classNames({}, `${inputClasses} ${colours} border px-2 py-2 mb-2 rounded-md`);
10
- return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList }),
11
- label &&
12
- React.createElement("label", { id: `label-${id}`, className: labelClassList, htmlFor: `input-${id}` },
7
+ 'font-bold': bold
8
+ }, labelClasses, 'w-auto pb-2');
9
+ const inputClassList = classNames({}, inputClasses, colours, 'border px-2 py-2 mb-2 rounded-md');
10
+ const newId = id !== undefined ? `-${id}` : '';
11
+ return (React.createElement("div", { id: id, className: classList },
12
+ label !== undefined &&
13
+ React.createElement("label", { id: `label${newId}`, className: labelClassList, htmlFor: `input${newId}` },
13
14
  React.createElement("p", null,
14
15
  label,
15
- required &&
16
+ required === true &&
16
17
  React.createElement("span", { className: 'text-red' }, "*"))),
17
- React.createElement("input", { id: `input-${id}`, className: inputClassList, 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: onChange, onBlur: onBlur, onFocus: onFocus }),
18
- hasValidation &&
19
- React.createElement("div", { id: `${id}-errors` }, errors &&
20
- errors.map((error, i) => {
21
- return (React.createElement("p", { key: `error_msg_${i + 0}`, className: 'text-red text-sm' }, error));
22
- }))));
18
+ React.createElement("input", { id: `input${newId}`, className: inputClassList, 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: onChange, onBlur: onBlur, onFocus: onFocus }),
19
+ hasValidation === true &&
20
+ React.createElement("div", { id: `errors${newId}` }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
21
+ return (React.createElement("p", { key: `error_msg_${i + 0}`, className: 'text-red text-sm' }, error));
22
+ }))));
23
23
  };
24
24
  export default Input;
25
25
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AA+BnC,MAAM,KAAK,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,EACL,KAAK,EACD,EAAE,EAAE;IACR,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,2CAA2C,CAAA;IAC1H,MAAM,SAAS,GAAG,UAAU,CAAC,EAC5B,EAAE,GAAG,SAAS,IAAI,OAAO,gBAAgB,CAAC,CAAA;IAE3C,MAAM,cAAc,GAAG,UAAU,CAAC;QAC9B,WAAW,EAAE,IAAI;KACpB,EAAE,GAAG,YAAY,cAAc,CAAC,CAAA;IAEjC,MAAM,cAAc,GAAG,UAAU,CAAC,EACjC,EAAE,GAAG,YAAY,IAAI,OAAO,mCAAmC,CAAC,CAAA;IAEjE,OAAO,CACH,6CACQ,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IACtB,SAAS,EAAE,SAAS;QAEnB,KAAK;YACF,+BACI,EAAE,EAAE,SAAS,EAAE,EAAE,EACjB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,SAAS,EAAE,EAAE;gBAE1B;oBACK,KAAK;oBACL,QAAQ;wBACL,8BAAM,SAAS,EAAC,UAAU,QAAS,CAEvC,CACA;QACR,+BACI,EAAE,EAAE,SAAS,EAAE,EAAE,EACjB,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAClB;QACD,aAAa;YACV,6BAAK,EAAE,EAAE,GAAG,EAAE,SAAS,IAClB,MAAM;gBACH,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;oBACpB,OAAO,CACH,2BACI,GAAG,EAAE,aAAa,CAAC,GAAC,CAAC,EAAE,EACvB,SAAS,EAAC,kBAAkB,IAE3B,KAAK,CACN,CACP,CAAA;gBACL,CAAC,CAAC,CAEJ,CAER,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AA+BnC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,EACL,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,2CAA2C,CAAA;IAC1H,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe,CAAC,CAAA;IAEjE,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,WAAW,EAAE,IAAI;KAClB,EAAE,YAAY,EAAE,aAAa,CAAC,CAAA;IAE/B,MAAM,cAAc,GAAG,UAAU,CAAC,EACjC,EAAE,YAAY,EAAE,OAAO,EAAE,kCAAkC,CAAC,CAAA;IAE7D,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9C,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,KAAK,EAAE;gBAExB;oBACG,KAAK;oBACL,QAAQ,KAAK,IAAI;wBAChB,8BAAM,SAAS,EAAC,UAAU,QAAS,CACnC,CACE;QACV,+BACE,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB;QACD,aAAa,KAAK,IAAI;YACrB,6BAAK,EAAE,EAAE,SAAS,KAAK,EAAE,IACtB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACxB,OAAO,CACL,2BACE,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EACzB,SAAS,EAAC,kBAAkB,IAE3B,KAAK,CACJ,CACL,CAAA;YACH,CAAC,CAAC,CACE,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { idAndClassName } from '@utils/controls';
2
+ import { idAndClassName } from '../../utils/controls';
3
3
  import Jumbotron from './index';
4
4
  const componentMeta = {
5
5
  title: 'Trepur Components/Rupert Bennett/Organisms/Jumbotron',
@@ -1 +1 @@
1
- {"version":3,"file":"Jumbotron.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/Jumbotron.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,SAAS,MAAM,SAAS,CAAA;AAG/B,MAAM,aAAa,GAAoC;IACnD,KAAK,EAAE,sDAAsD;IAC7D,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACD,cAAc,CACpB;IACD,IAAI,EAAE;QACF,KAAK,EAAE,gCAAgC;KAC1C;CACJ,CAAA;AAED,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAA;AAEpF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"Jumbotron.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/Jumbotron.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,SAAS,MAAM,SAAS,CAAA;AAG/B,MAAM,aAAa,GAAoC;IACrD,KAAK,EAAE,sDAAsD;IAC7D,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACH,cAAc,CAClB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,gCAAgC;KACxC;CACF,CAAA;AAED,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAA;AAEpF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,eAAe,aAAa,CAAA"}
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import classNames from 'classnames';
3
3
  const Jumbotron = ({ id, className, image, altText }) => {
4
4
  const classList = classNames(className);
5
- return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList }),
5
+ return (React.createElement("div", { id: id, className: classList },
6
6
  React.createElement("img", { className: 'w-full object-cover', src: image, alt: altText })));
7
7
  };
8
8
  export default Jumbotron;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,SAAS,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACH,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,OAAO,CACH,6CAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAE,SAAS,EAAE,SAAS;QAC7C,6BAAK,SAAS,EAAC,qBAAqB,EAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAG,CAC9D,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAC,qBAAqB,EAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAI,CAC7D,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import Nav from './index';
3
+ import { ComponentStory, ComponentMeta } from '@storybook/react';
4
+ declare const componentMeta: ComponentMeta<typeof Nav>;
5
+ export declare const _Nav: ComponentStory<({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, fixedTop, mobileClasses, getNavStatus, theme, text, textLink }: import("./index").Props) => JSX.Element>;
6
+ export default componentMeta;
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import Nav from './index';
3
- import { idAndClassName } from '@utils/controls';
4
- import logoDarkTheme from '../../assets/images/primary-logo-bold.png';
5
- import logo from '../../assets/images/secondary-logo-bold.png';
3
+ import { idAndClassName } from '../../utils/controls';
4
+ import logoDarkTheme from '@assets/images/primary-logo-bold.png';
5
+ import logoImage from '@assets/images/secondary-logo-bold.png';
6
6
  const navLinks = [
7
7
  { title: 'Home', href: '/', isActive: true },
8
8
  { title: 'Resume', href: '/', isActive: false },
@@ -108,25 +108,25 @@ const componentMeta = {
108
108
  description: 'A link to navigate to when clicking on the text in the component',
109
109
  control: 'string',
110
110
  table: {
111
- category: '',
111
+ category: ''
112
112
  }
113
113
  } }),
114
114
  args: {
115
115
  logoLink: '/',
116
- navLinks: navLinks,
116
+ navLinks,
117
117
  asSideBar: true,
118
118
  dropdownNavHeight: '80',
119
- logo: logo,
120
- logoDarkTheme: logoDarkTheme,
121
- mobileLogo: logo,
119
+ logo: logoImage,
120
+ logoDarkTheme,
121
+ mobileLogo: logoImage,
122
122
  mobileLogoDarkTheme: logoDarkTheme,
123
123
  fixedTop: true,
124
124
  theme: 'dark',
125
125
  text: 'rupertbennett.com',
126
- // getNavStatus: (status) => {
127
- // console.log({ status })
128
- // }
129
- },
126
+ getNavStatus: (status) => {
127
+ console.log(status ? 'open' : 'closed');
128
+ }
129
+ }
130
130
  };
131
131
  const Template = (args) => React.createElement(Nav, Object.assign({}, args));
132
132
  export const _Nav = Template.bind({});